﻿gc-what-subgc-what-subgc-what-subgc-what-subgc-what-subgc-what-subgc-what-subgc-what-subgc-what-subgc-what-subgc-what-subgc-what-sub@charset "UTF-8";
/* CSS Document */
head {
	margin: 0px;
	padding: 0;
}
body {
	font-family: "Microsoft YaHei", arial, "微軟正黑體", "黑体", "微软雅黑", "宋体" !important;
	margin: 0px;
	padding: 0;
	font-size: 14px;
	color: #1d1d1d;
}
img{border: 0}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:focus, a:link, a:active {
	outline: none;
}
#gc-index {
	width: 100%;
	float: none;
}
#gc-about {
	width: 100%;
	float: none;
}
#gc-main {
	width: 100%;
	min-width: 1200px;
}
#top {
	width: 100%;
	position: absolute;
	z-index: 999;
}
#banner {
	width: 100%;
	overflow: hidden;
	min-width: 1200px;
	height: 490px;
	position: relative;
}
#idbanner {
	width: 100%;
}
#sub01 {
	width: 100%;
	background: url("../images/sub01-bg.jpg") top center repeat-y;
	float: none;
	padding: 40px 0px;
}
#sub01-sub {
	width: 1200px;
	margin: 0px auto;
	padding: 0px;
	float: none;
}
#sub02 {
	width: 100%;
	background: url("../images/what.jpg") center top no-repeat;
	height: 460px;
}
#sub03 {
	width: 100%;
	padding: 40px 0px;
	background: #f2f2f2;
}
#sub04 {
	width: 100%;
	padding: 20px 0px;
	background: #fff;
}
#copy {
	background: #4a4a4a;
	color: white;
	height: 55px;
	line-height: 27px;
	padding-left: 20px;
	font-size: 12px;
}
#both {
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	overflow: hidden;
}


