/* dede58.com 做最好的织梦模板 */

@charset "utf-8";

/* 全局样式 */

body {

	margin: 0;

	padding: 0;

	font-family: "microsoft yahei", "lvetica Neue", Helvetica, Arial, sans-serif;

	font-size: 14px;

}

ul,li{margin: 0; padding:0;}

ul{list-style: none;}

a {

	color:#080808;

	text-decoration:none

}

a:hover, a:focus {

	color: #080808;

	text-decoration: underline

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

	font-family: "microsoft yahei", "lvetica Neue", Helvetica, Arial, sans-serif;

	font-weight: 500;

	line-height: 1.5;

	color: inherit;

}

.h1, .h2, .h3, .h4, .h5, .h6 {

	margin:0;

}

img {

	padding: 0;

	margin: 0;

	border: 0px;

}

*:link, *:visited, *:hover, *:active, *:focus, .item-on-hover, .btn-success, #button {

	-webkit-transition: all 0.3s linear;

	-moz-transition: all 0.3s linear;

	-o-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, menu, section, summary {

	margin: 0;

	padding: 0;

	display: block;

}

.clearfix:before, .clearfix:after, .container:before, .container:after, .nav:before, .nav:after, .row:before, .row:after {

	display: table;

	content: " ";

}

.clearfix:after, .container:after, .nav:after, .row:after {

	clear: both;

}

::-moz-selection { /*针对Firefox*/

background:#00dfb9;

color:#fff;

}

::selection {

	background:#080808;

	color:#fff;

}

.container {

	padding-right:15px;

	padding-left:15px;

	margin-right:auto;

	margin-left:auto

}

.container {

	width:1140px;

	min-width:1140px

}

.row {

	margin-right:-15px;

	margin-left:-15px

}

.pull-left {

	float:left!important

}

.pull-right {



	float:right!important

}

.list-unstyled {

	padding:0;

	margin:0;

	list-style:none

}

.list-unstyled li{font-size: 16px;}

.bianju p a{font-size: 14px;}

	text-align:left

}

}

.text-right {

	text-align:right

}

.text-center {

	text-align:center

}

.pingpu-bg {

	background-repeat: no-repeat;

	background-position: center top;

	background-size: cover;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;/*position: relative;*/

	background-attachment: fixed;

}

.pingpu-bg, .rslides, .fuwu-bg, .news, .ny-banner {

	min-width:1170px

}

.sx-padding {

	padding:45px 0;

}

.f-title {

	font-size: 24px;

	padding: 0;

	margin:0 0 25px 0;

	color: #000000;

}

.f-title small {

	font-size: 14px;

	color: #999999;

	display: block;

	margin-top: 10px;

}

.btn-success {

	color: #fff;

	background-color: #00dfb9;

	border-width: 0px;

	border-radius: 5px;

	padding: 10px 20px 8px 20px;

	margin: 0 15px;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.btn-success.about-more {

	padding: 14px 30px 12px 30px;

}

.btn-success.news-more {

	padding: 7px 10px 5px 10px;

	margin-left:0;

}

.btn-success:hover, .btn-success:focus, .btn-success:active {

	color: #fff;

	background-color: #589ED7;

	text-decoration: none;

}

.btn {

	margin: 20px 0 0 0;

}

.red {

	color:#00dfb9 !important;

}

.diwen {

	color:#FFFFFF;

	background-color:#00dfb9;

	padding:10px 20px;

}

/* 导航条、菜单、LOGO */

.headroom {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	transition: all .2s ease-in-out;

}

.headroom--unpinned {

	top: -100px;

}

.headroom--pinned {

	top: 0;

}

.header {

	background-color: rgba(255, 255, 255, 0.95);

	-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15);

	box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15);

	height: 70px;

}

.header-top {

	z-index:999999999 !important;

}

/* LOGO */

.header h1 {

	margin:0;

	padding:0;

}

.header .logo {

	padding-top: 3px;

	padding-bottom: 32px;

	display: table;

}

.header div small {

	font-size: 14px;

	color: #999;

	display: table;

	padding-left: 25px;

	background-image: url(/statics/images/giantskynew/logo-y-xian.png);

	background-repeat: no-repeat;

	background-position: left center;

	margin-left: 25px;

	line-height: 26px;

	margin-top: 32px;

	font-style: italic;

}

.header h1 small a {

	color: #999;

}

/* NAV */

.nav {

	display: table;

	margin-right: 290px;

	margin-top:-1px;

}

.nav .nav-bar {

}

.nav-bar > li {

	display: block;

	float: left;

	text-align: center;

	position: relative;

	border-top-right-radius: 6px;

	border-top-left-radius: 6px;

}

.nav-bar > li:hover, .nav-bar > li.active {

	background-color: #00dfb9;

}

.nav-bar > li > a {

	padding: 10px 16px 11px 16px;

	display: block;

	color: #000000;

	line-height: 24px;

}

.nav-bar > li > a:hover, .nav-bar > li:hover a, .nav-bar > li.active a {

	color: #FFFFFF;

	text-decoration: none;

}

.nav-bar > li small {

	display: none;

	color: #FFFFFF;

	font-size: 12px;

}

.nav-bar > li:hover small, .nav-bar > li.active small {

	display: block;

}

.nav-bar > li ul {

	display: none;

	background-color: #00dfb8;

	border-bottom-left-radius: 5px;

	padding: 0 0 5px 0;

	border-bottom-right-radius: 5px;

	position: absolute;

	left: 0px;

	top: 45px;

	z-index:9999999999;

}

