@charset "utf-8";
@media (max-width:1024px ) {
	.container{
		max-width: 100%;
		padding: 0 15px;
	}
	.header{
		position: relative;
	}
	.fixed-head{
		position: fixed;
	}
	.nav{
		display: none;
	}
	.navbtn{
		right: 160px;
		display: block;
	}
	.home_video{
		background: url(../images/jsyqy_bg.jpg) no-repeat center bottom;
	}
	.home_video .video{
		display: none;
	}
	.join_box ol li .text{
		padding-top: 55px;
	}
	.news_top .text p{
		height: 174px;
	}
	.pro_banner .bottom span.s1{
		margin-left: 62px;
	}
	.pro_box3 .text{
		margin-right: -15px;
	}
	.pro_box5 .video{
		display: none;
	}
	.market_show ol li .text{
		padding: 50px;
	}
	.banner .box .text_box{
		width: 100%;
		padding: 0 15px;
	}
	.banner .box .text_box .img02{
		right: 15px;
	}
}
@media (max-width:768px ) {
	.footer_top{
		display: none;
	}
	.nybanner2{
		height: 300px;
		padding-top: 80px;
	}
	.nybanner6 .text h3,
	.nybanner2 .text h3{
		font-size: 24px;
	}
	.nybanner6 .text h4{
		font-size: 16px;
	}
	.nybanner2 .text p{
		font-size: 14px;
		line-height: 22px;
	}
	.nybanner3{
		padding: 100px 0;
	}
	.nybanner3 .text h3{
		font-size: 24px;
	}
	.jaka_show{
		padding: 40px 0 50px;
	}
	.jaka_show .show_box .left_img{
		width: 100%;
	}
	.jaka_show .show_box .textbox{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.jaka_show .show_box .textbox h1{
		font-size: 18px;
	}
	.xueyuan_box2 ol li .text{
		font-size: 14px;
	}
	.xueyuan_box3 ol li{
		width: 100%;
		margin-bottom: 15px;
		margin-right: 0;
	}
	.xueyuan_box3 ol li:last-child{
		margin-bottom: 0;
	}
	.support .img{
		width: 100%;
	}
	.support .text{
		width: 100%;
		padding: 20px 0 0;
	}
	.download ol li .text{
		padding-top: 30px;
	}
	.about_box .box .text{
		width: 100%;
	}
	.about_box .box .video{
		width: 100%;
		margin-top: 15px;
	}
	.join_box ol li .img{
		width: 100%;
	}
	.join_box ol li .text{
		width: 100%;
		padding: 20px 15px;
	}
	.contact_map ol li .text{
		width: 100%;
		padding-top: 0;
	}
	.contact_map ol li .map{
		width: 100%;
	}
	.news_top .img{
		width: 100%;
	}
	.news_top .text{
		width: 100%;
		padding: 20px 15px;
	}
	.news_top .text p{
		height: 24px;
		margin-bottom: 10px;
	}
	.pro_banner .bottom span.s1{
		margin-left: 0;
	}
	.pro_banner .bottom span.s2{
		margin-left: 60px;
	}
	.pro_banner .bottom span.s3{
		margin-left: 105px;
	}
	.nybanner{
		height: auto;
	}
	.pro_banner{
		padding: 30px 0 15px;
	}
	.pro_banner h3{
		font-size: 24px;
	}
	.pro_box3 ol li .t{
		width: 180px;
	}
	.market_show ol li .img{
		width: 100%;
	}
	.market_show ol li .img img{
		width: 100%;
	}
	.market_show ol li .text{
		width: 100%;
		padding: 20px 15px;
	}
	.market_show3 ol li{
		width: 49%;
		margin-right: 0;
		margin-bottom: 2%;
	}
	.market_show3 ol li:nth-child(2n){
		float: right;
	}
	.market_show2 ol li{
		width: 49%;
		margin-right: 0;
		margin-bottom: 2%;
	}
	.market_show2 ol li:nth-child(2n){
		float: right;
	}
	.market_show2 ol li:nth-child(5){
		width: 100%;
	}
	.agent_list ol li .text{
		width: 100%;
		padding: 20px 15px;
	}
	.agent_list ol li .img{
		width: 100%;
	}
}
@media (max-width:640px ) {
	.news_box{
		padding: 40px 0 50px;
	}
	.news_list ol li{
		width: 100%;
		margin-right: 0;
	}
	.news_list{
		margin-top: 15px;
	}
	.xgxx_box ol li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.xgxx_box ol li:last-child{
		margin-bottom: 0;
	}
	.pro_banner .bottom span{
		font-size: 12px;
		line-height: 32px;
		padding: 0 20px;
	}
	.pro_banner .bottom span.s3{
		margin-left: 88px;
	}
	.pro_banner .icon{
		width: 35%;
	}	
	.pro_banner .img{
		margin-top: -84px;
	}
	.pro_box3{
		background: url(../images/282bda07888c05f61d249b112c1d98c7.jpg) no-repeat center center/cover;
	}
	.pro_box3 .text{
		background: none;
		width: 100%;
		margin-right: 0;
		padding: 40px 0;
	}
	.pro_box3 ol li .t{
		width: auto;
	}
	.pro_show .imgBox{
		width: 100%;
	}
	.pro_show .text{
		width: 100%;
	}
	.pro_show2 .box .img{
		width: 100%;
	}
	.pro_show2 .box .canshu_box{
		width: 100%;
	}
	.pro_show3 .box .text{
		width: 100%;
	}
	.pro_show3 .box .img{
		width: 100%;
		margin-top: 20px;
	}
	.pro_show4 .box .left{
		width: 100%;
	}
	.pro_show4 .box .left .img{
		margin-bottom: 10px;
	}
	.pro_show4 .box .text{
		font-size: 16px;
	}
	.pro_show4 .box .right{
		width: 100%;
	}
	.pro_show4 .box .right ol li{
		width: 48%;
	}
	.pro_show4 .box .right ol li:nth-child(2n){
		float: right;
	}
	.apply_box3 ol li{
		width: 32%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	.apply_box3 ol li:nth-child(4n){
		margin-right: 2%;
	}
	.apply_box3 ol li:nth-child(3n){
		margin-right: 0;
	}
	.pop_fixed .box{
		width: 96%;
		padding: 40px 15px 20px;
	}
	.pop_fixed .box h3{
		font-size: 22px;
	}
	.pop_fixed .box ul{
		width: 100%;
		margin-top: 20px;
	}
	.pop_fixed .box ul li{
		margin-bottom: 10px;
	}
	.pop_fixed .box ul li.li1,
	.pop_fixed .box ul li.li2{
		width: 100%;
	}
	.pop_fixed .box ul li input{
		padding: 10px;
	}
	.pop_fixed .box ul li .select select{
		padding: 10px;
	}
	.pop_fixed .box ul li .dx{
		width: 65%;
	}
	.pop_fixed .box ul li .dxyzm{
		padding: 0;
		height: 37px;
		line-height: 37px;
		width: 35%;
	}
	.pop_fixed .box ul li .select:before{
		right: 10px;
		top: 10px;
	}
	.pop_fixed .box span.guanbi{
		right: 15px;
		top: 15px;
	}
	.banner .img01 .btn_link a{
		font-size: 14px;
		line-height: 38px;
		height: 38px;
		padding: 0 20px;
		margin-right: 15px;
	}
}
@media (max-width:480px ) {
	.header{
		height: 60px;
	}
	.logo {
		width: 120px;
		padding: 0;
		height: 60px;
		line-height: 60px;
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -60px;
	}
	.navbtn{
		right: auto;
		left: 15px;
		width: 6%;
	}
	.header .search{
		margin-top: 23px;
		margin-right: 10px;
	}
	.header .login{
		margin-top: 23px;
		margin-right: 10px;
	}
	.languages{
		margin-top: 26px;
	}
	.search_box{
		top: 60px;
		padding: 5px 15px;
	}
	.search_box .icon{
		top: 14px;
		left: 15px;
	}
	.search_box .shut{
		top: 14px;
		right: 15px;
	}
	.languages:hover .down{
		display: none;
	}
	
	.title h3, .title h1,.titile2 h3{
		font-size: 20px;
	}
	.home_group{
		padding: 40px 0 50px;
	}
	.home_group ol li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.home_group ol li:last-child{
		margin-bottom: 0;
	}
	.home_group ol li .text h3{
		font-size: 16px;
	}
	.home_group ol li .text p{
		margin-top: 5px;
		font-size: 12px;
	}
	.home_video .text_box{
		width: 100%;
	}
	.home_news{
		padding: 40px 0 50px;
	}
	.home_news ol{
		margin-top: 25px;
	}
	.home_news ol li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.home_news ol li:last-child{
		margin-bottom: 0;
	}
	.home_video{
		height: auto;
		padding: 40px 0 50px;
	}
	.home_video .text_box{
		padding-top: 0;
	}
	
	.nav_box{
  		padding-top: 20px;
	}
  	.nav_box .nav-title {
    	height: 60px;
    	padding: 15px 15px 0;
  	}
  	.nav_box .nav-title h1{
  		margin-left: 35px;
  		height: 20px;
  	}
  	.nav_box .nav-title h1 img{
  	
  	}
  	.nav_box .nav-title .navclose {
    	width: 20px;
    	left: 15px;
  	}
  	.nav_box .navlist ul li {
    	line-height: 50px;
    	font-size: 16px;
  	}
  	.nav_box .navlist ul li a{
  		padding: 0 15px;
  	}
  	.nav_box .navlist ul li i {
    	width: 16px;
    	height: 10px;
    	top: 22px;
  	}
  	.nav_box .navlist ul li .navbox a{
  		font-size: 14px;
  		padding: 0 30px;
  		line-height: 50px;
  	}
  	.menu_language{
		display: block;
	}
	.nybanner2{
		height: 240px;
		padding-top: 50px;
	}
	.jaka_box ol li .text{
		padding: 30px 15px;
	}
	.jaka_box ol li:nth-child(2n) .text{
		text-align: right;
	}
	.jaka_box ol li h3{
		font-size: 16px;
	}
	.jaka_box ol li a{
		padding: 5px 20px;
		font-size: 13px;
	}
	.nybanner7 ol{
		width: 100%;
	}
	.nybanner7 ol li .icon img{
		height: 40px;
	}
	.nybanner7 ol li p{
		font-size: 14px;
	}
	.nybanner7{
		padding: 50px 0;
	}
	.jaka_list{
		padding: 40px 0 50px;
	}
	.jaka_list .tab a{
		width: 23.5%;
		float: left;
		margin-left: 0;
		line-height: 36px;
		margin-right: 2%;
	}
	.jaka_list .tab a:last-child{
		margin-right: 0;
	}
	.jaka_list ol li{
		width: 100%;
		margin-right: 0;
		padding: 20px 15px;
	}
	.jaka_list ol li .text h3{
		font-size: 16px;
	}
	.jaka_list ol li .text{
		padding-top: 8px;
	}
	.nybanner3{
		padding: 70px 0;
	}
	.pro_box4{
		padding: 40px 0 20px;
	}
	.pro_box4 ol{
		margin-top: 30px;
	}
	.pro_box4 ol li{
		width: 50%;
		margin-bottom: 30px;
	}
	.pro_box4 ol li .icon{
		width: 110px;
		height: 110px;
	}
	.xueyuan_box3{
		padding: 40px 0 50px;
	}
	.xueyuan_box3 ol li{
		height: 240px;
	}
	.xueyuan_box3 ol li h3{
		font-size: 18px;
	}
	.xueyuan_box3 ol li{
		padding: 40px 20px;
	}
	.xueyuan_box4{
		padding: 40px 0 50px;
	}
	.xueyuan_box4 .text{
		width: 100%;
	}
	.xueyuan_box4 .text ol li .btn{
		width: 100%;
	}
	.nybanner9 {
		padding-top: 90px;
	}
	.support{
		padding: 40px 0;
	}
	.support .text h3{
		font-size: 18px;
	}
	.support .text .dh{
		font-size: 24px;
		line-height: 24px;
		margin: 10px 0 15px;
	}
	.support .text .wz{
		font-size: 16px;
		line-height: 28px;
		margin-bottom: 20px;
	}
	.support2{
		padding-bottom: 40px;
	}
	.support2 ol li{
		width: 100%;
		height: 190px;
		padding-top: 60px;
		margin-right: 0;
		margin-bottom: 15px;
	}
	
	.support2 ol li:last-child{
		margin-bottom: 0;
	}
	.support2 ol li h3{
		font-size: 16px;
	}
	.support2 ol li a{
		padding: 5px 25px;
	}
	.problem{
		padding: 40px 0 50px;
	}
	.problem ol,.download ol{
		margin-top: 15px;
		padding-top: 20px;
	}
	.problem ol li:before,
	.problem ol li .bt span{
		width: 40px;
	}
	.problem ol li .text{
		padding: 0 20px 20px 60px;
	}
	.problem ol li .bt::before{
		width: 12px;
		height: 12px;
		top: 25px;
	}
	.problem_bottom .text{
		width: 100%;
		padding-top: 80px;
	}
	.problem_bottom .text h3{
		font-size: 16px;
	}
	.problem_bottom .text a{
		padding: 5px 25px;
	}
	.problem_bottom{
		height: 230px;
	}
	.download{
		padding: 40px 0;
	}
	.download ol li{
		margin-bottom: 15px;
	}
	.download ol li .img{
		width: 100%;
	}
	.download ol li .text{
		width: 100%;
		padding-top: 15px;
		text-align: left;
	}
	.download ol li .text h3{
		font-size: 16px;
	}
	.download ol li .text a{
		padding: 5px 20px;
		margin-top: 20px;
	}
	.about_box{
		padding: 40px 0 50px;
	}
	.about_box .box{
		margin-top: 20px;
	}
	.about_box2{
		padding-top: 40px;
		height: 300px;
	}
	.about_box2 .title h3{
		font-size: 18px;
	}
	.about_box2 .title h4{
		font-size: 14px;
	}
	.about_box3{
		padding: 40px 0 50px;
	}
	.about_box3 ol li{
		width: 100%;
	}
	.about_box3 ol li .bt{
		font-size: 26px;
	}
	.about_box3 ol li .bt span{
		font-size: 50px;
		bottom: -3px;
	}
	.about_box3 ol li h3{
		font-size: 18px;
	}
	.about_box3 ol li .t{
		margin-top: 10px;
	}
	.about_box3 ol{
		margin-top: 15px;
	}
	.about_box4{
		padding: 40px 0 50px;
	}
	.about_box4 ol{
		margin-top: 20px;
	}
	.about_box4 ol li{
		width: 32%;
		margin-right: 2%;
		margin-bottom: 2%;
		height: 50px;
	}
	.about_box4 ol li:nth-child(5n){
		margin-right: 2%;
	}
	.about_box4 ol li:nth-child(3n){
		margin-right: 0;
	}
	.join_box{
		padding: 40px 0 50px;
	}
	.join_box ol{
		margin-top: 20px;
	}
	.join_box ol li .text h3{
		font-size: 16px;
		margin-bottom: 5px;
	}
	.join_box2{
		padding: 40px 0 50px;
	}
	.join_box2 .tables table tr th{
		font-size: 12px;
		font-weight: normal;
		padding:10px 5px;
		width: 20%;
	}
	.join_box2 .tables table tr td{
		font-size: 12px;
		padding: 5px;
	}
	.join_box2 .tables table tr td a{
		font-size: 12px;
		padding: 5px;
	}
	.join_box2 .tables{
		margin-top: 25px;
	}
	.contact_map{
		padding: 40px 0 50px;
	}
	.contact_map ol li .text h3{
		font-size: 16px;
	}
	.contact_map ol li .text .t p{
		margin-bottom: 0px;
	}
	.contact_map ol li .map{
		margin-top: 15px;
		height: 220px;
	}
	.contact_map ol li .text .t{
		margin-top: 5px;
	}
	.contact_map ol{
		margin-top: 20px;
	}
	.feedback .left{
		width: 100%;
		padding-top: 0;
		margin-bottom: 10px;
	}
	.feedback .left h3{
		font-size: 18px;
		line-height: 24px;
	}
	.feedback .left p{
		font-size: 14px;
		line-height: 22px;
		margin-top: 10px;
	}
	.feedback .text ol li .t{
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.xgxx_box{
		padding-bottom: 40px;
	}
	.xgxx_box ol{
		margin-top: 20px;
	}
	.news_show{
		padding: 40px 0 50px;
	}
	.news_show h1{
		font-size: 18px;
	}
	.pro_box{
		padding: 40px 0 50px;
	}
	.pro_box .box_video{
		margin-top: 25px;
	}
	.pro_box2{
		padding: 40px 0 10px;
	}
	.pro_box2 ol{
		margin-top: 20px;
	}
	.title3 h3 span{
		font-size: 46px;
	}
	.pro_box2 ol li{
		width: 48%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.pro_box2 ol li:nth-child(2n){
		float: right;
	}
	.pro_box2 ol li .text{
		margin-top: 5px;
	}
	.pro_box2 ol li .icon{
		width: 56px;
	}
	.pro_box2 ol li .text h3,
	.pro_box3 ol li .t h3{
		font-size: 16px;
	}
	.pro_box3 ol li .t p{
		margin-top: 5px;
	}
	.pro_box3 ol{
		margin-top: 10px;
	}
	.pro_box4 ol li .text{
		font-size: 14px;
	}
	.pro_box5 ol li{
		width: 50%;
		margin-bottom: 30px;
	}
	.pro_box5 ol li .icon{
		width: 100px;
		margin-bottom: 0;
	}
	.pro_box5 ol li .text h3{
		font-size: 16px;
	}
	.pro_box5{
		padding: 40px 0 10px;
	}
	.pro_box5 ol{
		margin-top: 20px;
	}
	.pro_banner .bottom span.s2{
		margin-left: 0;
	}
	.pro_banner .bottom span.s3{
		margin-left: 40px;
	}
	.pro_show{
		padding: 40px 0;
	}
	.pro_show .text h1{
		font-size: 18px;
	}
	.pro_show .text,.pro_show3 .box{
		margin-top: 20px;
	}
	.pro_show .text h3{
		font-size: 16px;
		margin-top: 12px;
	}
	.pro_show .text .t{
		margin-top: 8px;
	}
	.pro_show2,.pro_show3{
		padding: 40px 0;
	}
	.pro_show2 .box{
		margin-top: 10px;
	}
	.pro_show2 .box .canshu_box .tab span{
		float: left;
		margin-left: 0;
		width: 32%;
		margin-right: 2%;
	}
	.pro_show2 .box .canshu_box .tab span:last-child{
		margin-right: 0;
	}
	.pro_show2 .box .canshu_box .tab{
		font-size: 16px;
		margin-top: 15px;
	}
	.pro_show4{
		padding: 40px 0;
	}
	.pro_show4 .box{
		margin-top: 10px;
	}
	.pro_show4 .box .left{
		margin-top: 0;
	}
	.pro_show4 .box .right ol li{
		width: 100%;
	}
	.apply_box{
		padding: 40px 0;
	}
	.apply_box3 ol li{
		width: 49%;
		margin-right: 0;
	}
	.apply_box3 ol li:nth-child(2n){
		float: right;
	}
	.apply_box3 ol li:nth-child(4n){
		margin-right: 0;
	}
	.apply_box3 ol li .text{
		font-size: 16px;
		margin-top: 15px;
	}
	.apply_box3 ol li .icon{
		width: 40px;
	}
	.apply_box3 ol li a{
		padding: 30px;
	}
	.apply_box2{
		padding-top: 80px;
	}
	.apply_box2 .text p{
		width: 100%;
		font-size: 18px;
	}
	.apply_box2 .text .more{
		margin-top: 10px;
		width: 100%;
		text-align: center;
	}
	.apply_box2 .text .more a{
		display: inline-block;
		float: none;
		line-height: 34px;
	}
	.apply_box3 ol{
		margin-top: 25px;
	}
	.apply_show{
		padding: 40px 0;
	}
	.apply_show .box{
		margin-top: 25px;
	}
	.apply_show .box .textbox h3{
		font-size: 18px;
	}
	.apply_show .box .textbox{
		margin-top: 20px;
	}
	.caseshow{
		padding: 40px 0 50px;
	}
	.case{
		padding: 15px 0 50px;
	}
	.case_list ol li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.case_list ol li:last-child{
		margin-bottom: 0;
	}
	.case_filter ol li .text{
		padding-left: 45px;
	}
	.case_filter ol li .text a{
		margin-right: 10px;
	}
	.case_filter{
		margin-bottom: 30px;
	}
	.market_show{
		padding: 40px 0;
	}
	.market_show ol li .text h3{
		font-size: 16px;
		line-height: 20px;
	}
	.market_show ol li .text .t p{
		margin-bottom: 5px;
	}
	.market_show ol li .text .t{
		margin-top: 10px;
	}
	.market_show2,.market_show3{
		padding: 40px 0;
	}
	.market_show2 ol li{
		padding: 20px 10px;
	}
	.market_show2 ol,.market_show3 ol{
		margin-top: 20px;
	}
	.market_show3 ol li .text{
		padding: 15px;
	}
	.search_con{
		padding: 40px 0;
	}
	.search_con ol li h3{
		font-size: 18px;
	}
	.search_con ol li{
		padding: 20px 15px 0;
		margin-bottom: 15px;
	}
	.search_con ol li .bottom{
		margin-left: -15px;
		margin-right: -15px;
	}
	.agent_list ol li .text h3{
		font-size: 16px;
	}
	.agent_list ol li .text .t p{
		margin-bottom: 5px;
	}
	.agent_list ol li .text .t{
		margin-top: 10px;
	}
	.agent_list{
		padding: 20px 0 40px;
	}
}
@media (max-width:414px ) {
	.container { padding: 0 10px!important; }
	.banner .img01 .btn_link a{
		font-size: 14px;
		line-height: 38px;
		height: 38px;
		padding: 0 10px;
		margin-right: 10px;
	}
	
	.banner .img01 .btn_link{
		left: 12%;
	}

	.banner .box{
		padding: 15% 0;
	}
	.banner .slick-dots{
		bottom: 20px;
	}
	.pro_banner .bottom span.s3{
		margin-left: 0;
	}
	.pro_banner .img{
		margin-top: 0;
	}
	.pro_banner .icon{
		margin-left: 0px;
	}
}
@media (max-width:375px ) {
	
}
@media (max-width:360px ) {
	.pro_banner .bottom span{
		padding: 0 15px;
	}
}