/*!
 * app v3.3.7 (http://www.grandview.cc)
 * Copyright 1995-2016 GRANDVIEW, Inc.
 * Licensed under MIT NOT
 * author hyl
 * create-at 2016.10.4
 */
body,html {  position: relative; height: 100%; color: #808080;  font-family: "微软雅黑",Arial;display: block;}
ul li { list-style: none; margin: 0; padding: 0; }
a,a:hover,a:active { color: #808080;text-decoration:none;}
/*icon*/
.gv-icon { /*border:1px solid #f00;*/ display: inline-block; 
	background-image: url(../images/icon.png); background-repeat: no-repeat; }
.gv-brand .learn-morn{ display: none;}
.gv-logo-lg { 
	width: 600px; 
	height: 120px; 
	background-position: -12px -815px; 
	display: none;
}
.gv-slogan{display: none;}
.gv-industry-entrance {
	width: 44px; 
	height: 44px; 
}
.case-page-title-container{
	margin-top:50px;
	margin-bottom:50px
}
.case-page-title-container-mainTitle{
	border-bottom: 1px dashed rgba(110, 110, 110, 0.72);
	width:100%;
	padding-bottom:20px
}
.case-page-title-container-mainTitle-fontTitle{
	color: #585858;
	font-weight: bolder;
	font-size: 20.4px;
}
.case-page-title-container-mainTitle-supTitle{
	font-size: 14px;
	color: #999999;
}
.case-page-title-container-mainTitle-segment{
	margin-top:20px;
	word-wrap: break-word;
	font-size: 16px;
	letter-spacing: 3px;
	line-height: 30px;
	word-break: normal;
	text-align: justify;
	color: #999999;
}
.case-page-introduct{
	margin:50px 0;
	word-wrap: break-word;
	font-size: 16px;
	letter-spacing: 3px;
	line-height: 30px;
	word-break: normal;
	text-align: justify;
	color: #999999;
}
.case-page-black-space{
	margin-top:25px;
	font-size: 0;
}
.gv-service-entrance { width: 69px; height: 69px; background-position:-30px -173px; }
.gv-show-web { width: 69px; height: 69px; background-position:-32px -245px; }
.gv-search-sm { width: 24px; height: 20px; background-position:-217px -112px; }
.gv-learnmorn { width: 45px; height: 60px; background-position:-208px -16px;}
.gv-news { width: 40px; height: 40px; background-position:-150px -167px }
.gv-contact { width: 31px; height: 34px; background-position:-217px -167px; }
.gv-logo-sm { width: 31px; height: 42px; background-position: -161px -31px; }
.gv-menu { width: 28px; height: 29px; background-position: -158px -526px; }
.gv-close { width: 28px; height: 29px; background-position: -154px -651px; }
.gv-search-lg { width: 31px; height: 31px; background-position:-300px -189px }
.gv-search-lg-open { width: 31px; height: 31px; background-position:-153px -702px; }
.banner-img-prev{
	width: 31px; height: 31px; background-position:-87px -636px;
}
.banner-img-next{
	width: 31px; height: 31px; background-position:-87px -688px;
}
.button-prev-page {
	list-style: none;
	display: inline-block;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	line-height: 35px;
	padding: 1px 10px;
}
.button-next-page {
	list-style: none;
	display: inline-block;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	line-height: 35px;
	padding: 1px 10px;
}
.button-first-page{
	list-style: none;
	display: inline-block;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	line-height: 35px;
	padding: 1px 10px;
}
.button-last-page{
	list-style: none;
	display: inline-block;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	line-height: 35px;
	padding: 1px 10px;
}
.gv-allow-left-lg { width: 31px; height: 31px; background-position:-91px -548px;}
.gv-allow-right-lg { width: 31px; height: 31px; background-position:-19px -598px;}
.gv-brand-case { width: 69px; height: 69px; background-position:-324px -239px }
.gv-graphic-design { width: 69px; height: 69px; background-position:-324px -325px }
.gv-web { width: 69px; height: 69px; background-position:-15px -443px; }
.gv-photo { width: 69px; height: 69px; background-position:-228px -492px }
.gv-media { width: 69px; height: 69px; background-position:-232px -585px}
.gv-active { width: 69px; height: 69px; background-position:-327px -490px }
.gv-about { width: 152px; height: 136px; background-position:-695px -714px }


.gv-building-material { width: 69px; height: 87px; background-position:-131px -230px; }
.gv-real-estate { width: 69px; height: 87px; background-position:-275px -6px;}
.gv-restaurant { width: 69px; height: 87px; background-position:-316px -400px; }
.gv-appliances { width: 69px; height: 87px; background-position:-326px -570px;}
.gv-it { width: 69px; height: 87px; background-position:-445px 0; }
.gv-industrys { width: 69px; height: 87px; background-position:-222px -230px; }


.gv-clothing { width: 69px; height: 69px; background-position:-136px -317px }
.gv-medical-care { width: 69px; height: 69px; background-position:-225px -412px; }
.gv-sanitary-ware { width: 69px; height: 69px; background-position:-366px -115px; }
.gv-yacht { width: 69px; height: 69px; background-position:-225px -328px; }
.gv-sports { width: 69px; height: 69px; background-position:-133px -413px; }
.gv-education { width: 69px; height: 69px; background-position:-362px -13px; }
.gv-footwear-industry { width: 69px; height: 69px; background-position:-278px -104px;}
.gv-cosmetics { width: 69px; height: 69px; background-position:-444px -110px;}
.gv-show { width: 20px; height: 20px; background-position: -20px -553px; }
.gv-like { width: 20px; height: 20px; background-position: -93px -605px; }
.gv-readmore { width: 34px; height: 33px;  background-position:-19px -640.37px}
.gv-arrowsm-right { width: 34px; height: 29px;  background-position:-239.972px -740px;}
/*share icon*/
.gv-share { width: 29px; height: 29px; background-position: -234.343px -663px;  }
.gv-qzone { width: 29px; height: 29px; background-position:-282.343px -665.308px; }
.gv-renren { width: 29px; height: 29px; background-position: -323px -664.975px }
.gv-douban { width: 29px; height: 29px; background-position: -369px -662.975px; }
.gv-weixin { width: 29px; height: 29px; background-position: -410px -662.975px; }
.gv-sina { width: 29px; height: 29px; background-position: -239px -708.308px;  }
.gv-pyq { width: 29px; height: 29px; background-position: -284.333px -708.308px; }
.gv-qq { width: 29px; height: 29px; background-position: -325.333px -708.308px; }
.gv-qqweibo { width: 29px; height: 29px; background-position: -370.333px -708.308px; }
.gv-qqpy { width: 29px; height: 29px; background-position: -413.333px -708.308px; }
.gv-share-open { width: 30px !important; height: 30px;
 background-position: -17px -740px; 
border-right:none !important; }
/*/share icon*/
.gv-logo-sm-white { width: 31px; height: 42px; background-position: -161px -31px; }
.gv-setting { width: 69px; height: 69px; background-position:-414px -329px }
.gv-mobile { width: 69px; height: 69px; background-position: -521.148px -173.163px; }
.gv-show-web-sm { width: 69px; height: 69px; background-position: -521.148px -247.163px}
.gv-back { width: 31px;height: 31px;background-position: -537.667px -263.667px; }
.gv-packaging-production { width: 69px; height: 69px; 
	background-position: -522px -83px }
.gv-site { width: 69px; height: 69px; 
	background-position: -414px -444px; }
.gv-promote { width: 69px; height: 69px; 
	background-position: -415px -572px; }
.gv-marketing { width: 69px; height: 69px; 
	background-position: -519px -330px;}
.gv-link { width: 31px; height: 19px; background-position: -546px -504px }
.gv-3d { width: 63px; height: 45px; background-position: -620px -20px; }
.gv-movie { width: 52px; height: 47px; background-position: -620px -79px }
.gv-video { width: 63px; height: 45px; background-position: -620px -209px; }
.gv-engineering { width: 63px; height: 45px; background-position: -620px -273px; }
.gv-new { width: 63px; height: 45px; background-position: -620px -145px; }
.gv-animation { width: 63px; height: 48px; background-position: -620px -335px }
.gv-build { width: 72px; height: 72px; background-position:  -617px -415px; }
.gv-drawer { width: 72px; height: 72px; background-position: -615px -529px; }
.gv-person-foucs { width: 72px; height: 72px; background-position:  -617px -649px; }
.gv-balloon { width: 72px; height: 72px; background-position: -696px -18px; }
.gv-shopcar { width: 72px; height: 72px; background-position: -700px -98px; }
.gv-gift { width: 72px; height: 72px; background-position: -697px -189px; }
.gv-camera { width: 72px; height: 72px; background-position: -698px -277px; }
/*/icon*/
/*logo icon*/
/*grandview name logo*/
.gv-gvlogo-name { width: 132px; height: 22px; 
background-position: -706px -353px;}
/*colorview name logo*/
.gv-clvlogo-name { width: 132px; height: 22px; 
background-position: -706px -405px;}
/*cloudsview name logo*/
.gv-cdvlogo-name { width: 132px; height: 22px; 
background-position: -706px -463px;}
/*photoview name logo*/
.gv-pvlogo-name { width: 132px; height: 22px; 
background-position: -706px -528px;}
/*moview name logo*/
.gv-mvlogo-name { width: 132px; height: 22px; 
background-position: -687px -587px;}
/*showview name logo*/
.gv-svlogo-name { width: 132px; height: 22px; 
background-position: -706px -651px;}
/*/logo icon*/

.gv_page_list{
	width: 100%;
	text-align: center;
}
.gv_page_list li{
	list-style: none;
	display: inline-block;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	line-height: 35px;
}
.gv_page_list a{
	display: block;
}

.gv-show-icon:hover .button-icon { background-color: #3f9480; }
.gv-show-icon:hover .gv-gvlogo-name {background-position: -706px -375px; }

.clv-show-icon:hover .button-icon { background-color: #3d3d3d; }
.clv-show-icon:hover .gv-clvlogo-name {background-position: -706px -427px; }

.cdv-show-icon:hover .button-icon { background-color: #2384bc; }
.cdv-show-icon:hover .gv-cdvlogo-name {background-position: -706px -488px; }

.pv-show-icon:hover .button-icon { background-color: #9fd2da; }
.pv-show-icon:hover .gv-pvlogo-name {background-position: -706px -547px; }

.mv-show-icon:hover .button-icon { background-color: #3d3d3d; }
.mv-show-icon:hover .gv-mvlogo-name {background-position: -687px -608px; }

.sv-show-icon:hover .button-icon { background-color: #fcbf05; }
.sv-show-icon:hover .gv-svlogo-name {background-position: -706px -674px; }

/*公共*/
h1,h2,h3,h4 { margin: 0 }
.vertical-dashed { border-left: 1px dashed #B2B2B2; }
.inline-block { display: inline-block; vertical-align: top; }
.text-left {  text-align: left; }
.text-right { text-align: right; }
.clearfix { clear: both; }
.nav-fixed-top { position: fixed; top:0px; left: 0; width: 100%; }
.footer-fixed-bottom { position: fixed; bottom:0px; left: 0; width: 100%; }
.bg-white { background-color: #fff; }
.bg-bule { background-color: #2384BC; }
.button-green { background-color: #d9d9d9; }
.button-green:hover { background-color: #3F9480; color: #000 }
.button-light-bule { background-color: #d9d9d9; }
.button-light-bule:hover { background-color: #54B1CF; color: #000 }
.service-icon-group { width: 930px;}
.bg-gray { background-color: #E5E5E5 }
.bg-white-bule { background-color: #D3E8EB;  }
.button-orange:hover { background-color: #FCBF05; color:#FCBF05;}
.button-orange { background-color: #3E3A39;  }
.case-more-content:after { display: table; content: " "; clear: both;  }
.case-more-content{width: 100vw;max-width: 930px;margin: 0 auto}
.case-pagefirst .learn-morn { position: absolute;
 bottom:35px; left: 50%; margin-left: -31.5px; }
 .logo-button { cursor: pointer; }

.gv-id { padding: 0;  float: left; max-width: 124px;}
.page { position: relative; overflow: hidden;width: 100%; }
.worklist-pagefirst { background-color: #fff; overflow: inherit; height: auto; margin-bottom: 20px; margin-top: 50px;}
.worklist-pagefirst .row { width: 930px; margin: 15px auto; }
.gv-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	background: url(../images/gv_bg.jpg) no-repeat; background-size: cover; background-position: right center;}
.gv-brand { 
	position: absolute; 
	z-index: 1;
	bottom: 60px; 
	right: 187px; 
	/*border:1px solid #f00;*/ 
}
.gv-pagefirst { background-color: #000 }
.gv-pagefirst .button-icon { 
	width: 100px; 
	height: 100px; 
	margin: 12px; 
	/*padding:15px 0;*/
	display: flex;
	justify-content: center;
	align-items: center;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#22ffffff,endColorstr=#22ffffff);
	background-color: rgba(255,255,255,0.15);
}
.gv-pagefirst .button-icon:hover { background-color: rgba(255,255,255,0.35);}

.gv-pagefirst .button-icon img{
	width: 44px;
	height: 44px;
}

.back-button { margin-top: 7px; cursor: pointer; margin-right: 5px; }
.text-group p { margin: 0}
.text-group p:first-child { font-size: 12px;font-family: Arial; }
.text-group p:last-child { font-size: 14px;line-height: 1; }

.pagefirst-search { margin-top: 45px; display: none;}
.search-wrap { text-align: left; padding: 3px 8px; width: 250px; margin:0 auto; 
	border-radius: 50px; background-color: #fff; }
.search-wrap .work-click{
	display: inline-block;
	margin: 0 5px;
}
.search-wrap input { border:none; outline: none;}
.search-button { float: right; cursor: pointer; }

.learn-morn { margin-top: 65px; cursor: pointer;text-align: center;}
.last-news { 
	position: absolute; 
	top: 54%; 
	left: 70px; 
	margin-top:-74px; 
	overflow: hidden; 
	width: 59px; 
	height: 99px; 
	z-index: 99;  
	cursor: pointer;
}
.last-news .icon{
	display: flex;
	justify-content: center;
	align-items: center;
	width:59px;
	height:59px;
	border-radius:50%;
	padding: 14px;
	background-color: rgba(255,255,255,0.15);
}
.last-news .icon img{
	width: 28px;
	height: 28px;
}
.last-logo{
	position: absolute; 
	top: 48%; 
	right: 60px; 
	margin-top:-30px; 
	overflow: hidden; 
	width: 600px; 
	height: 120px; 
	z-index: 1;  
	cursor: pointer;
}
/*.last-news:hover { width: 98px; }*/
.last-contact{
	left: 75px;
}
.last-contact:hover+div{display: block;}
.contact-our {
	display: none;
	position: absolute;
	top: 53.5%;
	margin-top: -95px;
	left: 0px;
	overflow: hidden;
	z-index: 2;
	background-color: rgba(255,255,255,0.15);
	border-top-right-radius: 157px;
	border-bottom-right-radius: 157px;
	width: 627px;
	height: 144px;
	padding-left: 238px;
	padding-top: 27px;
	/* transition: all 0.5; -webkit-transition:all 0.5s;*/
}
/*.contact-our:hover {background-color: rgba(255,255,255,0.15); 
border-top-left-radius: 157px;border-bottom-left-radius: 157px;
width: 345px; height: 157px;}*/
.contact-our:hover { display:block; }
.contact-our-wrap { }
.contact-button { float: right; }
.contact-text { 
	color: #fff; 
	line-height: 29px;
	margin-right: 10px; 
	text-align: left; 
	margin-left:99px;
	font-size: 13px;
	width: 252px;
}
.gv-qrcode { margin-right: 10px; }
/*.contact-text p:last-child { font-size: 12px; }*/

.gv-pagesecond {  position: relative;}
.gv-pagesecond .text-group p:first-child {  }
#pagesecond-banner {
	height: calc( 100% - 115px );
	/*z-index: -1;*/
	margin-top: -1px;
}
.pagesecond-inner { height: 100%;width: 100%;}
.pagesecond-inner .item{
	/*width: 100%;*/
	height: 100%;
}
.pagesecond-inner .item img{height: 100%;}
.logo-center {
	height: 75px; width: 100%; margin: 0; padding: 15px;background: #EAEAEA;text-align: center}
.nav { 
	height: 50px; 
	background-color: rgb(217,217,217);  
	text-align: left; 
	min-width: 320px;
}
.nav-header { position: relative; width: 930px; margin:0 auto;}
.nav-header:after { display: table; content: " "; clear: both; }
/*.menu { float: left; padding: 10px 0;  display: inline-block;}*/
.menu { float: left; padding-top: 10px;  display: inline-block;}
.nav-menu { 
	/*display: none; */
	float: left; 
	padding: 0;
}
.menu-button { cursor: pointer; }
.nav-menu li { float: left; height: 25px;  
 padding: 0 24px;    margin-top: 13px;line-height: 14px; text-align: center;
 border-left: 1px dashed #B2B2B2; font-size: 14px; cursor: pointer; }
 .nav-menu li:hover { color: #000; }
 .nav-menu li:hover a{ color: #000; }
.nav-menu li a{color: #797979;}
.nav-menu li:last-child { border-right: 1px dashed #bebebe }
.pagesecond-search { float: right; margin-top: 10px; }
.pagesecond-search .search-wrap {border:2px solid #000; 
	width: 115px; height: 30px; margin-right: 15px; }
.navsearch-button { float: right; margin: 0 8px; cursor: pointer;}
.nav-s-dashed { display: inline-block; height: 28px; }
.nav-search-group { 
	/*display: none;*/
}
.banner-num { vertical-align: top; margin-top: 6px; }
.banner-cos { width: 16%; margin-left: -8% }

.gv-pagethird {
	height: 700px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.gv-service { float: left; width: 130px; height: 130px;  margin: 5.5vw 12px 12px 12px; padding:30px 0;}

.text-group-lg p { margin: 0; font-family: Arial; font-size: 16px; color: #B2B2B2}
.text-group-lg p:first-child { font-size: 28px; line-height: 20px; font-family: Arial;
font-weight: bold; color: #3F9480 }
.text-group-lg p:last-child { font-size: 20px;line-height: 1; color: #595757; line-height: 26px;
font-family: "微软雅黑";font-weight: bold; }

.gv-pagefourth { height: 755px; background-color: #E5E5E5 }
.text-industry p:first-child { color: #54B1CF; }
.button-blue-radius { border-radius: 50%; background-color: #D9D9D9;
cursor: pointer; transition: all 0.3s; -webkit-transition:all 0.3s; color: #999}
.button-blue-radius:hover { color: #333; background-color: #54B1CF; }
.industry-icon-group { max-width: 725px; margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: center }
.gv-industry { width: 130px; height: 130px;  margin: 5.5vw 2vw 0 3vw; padding:22px 0;}

.pagefifth { height: auto; }
.text-news{
	margin-top: 75px;
}
.text-news p:first-child { color: #FFC548; }

.case-wrap .new-item{

}
.case-wrap .news-header{height: 61px !important; }
.case-wrap .news-other{display: none;}
.case-wrap .text-news-date{display: none;}
.case-wrap .case-title{border-bottom:1px dashed #8f8f8f;}
.case-wrap .news-content{border:0;}
.case-wrap .text-group{margin-left: 0;}
.case-wrap .case-title p{
	font-size: 23px;
	line-height: 25px;
	color: #4d4d4d;
	font-family:"微软雅黑";
	font-weight:bold;
}
.case-wrap .case-subtitle p{
	display: inline;
	letter-spacing: 3px;
}
.case-wrap .case-subtitle span{
	font-size: 17px;
}
.news-wrap { width: 930px; margin:0 auto; margin-top: 50px}
.text-news-date { display: inline-block; }
.text-news-date p:first-child { font-size: 54px; line-height: 43px;
	font-weight: bold; color: #FFC548 }
.text-news-date p:last-child { font-size: 14px;  }
.text-news-title { display: inline-block; vertical-align: top; margin-left: 25px; }
.text-news-title p:first-child { font-size: 18px !important; line-height: 30px;
	font-weight: bold; color: #4D4D4D;font-family: "微软雅黑";font-weight: bold; }
.text-news-title p:last-child { font-size: 18px !important; line-height: 25px;
	font-weight: bold; color: #4D4D4D;font-family: "微软雅黑";font-weight: bold;}

.news-item { border-top: 1px dashed #8f8f8f; }
.news-header { padding: 15px 0; height: 90px; }
.news-other { width: 175px; height: 100%;position: relative }
.news-readcount { font-size: 12px; margin-top: 1px;  }
.news-likecount { margin-left: 15px;  }
.news-type { margin-top: 10px;position: absolute;bottom: 0;right: 0 }

.news-content { margin-bottom: 15px; margin-left: 82px;  border-top:1px dashed #8f8f8f; }
.news-img { margin: 15px 0; overflow:hidden;}
.news-text {
	max-width: 100%;
	text-align: justify;
	word-break: normal;
}
.news-text img{ max-width: 100%; }
.readmore-button { margin-top: 15px; cursor: pointer;}
.readmore-button:hover .gv-readmore{ background-position: -433px -252px; }
.readmore-button p:first-child { font-size: 12px !important; }

.old-news-wrap { border-top:1px dashed #8f8f8f;border-bottom:1px dashed #8f8f8f; 
	padding:10px 0;  margin-bottom: 100px;}
.old-news-wrap .text-group p:first-child { /* font-size: 24px; */ }
.news-old-list { width: 850px;}
.news-old-item { padding: 10px 0; border-bottom:1px dashed #8f8f8f; }
.news-old-item:hover { color: #000; cursor: pointer;}
.news-old-item:first-child { padding-top:0; }
.news-old-title { padding: 0; overflow: hidden; }
.news-old-time { padding: 0; }

/*第六屏*/
.pagesixth { background-color: #E5E5E5; height: auto; }
.text-work{margin-top: 75px;}
.text-work p:first-child { color: #BB2D2C; }
.work-wrap { width: 930px;  margin:0 auto;}
.work-search { display: inline-block; width: 100%;margin-top: 20px;}
.work-list { position: relative;}
.arrow-search-button {float: right; padding: 5px 5px;}
.arrow-search-button .caret{ border-top-width: 8px; border-left-width: 6px;
border-right-width: 6px; }
.search-input-group { 
	/*position: absolute; */
	z-index: 1; 
	width: 91%; 
	padding:3px 11px;
	overflow: hidden; 
	margin-left: 5px;
	border-radius: 10px; 
	border:1px solid #B2B2B2;
	transition: all 0.3s; 
	-webkit-transition:all 0.3s; 
	/*cursor: pointer; */
}
.service-search { z-index: 2; }
.search-input-group #work-s,#work-b { width: 83%; }
.search-input-group:hover { height: auto; }
.search-input-group:hover .caret { color: #BB2D2C }
.search-input-group a{
	cursor: pointer;
}
.search-input-group a:hover{
	color: #BD2D2C;
}
.work-search-item { position: relative; height: 27px; margin-bottom: 25px; }
.work-search-item .text-group p { color: #BD2D2C; line-height: 13px; }
.search-option { margin-top: 5px; }
.search-input-group:hover .search-option { border-top:1px dashed #666666; }
.search-option .checkbox { display: inline-block; margin-right: 35px; }

.com-work{

}
.com-work .work-item{
	height: 192px;
	width: 225px;
	margin-right: 7px;
	margin-bottom: 10px;
	background-color: transparent;
}
.com-work .work-item .thumbnail{
	height: 145px;
	box-shadow: 1px 3px 2px #b7b7b7;
}

.work-rows { margin: 0;display: flex;flex-wrap: wrap; }
.work-rows:after { display: table; content: " "; clear: both; }
.work-item { float: left; margin:0; padding: 0; background-color: white;
	cursor: pointer;height: 250px;width: 310px;}
.work-item-service{margin-bottom: 10px}
.work-item:hover .work-item-text { background-color: #BB2D2C; color: #fff }
.work-item:hover .business-type{  color: black }
.worklist-pagefirst .business-list{width: 1024px}
.work-item .thumbnail { padding: 0; border:none;  margin:0; width: 100%; height: 200px;
overflow: hidden; background: none; border-radius:0px;}
/*.work-item .thumbnail img { width: 100%; height: 100%; }*/
.work-item-text { line-height: 50px; color: #808080; transition: all 0.5s; -webkit-transition:all 0.5s;
	background: #D8D8D8;}
.business-type{line-height: 50px; color: #808080; transition: all 0.5s; -webkit-transition:all 0.5s;background-color: white;}
.work-num {  vertical-align: top; margin-top: 5px; }
.work-cos { width: 30%; margin-left: -15%; 
	position: static; margin: 0 auto; margin-top: 25px;margin-bottom: 30px }
.work-cos>a { cursor: pointer;  }
/*show*/
.colorview-pagefirst { position: relative; min-height: 90% }
.colorview-pagefirst .learn-morn { position: absolute;
 bottom:35px; left: 50%; margin-left: -31.5px;  }
.colorview-pagefirst,.colorview-pagefirst a { color: #fff  }
.show-wrap { width: 930px; position: absolute; left: 0; 
right: 0; bottom:88px;  height: 188px; margin:auto; }
.show-wrap:after { clear: both; }
.show-wrap .row { margin: 0; }
.button-gray { background-color: #D9D9D9; color: #D9D9D9  }
.button-gray:hover { background-color: #3D3D3D; color: #333333 }
.gv-show-item:after { display: table; content: " "; clear:  }
.gv-show-item { padding: 0; float: left;}
.gv-show-item img{width: 140px;}
.gv-show-item .button-icon { background-color: #D9D9D9;  width: 135px; height: 135px; margin: 12px;
	padding: 30px 0; color: #D9D9D9; }
.gv-show-item:first-child { margin-left: 0; }
.gv-show-item:last-child { margin-right: 0; }
.gv-show-item:hover { color: #3D3D3D }
.colorview-button-more { position: absolute; width: 105px;
	height: 35px; bottom: 85px; left: 50%; margin-left: -52.5px; cursor: pointer; }
.banner-fixed-wrap { position: absolute; width: 100%; height: 100%;
top: 0; left: 0; z-index: -1; }
.banner-bg { width: 100%; height: 100%; position: absolute;
left: 0; top: 0; }


.colorview-nav { filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#ee666666,endColorstr=#ee666666);
 background-color: rgba(102,102,102,0.8); }
.colorview-pagesecond { height:562px; background-color: #fff;  }
.colorview-service { float: left; width: 140px;height: 140px;
    margin: 12px;padding: 36px 0; }
.colorview-pagesecond .service-icon-group { max-width: 660px; }
.colorview-pagesecond .text-group-lg p:first-child { color:#3D3D3D }
.colorview-pagesecond .text-group-lg p:last-child { color:#3D3D3D }
.colorview-service-desc { max-width: 930px; margin: 0 auto; font-size: 12px;
line-height: 20px; margin-top: 30px; }
.colorview-pagethird { background-color: #E5E5E5;height: auto;
 }
.colorview-pagethird .text-group-lg p:first-child { color:#3D3D3D }
.colorview-pagethird .text-group-lg p:last-child { color:#3D3D3D }
.work-list-nav { max-width: 930px; }
.work-list-nav ul li:first-child { border-left: 1px dashed #666; }
.work-list-nav ul li { float: left; width: 128px; text-align: center;
 border-right: 1px dashed #666; color: #999; cursor: pointer; margin: 15px 0}
.work-list-nav ul li:hover { color: #595757 }
.work-list-nav ul:after,ul:before { display: table; content: " "; clear: both; }
.colorview-pagethird .work-item:hover .work-item-text{ background-color: #595757 }

.colorview-pagefourth { background-color: #fff; height: auto; }
.colorview-pagefourth .text-news-date p:first-child {  color: #262626 }
.contactus-bg { position: absolute; height: 100%; width: 100%; left: 0;top: 0; z-index: -1 }
.contactus-desc {  width: 100%; height: 410px; position: absolute;
margin-top: -155px; top: 50%; }
.contactus-desc:before { display: table; content: " "; clear: both; }.
.contactus-desc:after { display: table; content: " "; clear: both; }

.cloudsview-pagefirst .cloudsview-brand { border:1px solid  rgb(19,102,157); background-color: rgb(19,102,157);  }
.cloudsview-pagefirst {position: relative; min-height: 90%}
.cloudsview-pagefirst .learn-morn { position: absolute;
 bottom:35px; left: 50%; margin-left: -31.5px;  }
.logo-brand { }
.cloudsview-nav {filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#2384BC,endColorstr=#2384BC);
 background-color: rgba(35,132,188,0.8); }
.cloudsview-pagefirst,.cloudsview-pagefirst a { color: #fff  }

.cloudsview-pagesecond { height:562px; }
.cloudsview-service {  float: left;  width: 140px;height: 140px;
    margin: 12px;padding: 36px 0; }
.cloudsview-pagesecond .service-icon-group { max-width: 660px; }
.cloudsview-pagesecond .text-group-lg p:first-child { color:#2384BC }
.cloudsview-service-desc { max-width: 930px; margin: 0 auto; font-size: 12px;
line-height: 20px; margin-top: 30px; color: #B3B3B3 }
.button-radius { border-radius: 50%; cursor: pointer; }
.button-bule { background-color: #D9D9D9;color: #D9D9D9 }
.button-bule:hover { background-color: #2384BC; color: #2384BC}
.cloudsview-pagethird {height: auto; color: #B2B2B2 }
.cloudsview-pagethird .work-list-nav ul li { color: #b2b2b2  }
.cloudsview-pagethird .work-list-nav ul li:hover { color: #fff  }
.cloudsview-pagethird .text-group-lg p:first-child { color:#fff }
.cloudsview-pagethird .text-group-lg p:last-child { color:#CCCCCC }
.cloudsview-pagethird .work-item:hover .work-item-text { background-color: #13669D }

.cloudsview-pagefourth { height: auto; background-color: #fff}
.cloudsview-pagefourth .text-group-lg p:first-child { color:#2384BC }
.cloudsview-pagefourth .text-group-lg p:last-child { color:#595757 }
.cloudsview-pagefourth .text-news-date p:first-child { color: #2384BC }
.cloudsview-pagefourth .readmore-button:hover 
.gv-readmore { background-position:-546px -573px }
.cloudsview-pagefourth .readmore-button:hover .text-group { color:#2384BC  }

.cloudsview-case-pagesecond { height: auto; background-color: #fff}
.caseinfo-header {position: relative; border-bottom:1px dashed #666666; padding: 10px 0 }
.caseinfo-header {display: none;}
.caseinfo-header:after { display: table; content: " "; clear: both; }
.text-group-case { text-align: left; font-family: "微软雅黑";
font-weight: bold; font-size: 20px; color: #595757 }
.text-group-case p { line-height: 12px; margin:0;}
.caseinfo-header .text-group-case p { line-height: 24px; }
.text-group-case p:first-child {font-size: 12px; color: #808080;
 font-family: Arial; margin-bottom: 13px;}
.text-group-case p:last-child { font-size: 14px; color: #999999;
 font-family: Arial; ;}
/*.caseinfo { max-width: 930px; margin: 0 auto; padding-top: 30px;  }*/
.caseinfo { margin: 0 auto; max-width: 930px;}
.caseinfo .news-other { height: 20px; position: absolute; right: 0; bottom: 10px }
/*.case-content { padding: 15px 0px 75px;}*/
.case-content { padding: 0; width: 100%;}
.case-content br{display: none;}
.case-content img { width: 100% !important; height: auto !important; }
.case-content iframe {
	width: 510px;
	height: 498px;
	/*width: 100vw;*/
	margin:10px 0 10px 0;
}

.case-more { margin-bottom: 90px; }
.case-more .caseinfo-header { padding: 5px 0 }
.case-more .text-group-case p { margin:0; }
.case-more .text-group-case p:first-child { color: #2384BC; font-size: 20px;}
.case-more .text-group-case p:last-child { color: #B2B2B2; 
	font-size: 12px; font-family: Arial; line-height: 24px;}

/*moview*/
.moview-pagefirst { position: relative; min-height: 90% }
.moview-pagefirst .learn-morn { position: absolute;
 bottom:35px; left: 50%; margin-left: -31.5px;  }
.moview-pagefirst,.colorview-pagefirst a { color: #fff  }
.moview-service { width: 120px; height: 120px; margin: 12px; }
.moview-nav {filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#666666,endColorstr=#666666);
	background-color: rgba(102,102,102,0.8);}
.moview-pagesecond { height: 610px; }
.moview-pagesecond .service-icon-group { max-width: 868px; }
.moview-service { float: left; padding: 40px 0; }
.moview-service-desc { max-width: 550px; margin:0 auto; font-size: 12px;
font-family:Arial }
.moview-pagethird { height: auto; }
.moview-pagethird .text-work p:first-child { color: #BF2D2C }
.moview-pagethird .work-list-nav ul li:first-child { width: 50px }
.moview-pagethird .work-list-nav ul li { font-size: 12px; }
.moview-pagethird .work-list-nav ul li:hover { color: #BF2D2C }
.moview-pagefourth { height: auto }
.moview-pagefourth .text-news p:first-child { color: #54B5D3 }
.moview-pagefourth .text-news-date p:first-child { color: #54B5D3 }
.moview-body .contactus-desc { float: left; width: 33.3%; margin-top: -244px;
position: relative; height: 245px; }
.moview-body .row { position: absolute; left: 0; 
	right: 0; height:75%; width: 90%; margin: 0 auto; }
.moview-body .qrcode { position: absolute; top: 325px;
 left:50%; margin-left: -150px; }
.moview-body .header-contactus { margin-top: 50px; }
/*==============*/
/*photoview*/
.photoview-pagefirst { position: relative; min-height: 90% }
.photoview-pagefirst .learn-morn { position: absolute;
 bottom:35px; left: 50%; margin-left: -31.5px;  }
.photoview-brand { border-color: rgba(131,197,204,0.8); background-color: rgba(131,197,204,0.8);  }
.photoview-pagefirst .logo-brand { border-color: rgba(131,197,204,0.8); background-color: rgba(131,197,204,0.8);  }
.photoview-nav {filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#ff9FD2DA,endColorstr=#ff9FD2DA);
 background-color:rgba(159,210,218,0.8);  }
.photoview-pagesecond { height: 610px; }
.photoview-pagesecond .service-icon-group { max-width: 780px; }
.photoview-service {  float: left; width: 140px; height: 140px;
    margin: 12px 60px;padding: 36px 0; }
.photoview-service-desc { max-width:739px; margin:37px auto; font-size: 12px;
font-family:Arial } 
.photoview-pagethird { height: auto; }
.photoview-pagethird .text-work p:first-child { color: #9FD2DA }
.photoview-pagethird .text-work p:last-child { color: #83C5CC }
.photoview-pagethird .work-list-nav ul li:first-child { width: 100px; }
.photoview-pagethird .work-list-nav ul li { width: 250px; }
.photoview-pagethird .work-list-nav ul li:hover { color: #9FD2DA  }
.photoview-pagethird .work-item:hover .work-item-text { background-color: #9FD2DA }
.photoview-pagefourth { height: auto; }
.photoview-pagefourth .text-news p:first-child { color: #9FD2DA  }
.photoview-pagefourth .text-news-date p:first-child { color: #9FD2DA }

/*/photoview*/
/*showview*/
.showview-pagefirst { position: relative; min-height: 90% }
 background-color: rgba(61,61,61,0.8); border:1px solid  rgba(61,61,61,0.8);}
.showview-pagefirst .logo-br and { border-color: rgba(61,61,61,0.8); background-color: rgba(61,61,61,0.8);  }
.showview-nav {filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#666666,endColorstr=#666666); background-color:rgba(102,102,102,0.8);}
.showview-pagefirst .learn-morn { position: absolute;
 bottom:35px; left: 50%; margin-left: -31.5px;  }
.showview-pagesecond { height: 610px; }
.showview-pagesecond .text-group-lg p:first-child { color: #FCBF05 }
.showview-pagesecond .text-group-lg p:last-child { color: #3E3A39 }
.showview-pagesecond .service-icon-group { max-width: 705px; }
.showview-service {   float: left;  width: 140px; height: 140px;
    margin: 12px 18px;padding: 36px 0; }
.showview-service-desc { max-width:930px; margin:37px auto;
 font-size: 12px;
font-family:Arial } 
.showview-pagethird { height: auto; background-color: #E5E5E5 }
.showview-pagethird .text-work p:first-child { color: #FCBF05 }
.showview-pagethird .text-work p:last-child { color: #3E3A39 }
.showview-pagethird .work-list-nav ul li:first-child { width: 100px; }
.showview-pagethird .work-list-nav ul li { width: auto; padding: 0 45px; }
.showview-pagethird .work-list-nav ul li:hover { color: #3E3A39  }
.showview-pagethird .work-item-text { background-color: #3E3A39 }
.showview-pagethird .work-item { background-color:#3E3A39  }
.showview-pagethird .work-item:hover .work-item-text { background-color: #FCBF05 }
.showview-pagefourth { height: auto; }
.showview-pagefourth .text-news p:first-child { color: #FCBF05  }
.showview-pagefourth .text-news-date p:first-child { color: #FCBF05 }
/*/showview*/
.news-info {  }
.news-info .news-item:first-child { border-top: none; }
.news-info .news-header { height: 90px ;}
.news-info .news-content { margin-left: 0;padding-top: 15px}
.news-info .news-likecount { cursor: pointer; }
.atricleinfo-more { margin-bottom: 0; border:none; margin-top: 35px }
.art-more-list { margin-bottom:25px; border-bottom: 1px dashed #8f8f8f; }
/*newslist*/
.newslist-brand { background-color: rgb(229,229,229);
	background-color: rgba(229,229,229,0.8); border:1px solid rgba(229,229,229,0); }
.newslist-nav { background-color: rgb(217,217,217);
background-color: rgba(217,217,217,0.8); }
.newslist-pagefirst {  }
.newslist-pagefirst .learn-morn { position: absolute;
 bottom:35px; left: 50%; margin-left: -31.5px;  }
.newslist-num {  vertical-align: top; margin-top: 5px; }
.newslist-cos { width: 30%; margin-left: -15%; 
	position: static; margin: 60px auto; display: flex;justify-content: center}
.newslist-cos>a { cursor: pointer;  }

.backTop-button { display: none; transition: all 0.3s;
 -webkit-transition:all 0.3s; width: 50px; height: 60px;
position: fixed; right: 20px; bottom: 40px;
 border: 1px solid #f00; padding: 10px;
 border: 1px solid #d4d4d4; background-color: #fff; cursor: pointer; }
.backTop-button:hover { border-radius: 5px; color: #333;  }
/*footer*/
.footer { position: relative; bottom: 0  }
.footer ul,li { margin:0; padding:1px 10px; }
.footer .nav-menu li { padding: 0px 10px }
.footermenu-button {height: 50px; padding:12px 0; overflow: hidden; cursor: pointer;}
.footermenu-button .gv-share { width: 40px; border-right:1px dashed #B2B2B2;
 padding-right: 10px; }
.footermenu-button .glyphicon-chevron-right { font-size: 16px; }
.copyright { float: right;line-height: 50px;font-size: 12px}
.business-item{
	margin: 22px 0 0 24px;
}


/*响应式*/
@media screen and (max-width: 1412px)
{
	.gv-bg { background-size: auto 100%; }
}
@media screen and (max-width: 992px)
{
	/*.col-md-4 {
		width:24%;
	}*/
}
/*@media screen and (max-width: 510px;){
	.case-content iframe {
		width: 410px;
		height: 410px;
	}*/
	/*.contact-button { visibility:hidden; }
	.gv-bg { background-size: auto 100%; background-position: -681px 0px }
	.gv-id { float: left;  border-radius:inherit;background: none; 
		width: 28.33%; 
		height: 100px; padding: 0px }
	.gv-id .text-group { margin-top: 0 !important; }*/
/*}*/
/*@media screen and (max-width: 768px; min-width: 320px;){	
	.case-content iframe {
		width: 320px;
		height: 320px;
		margin:10px 0 10px 0;
	}
}*/
/*@media screen and (max-width: 767px){	
	.work-search-item { height: auto; }
}*/
@media screen and (max-width: 768px){
	.news-header{
		height: auto;
	}
	.news-info .news-header{
		height: auto;
	}
	.gv-building-material { width: 69px; height: 60px; background-position:-132px -243px; }
	.gv-real-estate { width: 69px; height: 60px; background-position:-276px -19px;}
	.gv-restaurant { width: 69px; height: 60px; background-position:-317px -413px; }
	.gv-appliances { width: 69px; height: 60px; background-position:-327px -583px;}
	.gv-it { width: 69px; height: 60px; background-position:-446px -13px; }
	.gv-industrys { width: 69px; height: 60px; background-position:-223px -243px; }
	.work-rows { margin: 0;display: flex;flex-wrap: wrap;justify-content: center }
	.worklist-pagefirst .row { width: auto; margin: 15px auto; }
	.case-content iframe {
		width: 100vw;
		height: 320px;
		margin:10px 0 10px 0;
	}
	.business-item{
		margin: 0;
	}

	.contact-our,.last-news { display: block;}
	.gv-industry-entrance { width: 42px; height: 42px; 
		background-position: -274px -745px;  }
	.gv-service-entrance { width: 42px; height: 42px; 
		background-position: -329px -745px }
	.gv-show-web { width: 42px; height: 42px; 
		background-position: -386px -745px; }
	.gv-brand { width: 100%; margin-left: 0;}
	.gv-brand .row { margin:0; height: auto !important; }
	.gv-pagefirst .row { display: flex;justify-content: center;width: 100vw;  }
	.gv-pagefirst .gv-brand .row{
		/*height: 190px;*/
	}
	.gv-pagefirst .button-icon {
		border-radius:50%;
		width: 100px; 
		margin: 5px;
		height: 100px; 
		padding: 0px ; 
		/*display: inline-block;*/
	}
	.gv-id { float: left; margin-bottom: 15px; padding: 4px }
	.gv-id .gv-icon { margin-top: 30px; }
	.gv-bg { left: 0; top: 0; }
	.pagefirst-search { margin-top: 0; }
	.learn-morn { margin-top: 20px; }
	.gv-pagefirst { height: auto; padding-bottom: 25px;}
	.gv-pagesecond { height: auto }
	.nav-menu { 
		/*position: absolute; */
		/*height: 100px; */
		/*background-color: #fff;*/
		top: 74px; 
		left: 0; 
		z-index: 10; 
		padding: 0 5px; 
	}
	.nav-header { 
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		/*padding-left: 10px;*/
	}
 	#pagesecond-banner { position: static; height: auto; }
	.pagesecond-search{display: none}
 	.pagesecond-search .search-wrap { width: 70%; }
 	.pagesecond-search .search-wrap input { width: 100% }
 	.carousel-indicators { position: static; }
 	.banner-cos { width: 40%; margin:15px auto; }
 	.gv-service { float: left; width: 100px; height: 100px;
 	  padding: 30px 0; margin: 9px;
 	 margin-top: 50px; margin-bottom:47px; padding: 16px 0;  }
 	.gv-pagethird .row {
		margin-top: 15px !important;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.pagesecond-inner {
		width: 100vw;
		height: auto;
	}
 	.gv-service .text-group { margin-top: 20px !important }
 	.gv-pagethird { height: auto;  margin-bottom: 25px;}
 	.gv-pagethird .text-group-lg { margin-top: 25px !important }
	.gv-pagefourth .row {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 15px;
	}
	/*.work-item { width: 100% }*/
 	.gv-pagefourth { height: auto; padding-bottom: 15px; }
 	/*.gv-pagefourth .text-group-lg { margin-bottom: 35px }*/
 	.gv-industry { width: 100px; height: 100px; padding: 20px 0;margin: 5.5vw 3vw 0 6vw;}
 	 .nav-menu li{
 	 	padding: 0 19px;
 	 }
 	.footer { height: auto !important; position: relative; }
 	.footer .nav-menu { position: absolute; height: 50px; top: inherit;
 	 bottom: 50px; left: 0;  width: 100%;}
 	.footermenu-button { height: 50px; }
 	.footer .nav-menu li { padding: 0 5px; }
 	.copyright { text-align: center; margin-bottom: 0px; padding-top: 8px;
 	 width: 77%; }
 	.copyright a { text-align: right; float: left; display: block; width: 100%; line-height: 17px;
 		border:none !important; margin: 0 !important; padding-right: 10px;}

 	.news-wrap { width: 100%; }

 	.news-content,.text-news-title { margin: 0px; }
 	.text-news-title,.text-news-date { float: none !important; display: block; }
 	.news-item { margin: 10px; }
 	.text-news-date p { font-size: 12px !important; color: #808080 !important;
 	 display: inline-block; }
 	.news-other{ float: none !important; text-align: left;height: 30px }
 	.news-showcount,.news-likecount { display: none; }
 	.news-type { float: left !important; position: absolute;left: 0}
 	.news-old-list { width: 100%;  }
 	.old-news-wrap { margin: 10px; }
 	.work-wrap { width: 100%; height: auto; margin-top: 20px; position: relative; }
	.work-search-item { position: relative; margin-bottom: 25px;height: auto;}

 	.work-search-item>div { display: block; }
 	.work-search-item .text-group { padding:10px; }
 	.work-cos { width: 60%; }
 	.gv-show-item { width: 100px; height: 100px;
 	  padding: 15px 0; float: left; margin: 5px; margin-bottom: 40px; }
 	.show-wrap { position: static; width: 100%; height: auto; margin: 15px 5px !important; }
 	.show-wrap .gv-show-item  { width: 143px; height: 168px;
 	margin: 5px;}
 	.colorview-button-more { position: static; margin-left: 0;
 	width: 110px; margin: 0 auto; }
 	.show-wrap .gv-show-item .button-icon  { width: 100px; height: 100px;
 	 margin: 0 auto; padding: 15px 0;}
 	.show-body .footer { position: static; }
 	.gv-show-item:first-child { margin-left: 5px; }
 	.gv-show-item:last-child { margin-left: 5px; }
 	.gv-show-item .text-group { margin-top: 15px !important; }
	.gv-pagethird .service-icon-group { width: 100%;padding: 0 }
	
 	.banner-fixed-wrap { position: relative; height: 200px; }
 	.colorview-pagefirst { min-height: inherit; height: auto;min-height: auto; }
 	.colorview-pagefirst .learn-morn { position: static; margin: 0 }
 	.colorview-pagefirst { height: auto; }
	.colorview-pagesecond { height: auto; padding: 10px 5px;}
	.colorview-pagesecond .service-icon-group { width: 100%; }
	.colorview-pagesecond .service-icon-group { height: auto !important }
	.colorview-pagesecond .colorview-service { left: 50%; 
		margin-bottom: 49px; margin-left: -72px; }
	.colorview-pagethird .work-list-nav ul { margin:0; padding:0  10px }
	.colorview-pagethird .work-list-nav ul li {width: auto; border:none;
		padding: 0 15px; text-align: left;}	
 	.colorview-service .text-group { margin-top: 30px !important ;  }
 	.colorview-service .gv-show-web {
    width: 69px;
    height: 69px;
    background-position: -18px -347px;}
    .contactus-desc { position: static; height: auto; margin-top: 30px }
    .colorview-contact-footer { position: fixed !important }
	/*cloudsview media*/
	.cloudsview-pagefirst { min-height: inherit; height: auto; }
 	.cloudsview-pagefirst .learn-morn { position: static; margin: 0 }
 	.cloudsview-pagefirst { height: auto;min-height: auto; }
	.cloudsview-pagesecond { height: auto; padding: 10px 5px;}
	.cloudsview-pagesecond .service-icon-group { width: 100%; }
	.cloudsview-pagesecond .service-icon-group { height: auto !important }
	.cloudsview-pagesecond .cloudsview-service { left: 50%; 
		margin-bottom: 49px; margin-left: -72px; }
 	.cloudsview-service .text-group { margin-top: 30px !important ;  }
 	.cloudsview-service .gv-show-web { width: 69px;height: 69px;
    background-position: -18px -347px;}
    .cloudsview-pagethird .work-list-nav ul { margin:0; padding:0  10px }
	.cloudsview-pagethird .work-list-nav ul li {width: auto; border:none;
		padding: 0 15px; text-align: left;}
    .contactus-desc { position: static; height: auto; margin-top: 30px }
    .cloudsview-contact-footer { position: fixed !important }
	/*/cloudsview media*/
    .caseinfo { width: 100%; padding: 10px 5px; }
    .caseinfo .news-other { text-align: right; }
    .caseinfo-header .news-showcount, .news-likecount { display: none; }
	.moview-pagefirst { height: auto; min-height: auto;}
	.moview-pagefirst .learn-morn { position: static; margin: 0 }
	.moview-pagesecond { height: auto;}
	.moview-pagesecond .moview-service { left: 50%; 
		margin-bottom: 58px; margin-left: -72px; }
	.moview-pagesecond .service-icon-group { width: 100%; height: auto !important }
	.moview-pagethird .work-list-nav ul { margin:0; padding:0  10px }
	.moview-pagethird .work-list-nav ul li {width: auto; border:none;
		padding: 0 15px; text-align: left;}
	.moview-body .row { height: auto; margin-bottom: 150px }
	.moview-body .contactus-desc { width: 100%; margin-top: 0;
	 margin: 30px 0; height: auto; }
	.moview-body .contactus-bg { position: fixed; }
	.moview-body .qrcode { position: static; margin-left: 0; }
	.moview-body .header-contactus { }
	.photoview-pagefirst { height: auto;min-height: auto; }
	.photoview-pagefirst .learn-morn { position: static; margin: 0 }
	.photoview-pagesecond { height: auto; padding: 0 5px;}
	.photoview-pagesecond .service-icon-group { width: 100%; }
	.photoview-pagesecond .service-icon-group { height: auto !important }
	.photoview-pagesecond .photoview-service { left: 50%; 
		margin-bottom: 49px; margin-left: -72px; }
	.photoview-pagethird .work-list-nav ul { margin:0; padding:0  10px }
	.photoview-pagethird .work-list-nav ul li {width: auto; border:none;
		padding: 0 15px; text-align: left;}
	.showview-pagefirst { height: auto; min-height: auto; }
	.showview-pagefirst .learn-morn { position: static; margin: 0 }
	.showview-pagesecond { height: auto; padding: 0 5px;}
	.showview-pagesecond .service-icon-group { width: 100%; padding: 0;}
	.showview-pagesecond .service-icon-group { height: auto !important }
	.showview-pagesecond .showview-service { left: 50%; 
		margin-bottom: 49px; margin-left: -72px; }
	.showview-pagethird .work-list-nav ul { margin:0; padding:0  10px }
	.showview-pagethird .work-list-nav ul li { width: auto; border:none;
		padding: 0 15px; text-align: left;}
	/*.gv-id { float: left;  text-align: center; padding: 0 15px;}
	.img-button-radius .gv-icon { display: none; }*/
	.gv-pagefirst .button-icon{
		width: 87px;
		height: 87px;
	}
	.gv-id .gv-icon{
		margin-top:23px;
	}
	.last-logo{
		top: 7%;
		right: 0;
		width: 100%;
		height: 200px;
	}
	.last-logo .slogan_index{
		display: none;
	}
	.last-logo .gv-logo-lg{
		display: block;
		width: 100%;
		height: 100px;
		background-position: center center;
		background-image: url(../images/logo.png);
		background-size: contain;
	}
	.last-logo .gv-slogan{
		display: block;
		width: 100%;
		max-height: 100px;
		background-image: url(../images/slogan.png);
		height: 100px;
		background-size: contain;
		background-position: center center;
	}
	.gv-pagefirst .gv-brand{
		width: 100vh;
		min-width: 320px;
		left: 0;
	}
	.last-news{
		display: none;
	}
	.last-contact{
		display: none;
	}
	.contact-our{
		display: none;
	}
	.gv-pagefourth{
		/*min-height: 1024px;*/
	}
	.text-news{
		margin-top:30px;
	}
	.text-work{margin-top: 50px;}
	.nav-header .nav-menu{
		/*height: 130px;*/
	}
}
@media screen and (max-width: 425px){
	.pagesecond-search{
		display: none;
	}
	.nav-header{
		width: auto;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.nav-menu li{
		padding:0 7px;
		font-size: 10px;
	}
	.gv-industry { 
 	margin: 8px; margin-bottom:60px; }
}
@media screen and (max-width: 375px){
	.pagesecond-search{
		display: none;
	}
	.nav-header{
		width: auto;
	}
	.nav-menu li{
		border-left: 0;
		padding:0 3px;
		font-size: 10px;
	}
	.nav-menu li:last-child { border-right: 0; }
}
@media screen and (max-width: 320px)
{
	.page4-group{
		display: none;
	}
	.gv-service { margin:3px; margin-top: 15px; margin-bottom:47px;}
	.gv-industry { 
 	margin: 3px; margin-top: 15px; margin-bottom:47px; }
 	.case-content iframe {
		width: 310px;
		height: 300px;
	}
	.nav-header .nav-menu{
		height: auto;
	}
	.nav-menu{
		height: auto;
		background-color:transparent;
		position:unset;
	}
	.nav-menu li{
		border-left: 0;
		padding:0 0;
		font-size: 10px;
	}
	.nav-menu li:last-child { border-right: 0; }
	.pagesecond-search{
		display: none;
	}
	.nav-header{
		width: auto;
	}
}
@media screen and (max-height: 620px)
{
    .industry-icon-group{
        max-width:930px;
    }
    .page4-group{
        display: none;
    }
    .gv-industry{
        margin: 5.5vw 1vw 0 1vw;;
    }
}
@media screen and (max-height: 568px)
{
    .gv-industry{
        margin: 3px;
        margin-top: 15px;
        margin-bottom: 47px;
    }
}