.nav-bar > li:hover ul {

	display:block;

}

.nav-bar > li ul li a {

	line-height: 28px;

	padding: 5px 30px;

	color: #666666 !important;

	border-bottom: 1px solid #F5F5F5;

	display: block;

	background-color: #FFFFFF !important;

	min-width: 70px;

	text-align: left;

}

.nav-bar > li ul li a:hover, .nav-bar > li ul li a.hover {

	background-color: #00dfb8 !important;

	color: #FFFFFF !important;

	text-decoration: none;

	border-bottom: 1px solid #00dfb9;

}

/* Banner广告 */

.rslides {

	/*height:650px;*/

	overflow:hidden;

	margin:0 auto;

	width:100%;

	position:relative;

	list-style:none;

}

.rslides li {

	width:100%

}

.banner {

	background-repeat: no-repeat;

	background-position: center top;

	position: relative;

	background-attachment: fixed;

	height:550px;

	margin-top:70px;

}

.rslides_nav {

	height: 56px;

	width: 36px;

	position: absolute;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

	opacity: 0.5;

	text-indent: -9999px;

	overflow: hidden;

	background-position: left top;

	background-repeat: no-repeat;

	top:325px;

}

.rslides_nav.next {

	background-image: url(/statics/images/giantskynew/banner-left.png);

	left: 30px;

}

.rslides_nav.prev {

	background-image: url(/statics/images/giantskynew/banner-right.png);

	right: 30px;

}

.rslides_tabs {

	margin:12px auto 0;

	clear:both;

	text-align:center;

	width:50px;

}

.rslides_tabs li {

	display:inline;

	float:none;

	_float:left;

*float:left;

	margin-right:5px

}

.rslides_tabs a {

	text-indent: -9999px;

	overflow: hidden;

	background-repeat: no-repeat;

	background-position: right top;

	background-image: url(/statics/images/giantskynew/rslides_tabs.png);

	display: inline-block;

	_display: block;

*display:block;

	width: 9px;

	height: 9px

}

.rslides_tabs .rslides_here a {

	background: rgba(0,0,0, .6);

	background-repeat: no-repeat;

	background-position: left top;

	background-image: url(/statics/images/giantskynew/rslides_tabs.png);

}

/* 知名客户 */

.kehu {

	background-color: #F7F7F7;

}

.kehu .row {

	margin: 0 2px 15px 2px;

	border-left: 1px solid #EDEDED;

	border-right: 1px solid #FFFFFF;

	border-top: 1px solid #EDEDED;

}

.kehu figure {

	width: 188px;

	float: left;

	position: relative;

	height: 100px;

	border-right: 1px solid #EDEDED;

	border-bottom: 1px solid #EDEDED;

	background-color:#FFFFFF

}

.kehu figure:hover figcaption {

	display:block;

}

.kehu figure figcaption {

	position: absolute;

	width: 188px;

	height: 100px;

	top: 0px;

	left: 0px;

	display: none;

	background-color: rgba(0,223,185,0.70);

	color: #FFFFFF;

	text-align: center;

	line-height:100px

}

.kehu figure figcaption {

	font-size: 16px;

}

.kehu figure figcaption a {

	color:#FFFFFF;

}

.kehu figure figcaption a:hover {

	text-decoration: underline;

}

/* 关于我们 */

.about {

	line-height: 30px;

	color: #ffffff;

}

.about-us {

	color: #ffffff;

}

.about .f-title, .about .f-title small, .about-us a:hover {

	color:#FFFFFF;

}

.about .about-lianjie {

	margin-top:20px;

}

.about a.ry, .about a.td {

	background-repeat: no-repeat;

	text-align: center;

	padding-top: 86px;

	margin-left: 20px;

	margin-right: 20px;

	display: inline-block;

	background-position: center top;

}

.about a.ry {

	background-image: url(/statics/images/giantskynew/about-lianjie-1.png);

}

.about a.ry:hover {

	background-image: url(/statics/images/giantskynew/about-lianjie-11.png);

}

.about a.td {

	background-image: url(/statics/images/giantskynew/about-lianjie-2.png);

}

.about a.td:hover {

	background-image: url(/statics/images/giantskynew/about-lianjie-22.png);

}

/* 我们的服务 */

.fuwu-bg {

	background-repeat: no-repeat;

	background-position: center center;  /*position: relative;*/

	background-attachment: fixed;

	background-color: #F2F2F2;

}

.fuwu .f-title, .fuwu .f-title small {

	color:#FFFFFF;

}

.fuwu {

	position: relative;

}

.fuwu figure {

	background-color: rgba(255,255,255,0.80);

	padding: 58px 40px 40px 40px;

	margin-bottom: 20px;

	width: 260px;

	float: left;

	margin-top: 80px;

	position: relative;

}

.fuwu figure.bianju {

	margin-left: 60px;

	margin-right: 60px;

}

.fuwu figure a.pic1, .fuwu figure a.pic2, .fuwu figure a.pic3 {

	height: 130px;

	width: 130px;

	display: block;

	background-repeat: no-repeat;

	background-position: center top;

	margin: 0 auto;

	position: absolute;

	top: -65px;

	left:105px;

}

.fuwu figure a.pic1 {

	background-image: url(/statics/images/giantskynew/sheji.png);

	background-repeat: no-repeat;

}

.fuwu figure a.pic2 {

	background-image: url(/statics/images/giantskynew/gongcheng.png);

}

.fuwu figure a.pic3 {

	background-image: url(/statics/images/giantskynew/fuwu.png);

}

