/*
	技术支持：龙岩市乐智网络科技有限公司
	网址：www.lezhi99.com
*/

/*电脑版样式*/
@media(min-width:600px){
	
	/*公共部分*/
		.mdiv{ display:none; }
		i,em,div,span{ font-style:normal; }
		body{ font-family:'微软雅黑'; }
		.allBlock{ width:100%; }
		.mainBlock{ width:90vw; max-width:1350px; min-width:1150px; margin:auto; }
		.headerOccupy{ height:70px; }
		.imageReloading{ position:absolute; left:-1px; width:1px; height:1px; overflow:hidden; opacity:0.01;  }

		/*分页导航*/
		.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:#333; 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:70px; background-color:#ffffff; }
		.header .logo{ float:left; height:70px; width:320px; background:#333 no-repeat; overflow:hidden; }
		.header .logo{ background-image:url(img/logo.png); background-size:250px auto; background-position:10px 12px; }
		.header .logo:after{ content:' '; float:right; }
		.header .logo:after{ transform:rotate(25deg); border-right:35px solid #ffffff; height:120px; margin:-20px -18px 0 0; }
		.header .nav{ float:left; margin-left:60px; }
		.header .nav .links{ position:absolute; }
		.header .nav a{ float:left; line-height:70px; margin-right:48px; font-size:16px; }
		.header .nav a.cur{ color:#fff; transition:color .2s; }
		.header .nav a:hover{ color:#333;  }
		.header .nav .cursor{ position:absolute; margin-top:18px; margin-left:0px; display:none; }
		.header .nav .cursor{ width:80px; height:35px; border-radius:8px; background:#df0011;  }
		.header .phone{ float:right; width:200px; color:#df0011; font-size:20px; font-weight:bold; white-space:nowrap; font-style: italic; margin-right:0px; }
		.header .phone span{ display:block; font-weight:normal; font-size:16px; margin:10px 0 2px 0; }
		.header .phone i{ float:left; width:46px; height:46px; background:#df0011; margin:12px 10px 0 0; border-radius:10px; }
		.header .phone i{ font-size:24px; color:#fff;  line-height:46px; text-align:center; }

		.header .logo:before{ content:""; position:absolute; margin-left:-15px; width:15px; height:70px;  }
		.header .logo:before{ background-image:linear-gradient(to right,transparent,#333,transparent);opacity:0.4; }
		.header .logo:before{ animation:searchLights 5s ease-in 2s infinite; transform:rotate(30deg); }
		@keyframes searchLights{
			0%{ margin-left:-15px; }
			30%{ margin-left:255px; }
			100%{ margin-left:255px; }
		}

		/*栏目页顶部图片*/
		.headerImg{ height:230px; width:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; }
		.headerBar{ display:table; width:100%; margin-top:20px; }
		.headerBar .left{ float:left; background:#fff; padding-right:20px; height:115px;  }
		.headerBar .left span{ display:block; font-size:38px; font-weight:bold; border-bottom:#333 8px solid; padding-bottom:6px; }
		.headerBar .left i{ display:block; font-size:24px; margin-top:5px; display:none; }
		.headerBar .right{ background:#fe9b02; height:115px; text-align:center; color:#fff; }
		.headerBar .right h1{ line-height:60px; padding-top:10px; font-size:24px; }
		.headerBar .right span{ font-size:16px; }

		/*主体*/
		.body{ min-height:calc(100vh - 70px - 220px); }
		
		/*底部*/
		.footer,.footer .mainBlock{ background:#333; height:220px; color:#fff; }
		.footer .left{ float:left; margin:20px 0 0 180px; width:330px; height:180px; border-right:1px solid #666; }
		.footer .left .img{ width:300px; height:80px; background-repeat:no-repeat;  }
		.footer .left .img{ background-image:url(img/foot.png); background-size:100% auto; background-position:0px 18px; }
		.footer .icon{ display:table; width:300px; margin:5px 0 10px 0; }
		.footer .icon span{ float:left; border-radius:50%; border:2px solid #fe9b02; padding:8px; margin-right:20px; cursor:pointer; }
		.footer .icon span{ width:22px; height:22px; text-align:center; transition:background 1s,transform 1s; }
		.footer .icon span i{ font-size:22px; color:#fe9b02; line-height:21px; transition:color 1s; }
		.footer .icon span:hover{ background:#fe9b02; transform:rotate(360deg); }
		.footer .icon span:hover i{ color:#fff; }
		.footer .note{ color:#ddd; }
		.footer .qr{ position:absolute; margin:20px 0 0 -160px; }
		.footer .qr i{ display:block; width:110px; height:110px; background-image:url(img/foot_qr.jpg); background-size:cover;  }
		.footer .qr span{ display:block; margin-top:10px; width:110px; text-align:center; }
		.footer .right{ float:left; margin-left:30px; }
		.footer .right .links{ display:table; padding-top:40px; }
		.footer .right .links a{ float:left; color:#fff; }
		.footer .right .links a:hover{ color:#fe9b02; }
		.footer .right .links span{ float:left; margin:0 10px; }
		.footer .right .text{ color:#ccc; float:left; color:#fff; margin-top:10px; line-height:2; }
		.footer .right .text a{ color:#ccc; }

		/*内页通用标题*/
		.allBlock h5{ margin:50px 0 50px 0; overflow:hidden; display:block; height:95px; }
		.allBlock h5 strong{ display:block; color:#fe9b02; font-size:38px; margin-bottom:20px; margin-top:10px; }
		.allBlock h5 span{ display:block; font-size:26px; color:#444; letter-spacing:3px; }

		/*案例展示*/
		.caseList{ background:#f2f2f2; text-align:center; display:table; }
		.caseList .item{ display:table; width:100%; padding-bottom:20px; }
		.caseList .item li{ float:left; width:22%; overflow:hidden; margin-bottom:40px; margin-right:3.6%; }
		.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:170px; overflow:hidden; }
		.caseList .item li .image{ background-size:cover; background-position:center center; }
		.caseList .item li .image span{ display:block; width:calc(100% - 40px); padding:0 20px; height:170px; background:rgba(0,0,0,.5); }
		.caseList .item li .image span{ color:#fff; display:flex; justify-content:space-around; flex-direction:column; opacity:0; margin-top:170px; }
		.caseList .item li .image span img{ width:100px; height:100px; display:inline; margin:10px auto -30px auto; }
		.caseList .item li .title{ display:block; height:44px; padding:10px 20px 10px 20px; }
		.caseList .item li .title span{ display:block; width:100%; line-height:44px; height:44px; overflow:hidden; font-size:18px; }
		.caseList .item li .image span{ transition:All 1s; }
		.caseList .item li:hover .title span{ transition:All 0.5s; }
		.caseList .item li:hover .image span{ opacity:1; margin-top:0; }
		.caseList .item li:hover .title span{ color:#df0011; }
		.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:100%; text-align:left; line-height:2; font-size:18px; padding:0px 0 50px 0; color:#333; }
		.contact .content p{ padding-bottom:15px; }
		.contact .content .map{ float:left; border-radius:20px; margin-right:50px; overflow:hidden; border:1px solid #ddd; }
		.contact .content .map{ width:45%; height:400px; background:#fff; background:url(img/map.jpg) center center;   }
		.contact .content span{ float:left; }
		.contact .content p img{ width:160px; height:160px; }

		.contact.white{ background-color:#fff; }



	/*首页*/

		.indexImg{ width:100vw; height:31.3vw!important; }
		.indexImg .img{ width:100%; height:100%; background-size:cover; }
		.indexImg .img a{ width:100%; height:100%; cursor:default; }

		/*轮播图箭头和焦点*/
		.layui-carousel-arrow{ width:50px; height:50px; }
		.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:50px 0 20px 0; overflow:hidden; display:block; height:115px; }
		.indexWedo h5 strong{ display:block; color:#fe9b02; font-size:38px; margin-bottom:20px; }
		.indexWedo h5 span{ display:block; font-size:26px; color:#444; letter-spacing:3px; }
		.indexWedo .item{ display:table; width:100%; padding-bottom:40px; }
		.indexWedo .item li{ float:left; width:20%; padding:40px 0; border-radius:10px; }
		.indexWedo .item li em{ display:block; margin:auto; width:145px; height:145px; border-radius:50%; border:1px solid #ccc; }
		.indexWedo .item li em i{ line-height:145px; font-size:45px; color:#333; }
		.indexWedo .item li strong{ display:block; margin:20px 0; font-size:18px; font-weight:normal; }
		.indexWedo .item li span{ font-size:14px; color:#888; }

		.indexWedo .item li em{ transition:All 1s; }
		.indexWedo .item li:hover em{ background:#333; border-color:#333; transform:rotate(360deg); }
		.indexWedo .item li:hover em i{ color:#fff; }
		.indexWedo .item li:hover strong{ color:#333; }

		/*案例展示*/
		.indexCase{ background:#f2f2f2; text-align:center; display:table; }
		.indexCase h5{ margin:50px 0 50px 0; height:110px; overflow:hidden;  }
		.indexCase h5 span{ display:block; font-size:32px; color:#444; letter-spacing:5px; }
		.indexCase h5 strong{ display:block; font-size:16px; margin-top:10px; 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:25%; overflow:hidden; margin-bottom:40px; }
		.indexCase .item li a{ display:block; width:86%; background:#fff; }
		.indexCase .item li .image{ display:block; width:100%; height:170px; overflow:hidden; }
		.indexCase .item li .image{ background-size:cover; background-position:center center; }
		.indexCase .item li .image span{ display:block; width:calc(100% - 40px); padding:0 20px; height:170px; background:rgba(0,0,0,.5); }
		.indexCase .item li .image span{ color:#fff; display:flex; justify-content:space-around; flex-direction:column; opacity:0; margin-top:170px; }
		.indexCase .item li .image span img{ width:100px; height:100px; display:inline; margin:10px auto -30px auto; }

		.indexCase .item li .title{ display:block; height:44px; padding:10px 0px 10px 0px;  }
		.indexCase .item li .title{ display:block; width:100%; line-height:44px; height:44px; overflow:hidden; font-size:18px; }

		.indexCase .item li .image span{ transition:All 1s; }
		.indexCase .item li:hover .image span{ opacity:1; margin-top:0; }
		.indexCase .item li:hover .title{ color:#df0011; }

		.indexCase .more a{ display:block; margin:auto auto 50px; auto; background:#fff; padding:10px 40px; }
		.indexCase .more a{ width:120px; border-radius:20px; color:#333; transition:All 0.5s; }
		.indexCase .more a:hover{ background:#fe9b02; color:#fff; }


		/*我们的客户*/
		.indexCustomers{ background:#ffffff; text-align:center; display:table; }

		.indexCustomers .item{ display:table; width:100%; padding-bottom:50px; }
		.indexCustomers .item li{ float:left; width:14%; overflow:hidden; padding-bottom:0; margin-bottom:40px; border-right:1px solid #eee; }
		.indexCustomers .item li:nth-child(7n+0){ border:0;  }
		.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:14px; color:#666; }

		.indexCustomers .item li i .square,.indexCustomers .item li span{ transition:All 1s; }
		.indexCustomers .item li:hover i .square{ transform:translate(0,-15px); }
		.indexCustomers .item li:hover span{ color:#fe9b02; }

		.indexCustomers .more a{ display:block; margin:-20px auto 50px auto; background:#efeff1; padding:10px 40px; }
		.indexCustomers .more a{ width:120px; border-radius:20px; 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:70px; }

		.whatIsIt .mobiles{ float:left; width:40%; display:table; margin-bottom:70px; }
		.whatIsIt .mobiles span{  float:left;  width:50%; height:100%; }
		.whatIsIt .mobiles span img{ width:120%; max-width:278px;  }
		.whatIsIt .mobiles .m1{ z-index:999; margin-left:8%; }
		.whatIsIt .mobiles .m2{ margin-left:-20%; z-index:333; }

		.whatIsIt .item{  float:left; width:60%;  }

		.whatIsIt .item h3{ font-size:38px; text-align:left; margin-top:20px; margin-bottom:40px; }
		.whatIsIt .item h3 img{ margin-bottom:20px; margin-left:10px; width:150px; }
		.whatIsIt .item h3 span{ font-size:56px; text-align:left; color:#fe9b02; }		

		.whatIsIt .item li{ float:left; width:18.1%; }
		.whatIsIt .item li span{ display:block; margin:auto; width:120px; height:85px; padding-top:35px; border:3px solid #ccc; border-radius:50%; }
		.whatIsIt .item li span{ line-height:24px; font-size:16px; letter-spacing:3px; background:#fff; margin:10px 20px 20px 0; cursor:default; }
		.whatIsIt .item li.weight span{ background:#df0011; border-color:#df0011; color:#fff; }

		.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:60px; }
		.modules .item li{ float:left; width:270px; height:310px; background:#fff; margin-right:86px;  border-top:6px solid #7f7f74; cursor:default; }
		.modules .item li{ background-repeat:no-repeat; background-position:center bottom 15px; transition:All .3s; border-radius:10px; }
		.modules .item li:nth-child(4n){ margin-right:0px;  }
		.modules .item li:nth-child(n+5){ margin-top:50px; }
		.modules .item li h3{ text-align:center; font-size:28px; font-weight:bold; margin:20px 0; }
		.modules .item li span{ display:block; text-align:justify; padding:0 25px; font-size:14px; 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); }

		.modules .item li:hover{  background-color:#FFFDE7; box-shadow: 1px 1px 6px 0px #0000004d; transform:translateY(-15px);  }

	/*全景摄影页面*/

		/*介绍*/
		.panoramaMain h5{ height:50px; margin:0; }

		.panoramaMain .mobiles{ float:left; width:40%; display:table; margin-bottom:50px; }
		.panoramaMain .mobiles span{  float:left;  width:50%; height:100%; }
		.panoramaMain .mobiles span img{ width:120%; max-width:278px;  }
		.panoramaMain .mobiles .m1{ z-index:999; margin-left:5%; }
		.panoramaMain .mobiles .m2{ margin-left:-15%; z-index:333; }

		.panoramaMain .main h3{ font-size:60px; display:tabel-cell; vertical-align:middle; height:70px; margin-bottom:25px; padding-top:20px; }
		.panoramaMain .main h3 img{ margin-bottom:20px; margin-left:20px; }
		.panoramaMain .main h4{ font-size:28px; margin-bottom:25px; }
		.panoramaMain .main .content{ width:95%; font-size:18px; line-height:1.8; text-align:justify; }
		.panoramaMain .main ul{ display:table; margin-top:20px; }
		.panoramaMain .main ul li{ float:left; font-size:18px; margin-right:30px; padding:10px 30px; background:#f2f2f2; border-radius:10px;  }
		.panoramaMain .main ul li span{ display:block; font-size:38px; }
		.panoramaMain .main .ps{ margin-top:20px; font-size:18px; }

		/*应用行业*/
		.panoramaIndustry{ background:#f2f2f2; text-align:center;  display:table; }

		.panoramaIndustry .item{ display:table; width:100%; padding-bottom:50px; }
		.panoramaIndustry .item li{ float:left; width:16.66%; }
		.panoramaIndustry .item li i{ display:block; margin:auto; width:155px; height:155px; border-radius:20%; 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:18px; 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:20px 0 5px 0 ; font-size:18px; font-weight:normal; }
		.panoramaIndustry .item li span{ display:block; font-size:14px; color:#df0011; }

		.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:18px; color:#666; margin-bottom:50px; }

		/*为什么选择*/
		.panoramaWhy{ background:#fff; text-align:center; display:table; }

		.panoramaWhy .item{ display:table; width:100%; }
		.panoramaWhy ul{ display:table; padding-left:50px; padding-bottom:70px; }
		.panoramaWhy ul li{ float:left; padding-top:30px; width:380px; height:380px; margin-right:50px; cursor:default; }
		.panoramaWhy ul li{ background-repeat:no-repeat; background-position:center 30px; border:1px solid rgba(0,0,0,0);  }
		.panoramaWhy ul li:nth-child(n+3){ margin-right:0; }
		.panoramaWhy ul li i{ display:block; width:150px; height:150px; background:url(img/feature_icon.png); margin:0 auto 20px auto; background-size:cover; }
		.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{ display:block; margin-top:30px; font-size:28px; margin-bottom:20px; }
		.panoramaWhy ul li em{ display:block; text-align:justify; padding:0 30px; margin-top:5px; line-height:1.5; font-size:14px;  }
		.panoramaWhy ul li em{ background:url(img/panorama/icon_point.png) no-repeat; background-position:15px 8px; }

		.panoramaWhy ul li{ transition:All 0.5s;  }
		.panoramaWhy ul li:hover{ background-color:#f5f5f5; border-radius:10px; border:1px solid #ddd; }

		.panoramaWhy ul li i{ transition:transform 1.5s; }
		.panoramaWhy ul li:hover i{ transform:rotate(360deg); }

	/*手绘地图页面*/
		
		/*主屏*/
		.paintedMain{ height:590px; background:url(img/painted/main_bg.jpg) top center no-repeat; }
		.paintedMain .pics{ float:left; width:50%; display:table; margin-bottom:50px; margin-top:50px; padding-top:50px; }
		.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:5%; }
		.paintedMain .pics .m2{ margin-left:-35%; margin-top:-50px; z-index:333; }
		
		.paintedMain .main{ float:left; padding-left:30px; width:530px; cursor:default;  }
		.paintedMain .main h3{ font-size:42px; text-shadow:1px 1px 3px #00000052; padding-top:80px; }
		.paintedMain .main h3 span{ color:#fe9b02; }
		.paintedMain .main h4{ font-size:24px; margin-top:20px; margin-bottom:20px; }
	
		.paintedMain .main ul{ display:table;  }
		.paintedMain .main ul li{ float:left; width:45%; background:#333; margin-right:3%; padding:20px 0; margin-top:15px; border-radius:10px; }
		.paintedMain .main ul li{ font-size:18px; 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; padding-left:50px; padding-bottom:70px; }
		.paintedWhy ul li{ float:left; padding-top:30px; width:380px; height:320px; margin-right:50px; cursor:default; }
		.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{ display:block; width:150px; height:150px; background:url(img/feature_icon.png); margin:0 auto 20px auto; background-size:cover; }
		.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; margin-top:30px; font-size:28px; margin-bottom:20px; }
		.paintedWhy ul li em{ display:block; text-align:justify; padding:0 30px; margin-top:5px; line-height:1.5; font-size:16px;  }

		.paintedWhy ul li{ transition:All 0.5s;  }
		.paintedWhy ul li:hover{ background-color:#f5f5f5; border-radius:10px; border:1px solid #ddd; }

		.paintedWhy ul li i{ transition:transform 1.5s; }
		.paintedWhy ul li:hover i{ transform:rotate(360deg); }

	/*公司简介*/
		.contentPage h5{ margin:40px 0 0px 0; overflow:hidden; display:block; height:40px; text-align:center; }
		.contentPage h5 strong{ display:block; color:#df0011; font-size:28px; margin:10px 0 10px 0; }
		.contentPage h5 span{ display:block; font-size:32px; color:#444; letter-spacing:3px; }
		.contentPage .introduction .content{ display:table; width:100%; text-align:left; line-height:2; font-size:18px; padding:20px 0 50px 0; color:#333; }
		.contentPage .introduction .content p{ padding-bottom:15px; }

	/*合作伙伴*/
		.customers{  text-align:center; display:table; }
		.customers h5{ margin:40px 0 50px 0; overflow:hidden; display:block; height:40px; text-align:center; }
		.customers h5 strong{ display:block; color:#df0011; font-size:28px; margin:10px 0 10px 0; }
		.customers h5 span{ display:block; font-size:32px; color:#444; letter-spacing:3px; }
		.customers .item{ display:table; width:100%; padding-bottom:50px; }
		.customers .item li{ float:left; width:14%; overflow:hidden; padding-bottom:0; margin-bottom:40px; border-right:1px solid #eee; }
		.customers .item li:nth-child(7n+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:14px; color:#666; }
		.customers .item li i .square,.customers .item li span{ transition:All 1s; }
		.customers .item li:hover i .square{ transform:translate(0,-15px); }
		.customers .item li:hover span{ color:#df0011; }

	/*联系我们*/
		.contactPage h5{ margin:40px 0 0px 0; overflow:hidden; display:block; height:40px; text-align:center; border-bottom:1px solid #eee; padding-bottom:20px; }
		.contactPage h5 strong{ display:block; color:#df0011; font-size:28px; margin:10px 0 10px 0; }
		.contactPage h5 span{ display:block; font-size:32px; color:#444; letter-spacing:3px; }
		.contactPage .introduction .content{ display:table; width:100%; text-align:left; line-height:2; font-size:18px; padding:40px 0 50px 0; color:#333; }
		.contactPage .introduction .content p{ padding-bottom:15px; }
		.contactPage .introduction .content .map{ float:left; border-radius:20px; margin-right:50px;  }

	/*案例展示*/
		.cateNav{ display:table; padding:20px 0 0 0; }
		.cateNav a{ float:left; padding:10px 20px; background:#E8E8E8; margin-right:15px; }
		.cateNav a.cur{ background:#df0011; color:#fff; }

		.cateNav a{ transition:All 0.5s; }
		.cateNav a:hover{ background:#df0011; color:#fff; }

		.casePage .item{ display:table; width:100%; padding-bottom:10px; margin-top:20px; text-align:center; }
		.casePage .item li{ float:left; width:23.5%; overflow:hidden; margin-bottom:30px; margin-right:2%; cursor:pointer; }
		.casePage .item li:nth-child(4n+0){ margin-right:0%; }
		.casePage .item li a{ display:block; width:100%; }
		.casePage .item li .image{ display:block; width:100%; height:200px; overflow:hidden; }
		.casePage .item li .image{ background-size:cover; background-position:center center; }
		.casePage .item li .image span{ display:block; width:calc(100% - 40px); padding:0 20px; height:200px; background:rgba(0,0,0,.5); }
		.casePage .item li .image span{ color:#fff; display:flex; justify-content:space-around; flex-direction:column; opacity:0; margin-top:170px; }
		.casePage .item li .image span img{ width:100px; height:100px; display:inline; margin:10px auto -30px auto; }
		.casePage .item li .image img{  display:none; }
		.casePage .item li .title i{ display:none; }
		.casePage .item li .title{ display:block; height:44px; padding:10px 0px 10px 0px; text-align:center; background:#f2f2f2; }
		.casePage .item li .title{ display:block; width:100%; line-height:44px; height:44px; overflow:hidden; font-size:18px; }


		.casePage .item li,.casePage .item li .image span{ transition:All 1s; }
		.casePage .item li:hover .title{ transition:All 0.5s; }
		.casePage .item li:hover .image span{ opacity:1; margin-top:0; }
		.casePage .item li:hover .title{ color:#df0011; }
		.casePage .item li:hover { box-shadow: 0 4px 20px -2px rgba(0,0,0,0.3); }
		
		.caseViewPage .headerBar .right{ height:114px; }
		.caseViewPage .right h1{ line-height:95px; padding-top:10px; }
		.caseViewPage .content{ display:table; width:90%; padding:40px 5% 40px 5%; margin-bottom:20px; background:#F6F6F6; border:1px solid #eee; }
		.caseViewPage .content{ text-align:left; line-height:2; font-size:18px; color:#333; margin-top:20px; }
		.caseViewPage .content p{ padding-bottom:10px; }
		.caseViewPage .content p img{ display:block; max-width:1050px!important; margin:0px auto 0 auto; border-radius:10px; }
		.caseViewPage .content h2{  margin-bottom:20px; border-bottom:1px solid #ccc; padding-bottom:20px;}

		.caseViewPage .toVrBut{ display:table; background:linear-gradient(#ff0014, #c60716); font-size:24px; padding:10px 30px 10px 80px; margin:20px auto; border-radius:15px; box-shadow:0px 4px #0000002e; color:#fff; }
		.caseViewPage .toVrBut:before { content:' '; width:40px; height:40px; display:block; position:absolute; margin:5px 0 0 -50px; background:url(img/720ViewBut.png?r=3); background-size:cover; }

	/*龙景旅游*/
		.longjingPage .content{ padding-bottom:0!important; }
		.longjingPage .indexCase h5{ padding-bottom:50px!important; }

}

@media screen and (min-width:600px) and (max-width:1450px){

	.header .nav a{ margin-right:50px; }
	.header .nav a{ margin-right:40px; }

	.whatIsIt .item li span{  width:100px; height:75px; padding-top:25px; margin-top:20px; }
	.whatIsIt .mobiles{ width:40%;}
	.whatIsIt .item{ width:57%; margin-left:3%; }

	.modules .item li{ margin-right:66px; }

	.panoramaWhy ul{ padding-left:40px; }
	.panoramaWhy ul li{ width:370px; height:370px; margin-right:50px;  }

	.paintedWhy ul{ padding-left:40px; }
	.paintedWhy ul li{ width:370px; height:370px; margin-right:50px;  }

	.paintedMain .pics span img{ max-width:480px;  }

}

@media screen and (min-width:600px) and (max-width:1370px){

	.header .nav{ margin-left:40px; }
	.header .nav a{ margin-right:32px; }

	.modules .item li{ margin-right:46px; }

	.panoramaWhy ul{ padding-left:40px; }
	.panoramaWhy ul li{ width:350px; height:350px; margin-right:45px;  }

	.paintedWhy ul{ padding-left:40px; }
	.paintedWhy ul li{ width:350px; height:350px; margin-right:45px;  }
	
	.paintedMain .pics span img{ max-width:460px;  }
	.paintedMain .main{ padding-left:0px;  }

}


@media screen and (min-width:600px) and (max-width:1300px){

	.header .nav{ margin-left:30px; }
	.header .nav a{ margin-right:35px; }

	.modules .item li{ margin-right:22px; }

	.panoramaWhy ul{ padding-left:20px; }
	.panoramaWhy ul li{ width:350px; height:350px; margin-right:20px;  }

	.paintedWhy ul{ padding-left:20px; }
	.paintedWhy ul li{ width:350px; height:350px; margin-right:20px;  }

	.paintedMain .pics span img{ max-width:420px;  }
	.paintedMain .main{ padding-left:0px;  }

}