#hnlist {
	background: #262628;
	padding: 40px 0px;
	width: 100%;
}
#gc-home {
	position: relative;
	background: #f2f2f2;
}
#htop {
	position: absolute;
	width: 100%;
	min-width: 1200px;
	top: 0px;
	left: 0px;
	text-align: center;
	background-color: rgba(0,0,0,0.4);
	z-index: 10;
}
#htop .h-logo {
	float: left;
}
#htop .h-menu {
	display: inline-block;
}
#htop .h-menu ul {
}
#htop .h-menu ul li {
	display: inline-block;
}
#htop .h-menu ul li a {
	display: inline-block;
	height: 80px;
	padding: 0px 20px;
	line-height: 80px;
	color: #fff;
}
#htop .h-menu ul li a:hover {
	color: #d10000
}
#htop .h-menu ul li.select a {
	color: #d10000 !important;
}
#hproduct {
	width: 100%;
	background: #f2f2f2;
	padding: 40px 0px;
}
#hp-sub {
	width: 1200px;
	margin: 0px auto;
}
#hproduct .hp-title {
	color: #2d2d2d;
	font-size: 24px;
	background: url("../images/line05.jpg") left bottom no-repeat;
	height: 50px;
	margin-bottom: 30px;
}
#hproduct .hp-title em {
	font-size: 26px;
	color: #dddddd;
	font-weight: bold;
	font-style: normal;
}
#hproduct .hp-title a {
	float: right;
	color: #fff;
	background: #d10000;
	font-size: 14px;
	padding: 2px 15px;
	margin-top: 6px;
}
#hproduct .hp-title a:hover {
	background: #ff3c00;
}
#hproduct .hp-list {
}
#hproduct .hp-list ul {
}
#hproduct .hp-list ul li {
	float: left;
	border: solid 1px #d9d9d9;
	margin: 0px 20px 30px 0px;
	width: 283px;
	text-align: center;
	background-color: #fff;
}
#hproduct .hp-list ul li.hp-listend {
	margin-right: 0px;
}
#hproduct .hp-list ul li span {
	display: block;
	background: #ebebeb;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
}
#hproduct .hp-list ul li a {
	color: #2d2d2d;
}
#hproduct .hp-list ul li a:hover {
	color: #d10000;
}
#hproduct .hp-list ul li a img{
	height: 207px;
}
#hnlist-sub {
	width: 1200px;
	margin: 0 auto;
}
#hnlist-sub .hdiv {
	float: left;
	width: 365px;
	margin-right: 47px;
}
/*---------tab-----*/
#con {
	WIDTH: 365px;
	background: #fff;
	height: 390px;
}
#tags {
	WIDTH: 365px;
	HEIGHT: 70px;
	line-height: 70px;
}
#tags LI {
	FLOAT: left;
	LIST-STYLE-TYPE: none;
	font-size: 18px;
	width: 50%;
	text-align: center;
}
#tagss LI {
	FLOAT: left;
	LIST-STYLE-TYPE: none;
	font-size: 18px;
	width: 50%;
	text-align: center;
}
#tags LI A dd {
}
#tagss {
	WIDTH: 365px;
	HEIGHT: 70px;
	line-height: 70px;
}
#tagss LI A {
	display: block;
	margin: 0 auto;
	COLOR: #747474;
	font-weight: normal;
	HEIGHT: 69px;
	line-height: 69px;
	TEXT-DECORATION: none;
	border-bottom: solid 1px #cecece;
}
#tags LI.emptyTag {
	BACKGROUND: none transparent scroll repeat 0% 0%;
	WIDTH: 4px
}
#tags LI.selectTag {
	BACKGROUND-POSITION: left top;
	POSITION: relative;
}
.hdiv #tags LI.selectTag A {
	BACKGROUND-POSITION: right top;
	COLOR: #2d2d2d;
	font-weight: bold;
	HEIGHT: 69px;
	line-height: 69px;
	border-bottom: solid 1px #d10000;
}
.hdiv #tags LI A {
	display: block;
	margin: 0 auto;
	COLOR: #747474;
	font-weight: normal;
	HEIGHT: 69px;
	line-height: 69px;
	TEXT-DECORATION: none;
	border-bottom: solid 1px #cecece;
}
#tagss LI.selectTag A {
	BACKGROUND-POSITION: right top;
	COLOR: #2d2d2d;
	font-weight: bold;
	HEIGHT: 69px;
	line-height: 69px;
	border-bottom: solid 1px #d10000;
}
#tagContent {
PADDING：0px;
	BACKGROUND-COLOR: #fff;
	padding: 10px 40px 0px;
}
.tagContent {
	DISPLAY: none;
}
#tagContent DIV {
	DISPLAY: block;
}
#tagContent DIV ul {
}
#tagContent DIV ul li {
}
#tagContent DIV ul li a:hover dd {
	background: url(../images/hicon02.jpg) left top no-repeat;
}
#tagContent DIV ul li a dd {
	margin: 0px;
	display: inline-block;
	width: 12px;
	height: 10px;
	margin: 0px 5px;
	background: url(../images/hicon01.jpg) left top no-repeat;
}
#tagContent DIV ul li a {
	line-height: 42px;
	border-bottom: #cecece 1px solid;
	display: block;
	background: #fff;
	color: #747474;
}
#tagContent DIV ul li a:hover {
	border-bottom: #e50000 1px solid;
	background: #e50000;
	color: #fff;
}
/*---------indextab-----*/
#contab {
	position: relative;
	width: 560px;
}
#contab .tabtitle {
	float: left;
	color: #1d1d1d;
	font-size: 18px;
	font-weight: bold;
	width: 220px;
}
#contab .contitle {
	background: url(../images/news-menubg.jpg) left 26px repeat-x;
}
#contab .tabtitle span {
	display: block;
	width: 40px;
	font-size: 12px;
	color: #e40001;
	background: #fff;
}
#contab #tags {
	WIDTH: auto;
	HEIGHT: auto;
	line-height: 14px;
	float: right;
}
#contab #tags LI {
	FLOAT: left;
	LIST-STYLE-TYPE: none;
	font-size: auto;
	width: auto;
	text-align: center;
}
#contab #tags LI A dd {
}
#contab #tags LI A {
	float: left;
	background: none;
	line-height: 14px;
	font-size: 14px;
	color: #757575;
	padding: 0 0;
	width: 70px;
	height: 38px;
	margin-left: 10px;
	text-align: center;
	position: relative;
	cursor: pointer;
	border: none;
}
#contab #tags LI.emptyTag {
	BACKGROUND: none transparent scroll repeat 0% 0%;
	WIDTH: 4px
}
#tags LI.selectTag {
	BACKGROUND-POSITION: left top;
	POSITION: relative;
}