.fuwu figure figcaption {

	margin-top: 35px;

	margin-bottom: 15px;

	font-weight: bold;

}

.fuwu figure figcaption a {

	color: #8ba4d8;

	font-size: 16px;

}

.fuwu figure figcaption a:hover {

	text-decoration: underline;

}

.fuwu figure p {

	line-height: 30px;

	color: #000000;

}

.fuwu figure figcaption a.btn-success {

	margin-bottom:10px;

}

/* 成功案例  无边距样式

.fl-case { height:42px; margin-top: 35px; margin-bottom: 30px; }

.fl-case a { background-color: #F7F7F7; color: #666666; width: 228px; height:40px; line-height:40px; display: inline-block; }

.fl-case a:hover { background-color: #00dfb9; color: #FFFFFF; text-decoration: none; }

.case figure { width: 380px; float: left; position: relative; height: 270px; }

.case figure .new { width: 108px; height: 108px; display: block; position: absolute; right: 0px; top: 0px; background-image: url(/statics/images/giantskynew/new.png); background-repeat: no-repeat; background-position: 0px 0px; z-index: 2; }

.case figure:hover figcaption { display:block; }

.case figure figcaption { position: absolute; width: 310px; height: 200px; top: 0px; left: 0px; display: none; background-color: rgba(247,90,83,0.70); padding: 35px; color: #FFFFFF; text-align: left; }

.case figure figcaption h3 { font-size: 18px; font-weight: bold; margin:0 0 8px 0; }

.case figure figcaption h3 a,.case figure figcaption p a { color: #FFFFFF; text-decoration: underline; }

.case figure figcaption h3 a:hover ,.case figure figcaption p a:hover { text-decoration: none; }

.case figure figcaption p { margin:0; line-height:28px;}

.case .row { margin:10px 0px;}

.case-more-top { margin-top:15px !important; }

.case-more { padding: 7px 10px 5px 10px; margin-left: 0; background-color: rgba(255,255,255,0.70); color: #00dfb9 !important; text-decoration: none !important; }

.case-more:hover { color: #FFFFFF !important;} */



/* 成功案例  有边距样式 */ 

.fl-case {

	height:42px;

	margin-top: 35px;

	margin-bottom: 15px;

}

.fl-case a {

	background-color: #F7F7F7;

	color: #666666;

	width: 220px;

	height:40px;

	line-height:40px;

	display: inline-block;

}

.fl-case a:hover {

	background-color: #00dfb9;

	color: #FFFFFF;

	text-decoration: none;

}

.case figure {

	width: 360px;

	float: left;

	position: relative;

	margin: 5px 15px;

}

.case figure .new {

	width: 108px;

	height: 108px;

	display: block;

	position: absolute;

	right: 0px;

	top: 0px;

	background-image: url(/statics/images/giantskynew/new.png);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	z-index: 2;

}

/**.case figure img{-webkit-filter: grayscale(100%); 

-moz-filter: grayscale(100%); 

-ms-filter: grayscale(100%); 

-o-filter: grayscale(100%); 

filter: grayscale(100%); 

filter: gray; }

.case figure img:hover{-webkit-filter: grayscale(0%); 

-moz-filter: grayscale(0%); 

-ms-filter: grayscale(0%); 

-o-filter: grayscale(0%); 

filter: grayscale(0%); 

filter: gray; }

**/

.case figure:hover figcaption {

	display:block;

}

.case figure figcaption {

	position: absolute;

	width: 300px;

	height: 143px;}



/*.case figure figcaption {

	position: absolute;

	width: 300px;

	height: 143px;

	top: 0px;

	left: 0px;

	display: none;

	background-color: rgba(0,233,185,0.70);

	padding: 30px;

	color: #FFFFFF;

	text-align: left;

}*/

.case figure figcaption h3 {

	font-size: 18px;

	font-weight: bold;

	margin: 70px 0 0 0;

    text-align: center;

}

.case figure figcaption h3 a, .case figure figcaption p a {

	color: #FFFFFF;

	text-decoration: underline;

}

.case figure figcaption h3 a:hover, .case figure figcaption p a:hover {

	text-decoration: none;

}

.case figure figcaption p {

	margin:0;

	line-height:28px;

}

.case-more-top {

	margin-top:15px !important;

}

.case-more {

	padding: 7px 10px 5px 10px;

	margin-left: 0;

	background-color: rgba(255,255,255,0.70);

	color: #00dfb9 !important;

	text-decoration: none !important;

}

.case-more:hover {

	color: #FFFFFF !important;

}

/* 新闻资讯 */

.news {

	background-color: #F2F2F2;

}

.news section {

	width: 510px;

	float: left;

}

.news section.bianju {

	margin-left: 60px;

	margin-right: 60px;

}

.news section h2 {

	font-size: 16px;

	color: #000000;

	font-weight: bold;

	padding:0;

	margin:0 0 20px 0;

}

.news section h2 small {

	font-size: 16px;

}

.news section ul li {

	line-height: 30px;

}

.news section ul li a {

	color: #888888;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	width: 450px;

	display: block;

	float: left;

}

.news section ul li a:hover {

	color: #00dfb9;

}

.news section ul li small {

	color: #999999;

	float: right!important;

}

.news section p {

	margin-top:25px;

	margin-bottom:5px;

}

/* 版权/联系/留言 */

.footer {

	position: relative;

	line-height: 28px;

}

.footer.sx-padding {

	padding-bottom:0;

}

.footer section {

	width: 340px;

	float: left;

}

