@charset "utf-8";
/* CSS Document */
.contact-con{ position:relative; overflow:hidden;}
.contact-left{ width:50%; height:100%; position:absolute; top:0; left:0; background:url(../img/contact_pic.jpg) no-repeat center; background-size:contain !important;}
.contact-right{float:right; width:50%; height:100%;background:#fff;}

.contact-right .int{ padding:13.4% 5%;}
.contact-det{ font-size:14px; line-height:28px;}
.f-ico{ display:inline-block; position:relative;}
.f-ico i{ display:block; width:48px; height:48px; margin-right:20px; cursor:pointer;}
.f-ico i.weibo{ background:url(../images/follow_ico1.png) no-repeat center; background-size:contain;}
.f-ico i.wech{ background:url(../images/follow_ico2.png) no-repeat center; background-size:contain;}
.f2{ position:relative;}
.wech-pic{ background:#fff; padding:10px; position:absolute;top: -155px;left: 50%;transform: translate(-50%,0); margin-left:-10px; display:none; border:1px solid #dcdcdc; width:130px;}
.f2:hover .wech-pic{ display:block;}

@media (max-width:1366px){  

	.contact-right .int{padding: 4% 10%;}
	}

@media (max-width:1200px){  
	.contact-right .int{padding: 4% 10%;}
	.contact-det{ font-size:12px; line-height:24px;}
	.f-ico i{ width:36px; height:36px;}
	}

@media (max-width:992px){  
   .contact-left{width:100%;padding-bottom:71%; position:static;}
   .contact-right{ float:none; width:100%;}
   .contact-det{ font-size:14px;line-height:24px;}
	}
@media (max-width:750px){
   .contact-left{ width:100%; padding-bottom:71%; position:static;}
   .contact-right{ float:none;width:100%;}
   .contact-right .int{padding:10%;}
	
	}