@charset "utf-8";
@media screen and (max-width: 768px) {
	
	.wrap{ width:94%;}
    .navs{ display:none;}
	.tops{ display:none;}
	
    .Header{ padding-bottom: 0; border-bottom: 0; box-shadow:0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);}
	.HeaderMain{ width:94%;}
    .HeaderLogo{ width:80%; height:45px; margin:12px 0; display:block; position:relative; z-index:9999;}
	.HeaderLogo .logo{ width:115px; height:45px; display:block; float:left;}
    .HeaderLogo .logo img{ height:100%;}
	.HeaderLogo dl{ margin:15px 0 15px 15px; float:left; overflow:hidden;}
	.HeaderLogo dl dt{ height:15px; line-height:15px; padding-right:5px; float:left; border-right:1px solid #CCC;}
	.HeaderLogo dl dd{ height:15px; line-height:15px; padding-left:5px; float:left;}
	.HeaderLogo dl a{ display:block;}
    .menuIcon{ display:block; top:25px;}
	.btn-nav{background:0 0;border:none;padding:0 ;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer;z-index:99999}
	.btn-nav:focus{outline:0}
	.icon-bar{display:block;margin:5px 0;width:23px;height:2px;background:#000;}
	.btn-nav:hover .icon-bar{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.animated2{display:block;margin:0 auto}
	.animated2:focus .icon-bar,.animated2:hover .icon-bar{background-color:#000}
	.animated2:focus{cursor:pointer;z-index:9999}
	.middle{width:18px;}
	.icon-bar{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:999999}
	.animated2 .icon-bar{z-index:999999;background-color:#000}
	.animated2 .top{-webkit-transform:translateY(6px) rotateZ(45deg);-moz-transform:translateY(6px) rotateZ(45deg);-ms-transform:translateY(6px) rotateZ(45deg);-o-transform:translateY(6px) rotateZ(45deg);transform:translateY(6px) rotateZ(45deg)}
	.animated2 .bottom{-webkit-transform:translateY(-8px) rotateZ(-45deg);-moz-transform:translateY(-8px) rotateZ(-45deg);-ms-transform:translateY(-8px) rotateZ(-45deg);-o-transform:translateY(-8px) rotateZ(-45deg);transform:translateY(-8px) rotateZ(-45deg)}
	.animated2 .middle{width:0}
	.Header.showMenu{  background:none;transition:background 0s ease-out; -webkit-transition:background 0s ease-out;}
	.Header.showMenu .logo{ background-image:url(../images/logo2.png)}
	.Header.showMenu .animated2 .icon-bar{ background:#000;}
	.HeaderOn .icon-bar,.CaseOn .icon-bar{background:#000;}
	.menuMain{ position: fixed; left:0; top:0; width:100%; height:100%; z-index:999; background:#FFF; display:none; margin:0; padding:0; overflow:hidden;}
	.menuBox{ margin:70px 0px 20px 0px; padding:0 4%; height:100%; position:relative; overflow:hidden; border-top:1px solid #DDD;}
	.menuBox li{ padding:0 0px 0 0; position:relative;}
	.menuBox li>a{ height:50px; line-height:50px; color:#000; font-size:16px; background:url(../images/icon_01.png) no-repeat 98% center; background-size:12px; display:block; opacity:0.8}
	.menuBox li.on>a{ background-image:url(../images/icon_02.png);}
	.menuBox li.link>a{ background-image:url(../images/icon_031.png);}
	.menuBox li.searchBtn>a{ background: url(../images/icon_04.png) no-repeat left center;background-size:14px; text-indent:18px;}
	.serList{ overflow:hidden; display:none;}
	.serList a{ width:100%; display:inline-block; height:45px; line-height:45px; font-size:14px; text-indent:20px; color:#333; position:relative;}
	.bBor:after,.tBor:before{position:absolute;content:"";height:1px;background:rgba(220,220,220,.5);left:0;right:0}
	.lBor:before,.rBor:after{position:absolute;content:"";width:1px;background:rgba(220,220,220,.5);top:0;bottom:0}

	/* banner */
	.banner .slides li{ height:200px;}
	.banner .flex-control-nav{ bottom:10px;}
	.banner .flex-control-nav li{ width:12px; height:12px; margin:0 6px;}
	.banner .flex-control-nav a{ width:12px; height:12px;}
	.banner .flex-direction-nav{ display:none;}
	
	/* 关于我们 */
	.indabout{ width:94%; padding:25px 0;}
	.indabout .indtt{ width:100%; height:40px; line-height:40px; font-size:24px; background:none;}
	.indabout .cons{ line-height:28px; font-size:14px;}
	.indabout .cons p{ line-height:28px; font-size:14px; text-indent:2em;}
	.indabout dl{ margin-top:10px;}
	.indabout dl dt,.indabout dl dd{ width:100%;}
	.indabout dl p{ line-height:20px; padding-left:20px; font-size:14px; background-size:12px;}
	
	/* 唯译美为您提供 */
	.indser{ padding:25px 0;}
	.indser .indtt{ width:100%; height:auto; line-height:30px; font-size:24px; background:none;}
	.indser .cons{ margin-top:0;}
	.indser .cons dl{ width:50%; margin-top:20px;}
	.indser .cons dl dt{ width:60px; height:60px; margin:0 auto; background-size:cover !important;}
	.indser .cons dl dd{ padding-top:10px;}
	.indser .cons dl dd a{ line-height:25px; font-size:16px;}
	.indser .cons dl dd p{ line-height:22px; padding:5px 10px 0 10px; font-size:12px;}
	
	/* 数据展示 */
	.shuju{ padding:40px 0 35px 0;}
	.sjtop{ padding:0;}
	.sjtop dl{ width:100%; margin-bottom:20px;}
	.sjtop dl dt{ width:68px; height:68px;}
	.sjtop dl dd{ width:77%; height:68px; margin-left:10px; float:left;}
	.sjtop dl dd h3{ line-height:38px; font-size:28px;}
	.sjtop dl dd p{ line-height:20px; font-size:16px;}
	.sjbot{ width:94%; margin:15px auto 0 auto; background:none;}
	.sjbot dl{ width:33.33%;}
	.sjbot dl dt{ line-height:30px; font-size:28px;}
	.sjbot dl dd{ padding-top:5px; font-size:14px;}
	
	/* 合作伙伴 */
	.pater{ padding:25px 0;}
	.pater .titles h2{ line-height:30px; font-size:24px;}
	.pater .titles p{ height:2px; margin:8px auto 0 auto;}
	.pater ul{ width:100%; margin:10px auto 0 auto;}
	.pater ul li{ width:31%; height:auto; margin:10px 1% 0 1%;}
	
	/* 唯译美翻译 */
	.weare{ padding:30px 0;}
	.weare h2{ line-height:40px; font-size:24px;}
	.weare h3{ line-height:30px; font-size:18px;}
	.weare a{ width:160px; margin:20px auto 0 auto;}
	.weare dl{ width:100%; margin:20px auto 0 auto; overflow:hidden;}
	.weare dl dt,.weare dl dd{ width:100%; line-height:25px; font-size:14px;}
	
	/* 合作案例 */
	.case{ padding:25px 0;}
	.case .titles h2{ line-height:30px; font-size:24px;}
	.case .titles p{ height:2px; margin:8px auto 0 auto;}
	.case ul{ width:100%; margin:10px auto 0 auto;}
	.case ul li{ width:31%; height:auto; margin:10px 1% 0 1%;}
	
	/* 新闻中心 */
	.news{ padding:25px 0;}
	.news .titles h2{ line-height:30px; font-size:24px;}
	.news .titles p{ height:2px; margin:8px auto 0 auto;}
	.news .cons{ margin-top:20px;}
	.news .left{ width:100%;}
	.news .left li{ margin-bottom:15px;}
	.news .left li a{ font-size:16px;}
	.news .left li p{ line-height:24px; margin:5px 0 0 0;}
	.proimg{ width:100%; margin-top:10px;}
	.proimg .slides li{ width:100%; height:240px;}
		
	
	/******************** 内页部分 ********************/
	.nybanner{ height:160px;}
	
	/* 本地化翻译 */
	.sercon{ padding:25px 0;}
	.sercon h2{ line-height:30px; font-size:24px;}
	.sercon p{ line-height:25px; padding:10px 0 0 0; font-size:14px;}
	.bendi1{ padding:25px 0;}
	.bendi1 h2{ line-height:30px; font-size:24px;}
	.bendi1 span{ line-height:25px; padding:10px 0 0 0; font-size:14px;}
	.bendi1 dl{ width:100%; margin:10px auto 0 auto;}
	.bendi1 dl dt{ width:100%;}
	.bendi1 dl dd{ width:100%; margin:10px 0 0 0;}
	.bendi1 dl dd p{ line-height:30px; padding-left:30px; font-size:14px; background-size:15px;}
	.bendi2{ padding:25px 0;}
	.bendi2 h2{ line-height:30px; font-size:24px;}
	.bendi2 span{ line-height:25px; padding:10px 0 0 0; font-size:14px;}
	.bendi2 dl{ width:100%; margin:20px auto 0 auto;}
	.bendi2 dl dt{ width:100%;}
	.bendi2 dl dd{ width:100%; line-height:25px; font-size:14px;}
	.bendi3 dl dd{ margin:10px 0 0 0;}
	.bendi4 dl dd{ width:auto; margin-left:0;}
	.bendi4 dl dd p{ line-height:30px; padding-left:30px; font-size:14px; background-size:15px;}
	
	/* 文档翻译 */
	.word1{ width:94%; padding:25px 0; margin:0 auto;}
	.word .wtit{ text-align:center; font-size:24px;}
	.word1 ul{ margin-top:10px;}
	.word1 ul li{ width:212px; height:136px; margin:10px auto 0 auto; padding:30px 20px 0 85px; float:none;}
	.word1 ul li.li3,.word1 ul li.li6,.word1 ul li.li9{ margin:10px auto 0 auto;}
	.word2{ padding:25px 0;}
	.word2 dl{ width:100%; margin:20px auto 0 auto;}
	.word2 dl dt{ width:100%;}
	.word2 dl dd{ width:100%; line-height:25px; font-size:14px;}
	.word3{ width:94%; padding:25px 0;}
	.word3 img{ margin:20px 0 10px 0;}
	.word3 p{ line-height:25px; font-size:14px;}
	
	/* 外籍校译 */
	.wjxy{ width:94%; margin:25px auto 15px auto;}
	.wjxy dt{ width:100%;}
	.wjxy dd{ width:100%; margin-top:10px; line-height:25px; font-size:14px;}
	.wjcon{ width:94%; padding-bottom:20px; line-height:25px; font-size:14px;}
	
	/* 各类口译 */
	.sercon4{ padding:25px 0;}
	.kouyi{ width:94%; padding:20px 0;}
	.kouyi img{ width:100%; margin:10px auto 20px auto;}
	.kouyi p{ line-height:25px; font-size:14px;}
	
	/* 成功案例 */
	.casecon{ padding:25px 0; line-height:25px; font-size:14px;}
	.listcase{ padding:0 0 30px 0;}
	.listcase h2{ padding:30px 0 0 0; font-size:24px;}
	.listcase ul li{ width:48%; margin:10px 1% 0 1%;}
	.listcase ul li.lr{ margin:10px 1% 0 1%;}
	.listcase ul li img{ width:100%; height:auto;}
	
	/* 联系我们 */
	.lxcon{ width:94%; padding:25px 0; line-height:25px; font-size:14px;}
	.wx{ padding:25px 0;}
	.wx dl{ width:50%; text-align:center; float:left;}
	.wx dl dt{ width:125px;}
	.wx dl dt img{ width:125px;}
	.wx dl dd{ padding:5px 20px 0 20px; font-size:14px;}
	
	/* 详情页面 */
	.newscon{ width:88%; margin:20px auto; padding:20px 3%;}
	.newscon .tit h1{ font-size:20px;}
	.newscon .con{ line-height:25px; font-size:14px;}
	.newscon .con p{ line-height:25px; font-size:14px;}
	
	/* 公用底部 */
	.bottoms{ padding:25px 0 0 0;}
	.bottoms dl dt{ margin-bottom:5px; font-size:18px;}
	.bottoms dl dd{ line-height:25px;}
	.bottoms .ft1,.bottoms .ft2,.bottoms .ft3{ width:100%; margin:0 0 20px 0; float:left;}
	.bottoms .ft4{ float:left;}
	.copyright{ line-height:50px; margin-top:20px;}

}