.footer section.bianju {

	margin-left: 60px;

	margin-right: 60px;

}

.footer section h3 {

	font-size: 16px;

	font-weight: bold;

	color:#FFF;

	padding:0 0 30px 0;

	margin:0;

}

.footer section h3 small {

	font-size: 16px;

}

.footer section h4 {

	font-size: 16px;

	font-weight: bold;

	color:#FFF;

	padding:14px 0 10px 0;

	margin:0;

}

.footer, .footer a {

	color: #babcbd;

	font-size:12px;

}

.footer a:hover {

	color: #fff;

}

.footer p {

	padding:0;

	margin:0;

}

.footer section address {

	font-style: normal;

	margin:0;

	padding:0;

}

.zhixun a {

	width: 40px;

	height: 40px;

	background-image: url(/statics/images/giantskynew/sns.png);

	background-repeat: no-repeat;

	text-indent: -999px;

	overflow: hidden;

	display: block;

	float: left;

	background-color: #00dfb9;

	border-radius: 5px;

	margin-right: 15px;

	margin-top: 10px;

}

.zhixun a:hover {

	background-color: #589ED7;

}

.zhixun a.qq {

	background-position: 0px -40px;

}

.zhixun a.sq {

	background-position:0px -80px;

}

#xm, #dh, #nr {

	font-size:12px;

	height: 36px;

	width: 320px;

	background-color: #ededee;

	color: #666;

	border-width: 0px;

	margin-bottom: 25px;

	vertical-align: middle;

	padding-right: 10px;

	padding-left: 10px;

	border-radius:0px;

}

#xm {

	background-image: url(/statics/images/giantskynew/foot-form-bg.png);

	background-repeat: no-repeat;

	background-position: right 0px;

}

#dh {

	background-image: url(/statics/images/giantskynew/foot-form-bg.png);

	background-repeat: no-repeat;

	background-position: right -40px;

}

#nr {

	height: 110px;

	padding-top: 10px;

	vertical-align: top;

	background-image: url(/statics/images/giantskynew/foot-form-bg.png);

	background-repeat: no-repeat;

	background-position: right -160px;

}

#xm:focus, #dh:focus, #nr:focus {

	background-color: #FFF;

	color: #333;

}

#button {

	height: 40px;

	width: 200px;

	text-align: center;

	vertical-align: middle;

	border-width: 0px;

	background-color: #00dfb9;

	color: #FFF;

	font-size: 14px;

	border-radius:5px;

	-webkit-appearance: button;

	cursor: pointer;

}

#button:hover {

	background-color: #589ED7;

}

#savediv {

	padding: 10px 0;

	line-height:24px;

}

.key, .mail {

	height: 36px;

	width: 318px;

	background-color: hsla(0,0%,100%,0.00);

	color: #babcbd;

	vertical-align: middle;

	padding-right: 10px;

	padding-left: 10px;

	border: 1px solid #b2b4b7;

	border-radius: 0px;

}

.mail-tx {

	color: #babcbd;

	font-size: 14px;

	margin: 15px 0;

}

.s-button, .m-button {

	height: 36px;

	width: 36px;

	text-align: center;

	vertical-align: middle;

	background-color: hsla(0,0%,100%,0.00);

	border: 0px solid #babcbd;

	border-radius: 0px;

	-webkit-appearance: button;

	cursor: pointer;

	position: absolute;

	right:3px;

}

.s-button {

	background-image: url(/statics/images/giantskynew/foot-form-bg.png);

	background-repeat: no-repeat;

	background-position: right -80px;

	text-indent: -999px;

	overflow: hidden;

}

.m-button {

	background-image: url(/statics/images/giantskynew/foot-form-bg.png);

	background-repeat: no-repeat;

	background-position: right -120px;

	text-indent: -999px;

	overflow: hidden;

}

.mail {

	margin:0 0 40px 0;

}

.yq-link, .yq-link a, .yq-link small {

	color: #8b8e94;

	line-height: 28px;

	font-size: 12px;

}

.yq-link {

	margin-bottom:40px;

}

.yq-link a:hover {

	color: #fff;

}

.yq-link hr {

	border-color: rgba(103,108,113,0.50);

	width: 100%;

	margin-top: 0px;

	margin-right: 0;

	margin-bottom: 20px;

	margin-left: 0;

}

.foot {

	background-color: #14171a;

}

.foot p {

	margin:0;

	padding:0;

}

.foot .copy {

	height: 70px;

	line-height: 70px;

}

.foot, .foot a {

	text-transform: uppercase;

	font-size: 12px;

	color: #babcbd;

}

.foot .renzheng img {

	margin-left: 10px;

	margin-top:19px;

}

.kefu {

	background-color: #00dfb9;

	border: 2px solid #fff;

	position: fixed;

	width: 80px;

	top: 138px;

	right: 20px;

	text-align: center;

	display: block;

	-webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.1);

	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);

	border-radius: 8px;

	font-size: 12px;

	z-index: 9999999;

}

.kefu ul li a {

	display: block;

	color: #FFF;

	text-decoration: none;

	border-top: 1px solid #ffb4a6;

	overflow: hidden;

	height: auto;

	width: 100%;

	padding: 0;

	height: 30px;

	width: 80px;

	z-index: 999999;

	padding-top: 50px;

}

.kefu ul li a:hover {

	background-color: #589ED7;

}

.kefu a.kefu-lx {

	border-top: 0px solid #08b295;

	background-image: url(/statics/images/giantskynew/kefu.png);

	background-repeat: no-repeat;

	background-position: 0 -10px;

}

