@charset "utf-8";
/* CSS Document */
body{ background:#FFF}
.fd{ overflow:hidden;}
.ej_box1{ width:50%; float:right;}
.ej_box2{ width:50%; float:left;}
.ej_box5{ width:50%; float:left;}
.ej_box3{ width:50%; float:left; margin-bottom:30px;}
.ej_box4{ width:50%; float:left; margin-bottom:30px;}
.zg{ padding-top:40px; padding-bottom:70px;}

.ej_box_m{ width:86%; margin:0 auto; color:#949494;}
.ej_box_m_title{ color:#83be00; font-size:22px; padding-top:48px; padding-bottom:30px;}
.ej_box_m_title_1{ color:#83be00; font-size:22px; padding-bottom:30px; line-height:28px;}
.ej_box_m_text{ font-size:15px; color:#949494; line-height: 24px;}
.ej_t_img{ padding-top:110px; padding-bottom:68px;}

.ej_t_img .ej_t_title{ color:#83be00; font-size:22px; padding-top:20px;
}
.ej_box_m_zb{ width:24px; height:24x; background-color:#7db723;-moz-border-radius: 24px;-webkit-border-radius:24px; border-radius:24px; line-height:24px; text-align:center; color:#FFF;}
.ej_box_m_z{ margin-bottom:50px;}
.ej_box_m_z div{ float:left; margin-right:10px;}
.ej_box_m_h{ height:73px;}

.figure {
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	position: relative;
}
.figure img {
	width: 100%;
	height: auto;
}

.ej_box_img{ position:relative;}
.ej_box_img img{ width:100%;}
.ej_box_img .ej_box_zz{ position:absolute; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0.8); display:none; font-size:20px; color:#FFF;}


.figure li a, .figure li a img {
	display: block;
	position: relative;
}
.figure img {
	display: block;
	max-width: 100%;
	-webkit-backface-visibility: hidden;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.figure:hover img {
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.fd .figure img {
	display: block;
	max-width: 100%;
	-webkit-backface-visibility: hidden;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.fd:hover .figure img {
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


.box_1{ margin-top:20px; margin-bottom:20px;}

.box_2 strong{ display:block; color:#000; font-size:30px; font-weight:100; line-height:40px; margin-bottom:5px; margin-top:5px;}
.box_2{ line-height:25px; font-size:16px;}
.box_2 strong i{ font-size:45px; font-style:normal; color:#F00; font-weight:bold}
.ej_box_m_img{ margin-bottom:10px;}

.join_nav{ height:80px; background:url(../images/bgbg.png); width:100%; margin-top:-80px; position:relative; z-index:100;}
.join_nav ul li{ float:left; width:33.3333%; text-align:center; height:80px; line-height:80px; color:#FFF; font-size:18px; cursor:pointer}
.join_nav ul li a{ color:#FFF; font-size:18px; display:block; width:100%; height:100%;}
.join_nav .hover{}


.join_nav .line{ height:50px; width:1px; position:absolute; left:0; top:15px; background: #5b5b5b}
.join_nav .line1{ left:33.33%}
.join_nav .line2{ left:66.66%;}
.join_nav .line3{ left:99.99%;}
.join_nav .line4{ left:80%; display:none}
.join_nav i{ display:block; width:33.3333%; height:6px; background:#ff0000; left:0px; top:0px; position:absolute}

.con_title{ width:1200px; margin:0 auto; font-size:36px; margin:0 auto;  text-align:center; margin-top:80px;}
.con_title i{ font-style:normal; font-size:46px; color:#F00;}
.con_con{ width:1200px; margin:0 auto; font-size:18px; line-height:200%; vertical-align:baseline; margin-top:100px; overflow:hidden}
.con_con img{ float:left; margin-right:20px;}
.con_con strong{ font-size:30px; color:#F00; vertical-align:baseline; font-weight:100}
.con_contwo{ font-size:18px; width:1200px; margin:0 auto; overflow:hidden; margin-top:50px;  line-height:200%; margin-bottom:30px}
.con_contwo img{ float:right; margin-left:20px;}
.con_contwo strong{ font-size:30px; color:#F00; margin-bottom:20px;}



#con_three_2,#con_three_3,#con_three_4,#con_three_5{ display:none}


.con_conthree{ width:1200px; margin:0 auto; margin-top:60px; overflow:hidden; margin-bottom:60px; font-size:18px; line-height:200%; position:relative;}
.con_conthree img{margin-right:40px; float:left}
.con_conthree strong{ font-size:32px; color:#F00;}

.con_conthree .word{ position:absolute; left:100%; margin-left:-520px; top:150px; width:520px; color:#F00; font-size:36px;}
.con_conthree .word p{ font-size:16px; color:#747474; line-height:25px; padding-top:10px;}
.con_conthree .word img{margin-right:40px; width:60%; float:none}


#con_three_5{ width:100%; background:url(../images/pic11.jpg) no-repeat; height:690px;}
#con_three_5 .title{ font-size:30px; text-align:center; background:url(../images/line.png) no-repeat center 90px; width:400px; margin:0 auto; height:40px; line-height:40px; padding-top:70px; margin-bottom:30px;}


.form{ width:1000px; margin:0 auto;}
.form .form_1{ float:left; font-size:16px; width:560px;}
.form .form_1 td { padding:5px; background:none}
.form .form_1 table{ background:none}
.form .form_1 td input{border-radius: 5px;
    width:298px;
    height: 47px;
    border: 1px solid #cccccc;
    margin-top: 20px;
    color: #CCC;
    font-size: 16px;
    font-family: "Microsoft Yahei";
    line-height: 47px;
    padding-left: 15px;
    padding-right: 15px; margin-right:15px;}


.form .form_1 .submit{ background:#737373; color:#FFF; border:none; width:330px; cursor:pointer}
.form .form_1 .submit:hover{ background:#F00;}
.form .form_2{ float:left; font-size:18px; line-height:200%; margin-top:100px; margin-left:100px;}
.form .form_2 strong{ font-size:30px; color:#000}

.zsjm{height:519px;}

.app_join_nav{ display:none}
.banner_p{ font-size:30px;}

.wordmap{ width:56%;}

.formtitle{ width:16%}
@media screen and (max-width:500px) {

.join_nav{ display:none}
.join_nav .line{ height:20px;}
.join_nav i{ height:3px;}
.app_join_nav{ display:block}
.zsjm{height:190px;}
.join_nav{    margin-top: -50px; height: 50px;}

.join_nav ul li{ height:50px; line-height:50px; font-size:12px;}

.banner .banner_tex{font-size: 25px;}
.banner .banner_p{font-size: 17px; top:110px}

.ej_box1{ width:100%}
.ej_box_m_img img{ width:50px; height:auto;}
.ej_box_m{ width:95%}
.box_1 img{ width:159px; height: auto}
.box_1 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.box_2 strong{ font-size:15px; margin:0px; line-height: 30px;}

.box_2{    line-height: 20px;
    font-size: 12px;}

.ej_box2 {
    width: 100%;}

.ej_box5 {
    width: 100%;
}

.box_2 strong i{ font-size:25px}

.con_title{ width:100%; font-size:16px; margin-top: 40px;}
.con_title i{ font-size:25px}

.con_con,.con_contwo{ width:90%; margin-top: 40px;     font-size: 13px;
    line-height: 180%;}
.con_con strong,.con_contwo strong{ font-size:17px;}
.con_con img,.con_contwo img{ max-width:100%; height:auto; margin-bottom:10px;}

.con_conthree img{ width:30%; margin-right:2%;}
.con_conthree{ width:96%;    font-size: 13px; margin-top: 10px;}
.con_conthree strong{ font-size:17px;}

.con_conthree .word{ position:static; margin-left:0px; font-size: 20px; margin-bottom:10px;}
.con_conthree img{ width:30%}
.con_conthree .wordmap{ width:100%}

#con_three_5 {
    width: 100%;
    background: url(../images/pic11.jpg) no-repeat right;
    height: 530px;
}
#con_three_5 .title{ width:95%; font-size:24px;    background: url(../images/line.png) no-repeat center 50px;padding-top: 30px;}
.form{ width:320px;}
.form .form_1{ width:100%;}
.form .form_1 td input {
    border-radius: 5px;
    width: 158px;
    height: 35px;
    border: 1px solid #cccccc;
    margin-top: 20px;
    color: #CCC;
    font-size: 16px;
    font-family: "Microsoft Yahei";
    line-height: 35px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 15px;
}

.form .form_1 .submit{width: 190px;}
.formtitle{ width:26%;}
.form .form_1 td input{ margin-top:0px;}
.form .form_2 strong{ font-size:25px;}
.form .form_2{ margin-left:0px;     margin-top: 50px; font-size:14px;}
}