.tagmore {
	padding-top: 15px;
}
.tagmore a {
	display: block;
	color: #d10000;
	background: #fff;
	border: solid 1px #d10000;
	line-height: 40px;
	text-align: center;
}
.tagmore a:hover {
	background: #d10000;
	color: #fff;
}
.hproblem {
	float: left;
	width: 365px;
	background: #fff;
}
.hprolist {
	padding: 0px 40px 0px;
	height: 390px;
}
.hprolist div {
	color: #2d2d2d;
	font-size: 18px;
	height: 50px;
	color: #2d2d2d;
	font-size: 18px;
	border-bottom: solid 1px #ebebeb;
	padding-top: 30px;
}
.hprolist div a.title{
	color: #2d2d2d;
	font-weight: bold;
}
.hprolist div a.more, .hctitle a.more {
	float: right;
	font-size: 10px;
	background: url(../images/hicon05.jpg) 50px 50% no-repeat;
	padding: 2px 12px;
	border: solid 1px #d10000;
	color: #d10000;
	font-weight: normal;
}
.hprolist div a.more:hover, .hctitle a.more:hover {
	color: #fff;
	background: url(../images/hicon06.jpg) 50px 50% no-repeat #d10000;
}
.hprolist ul {
}
.hprolist ul li {
}
.hprolist ul li a {
	color: #747474;
	border-bottom: solid 1px #ebebeb;
	line-height: 45px;
	display: block;
}
.hprolist ul li a:hover {
	background: #d10000;
	border-bottom: solid 1px #d10000;
	color: #fff;
}
.hprolist ul li a dd {
	width: 13px;
	height: 13px;
	background: url(../images/hicon03.jpg) left top no-repeat;
	display: inline-block;
	margin: 0px 5px;
}
.hprolist ul li a:hover dd {
	background: url(../images/hicon04.jpg);
}
.hblank {
	float: right;
}
.hblank #tagContent {
	padding-top: 30px;
}
.tagsearch {
}
.tagsearch span {
	display: block;
	color: #747474;
	height: 40px;
}
.tagsearch div {
}
.tagsearch input[type=text], input[type=password] {
	border: solid 1px #cecece;
	width: 100%;
	height: 40px;
	padding: 0px 3% 0px;
	line-height: 40px;
	margin-bottom: 30px;
}
.tagsearch .button {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 38px;
    height: 38px;
}
.hblank #con {
	background: url(../images/hsearch.jpg) center bottom no-repeat #fff;
}
#hcase {
	width: 1200px;
	margin: 0px auto;
	/*padding-bottom: 40px;*/
}
.hctitle {
	color: #2d2d2d;
	font-size: 24px;
	font-weight: bold;
	height: 50px;
	padding: 30px 0px 0;
}
#hcase ul {
}
#hcase ul li {
	float: left;
	margin-right: 53px;
	position: relative;
}
#hcase ul li.hcend {
	margin: 0px;
}
#hcase ul li a span {
	display: block;
	position: absolute;
	top: 185px;
	line-height: 40px;
	background-color: rgba(0,0,0,0.4);
	color: #fff;
	width: 100%;
	text-indent: 20px;
	font-size: 16px;
}
#hcase ul li a:hover span {
	background-color: rgba(210,0,0,0.4);
	color: #fff;
}
#hcase ul li .caseItem{
	width: 364px;
	height: 225px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