.kefu a.kefu-lx:hover {

	border-radius: 6px 6px 0px 0px;

}

.kefu ul li a.kefu-yy {

	background-image: url(/statics/images/giantskynew/kefu.png);

	background-repeat: no-repeat;

	background-position: center -90px;

}

.kefu ul li a.kefu-zx {

	background-image: url(/statics/images/giantskynew/kefu.png);

	background-repeat: no-repeat;

	background-position: center -170px;

}

.kefu ul li a.kefu-wx {

	background-image: url(/statics/images/giantskynew/kefu.png);

	background-repeat: no-repeat;

	background-position: center -250px;

}

.kefu ul li a.kefu-wx .kefu-weixin {

	padding: 20px;

	background-color: #FFFFFF;

	position: absolute;

	top:242px;

	left: -182px;

	display:none;

	-webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.1);

	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);

}

.kefu ul li a.kefu-wx:hover .kefu-weixin {

	display:block;

}

.kefu ul li a.kefu-top {

	background-image: url(/statics/images/giantskynew/kefu.png);

	background-repeat: no-repeat;

	background-position: center -335px;

	padding-top:40px;

}

.kefu ul li a.kefu-top:hover {

	border-radius: 0px 0px 6px 6px;

}

.kefu ul li a.kefu-yy, .kefu ul li a.kefu-zx, .kefu ul li a.kefu-top, .kefu ul li a.kefu-wx {

	display: none;

}

.kefu:hover ul li a.kefu-yy, .kefu:hover ul li a.kefu-zx, .kefu:hover ul li a.kefu-top, .kefu:hover ul li a.kefu-wx {

	display: block;

}

/* 内页代码 */

.info p, .info li {

	color:#666666;

}

.ny-banner {

	margin-top: 100px;

	padding: 60px 0;

	background-repeat: no-repeat;

	position: relative;

	background-attachment: fixed;

	background-position: center top;

}

.ny-banner2 {

	background-image: url(/statics/images/giantskynew/ny-head-bg2.png);

}

.ny-banner h2 {

	margin: 0;

	font-size: 24px;

	color: #FFFFFF;

}

.ny-banner h2 small {

	color: #ffb3b0;

	font-size: 18px;

	padding-left: 15px;

	margin-left: 15px;

	font-weight: normal;

	border-left: 1px solid #ffb3b0;

}

.ny-banner .weizhi {

	color:#ffb3b0;

	text-align:left;

	margin:0;

	padding:15px 0 10px 0;

}

.ny-banner .weizhi a {

	color:#ffffff

}

.crumbs {

	background-color:#f7f7f7;

	height:60px;

}

.crumbs ul li {

	display: inline-block;

}

.crumbs ul li a {

	color: #666666;

	line-height: 60px;

	padding: 0 15px;

	display: inline-block;

	font-size:12px

}

.crumbs ul li a:hover, .crumbs ul li a.hover {

	background-color: #FFFFFF;

	color: #00dfb9;

	text-decoration: none;

}

.y-m50 {

	margin-right:50px

}

.y-m60 {

	margin-right:60px

}

.x-m40 {

	margin-bottom:40px !important;

}

.x-m30 {

	margin-bottom:30px;

}

.x-m20 {

	margin-bottom:20px;

}

.s-m40 {

	margin-top:40px;

}

zy-m15 {

	margin-left:15px;

	margin-right:15px;

}

.s-m-none {

	margin-top:0 !important;

}

.nr-h20 {

	margin-top:0px;

	margin-bottom:20px;

}

.nr-h20-s10 {

	margin-top:10px;

	margin-bottom:20px;

}

.nr-h30 {

	margin-top:0px;

	margin-bottom:30px;

}

.info, .neirong {

	line-height: 30px;

	color: #333333;

}

.info hr, .neirong hr {

	margin: 30px 0;

	border: 0;

	border-top: 1px solid #eee;

}

.nyfl-case {

	height:42px;

	margin-top:0;

	margin-bottom: 30px;

	background-color: #F7F7F7;

}

.nyfl-case a {

	line-height: 42px;

	padding:0 25px;

	display: inline-block;

	color: #666666;

	text-align: center;

}

.nyfl-case a:hover, .nyfl-case a.hover {

	background-color: #00dfb9;

	color: #FFFFFF;

	text-decoration: none;

}

.fanye .pagination {

	margin: 0;

	display: inline-block;

	padding-left: 0;

	margin: 25px 0 0 0;

	border-radius: 4px;

}

.fanye .pagination > li {

	display:inline

}

.fanye .pagination > .active > a, .fanye .pagination > .active > span, .fanye .pagination > .active > a:hover, .fanye .pagination > .active > span:hover, .fanye .pagination > .active > a:focus, .fanye .pagination > .active > span:focus {

	background-color: #00dfb9;

	border-color: #00dfb9;

	color: #FFF;

}

.fanye .pagination > li > a:hover, .fanye .pagination > li > span:hover, .fanye .pagination > li > a:focus, .fanye .pagination > li > span:focus {

	color: #00dfb9;

	background-color: #E3E3E3;

	border-color: #ededed;

}

.fanye .pagination > li > a, .fanye .pagination > li > span {

	color: #00dfb9;

	border-color: #ededed;

	font-size: 14px;

}

.pagination-lg>li>a, .pagination-lg>li>span {

	padding: 12px 18px;

}

.pagination>li>a, .pagination>li>span {

	color: #428bca;

	text-decoration: none;

	background-color: #F7F7F7;

}

