
/*手机版样式*/
@media(max-width:600px){
	
	/*公共部分*/
		.pdiv{ display:none; }
		i,em,div,span{ font-style:normal; }
		body{ overflow-x:hidden; font-family:'微软雅黑'; }
		.allBlock{ width:100%; }
		.mainBlock{ width:96vw; margin:auto; }
		.headerOccupy{ height:15vw; }

		/*分页导航*/
		.pageNav{ margin-bottom:40px; }
		.pageNav ul{ display:table; margin:auto; }
		.pageNav ul li{ float:left; margin-right:10px; }
		.pageNav ul a,.pageNav ul .disabled,.pageNav ul .active{ float:left; padding:10px 10px; background:#F4F4F4; min-width:20px; }
		.pageNav ul a,.pageNav ul .disabled,.pageNav ul .active{ color:#333; text-align:center; border-radius:5px; cursor:pointer; }
		.pageNav ul li a:hover{ background:#D6D6D6; color:#333; }
		.pageNav ul li.active{ background:#df0011; color:#fff; }
		.pageNav ul li.disabled{ background:#F4F4F4; color:#aaa; }
		
		/*顶部*/
		.header{ display:table; position:fixed; left:0; top:0; box-shadow:0 4px 20px -2px rgba(0,0,0,0.2); z-index:999; }
		.header{ background:linear-gradient(to right, #333 0%, #333 50%, #ffffff 50%, #ffffff 100%); }
		.header .mainBlock{ height:15vw; background-color:#ffffff; }
		.header .logo{ float:left; height:15vw; width:63.4vw; background:#333 no-repeat; overflow:hidden; }
		.header .logo{ background-image:url(img/logo.png); background-size:50vw auto; background-position:2vw 3vw; }
		.header .logo:after{ content:' '; float:right; }
		.header .logo:after{ transform:rotate(25deg); border-right:10vw solid #ffffff; height:30vw; margin:-2vw -2vw 0 0; }
		
		.header .navBut{ float:right; width:29vw; height:9vw; border-radius:10px; margin:3vw 3vw 0 0; }
		.header .navBut{ background:#bbb; color:#fff; line-height:9vw; text-align:center;  }
		.header .navBut i{ margin-right:5px; }
		.header .navBut:active{ background:#fe9b02; }

		.header .nav{ position:fixed; height:100vh; width:44vw; top:15vw; right:-50vw; background:#fff; z-index:889; display:none; }
		.header .nav{ box-shadow:-3px 6px 4px 2px rgba(0,0,0,0.25); }
		.header .nav a{ display:block; width:100px; width:30vw; height:10vw; background:#E8E8E8; border-radius:3vw; margin:auto auto 5vw auto; }
		.header .nav a{ font-size:4vw; color:#333; text-align:center; line-height:10vw; }
		.header .nav a:first-child{ margin-top:22vw; }
		.header .nav a.cur{ color:#fff; background:#fe9b02; }
		.header .nav .cursor{ display:none; }

		.header .phone{ position:fixed; width:39vw; right:-50vw; top:15vw; z-index:890; border-bottom:1vw #eee solid; padding-bottom:2vw; display:none; }
		.header .phone{ color:#df0011; font-size:5vw; font-weight:bold; white-space:nowrap; font-style:italic; margin:0 2vw 0 0; }
		.header .phone span{ display:block; font-weight:normal; font-size:3.5vw; margin:10px 0 2px 0; }
		.header .phone i{ display:none; }

		.header .navMask{ content:''; position:fixed; width:57vw; height:100vh; left:0; top:15vw;  }
		.header .navMask{ background:#000; z-index:888; display:none; left:-50vw; opacity:0.3;  }

		.header .nav,.header .navMask,.header .phone{ transition:All 0.4s; }
		.header .nav.show{ right:0; }
		.header .phone.show{ right:0; }
		.header .navMask.show{ left:0; }

		/*栏目页顶部图片*/
		.headerImg{ height:40vw; width:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; }
		.headerBar{ display:table; width:100%; margin:3vw 0 13vw 0; }
		.headerBar .left{ float:left; background:#fff; padding-right:1.5vw; height:15vw;  }
		.headerBar .left span{ display:block; font-size:5vw; line-height:6vw; font-weight:bold; border-bottom:#333 2vw solid; padding-bottom:1vw; }
		.headerBar .left i{ display:block; font-size:24px; margin-top:5px; display:none; }
		.headerBar .right{ background:#fe9b02; height:15vw; text-align:center; color:#fff; }
		.headerBar .right h1{ line-height:15vw; padding-top:0; font-size:5vw; }
		.headerBar .right span{ position:absolute; left:2vw; width:90vw; padding:3vw; margin-top:2vw; background:#EBEBEB; }
		.headerBar .right span{ color:#333; font-size:14px; line-height:1.8; }
		
		/*主体*/
		.body{ min-height:calc(100vh - 70px - 220px); width: 100vw; overflow: hidden; }
		
		/*底部*/
		.footer{ background:#333; display:table; width:100vw; color:#fff; text-align:center; }
		.footer .left{ display:none;}		
		.footer .right{ text-align:center; padding:15vw 0 20px 0; }
		.footer .right{ background-image:url(img/foot.png); background-size:60% auto; background-position:center 5vw; background-repeat:no-repeat; }
		.footer .right .links,.footer .right .friendLinks{ display:none; }
		.footer .right .text{ color:#ccc; color:#fff; margin-top:10px; line-height:1.8; border-top:1px solid #666; padding:15px 0 0 0; }
		.footer .right .text a{ color:#ccc; }

		/*内页通用标题*/
		.allBlock h5{ margin:8vw 0 8vw 0; overflow:hidden; display:table; width:100%; }
		.allBlock h5 strong{ display:block; color:#fe9b02; font-size:3.5vw; }
		.allBlock h5 span{ display:block; font-size:5vw; color:#444; letter-spacing:3px; margin-bottom:3vw; }

		/*案例展示*/
		.caseList{ background:#f2f2f2; text-align:center; display:table; }
		.caseList .item{ display:table; width:99vw; padding-bottom:0px; margin-left:1vw; }
		.caseList .item li{ float:left; width:45vw; overflow:hidden; margin-bottom:4vw; margin-right:4vw; }
		.caseList .item li:nth-child(4n){ margin-right:0; }
		.caseList .item li a{ display:block; width:100%; background:#fff; }
		.caseList .item li .image{ display:block; width:100%; height:30vw; overflow:hidden; }
		.caseList .item li .image span{ display:none; }
		.caseList .item li .image img{ width:100%; }
		.caseList .item li .title{ display:block; height:12vw; }
		.caseList .item li .title span{ display:block; width:100%; line-height:12vw; height:12vw; overflow:hidden; font-size:4vw; }
		.caseList .item li .image span{ transition:All 1s; }
		.caseList .item li:nth-child(n+7){ display:none; }
		.caseList.white{ background-color:#fff; }
		.caseList.white li a{  background-color:#f2f2f2; }

		/*联系我们*/
		.contact{ background:#f2f2f2; text-align:center; display:table;  }
		.contact .content{ display:table; width:100vw; text-align:left; line-height:2; font-size:4vw; padding:0px 0 5vw 0; color:#333; }
		.contact .content p{ padding-bottom:15px; }
		.contact .content span{ float:left; width:90vw; margin-left:4vw; }
		.contact .content .map{ display:block; border-radius:3vw; overflow:hidden; border:1px solid #ddd; margin: 0 0 5vw 2vw; }
		.contact .content .map{ width:90vw; height:50vw; background:#fff; background:url(img/map.jpg) center bottom;  }
		.contact .content p{ margin:0; padding:0; }
		.contact .content p img{ width:160px; height:160px; }

		.contact.white{ background-color:#fff; }

	/*首页*/

		.indexImg{ width:100vw; height:60vw!important; }
		.indexImg .img{ width:100%; height:60vw; }
		.indexImg .img a{ width:100%; height:60vw; cursor:default; }

		/*轮播图箭头和焦点*/
		.layui-carousel-arrow{ display:none; }
		.layui-carousel-ind ul{ background:rgba(0,0,0,0); }
		.layui-carousel-ind ul:hover{ background:rgba(0,0,0,0); }
		.layui-carousel-ind li{ width:32px; height:10px; margin:0 5px; border-radius:2px;}

		/*我们能做什么*/
		.indexWedo{ background-image:#f2f2f2; text-align:center;  display:table; }
		.indexWedo h5{ margin:6vw 0 2vw 0; overflow:hidden; display:block; height:16vw; }
		.indexWedo h5 strong{ display:block; color:#fe9b02; font-size:6vw; margin-bottom:2vw; }
		.indexWedo h5 span{ display:block; font-size:4vw; color:#444; letter-spacing:2px; }
		.indexWedo .item{ display:table; width:100%; padding:0 0 8vw 2%; }
		.indexWedo .item li{ float:left; width:30%; margin-right:3%; padding:5vw 0 1vw 0; }
		.indexWedo .item li:nth-child(3n+0){ margin-right:0; }
		.indexWedo .item li:nth-child(4){ margin-left:15%; }
		.indexWedo .item li em{ display:block; margin:auto; width:20vw; height:20vw; border-radius:50%; border:1px solid #ccc; }
		.indexWedo .item li em i{ line-height:20vw; font-size:8vw; color:#fe9b02; }
		.indexWedo .item li strong{ display:block; margin:1vw 0; font-size:4vw; font-weight:normal; }
		.indexWedo .item li span{ font-size:3vw; color:#888; }

		.indexWedo .item li em{ transition:All 1s; }
		.indexWedo .item li:hover em{ background:#fe9b02; border-color:#fe9b02; transform:rotate(360deg); }
		.indexWedo .item li:hover em i{ color:#fff; }
		.indexWedo .item li:hover strong{ color:#fe9b02; }
	
		/*案例展示*/
		.indexCase{ background:#f2f2f2; text-align:center; display:table; }
		.indexCase h5{ margin:5vw 0 8vw 0; height:22vw; overflow:hidden;  }
		.indexCase h5 span{ display:block; font-size:6vw; color:#444; letter-spacing:5px; }
		.indexCase h5 strong{ display:block; font-size:3.5vw; margin-top:1vw; font-weight:normal; line-height:1.8; color:#999; }
		.indexCase h5 strong i{ color:#fe9b02; }

		.indexCase .item{ display:table; width:100%; padding-bottom:0px; }
		.indexCase .item li{ float:left; width:48%; margin-right:4%; overflow:hidden; margin-bottom:5vw;}
		.indexCase .item li:nth-child(2n+0){ margin-right:0; }
		.indexCase .item li:nth-child(n+7){ display:none; }
		.indexCase .item li a{ display:block; width:100%; background:#fff; }
		.indexCase .item li .image{ display:block; width:100%; height:120px; overflow:hidden; }
		.indexCase .item li .image{ background-size:cover; background-position:center center; }
		.indexCase .item li .image span{ display:none; }
		.indexCase .item li .image img{  display:none; }
		.indexCase .item li .title{ display:block; height:9vw; padding:3vw; }
		.indexCase .item li .title i{ display:none; }
		.indexCase .item li .title span{ display:block; width:100%; line-height:4vw; height:5vw; overflow:hidden; font-size:3.5vw; color:#aaa; }


		.indexCase .more a{ display:block; margin:4vw auto 10vw auto; background:#fff; padding:3vw 0; }
		.indexCase .more a{ width:60%; border-radius:8vw; color:#333; transition:All 0.5s; }


		/*我们的客户*/
		.indexCustomers{ background:#ffffff; text-align:center; display:table; }
		.indexCustomers h5{ padding:5vw 0 0vw 0; height:14vw; margin-top:5px; overflow:hidden; margin-bottom:3vw;  }
		.indexCustomers h5 span{ display:block; font-size:6vw; color:#444; letter-spacing:3px; }
		.indexCustomers h5 strong{ display:block; font-size:3.5vw; margin-top:1vw; font-weight:normal; line-height:1.8; color:#fe9b02; }


		.indexCustomers .item{ display:table; width:100%; padding-bottom:10vw; margin-left:2%; }
		.indexCustomers .item li{ float:left; width:19.5%; overflow:hidden; padding-bottom:0; margin-top:4vw; border-right:1px solid #eee; }
		.indexCustomers .item li:nth-child(5n+0){ border:0; }
		.indexCustomers .item li:nth-child(n+21){ display:none; }
		.indexCustomers .item li i{ display:block; }
		.indexCustomers .item li i .square{ display:block; margin:auto; width:70%; background-size:cover; background-position:center center; }
		.indexCustomers .item li i .logoImg{ display:none; }
		.indexCustomers .item li span{  font-size:3vw; color:#666; }


		.indexCustomers .more a{ display:block; margin:0vw auto 5vw auto; background:#efeff1; padding:3vw 0; }
		.indexCustomers .more a{ width:60%; border-radius:8vw; color:#333; transition:All 0.5s; }
		.indexCustomers .more a:hover{ background:#fe9b02; color:#fff; }

	/*掌上导游页面*/

		/*什么是*/
		.whatIsIt{ background:#ffffff; text-align:center;  display:table; }
		.whatIsIt .mainBlock{ padding-top:10vw; }

		.whatIsIt .mobiles{ display:block; width:100%; display:table; }
		.whatIsIt .mobiles span{  float:left;  width:50%; height:100%; }
		.whatIsIt .mobiles span img{ width:90%;  }
		.whatIsIt .mobiles .m1{ z-index:999; margin-left:8%; }
		.whatIsIt .mobiles .m2{ margin-left:-20%; z-index:333; }

		.whatIsIt .item{ display:block; width:100%;  }

		.whatIsIt .item h3{ font-size:8vw; text-align:left; margin-top:5vw; margin-bottom:5vw; text-align:center; line-height:1.8; }
		.whatIsIt .item h3 img{ margin-bottom:5vw; margin-left:10px; width:150px; }
		.whatIsIt .item h3 span{ font-size:10vw; text-align:left; color:#fe9b02; }

		.whatIsIt .item ul{ margin-left:3vw; }
		.whatIsIt .item li{ float:left; width:23vw; }
		.whatIsIt .item li span{ display:block; margin:auto; width:20vw; height:14vw; padding-top:6vw; border:3px solid #ccc; border-radius:50%; }
		.whatIsIt .item li span{ line-height:4vw; font-size:3vw; letter-spacing:3px; background:#fff; margin:0 0 5vw 0; cursor:default; }
		.whatIsIt .item li.weight span{ background:#df0011; border-color:#df0011; color:#fff; }

		.whatIsIt .item ul li:nth-child(n+9){ display:none; }

		.whatIsIt .item li span{ transition:All 1s; }
		.whatIsIt .item li:hover span{ border-color:#df0011; background:#FAE2E2; transform:rotate(360deg); }
		.whatIsIt .item li.weight:hover span{ background:#FAE2E2; color:#333; transform:rotate(360deg); }


		/*功能模块*/
		.modules{ background:#f2f2f2; text-align:center;  display:table; }

		.modules .item{ display:table; padding-bottom:10vw; margin-left:2vw; }
		.modules .item li{ float:left; width:44vw; height:68vw; background:#fff; margin-right:3vw;  border-top:6px solid #7f7f74; cursor:default; }
		.modules .item li{ background-repeat:no-repeat; background-size:100% auto; background-position:center bottom 4vw; transition:All .3s; border-radius:1vw; }
		.modules .item li:nth-child(2n){ margin-right:0px;  }
		.modules .item li:nth-child(n+3){ margin-top:4vw; }
		.modules .item li h3{ text-align:center; font-size:5vw; font-weight:bold; margin:3vw 0; }
		.modules .item li span{ display:block; text-align:justify; padding:0 3vw; font-size:3.5vw; line-height:1.8; }

		.modules .item li.t1{ border-top-color:#52c045; background-image:url(img/guide/t1.png); }
		.modules .item li.t2{ border-top-color:#7f7f74; background-image:url(img/guide/t2.png); }
		.modules .item li.t3{ border-top-color:#fe9b02; background-image:url(img/guide/t3.png); }
		.modules .item li.t4{ border-top-color:#e77b7c; background-image:url(img/guide/t4.png); }
		.modules .item li.t5{ border-top-color:#439ce8; background-image:url(img/guide/t5.png); }
		.modules .item li.t6{ border-top-color:#8f68c9; background-image:url(img/guide/t6.png); }
		.modules .item li.t7{ border-top-color:#4dbec6; background-image:url(img/guide/t7.png); }
		.modules .item li.t8{ border-top-color:#e00000; background-image:url(img/guide/t8.png); }


	/*全景摄影页面*/

		/*介绍*/
		.panoramaMain h5{ height:8vw; margin:0; }

		.panoramaMain .mobiles{ width:90%; display:table; margin:auto auto 0vw auto; }
		.panoramaMain .mobiles span{ float:left;  width:50%; height:100%; }
		.panoramaMain .mobiles span img{ width:100%; }
		.panoramaMain .mobiles .m1{ z-index:999; margin-left:5%; }
		.panoramaMain .mobiles .m2{ margin-left:-15%; z-index:333; }

		.panoramaMain .main h3{ display:table; font-size:7vw; display:tabel-cell; vertical-align:middle;  padding-top:3vw; margin:auto; }
		.panoramaMain .main h3 img{ margin-bottom:3vw; margin-left:1vw; width:25vw;  }
		.panoramaMain .main h4{ font-size:5.5vw; margin-bottom:3vw; text-align:center; }
		.panoramaMain .main ul{ display:table; margin-top:5vw; padding-left:2vw; }
		.panoramaMain .main ul li{ float:left; font-size:4vw; margin-left:4vw; padding:3vw 0; width:26vw; height:14vw;  background:#f2f2f2; border-radius:3vw; text-align:center;  }
		.panoramaMain .main ul li span{ display:block; font-size:6vw; line-height:8vw; }
		.panoramaMain .main .ps{ margin:3vw 5vw; font-size:3.5vw; color:#999; }

		/*应用行业*/
		.panoramaIndustry{ background:#f2f2f2; text-align:center;  display:table; }

		.panoramaIndustry .item{ display:table; width:100%; padding-bottom:1vw; margin-left:3vw; }
		.panoramaIndustry .item li{ float:left; width:26vw; margin-right:5vw; }
		.panoramaIndustry .item li i{ display:block; margin:auto; width:26vw; height:26vw; border-radius:5vw; overflow:hidden; }
		.panoramaIndustry .item li i{ background-size:100% 100%; background-position:center center; }
		.panoramaIndustry .item li i em{ width:100%; height:100%; background:rgba(0,0,0,.5); opacity:0; font-size:4vw; letter-spacing:5px; }
		.panoramaIndustry .item li i em{ display:flex; justify-content:space-around; flex-direction:column; color:#fff;  border-radius:20%; }
		.panoramaIndustry .item li strong{ display:block; margin:3vw 0 5vw 0 ; font-size:4vw; font-weight:normal; }
		.panoramaIndustry .item li span{ display:none; }

		.panoramaIndustry .item li i.img1{ background-image:url(img/panorama/industry1.jpg); }
		.panoramaIndustry .item li i.img2{ background-image:url(img/panorama/industry2.jpg); }
		.panoramaIndustry .item li i.img3{ background-image:url(img/panorama/industry3.jpg); }
		.panoramaIndustry .item li i.img4{ background-image:url(img/panorama/industry4.jpg); }
		.panoramaIndustry .item li i.img5{ background-image:url(img/panorama/industry5.jpg); }
		.panoramaIndustry .item li i.img6{ background-image:url(img/panorama/industry6.jpg); }

		.panoramaIndustry .item li i,.panoramaIndustry .item li:hover i em{ transition:All 1s; }
		.panoramaIndustry .item li:hover i{ color:#fff; background-size:120% 120%; }
		.panoramaIndustry .item li:hover i em{ opacity:1; }

		.panoramaIndustry .ps{ font-size:4vw; padding:0 3vw; color:#666; margin-bottom:5vw; }

		/*为什么选择*/
		.panoramaWhy{ background:#fff; display:table; text-align:center; }

		.panoramaWhy .item{ display:table; width:100%; padding-bottom:5vw; }
		.panoramaWhy ul{ display:table; padding-left:2.5vw; padding-bottom:0vw; }
		.panoramaWhy ul li{ display:table; padding-top:5vw; width:90vw; border-top:1px solid #ddd; padding-bottom:5vw; }
		.panoramaWhy ul li{ background-repeat:no-repeat; background-position:center 30px;  }
		.panoramaWhy ul li i{ float:left; width:10vw; height:10vw; background:url(img/feature_icon.png); background-size:cover; margin-left:25vw; }
		.panoramaWhy ul li:nth-child(3){ border-bottom:1px solid #ddd; }
		.panoramaWhy ul li:nth-child(1) i{ background-image:url(img/panorama/icon1.png); }
		.panoramaWhy ul li:nth-child(2) i{ background-image:url(img/panorama/icon2.png); }
		.panoramaWhy ul li:nth-child(3) i{ background-image:url(img/panorama/icon3.png); }
		.panoramaWhy ul li span{ float:left; height:13vw; font-size:8vw; line-height:11vw; margin-left:2vw; text-align:left;  }
		.panoramaWhy ul li em{ float:left; display:block; text-align:justify; padding:0 5vw; margin-top:2vw; line-height:1.5; font-size:4vw;  }
		.panoramaWhy ul li em{ background:url(img/panorama/icon_point.png) no-repeat; background-position:2vw 2vw; background-size:1.5vw; }
		

	/*手绘地图页面*/
		
		/*主屏*/
		.paintedMain{ display:table; background:url(img/painted/main_bg_mobile.jpg?r=2) top center no-repeat; background-size:cover; }
		.paintedMain .pics{ display:block; width:90%; display:table; margin-top:5vw; }
		.paintedMain .pics span{ float:left; width:50%; height:100%; }
		.paintedMain .pics span img{ width:180%; max-width:531px;  }
		.paintedMain .pics .m1{ z-index:999; margin-left:3%; }
		.paintedMain .pics .m2{ margin-left:-35%; margin-top:10vw; z-index:333; }
		
		.paintedMain .main{ display:block; }
		.paintedMain .main h3{ font-size:7vw; text-shadow:1px 1px 3px #00000052; padding-top:5vw; text-align:center; }
		.paintedMain .main h3 span{ color:#fe9b02; }
		.paintedMain .main h4{ font-size:4vw; margin-top:3vw; margin-bottom:3vw; text-align:center; }
	
		.paintedMain .main ul{ display:table; padding-left:4%; margin-bottom:8vw;  }
		.paintedMain .main ul li{ float:left; width:45%; background:#333; margin-right:3%; padding:2vw 0; margin-top:3vw; border-radius:2vw; }
		.paintedMain .main ul li{ font-size:5vw; text-align:center; color:#fff; }
		.paintedMain .main ul li:nth-child(1),.paintedMain .main ul li:nth-child(2){ background:#fe9b02; }
		.paintedMain .main ul li:nth-child(3),.paintedMain .main ul li:nth-child(4){ background:#6cb947; }
		.paintedMain .main ul li:nth-child(5),.paintedMain .main ul li:nth-child(6){ background:#2aa6c7; }
		.paintedMain .main ul li:nth-child(7),.paintedMain .main ul li:nth-child(8){ background:#d0b64d; }

		/*为什么选择*/
		.paintedWhy{ background:#fff; text-align:center; display:table; }

		.paintedWhy .item{ display:table; width:100%; }
		.paintedWhy ul{ display:table; }
		.paintedWhy ul li{ float:left; margin-left:3vw; }
		.paintedWhy ul li{ background-repeat:no-repeat; background-position:center 30px; border:1px solid rgba(0,0,0,0);  }
		.paintedWhy ul li:nth-child(n+3){ margin-right:0; }
		.paintedWhy ul li i{ float:left;  width:20vw; height:30vw; margin:0 3vw 5vw auto; border-right:1px solid #ccc; padding-left:3vw; }
		.paintedWhy ul li i{ background:url(img/feature_icon.png) no-repeat; background-size:20vw auto; }
		.paintedWhy ul li:nth-child(1) i{ background-image:url(img/painted/icon1.png); }
		.paintedWhy ul li:nth-child(2) i{ background-image:url(img/painted/icon2.png); }
		.paintedWhy ul li:nth-child(3) i{ background-image:url(img/painted/icon3.png); }
		.paintedWhy ul li span{ display:block; text-align:left; font-size:6vw;  }
		.paintedWhy ul li em{ display: block; text-align:justify; line-height:1.5; font-size:4vw; padding-right:4vw;  }



	/*公司简介*/
		.contentPage h5{ display:block; padding:8vw 0 4vw 0; text-align:center; margin-bottom:0;  }
		.contentPage h5 span{  display:inline-block; font-size:6vw; color:#df0011; letter-spacing:1px; line-height:7vw; }
		.contentPage h5 strong{ display:inline-block; color:#aaa; font-size:5vw; padding-left:2vw; border-left:2px solid #eee; line-height:7vw;}
		.contentPage .introduction .content{ display:table; width:94%; margin:auto; padding-bottom:5vw; }
		.contentPage .introduction .content{ text-align:left; line-height:2; font-size:4vw; color:#333; text-align:justify; }
		.contentPage .introduction .content img{ border-radius:2vw; }
		.contentPage .introduction .content p{ padding-bottom:2vw; }
		.contentPage .introduction .content p{ padding-bottom:2vw; }

	/*合作伙伴*/
		.customers{  text-align:center; display:table; }
		.customers h5{ display:block; margin:8vw 0 0vw 0; text-align:center;  }
		.customers h5 span{  display:inline-block; font-size:7vw; color:#df0011; letter-spacing:3px; line-height:7vw; }
		.customers h5 strong{ display:inline-block; color:#aaa; font-size:5vw; padding-left:2vw; border-left:2px solid #eee; line-height:7vw;}
		.customers .item{ display:table; width:100%; padding-bottom:10vw; margin-left:2%; }
		.customers .item li{ float:left; width:23.5%; overflow:hidden; padding-bottom:0; margin-top:4vw; border-right:1px solid #eee; }
		.customers .item li:nth-child(4n+0){ border:0; }
		.customers .item li i{ display:block; }
		.customers .item li i .square{ display:block; margin:auto; width:70%; background-size:cover; background-position:center center; }
		.customers .item li i .logoImg{ display:none; }
		.customers .item li span{  font-size:3vw; color:#666; }
		.customers .item li i .square,.customers .item li span{ transition:All 1s; }
		.customerPage .headerBar .right h1{ font-size:3.5vw; }

	/*联系我们*/
		.contactPage h5{ display:block; padding:7vw 0 0vw 0; text-align:center; margin-bottom:3vw;  }
		.contactPage h5 span{  display:inline-block; font-size:7vw; color:#df0011; letter-spacing:3px; line-height:7vw; }
		.contactPage h5 strong{ display:inline-block; color:#aaa; font-size:5vw; padding-left:2vw; border-left:2px solid #eee; line-height:7vw;}
		.contactPage .introduction .content{ display:table; width:94%; margin:auto; padding-bottom:5vw; }
		.contactPage .introduction .content{ text-align:left; line-height:2; font-size:4vw; color:#333; text-align:justify; }
		.contactPage .introduction .content .map{ width:100%; border-radius:5vw; margin-bottom:5vw;  }
		.contactPage .introduction .content p{ padding-bottom:2vw; }

	/*案例展示*/
		.cateNav{ display:table; padding:2vw 0 3vw 0; }
		.cateNav a{ float:left; padding:2vw 0; width:21.6vw; background:#E8E8E8; margin:2vw 3vw 0 0; }
		.cateNav a{ text-align:center; font-size:3.5vw; }
		.cateNav a:nth-child(4n+0){ margin-right:0%; }
		.cateNav a.cur{ background:#df0011; color:#fff; }

		.casePage .item{ display:table; width:100%;  margin-left:0.5%; text-align:center; }
		.casePage .item li{ float:left; width:48%; overflow:hidden; margin-bottom:4vw; margin-right:3%; cursor:pointer; }
		.casePage .item li:nth-child(2n+0){ margin-right:0%; }
		.casePage .item li a{ display:block; width:100%; }
		.casePage .item li .image{ display:block; width:100%; height:30vw; overflow:hidden; }
		.casePage .item li .image{ background-size:cover; background-position:center center; }
		.casePage .item li .image span{ display:none; }
		.casePage .item li .image img{  display:none; }

		.casePage .item li .title{ display:block; height:9vw; padding:3vw; background:#f2f2f2; }
		.casePage .item li .title i{ display:none; }
		.casePage .item li .title span{ display:block; width:100%; line-height:4vw; height:5vw; overflow:hidden; font-size:3.5vw; color:#aaa; }


		.casePage .item li,.casePage .item li .image span{ transition:All 1s; }
		.casePage .item li:hover .title span{ transition:All 0.5s; }
		.casePage .item li:hover .image span{ opacity:1; margin-top:0; }
		.casePage .item li:hover .title span{ color:#df0011; }
		.casePage .item li:hover { box-shadow: 0 4px 20px -2px rgba(0,0,0,0.3); }

		.caseViewPage .cateNav{ padding:0 0; }
		.caseViewPage .headerBar{ margin-bottom:2vw; }
		.caseViewPage .headerBar .left{ display:none; }
		.caseViewPage .headerBar .right{ line-height:1.5; padding:3vw 2vw; height:auto; }
		.caseViewPage .headerBar .right h1{ line-height:1.5; }
		.caseViewPage .content{ display:table; padding:2vw; margin-bottom:20px; }
		.caseViewPage .content{ text-align:left; line-height:2; font-size:4.5vw; color:#333; text-align:justify; }
		.caseViewPage .content p{ padding-bottom:2vw;}
		.caseViewPage .content p img{ display:block; max-width:92vw!important; margin:2vw auto 0 auto; border-radius:2vw; }
		.caseViewPage .content h2{  margin-bottom:3vw; border-bottom:1px solid #ccc; padding-bottom:3vw; font-size:5.5vw; font-weight:bold; }

		.caseViewPage .toVrBut{ display:table; background:linear-gradient(#ff0014, #c60716); font-size:5vw; padding:2vw 5vw 2vw 13vw; margin:5vw auto; border-radius:3vw; box-shadow:0px 1vw #0000002e; color:#fff; }
		.caseViewPage .toVrBut:before { content:' '; width:8vw; height:8vw; display:block; position:absolute; margin:1vw 0 0 -9vw; background:url(img/720ViewBut.png?r=3); background-size:cover; }



}