#hcopy {
	/*width: 1200px;*/
	margin: 0px auto;
	line-height: 30px;
	border-top: solid 1px #d2d2d2;
	/*padding-top: 30px;*/
	font-size: 12px;
	margin-top: 40px;
	padding-left: 20px;
}
#hcopy span {
	float: right;
}
#hcopy span a {
	display: inline-block;
	width: 137px;
	height: 55px;
	background: url("../images/bottom-com.jpg") left top no-repeat;
	overflow: hidden;
	text-indent: -999pt;
}
#hcopy span a:hover {
	background-position: left -55px;
}
#hcopy a {
	color: #2d2d2d;
}
#hcopy a:hover {
	color: #d10000;
}
/*---------tab-----*/

.button_container {
	display: none;
}
.overlay {
	display: none;
}
#index {
	width: 100%;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none;
}
/*body,  input,  button {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}*/
.container {
	float: right;
}
/*--------------search-----------------*/
input[type=text],  input[type=password] {
	font-size: 13px;
	min-height: 32px;
	margin: 0;
	padding: 7px 8px;
	outline: none;
	color: #333;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #fff;
	border-radius: 3px;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 0.15s ease-in;
	-webkit-transition: all 0.15s ease-in 0;
	vertical-align: middle;
}
.button {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 8px 15px;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,0.9);
	white-space: nowrap;
	background-color: #eaeaea;
	background-image: -moz-linear-gradient(#fafafa, #eaeaea);
	background-image: -webkit-linear-gradient(#fafafa, #eaeaea);
	background-image: linear-gradient(#fafafa, #eaeaea);
	background-repeat: repeat-x;
	border-radius: 3px;
	border: 1px solid #ddd;
	border-bottom-color: #c5c5c5;
	box-shadow: 0 1px 3px rgba(0,0,0,.05);
	vertical-align: middle;
	cursor: pointer;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-appearance: none;
}
.button:hover,  .button:active {
	background-position: 0 -15px;
	border-color: #ccc #ccc #b5b5b5;
}
.button:active {
	background-color: #dadada;
	border-color: #b5b5b5;
	background-image: none;
	box-shadow: inset 0 3px 5px rgba(0,0,0,.15);
}
.button:focus,  input[type=text]:focus,  input[type=password]:focus {
	outline: none;
	border-color: #51a7e8;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.075), 0 0 5px rgba(81,167,232,.5);
}
/*--------------search-----------------*/
label[for=search] {
	display: block;
	text-align: left;
}
#hsearch label {
	font-weight: 200;
	padding: 5px 0;
}
#hsearch input[type=text] {
	font-size: 14px;
	width: 178px;
}
#hsearch .button {
	padding: 5px;
	width: 60px;
    line-height: 20px;
    height: auto;
}
#hsearch {
	float: right;
	margin: 20px 20px 0px 0px;
	padding-right: 2px;
	border-radius: 3px;
}
/*--------------banner-----------------*/
#solid {
	width: 100%;
	height: 625px;
	clear: both;
	margin-top: 0px;
	position: relative;
	overflow: hidden;
}
#solid .solid0, #solid .solid1, #solid .solid2 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 625px;
	display: none;
}
#solid .solid0 {
	background: #78c4db;
}
#solid .solid1 {
	background: #c5c9db;
}
#solid .solid2 {
	background: #e7dfd1;
}
#solid ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#solid ul li {
	position: absolute;
	left: 50%;
	top: 0px;
	width: 1920px;
	height: 625px;
	margin-left: -960px;
	display: none;
	cursor: pointer;
}
#solid #btt {
	width: 905px;
	height: 55px;
	top: 570px;
	left: 50%;
	position: relative;
	margin-left: -452px;
}
#solid #btt span {
	position: absolute;
	top: 15px;
	left: 45%;
	display: block;
	width: 26px;
	height: 26px;
	margin: 0 15px;
	text-align: center;
	border-radius: 23px;
	background: #fff;
	z-index: 1000;
	cursor: pointer;
	filter: alpha(opacity=70); /*IE滤镜，透明度50%*/
	-moz-opacity: 0.7; /*Firefox私有，透明度50%*/
	opacity: 0.7;/*其他，透明度50%*
}
/*--------------banner-----------------*/