.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {

	border-top-left-radius: 6px;

	border-bottom-left-radius: 6px;

}

.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {

	border-top-right-radius: 6px;

	border-bottom-right-radius: 6px;

}

.ny-news {

	border-bottom: 1px solid #EDEDED;

	padding-bottom: 30px;

	margin-bottom: 40px;

}

.ny-news h1 a {

	font-size:20px;

	color:#000000

}

.ny-news h1 a:hover {

	color:#00dfb9

}

.ny-news .shuoming {

	color: #666666;

}

.ny-news .btn-success {

	margin-left:0;

}

.ny-news .mulu, .ny-news .guanzhu, .ny-news .time {

	background-image: url(/statics/images/giantskynew/news-kb.png);

	background-repeat: no-repeat;

	background-position: left 3px;

	margin-right:10px;

	height: 22px;

	padding-left: 23px;

	display: inline-block;

	color:#999999

}

.ny-news .guanzhu {

	background-position: left -19px;

}

.ny-news .time {

	background-position: left -41px;

}

.ny-news .news-qq a, .ny-news .news-sq a {

	text-indent: -9999px;

	width: 22px;

	height: 22px;

	display: inline-block;

	background-image: url(/statics/images/giantskynew/news-zx.png);

	background-position: left top;

	background-repeat: no-repeat;

}

.ny-news .news-sq a {

	background-position:left -22px;

	margin-left:5px;

}

.team-bg {

	background-color:#e6e6e6;

}

.team figure {

	width: 262px;

	float: left;

	position: relative;

	height: 330px;

	margin: 15px;

}

.team figure:hover figcaption {

	display:block;

}

.team figure figcaption {

	position: absolute;

	width: 202px;

	height: 210px;

	top: 0px;

	left: 0px;

	display: none;

	background-color: rgba(0,223,185,0.70);

	padding:60px 30px;

	color: #FFFFFF;

}

.team figure h3.team-title {

	font-size: 14px;

	font-weight: normal;

	margin: 0;

	line-height: 60px;

	position: absolute;

	width: 262px;

	height: 60px;

	left: 0px;

	background-color: rgba(255,255,255,0.95);

	bottom: 0px;

	color: #999999;

}

.team figure h3.team-title a {

	color: #00dfb9;

	font-size: 18px;

	font-weight: bold;

}

.team figure:hover h3.team-title {

	display:none;

}

.team figure figcaption h3 {

	font-size: 16px;

	font-weight: bold;

	margin:0 0 12px 0;

}

.team figure figcaption h3 a {

	color: #FFFFFF;

	text-decoration: underline;

}

.team figure figcaption h3 a:hover {

	text-decoration: none;

}

.team figure figcaption p {

	margin:0;

	line-height:28px;

}

.team-more {

	padding: 7px 10px 5px 10px;

	background-color: rgba(255,255,255,0.70);

	color: #00dfb9 !important;

	text-decoration: none !important;

}

.team-more:hover {

	color: #FFFFFF !important;

}

.ny-kehu .row {

	margin: 0 2px 15px 2px;

	border-left: 1px solid #EDEDED;

	border-right: 1px solid #FFFFFF;

	border-top: 1px solid #EDEDED;

}

.ny-kehu figure {

	width: 188px;

	float: left;

	position: relative;

	height: 100px;

	border-right: 1px solid #EDEDED;

	border-bottom: 1px solid #EDEDED;

}

.ny-kehu figure:hover figcaption {

	display:block;

}

.ny-kehu figure figcaption {

	position: absolute;

	width: 188px;

	height: 100px;

	top: 0px;

	left: 0px;

	display: none;

	background-color: rgba(0,223,185,0.70);

	color: #FFFFFF;

	text-align: center;

	line-height:100px

}

.ny-kehu figure figcaption {

	font-size: 16px;

}

.ny-kehu figure figcaption a {

	color:#FFFFFF;

}

.ny-kehu figure figcaption a:hover {

	text-decoration: underline;

}

.tags .tags-lie {

	width:20%

}

.map {

	color:#999999

}

.map h3 a {

	color:#000000

}

.zzry figure, .tdfc figure {

	padding:0 15px;

	float:left;

}

.tdfc figure {

	padding-bottom:20px;

}

.zzry figure img, .tdfc figure img {

	width:360px;

}

.zzry figure figcaption, .tdfc figure figcaption {

	margin-bottom:15px;

}

.fzlc h3 {

	background-color: #00dfb9;

	color: #FFFFFF;

	padding:5px 10px;

}

.main {

	width: 790px;

	margin-right: 50px;

}

.main img {

	max-width:790px;

}

.info .biaoti {

	font-size:20px;

	margin-bottom:10px;

	margin-top:0;

}

.info .shuoming {

	color: #999;

	margin:0 0 30px 0;

	padding-bottom: 20px;

	border-bottom: 1px solid #EDEDED;

	font-size: 12px;

}

.aside {

	width:300px;

}

.aside .ny-h4 {

	font-size:16px;

	margin:15px 0;

	padding-bottom: 15px;

	border-bottom: 1px solid #EDEDED;

}

.aside ul li small {

	color:#999999;

}

.aside .xx-qq a, .aside .xx-sq a {

	text-indent: -9999px;

	width: 22px;

	height: 22px;

	display: inline-block;

	background-image: url(/statics/images/giantskynew/news-zx.png);

	background-position: left top;

	background-repeat: no-repeat;

}

.aside .xx-sq a {

	background-position:left -22px;

	margin-left:5px;

}

