.gsjj_index{background:url(../images/gsjj_bg.jpg); height:618px; padding:30px 0}
.gsjj_index h2{color:#FFF; text-align:center; margin:30px auto; font-size:30px;}
.gsjj_index .ftitle{color:rgba(255,255,255,.3); font-size:60px; text-align:center;}
.gsjj_index .text .desc{color:rgba(255,255,255,.8); max-width:1100px; margin:0 auto; line-height:30px;  text-indent:2em; font-size:16px;}
.gsjj_index .img img{width:100%;}

.gsjj_index .about_btn{padding:0; display:flex; justify-content:space-around; max-width:1100px; margin:50px auto;}
.gsjj_index .about_btn li{list-style-type:none; text-align:center;}
.gsjj_index .about_btn li a{ color:#CCC; font-size:16px;}
.gsjj_index .about_btn li span{width:100px; height:100px; display:block; border-radius:100px; margin-bottom:10px;}

.gsjj_index .about_btn li span.jj_btn{background:#DDD url(../images/gsjj_about1.png) center no-repeat; background-size:60px 60px}
.gsjj_index .about_btn li span.yj_btn{background:#DDD url(../images/gsjj_vision1.png) center no-repeat; background-size:60px 60px}
.gsjj_index .about_btn li span.lx_btn{background:#DDD url(../images/gsjj_contact1.png) center no-repeat; background-size:60px 60px}

.gsjj_index .about_btn li a:hover span.jj_btn{background:#009621 url(../images/gsjj_about.png) center no-repeat; background-size:60px 60px}
.gsjj_index .about_btn li a:hover span.yj_btn{background:#009621 url(../images/gsjj_vision.png) center no-repeat; background-size:60px 60px}
.gsjj_index .about_btn li a:hover span.lx_btn{background:#009621 url(../images/gsjj_contact.png) center no-repeat; background-size:60px 60px}


.subcolumn{display:flex; justify-content:center;padding:0;}
.subcolumn li{list-style-type:none; padding:20px 20px 0 20px; font-size:18px;}
.subcolumn li a{ color:#333}
.subcolumn li a:hover{color:#029841}
@media (min-width:768px){	
.foot_menu{display:flex; justify-content:space-between; margin:0 auto}
.foot_left{width:50%;}
.app_download{width:50%; display:flex; justify-content:flex-end;}
.app_download img{width:100px; height:100px; margin:10px 20px;}

.join_con2 ul{padding:0}
.join_con2 ul li{list-style-type:none; text-align:left; width:100%; min-height: 150px; margin:0 auto; display:flex; align-items:center}
.join_con2 ul li h2{width:35%; float:left; margin:0; background:url(../images/icon.jpg) left center no-repeat; padding-left:15px;}
.join_con2 ul li span{display:block; font-size:20px; width:65%}
.join_con2 ul li p{font-size:16px;}
}
@media (max-width:767px){
.gsjj_index .about_btn{display:none;}
.foot_menu{display:flex;flex-direction:column ; justify-content:space-between; margin:0 auto}
.foot_left{width:100%;}
.app_download{width:100%; display:flex; justify-content:space-around;}
.app_download .ewm{width:50%;}
.app_download img{width:60%; margin:20px 10px;}

.join_con2 ul{padding:0}
.join_con2 ul li{list-style-type:none; text-align:left; width:100%; min-height: 150px; margin:0 auto; display:flex; flex-direction:column; align-items:center}
.join_con2 ul li h2{background:url(../images/icon.jpg) left center no-repeat; padding-left:15px;}
.join_con2 ul li span{display:block; font-size:20px; margin:30px;}
.join_con2 ul li p{font-size:16px;}
}

.join_title{text-align:center; margin:50px auto;}
.join_con1{padding:30px 0}
.join_con1 ul{display:flex; justify-content:space-around; flex-wrap:wrap; padding:0;}
.join_con1 ul li{list-style-type:none; text-align:center;}
.join_con1 ul li img{width:100px; height:100px;}
.join_con1 ul li span{display:block; font-size:20px;}
.join_con1 ul li p{font-size:16px;}

.download{width:100%; background:url(../images/bg.jpg) center; height:800px;}
.download .down_btn{width:900px; margin:0 auto; position:relative; top:440px;}
.download .down_btn a{width:200px; height:50px; display:block; padding-left:80px; line-height:50px; color:#FFF; font-size:16px; margin-bottom:40px; border-radius:5px;}
.download .down_btn a.iphone{background:#0B8ECE url(../images/icon2.png) 0 0 no-repeat;background-size:65px auto;}
.download .down_btn a.android{background:#5EA93B url(../images/icon2.png) 0 -65px no-repeat; background-size:65px auto;}

.foot_menu .foot_left .foot_logo{display:flex; justify-content:space-between; flex-wrap:wrap;}
.foot_menu .foot_left .foot_logo img{ margin-top:20px; float:left;}
.foot_menu .foot_left .f_menu{display:flex; justify-content: space-between;}
.foot_menu .foot_left .f_menu a{ color:#FFF;}
.foot_menu .foot_left .f_menu a:hover{color:#029841}

.foot_menu .foot_left .foot_logo .info{ float:left; margin-top:20px;}

.app_download .ewm{text-align:center; color:#FFF;}

.navigate{margin:20px 0;}
.navigate .container{padding:0}
.navigate .container a{color:#333;}
.navigate .container a:hover{color:#029841;}

.met_pager{margin:50px; display:flex; justify-content:center;}
.met_pager li{list-style-type:none; display:flex; align-items:center; margin:0 3px;}
.met_pager li a{display:block; padding:3px 10px; border:1px solid #CCC;}

.article_title{text-align:center; margin-bottom:20px;}
.article_info{font-size:16px; text-align:center; margin-bottom:50px;}
.article_info span{margin:20px;}

.loginbtn{float:right; margin-left:30px; height:60px;}
.loginbtn a{background:#029841; color:#FFF; display:inline-block; width:80px; height:30px; margin-top:15px; line-height:30px; text-align:center; margin-left:10px; border-radius:3px;}
.member{float:right; margin-left:30px; height:60px;}
.member a{border:1px solid #029841; color:#029841; display:inline-block; width:80px; height:30px; margin-top:15px; line-height:30px; text-align:center; margin-left:10px; border-radius:3px;}