﻿@media screen and (max-width:767px) {
	.fadeInRight { animation:fadeInRight .8s 0s both }
	.fadeInLeft { animation:fadeInLeft .8s 0s both }
	.fadeIn { animation:fadeIn .8s 0s both}
	.fadeInUp { animation:fadeInUp .8s 0s both }

	body {font-size: 0.813em;}
	.top {height: 70px;border-bottom:#333 1px solid;}
	.top .t_cen{height:70px; }
	.pc { display: none; }
	.phone { display: block; }
	.visible-phone {display:inherit!important;z-index:999;}
	.hidden-phone {display:none!important}
	.wrap {margin: 0;}
	.header-phone {margin-top:10px;margin-left:2%; }
	.top { background:#009de0; }
	.top .logo{ left:0;top:10px; }
	.top .logo img,.header-phone .logo img {width: 90px;}
	.menu-icon {width: 82px;height: 42px;float: right;background: url(../images/ico_open.png) no-repeat center;background-size:auto 30px;  }
	.menu-icon-close {position: absolute;width: 65px;height: 28px;background: url(../images/ico_close.png) no-repeat right 10px center;background-size:30px 30px;right: 24px;top: 18px;z-index:99999; }
	.nav-phone {padding-top: 55px;}
	.menubg li { border-bottom: #36b3e8 1px solid; }
	.menubg li a {display:block;width:85%;padding-left:15%;height:44px;line-height:44px;font-size:16px;color:#fff;  }
	.menubg li.lan a:nth-child(1) { width:30px;display: inline-block; }
	.menubg li.lan a:nth-child(2) { padding-left: 15px;width:30px;display: inline-block; }
	.top .ss{position:absolute;right:34%;top:20px;z-index:99999;font-size: 14px;border:#fff 1px solid;border-radius: 30px;padding:0 12px;  }
	.swiper-container-h { border-top:0; }
	.swiper-slide { overflow: hidden; }
	.swiper-container .swiper-button-prev { display: none; }
	.swiper-container .swiper-button-next { display: none; }
	.swiper-slide .tu1 { top:43%;left: 5%;width: 90%; }
	.swiper-slide .tu2 { top:52%;left: 5%;width: 90%;}
	.swiper-slide .tu3 { top:58%;left: 5%;width: 90%; }
	
	.home1 .left,.home1 .right { width:100%; }
	.home1 .left .title { margin:21px 0 20px;font-size:20px;line-height:28px; }
	.home1 .left .content .more { margin:0 0 20px;padding:2px 30px; }
	
	.home2 .left,.home2 .right { width:100%; }
	.home2 .left li { width: 48%;margin:0; }
	.home2 .left li:nth-child(2n+1) { clear:left;}
	.home2 .left li a { background-position:0 8px;background-size:auto 22px;margin:2px 0;font-size:14px;padding:4px 5px 4px 44px;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }
	.home2 .right { margin-top:12px; }
	.home2 .right .content li { width:49%;margin: 1.6% 2% 0 0; }
	.home2 .right .content li:nth-child(2n) { margin-right:0; }
	.home2 .right .content li:nth-child(2n+1) { clear:left; }
	
	.home3 .title { font-size:18px; }
	.home3 .tabs { width:180px; }
	.home3 .content li { width:47%;margin: 1.6% 6% 0 0;float: left; }
	.home3 .content li:nth-child(2n) { margin-right: 0; }
	
	.foot1 { padding:35px 0;font-size:14px; }
	
	.banner { height:auto; }
	.main .title { font-size: 22px; }
	.tu { width:100%; }
	.canshu { width:100%; }
	.cs_nr { padding:2% 0;min-height:20px;}
	
	.workroom li { width: 48%;margin:0 4% 4% 0;float: left; }
	.workroom li:nth-child(3n) { margin-right: 4%; }
	.workroom li:nth-child(3n+1) { clear:none; }
	.workroom li:nth-child(2n) { margin-right: 0; }
	.workroom li:nth-child(2n+1) { clear:left; }
	.workroom li .pic { height:170px; }
	
	.lianxi .left { width:84%;padding:0 8%; line-height:36px;margin:0 0 4%; }
	.lianxi .right { width:90%;padding:0 5%; overflow:hidden; }
	.lianxi .right p { margin:0 0 6px;}


	.gaodu { border-bottom:#fff 40px solid; }
	.db { position: fixed;bottom:0;left:0;width:100%;height: 40px;line-height: 40px;z-index: 999;border-top:#ddd 1px solid; }
	.dbbg { width: 100%;height: 100%;background-color: #fff;opacity:0.9; }
	.dbcd { position: absolute;display:block;left: 0;top:0;width:94%;padding-left:3%;color:#111;height: 100%;z-index: 9999;font-size: 16px;text-align:center;font-size: 10px; }
	.dbcd a { display:inline-block;width:33%;float:left;text-align:center;color: #111;word-spacing: 5px;font-size: 16px; }
	.mt-tabpage-count {width: 481px;height: 260px; }
	.mt-tabpage-count .mt-tabpage-item {width: 481px;height: 260px;}

	.map { height:300px;margin-top:6%}
	#fenye {height:20px; }
	#fenye a {padding:2px 6px;margin:0 2px; }
	#fenye .a1 { padding:2px 6px; margin:0 2px;}
}