.aside figure {

	margin-top:10px;

	text-align:center

}

.aside figure.text-left {

	text-align:left

}

.aside .team-gz, .aside .team-yy {

	height: 40px;

	margin-right: 20px;

	border-radius: 4px;

	padding: 0px 10px 0px 38px;

	display: block;

	line-height: 40px;

	background-image: url(/statics/images/giantskynew/team-yy.png);

	background-position: left top;

	background-color: #00dfb9;

	color: #FFFFFF;

	background-repeat: no-repeat;

}

.aside .team-gz a, .aside .team-yy a {

	color:#FFFFFF

}

.aside .team-gz:hover, .aside .team-yy:hover {

	background-color: #589ED7;

}

.aside .team-yy {

	background-position: left bottom;

}

.ny-team-tj {

	font-size:16px;

	margin:15px 0;

}

.team figcaption p {

	color:#FFFFFF !important;

}

.pages {

	padding: 30px 0 30px;

	text-align: center

}

.pages li {

	display: inline

}

.pages li.thisclass, .pages a:hover {

	padding: 5px 10px;

	border: 1px solid #00dfb9;

	background: #00dfb9;

	color: #fff;

	text-decoration: none;

	border-radius:3px

}

.pages a {

	padding: 5px 10px;

	border: 1px solid #ddd;

	background: #fff;

	color: #A4A4A4;

	line-height: 18px;

	border-radius:3px;

}

