@media (max-width: 1230px) {
	.w1200{
		width: 92%;
	}
	.case-info .right .font{
		width: 76%;
	}
	.case-info .left li{
		height: 9.5vw;
    	line-height: 9.5vw;
	}
}
@media (max-width: 1024px) {
	.contact{
		padding: 13px 0 8px;
	}
	.contact-list{
		width: 100%;
		padding: 17px 0 15px;
	}
	.contact-form{
		width: 100%;
	}
	.contact-form .box {
	    margin-bottom: 10px;
	}
	.contact-form .text{
		line-height:35px;
		display: block;
	}
	.contact-form textarea{
		height: 80px;
	}
	.contact-form .submit {
	    width: 80px;
	    height: 30px;
	    line-height: 30px;
	    /*margin-top: 33px;*/
	}
	.join{
		padding:18px 0 8px; 
	}
	.join-intro .font p:nth-child(1), .join-intro .font p:nth-child(2) {
	    padding-bottom: 6px;
	    margin-bottom: 6px;
	}
	.join-intro {
	    padding-bottom: 20px;
	}
	.join-intro .picture {
	    width: 47.5%;
	}
	.join-intro .font {
	    width: 51.1%;
	}
	.electronic{
		padding: 12px 0 8px;
	}
	.electronic-list{
		padding-bottom: 15px;
	}
	.electronic-list li{
		width: 24.5%;
		margin-right: 0.6%;
	}
	.electronic-list li:nth-child(6n){
		margin-right:0.6%;
	}
	.electronic-list li:nth-child(4n){
		margin-right: 0;
	}
	.technology-list li .font{
		display: block;
	}
	.electronic-list li .box{
		position: relative;
		height: auto;
		background: none;
		opacity: 1;
		padding: 8px 3%;
	}
	.electronic-list li .box p{
		color: #666;
		font-size: 12px;
	}
	.technology-list li{
		width:32%;
		margin-right: 2%;
	}
	.technology-list li:nth-child(6n){
		margin-right: 2%;
	}
	.technology-list li:nth-child(3n){
		margin-right: 0;
	}
	.technology-case-list li{
		width: 23%;
		margin-right: 2%;
		margin-bottom:10px;
	}
	.technology-case-list li:nth-child(6n){
		margin-right: 2%;
	}
	.technology-case-list li:nth-child(4n){
		margin-right:0;
	}
	.technology-case-list li .box{
		position: relative;
		width: 100%;
		height:auto;
		background:none;
		padding:10px 3% 5px;
		opacity:1;
		filter:alpha(opacity=100);
	}
	.technology-case-list li p{
		color: #666;
	}
	.technology-info .top .picture {
	    width: 37%;
	    margin-right: 5%;
	}
	.technology-info .top .con{
		width: 50%;
	}
	.technology-info .top .return{
		background: #008cd6 url(../img/join03_h.png) no-repeat right 10px center;
		color: #fff;
	}
	.case-info .right {
	    width: 32.6%;
	}
	.case-info .left h2 {
	    font-size: 14px;
	    line-height: 26px;
	}
}
@media (max-width: 769px) {
	#swiper1 {
		position: relative;
		height: 200px;
		width: 100%
	}
	.case-info .left{
		width: 100%;
	}
	.case-info .right {
	    width: 100%;
	    padding-top: 20px;
	}
	.case-info .right .font{
		text-align: left;
	}
}
@media (max-width: 480px) {
	.contact-list li{
		width: 100%;
		border-left: none;
		padding:10px 3%;
		margin-left: 0;
		height: auto;
		border-bottom:1px solid #e5e5e5;
		border-right: none
	}
	.contact-form .captcha{
		margin: 5px 10px 0 7px;
	}
	.contact-form .text:nth-child(4){
		width: 60%;
		margin-top: 0px;
	}
	.contact-list li:first-child{
	    padding-left: 3%;
	}
	.contact-form .text{
		width: 100%;
		margin-left: 0;
		padding: 0 3%;
	}
	.contact-form textarea{
		padding: 0 3%;
	}
	.join-intro .picture,.join-intro .font{
		width: 100%;
	}
	.join-list li .title {
	    padding: 0 35px 0 3%;
	    height: 36px;
	    line-height: 36px;
	}
	.join-list li .con {
	    padding: 3px 3% 10px;
	}
	.join-list li dd{
		width: 100%;
		padding-right: 0;
		line-height: 26px;
	}
	.join-list {
	    padding-bottom: 18px;
	}
	.electronic-list li{
		width: 48%;
		margin-right: 4%;
	}
	.electronic-list li:nth-child(6n){
		margin-right:4%;
	}
	.electronic-list li:nth-child(4n){
		margin-right:4%;
	}
	.electronic-list li:nth-child(2n){
		margin-right:0%;
	}
	.technology-list li{
		width:48%;
		margin-right: 4%;
	}
	.technology-list li:nth-child(6n){
		margin-right: 4%;
	}
	.technology-list li:nth-child(3n){
		margin-right: 4%;
	}
	.technology-list li:nth-child(2n){
		margin-right: 0;
	}
	.technology-list li .font{
		width: 100%;
	}
	.technology-case-list li{
		width: 48%;
		margin-right: 4%;
		margin-bottom:10px;
	}
	.technology-case-list li:nth-child(6n){
		margin-right: 4%;
	}
	.technology-case-list li:nth-child(4n){
		margin-right:4%;
	}
	.technology-case-list li:nth-child(2n){
		margin-right:0;
	}
	.technology-info .top .picture {
	    width: 100%;
	    margin-right:0%;
	}
	.technology-info .top .con{
		width: 100%;
	}
	.technology-info .center .lw{
		width: 100%;
	}
	.grow-up li h3{
		width: 70%;
	}
	.case-search select{
		width: 100%;
		margin-right: 0;
		margin-bottom: 5px;
	}
	.case-search .text{
		width: 65%;
		margin-right: 3%;
	}
	.case-search .submit{
		width: 32%;
	}
	.case-info .right .font{
		text-align: right;
	}
	.join-intro-title ul{
		width: 100%;
		padding-left: 0;
	}
	.join-intro-title li:first-child{
		padding-left: 0;
	}
	.contact-form .captcha{
		margin-right: 60%;
		margin-bottom: 20px;
		margin-top: 20px;
	}
}
@media (min-width: 1024px) {
	.join-intro-title li:hover a{
		color: #047dc8;
		border-color: #047dc8;
	}
	.contact-form .submit:hover{
		padding: 0 0 0 20px;
		background: #008cd6 url(../img/con01.png) no-repeat right 20px center;
	}
	.join-list li .join-apply:hover{
		color: #fff;
		padding-left: 14px;
		background:#047dc8 url(../img/join03_h.png) no-repeat right 17px center;
	}
	.join-list li:hover .title{
	color: #fff;
		background:#047dc8 url(../img/join02_h.png) no-repeat right 20px center;
	}
	.page .prev:hover{
		color: #008cd6;
	    background: url(../img1/img_27.png) no-repeat left center;
	    background-size: contain;
	}
	.page .next:hover{
		color: #008cd6;
		background: url(../img1/img_28.png) no-repeat right center;
    	background-size: contain;
	}
	.electronic-list li:hover .picture{
		transform: scale(1.1, 1.1);
	}
	.electronic-list li:hover .box{
		opacity: 1;
	}
	.technology-list li:hover .box,.technology-case-list li:hover .box{
		opacity: 1;
		filter:alpha(opacity=100);
	}
	.technology-info .top .return:hover{
		background: #008cd6 url(../img/join03_h.png) no-repeat right 10px center;
		color: #fff;
	}
	.grow-up li:hover h3{
		color: #008cd6;
	}
	.case-info .right li:hover .font{
		color: #007bc7;
	}
}