.scrollbox{position:relative;height:202px;overflow:hidden; border: 1px solid #ccc }

.scrollbox ul{position:absolute;left:0px;top:0px;}

.scrollbox li{float:left;overflow:hidden;}

.scrollbox li {float:left;display:inline-block;overflow:hidden;}

.scrollbox li img{display:block;float:left;overflow:hidden; -webkit-filter: grayscale(100%); 

-moz-filter: grayscale(100%); 

-ms-filter: grayscale(100%); 

-o-filter: grayscale(100%); 

filter: grayscale(100%); 

filter: gray; } 



.scrollbox li img:hover{display:block;float:left;overflow:hidden; -webkit-filter: grayscale(0%); 

-moz-filter: grayscale(0%); 

-ms-filter: grayscale(0%); 

-o-filter: grayscale(0%); 

filter: grayscale(0%); 

filter: gray; } 



.term ul{ font-size: 0; }

.term ul li{ font-size: 14px; width: 210px; height: 315px; padding: 30px 15px 30px 15px; margin-left:40px; vertical-align: top; display: inline-block; *float: left; transition: box-shadow 0.5s; overflow: hidden; text-align: center; }

.term ul li:first-child{ margin-left: 0; }

.term ul li:hover{ box-shadow: 2px 2px 5px #999; background:rgba(255, 255, 255, 0.55); }

.project{ width: 180px; height: 180px; background: url(/statics/images/giantskynew/projecticon.png) no-repeat; margin: 0px auto 35px;  }

.four1{ background-position: 13px 0; }

.four2{ background-position: -196px 0; }

.four3{ background-position: -417px 0; }

.four4{ background-position: -617px 0; }

.term ul li:hover .project{ animation:goround 6s infinite linear; }

.term ul li:hover .four1{ background-position: 13px -191px; }

.term ul li:hover .four2{ background-position: -196px -191px; }

.term ul li:hover .four3{ background-position: -417px -191px; }

.term ul li:hover .four4{ background-position: -617px -191px; }

/*.color1{ background: #009988; }

.color2{ background: #0789ba; }

.color3{ background: #ffa500; }

.color4{ background: #ff7200; }*/

.term ul li p{ font-size: 18px; color: #fff; }

.term ul li span{ font-size: 15px; color: #fff; max-height: 75px; line-height: 25px; margin-top: 15px; display: block; overflow: hidden; }

.term ul li:hover p,.term ul li:hover span{ color: #fff; }

.term ul li:hover .project{ animation:goround 6s infinite linear; }

@keyframes goround

{

    from{ transform: rotate(0deg); }

    to{ transform: rotate(360deg) }

}

.phone{position: relative; right: -600px; top: 33px; }

.phone img{ width:20px; height:20px }

.phone span {line-height:26px; padding-left: 15px; font-size: 18px; font-weight: 500; }



.dock {

	position:fixed;

	right:0px;

	width:50px;

	-moz-opacity:0.7;

	opacity:0.7;

	z-index:200;

}

.dock.close {

	z-index:50;

}

.dock ul.icons {

	position:absolute;

	list-style:none;

	right:0px;

	padding:0px;

	width:50px;

	border:1px solid #333;

	border-right:none;

	background:#111;

	-moz-border-radius:10px 0 0 10px;

	-webkit-border-radius:10px 0 0 10px;

	border-radius:10px 0 0 10px;

	-webkit-transition:all .3s ease-in-out 0s;

	-moz-transition:all .3s ease-in-out 0s;

	-ms-transition:all .3s ease-in-out 0s;

	-o-transition:all .3s ease-in-out 0s;

	transition:all .3s ease-in-out 0s;

}

.dock.close ul.icons {

	right:-70px;

}

.dock ul.icons li i {

	display:block;

	position:relative;

	width:50px;

	height:50px;

	background:url(/statics/images/giantskycc/icons.png) no-repeat;

	cursor:pointer;

	-webkit-transition:all .3s ease-in-out 0s;

	-moz-transition:all .3s ease-in-out 0s;

	-ms-transition:all .3s ease-in-out 0s;

	-o-transition:all .3s ease-in-out 0s;

	transition:all .3s ease-in-out 0s;

	z-index:210;

}

.dock ul.icons li.active i {

	-moz-opacity:0.4;

	opacity:0.4;

}

.dock ul.icons li.up i {

	background-position:-63px -150px;

}

.dock ul.icons li.tel i {

	background-position:-62px -108px;

}

.dock ul.icons li.im i {

	background-position:-63px -20px;

}

.dock ul.icons li.wechat i {

	background-position:-59px -66px;

}

.dock ul.icons li.down i {

	background-position:-63px -190px;

}

.dock ul.icons li p {

	display:block;

	position:absolute;

	top:50px;

	right:-260px;

	padding:15px 10px;

	height:120px;

	color:White;

	line-height:30px;

	border:1px solid #333;

	border-right:none;

	background:#111;

	-moz-border-radius:10px 0 0 10px;

	-webkit-border-radius:10px 0 0 10px;

	border-radius:10px 0 0 10px;

	-moz-opacity:0;

	opacity:0;

	filter:alpha(opacity=0);

	-webkit-transition:all .4s ease-in-out .1s;

	-moz-transition:all .4s ease-in-out .1s;

	-ms-transition:all .4s ease-in-out .1s;

	-o-transition:all .4s ease-in-out .1s;

	transition:all .4s ease-in-out .1s;

	overflow:hidden;

	z-index:201;

}

.dock ul.icons li.active p {

	right:50px;

	-moz-opacity:1;

	opacity:1;

	filter:alpha(opacity=100);

}

.dock ul.icons li.tel p {

	width:120px;

	line-height:30px;

}

.dock ul.icons li.im p {

	width:120px;

}

.dock ul.icons li.im p a {

	display: block;

    margin-top: 12px;

    width: 100px;

    height: 35px;

    line-height: 32px;

    color: #00dfb9;

    font-size: 16px;

    text-align: center;

    text-decoration: none;

    border: 1px solid #00dfb9;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    -webkit-transition: all .3s ease-in-out 0s;

    -moz-transition: all .3s ease-in-out 0s;

    -ms-transition: all .3s ease-in-out 0s;

    -o-transition: all .3s ease-in-out 0s;

    transition: all .3s ease-in-out 0s;

}

.dock ul.icons li.im p a:hover {

	color:White;

	background:#0f8773;

	border:1px solid #0f8773;

}

.dock ul.icons li.wechat p {

	width:118px;

}

.dock ul.icons li.wechat p img {

	width:115px;

	border:2px solid White;

}

.dock a.switch {

	position:absolute;

	display:block;

	top:270px;

	right:11px;

	width:26px;

	height:26px;

	background:url(/statics/images/giantskycc/icons.png) no-repeat 0px -640px;

	cursor:pointer;

	-webkit-transition-delay:.15s;

	-moz-transition-delay:.15s;

	-ms-transition-delay:.15s;

	-o-transition-delay:.15s;

	transition-delay:.15s;

}

.dock a.switch.off {

	background-position:-32px -640px;

	}

.bg{background: rgb(0 0 0 / 0%);

width: 1343px; height: 650px; position: absolute;right: 0;}

/*banner 动画*/

#text1{

    animation-delay: 1s;

  font-size: 36px; color: #00f5ca;

  width: 650px;

  height: 60px;

  animation-duration:5s;

-webkit-animation-duration:2s;

position: absolute; left: 55%;top: 30%;

font-family: "微软雅黑"

}

#dowebok{

animation-duration:3s;

-webkit-animation-duration:5s;



}

#text2{

  animation-delay: 2s;

  font-size: 42px; color: #fff;

  width: 500px;

  height: 60px;

  animation-duration:5s;

-webkit-animation-duration:2s;

position: absolute; left: 60%;top: 45%;

line-height: 16px;

font-family: "Arial";

font-weight: normal;

}

#text3{font-size: 16px; color:#fff;width: 500px;

  animation-delay: 2s;

  height: 60px;

  animation-duration:10s;

-webkit-animation-duration:3s;

position: absolute; left: 60%;top: 58%;

line-height: 24px;

font-family: "微软雅黑";

font-weight: normal;	

	}

.bg2{width: 50%; height: 650px; position: absolute;left: 0; background: rgba(255,255,255,0.8);

   animation-delay: 0.8s;

    animation-duration:1s;

-webkit-animation-duration:3s;

}

#bg_t1{

  animation-delay: 1.5s;

  font-size: 36px;

  width: 300px;

  height: 20px;

  animation-duration:3s;

-webkit-animation-duration:2s;

position: absolute; left: 35%;top: 30%;

font-family: "微软雅黑"

}



#bg_t2{

  animation-delay: 1.5s;

  font-size: 16px;

  width: 500px;

  height: 20px;

  animation-duration:3s;

-webkit-animation-duration:2s;

position: absolute; left: 24%;top: 55%;

font-family: "微软雅黑"

}



#bg_t3{

color:#00dfb8;

font-size: 40px;

animation-delay: 2s;

width: 500px;

height: 60px;

animation-duration:3s;

-webkit-animation-duration:2s;

position: absolute; left: 22.9%;top: 38%;

font-family: "Arial";

border-bottom: 1px solid #00dfb8;

}

#bg_t4{

width: 400px;

height: 30px;

position: absolute; left: 52%;top: 5%;

color: #fff;

text-align:left;

font-size: 18px;

}	



#bg_t5{

width: 450px;

height: 30px;

position: absolute; left: 57%;top: 45%;

color: #00f5ca;

text-align:left;

font-size: 36px;

}