@charset "utf-8";
.banner {
	/* height: 406px; */
}
.footer {
	padding-bottom: 0;
}
.container {
	z-index: 999;
	padding: 50px 0;
}
.sidebar {
	width: 215px;
}
.main {
	width: 905px;
}
/* colTxtTitle */



.colTxtTitle {
	border-bottom: 4px solid #0483f3;
	padding-bottom: 13px;
}
.colTxtTitle h3 {
	font-size: 1.5em;
	color: #0483f3;
}
.colTxtTitle h3 em {
	font-size: 0.6em;
	padding-left: 6px;
	font-weight: normal;
	color: #bababa;
}
/* subNav */



.menu {
	padding: 20px 0;
}
.menu dt {
	line-height: 260%;
	font-size: 1.1em;
	border-bottom: 1px solid #e6e6e6;
}
.menu dt a {
	padding-left: 10px;
	color: #252525;
}
.menu dt a:hover, .menu dt .active {
	font-weight: bold;
}
.menu dd {
	line-height: 180%;
}
.menu dt+dd {
	padding-top: 10px;
}
.menu dd+dt {
	margin-top: 10px;
	border-top: 1px solid #e6e6e6;
}
.menu dd a {
	padding-left: 10px;
	color: #575757;
}
.menu dd a:hover, .menu dd .active {
	color: #0696fa;
}
.contact {
	padding-top: 20%;
}
.contact .hd {
	padding-bottom: 10px;
}
.contact .hd h3 {
	font-size: 1.5em;
	color: #0483f3;
	font-weight: normal;
}
.contact .hd h3 em {
	font-size: 0.6em;
	padding-left: 6px;
	color: #bababa;
}
.contact .bd .pic {
	margin-bottom: 10px;
}
.contact .bd p {
	font-size: 0.9em;
	color: #282828;
	line-height: 260%;
	padding-left: 24px;
	background: url("images/icon_contact.png"/*tpa=http://www.guomat.net/css/images/icon_contact.png*/) no-repeat left 0;
	border-bottom: 1px dashed #ebebeb;
	letter-spacing: -0.5px;
}
.contact .bd .icon-address {
	background-position: left 0;
}
.contact .bd .icon-tel {
	background-position: left -34px;
}
.contact .bd .icon-fax {
	background-position: left -68px;
}
.contact .bd .icon-email {
	background-position: left -102px;
}
/* location */



.location {
	padding: 0 0 13px;
	margin-bottom: 20px;
	border-bottom: 4px solid #0483f3;
}
.location h3 {
	float: left;
	font-size: 1.5em;
	color: #0483f3;
	font-weight: normal;
	display: none;
}
.location .breadcrumb {
	float: right;
	text-align: right;
	font-size: 0.9em;
	margin-top: 10px;
	background: url("images/breadcrumb_icon.png"/*tpa=http://www.guomat.net/css/images/breadcrumb_icon.png*/) no-repeat left center;
	padding-left: 23px;
}
.location .breadcrumb a {
	padding: 0 5px;
	color: #023258;
}
.page {
	text-align: center;
	font-size: 0.95em;
}
.page li {
	display: inline
}
.page a {
	cursor: pointer;
	line-height: 200%;
	padding: 0 1%;
	margin: 0 3px;
	border: 1px solid #cccccc;
	display: inline-block;
	background: #fff;
	border-radius: 2px;
	color: #000;
}
.page a:hover, .page .thisclass a {
	color: #fff;
	background: #0483f3;
	border: 1px solid #0483f3;
}
/*search*/



/*.search { width:226px;height:  26px;overflow:hidden;background: #fff;}



.search .text{border:1px solid #d8d7d7;width:185px;background: #fff;height:24px;border-right:0px; padding-left: 10px;line-height: 26px;}



.search .btn{cursor:pointer;float:right;width:30px;height:26px; border: none; background:#023258 url("images/icon-search.png") no-repeat center center;}*/







/* article */



.article {
	padding: 8px 0 20px;
	color: #575757;
}
.article .hd {
	border-bottom: 1px dashed #e6e6e6;
	line-height: 300%;
	margin-bottom: 30px;
}
.article .hd .title {
	color: #0483f3;
	font-size: 1.5em;
	font-weight: normal;
}
.article .hd .info {
	float: right;
	color: #575757;
	font-size: 0.9em;
}
.article .bd {
	font-size: 0.9em;
	line-height: 2;
	word-wrap: break-word;
	word-break: break-all;
}
.article img {
	max-width: 905px;
}
.article .other {
	border-top: 1px dashed #e6e6e6;
	margin-top: 20px;
	line-height: 300%;
	font-size: 0.95em;
}
.article .other .views {
	background: url("images/icon_views.png"/*tpa=http://www.guomat.net/css/images/icon_views.png*/) no-repeat left center;
	padding-left: 30px;
}
.article .other .share {
	background: url("images/icon_share.png"/*tpa=http://www.guomat.net/css/images/icon_share.png*/) no-repeat left center;
	padding-left: 30px;
	padding-top: 1%;
}
.article .prevNext {
	border-top: 1px dashed #e6e6e6;
	padding: 10px 0;
	line-height: 180%;
	font-size: 0.95em;
}
.article .prevNext .next {
	background: url("images/icon_next.png"/*tpa=http://www.guomat.net/css/images/icon_next.png*/) no-repeat left center;
	padding-left: 30px;
	float: right;
}
.article .prevNext .prev {
	background: url("images/icon_prev.png"/*tpa=http://www.guomat.net/css/images/icon_prev.png*/) no-repeat left center;
	padding-left: 30px;
	float: left;
}
.article .prevNext a {
	color: #0483f3;
}
/*.article .related { border-bottom: 1px solid #dddddd;  border-top: 1px solid #dddddd; padding: 17px 0; line-height: 28px; }*/



/*.article .related span { font-size: 14px; color: #303030; }*/



/*.article .related a  { font-size: 14px; color: #666666; }*/



/*.article .back { margin-top: 30px; cursor: pointer; display: block; width: 60px; height: 24px; line-height: 24px; background: #3d9fe7; color: #fff; text-align: center; border-radius: 2px;  }*/







.article .related {
	background: #fcfcfc;
	padding: 13px;
	margin-top: 2%;
}
.article .related .hd {
	padding-left: 25px;
	background: url("images/icon_product_related.png"/*tpa=http://www.guomat.net/css/images/icon_product_related.png*/) no-repeat left center;
	line-height: 180%;
	font-size: 1em;
	color: #0483f3;
	font-weight: bold;
	border-bottom: none;
	margin-bottom: 0;
}
.article .related ul {
	margin: 2% 0;
	padding: 0 3px;
}
.article .related ul li {
	float: left;
	width: 48%;
	padding-left: 2%;
	background: url("images/list_ico.png"/*tpa=http://www.guomat.net/css/images/list_ico.png*/) no-repeat left center;
	line-height: 200%;
}
/* list */



.list {
	padding: 0 0;
	margin-bottom: 20px;
}
.list ul li {
	line-height: 25px;
}
.list ul li a {
	padding-left: 8px;
	font-size: 15px;
	color: #464646
}
.list .date {
	float: left;
	font: 15px/25px Verdana, Arial, Helvetica, sans-serif;
	display: inline-block;
	width: 100px;
	padding-right: 31px;
	color: #282828;
	background: url("images/list-date-line.jpg"/*tpa=http://www.guomat.net/css/images/list-date-line.jpg*/) no-repeat right center;
}
.list .ico {
	float: left;
	display: block;
	background: url("images/list_ico.png"/*tpa=http://www.guomat.net/css/images/list_ico.png*/) no-repeat left center;
	width: 20px;
	height: 25px;
}
.list ul li a:hover {
	color: #00adee;
}
/* pic-item */



.pic-item {
	padding-top: 15px;
}
.pic-item .item {
	width: 210px;
	float: left;
	margin: 0 14px 30px 0;
	border: 1px solid #e6e6e6;
}
.pic-item .clear .item:nth-child(3n) {
}
.pic-item .item .pic img {
	width: 210px;
}
.pic-item .item .txt {
	margin: 7px;
	background: #e2e2e2;
	color: #666;
	padding: 5px 13px 10px;
}
.pic-item .item .txt dt {
	line-height: 240%;
	font-size: 0.95em;
	overflow: hidden;
	height: 36px;
}
.pic-item .item .txt dt a {
	color: #666;
}
.pic-item .item .txt dd {
	font-size: 0.8em;
	color: #666;
}
.pic-item .item:hover {
	border-color: #0696fa;
}
.pic-item .item:hover .txt {
	background: #0483f3;
	color: #fff;
}
.pic-item .item:hover .txt dd {
	color: #fff;
}
.pic-item .item:hover .txt a {
	color: #fff;
}
/* txt-item */



.item-list {
	padding: 15px 0 30px;
}
.item-list .item {
	margin-bottom: 38px;
}
.item-list .item .pic {
	float: left;
	width: 226px;
	border: 3px solid #0483f3;
}
.item-list .item .pic img {
	width: 226px;
	height: 178px;
}
.item-list .item .txt {
	float: left;
	width: 600px;
	padding: 20px 36px;
}
.item-list .item .txt dt {
	line-height: 150%;
}
.item-list .item .txt dt a {
	color: #0483f3;
	font-size: 1.5em;
}
.item-list .item .txt dd {
	line-height: 160%;
	color: #575757;
	font-size: 0.9em;
}
.item-list .item .txt dd.date {
	line-height: 260%;
	margin-top: 2%;
}
.item-list .item .txt .more {
	display: inline-block;
	padding-right: 20px;
	margin-top: 3px;
}
.item-list .item .txt .more a {
	color: #146395;
}
.item-list .item:hover {
	background: #0483f3;
	color: #fff;
}
.item-list .item:hover .pic {
	border: 3px solid #0696fa;
}
.item-list .item:hover .txt dt a {
	color: #fff;
}
.item-list .item:hover .txt dd {
	color: #fff;
}
/*contact-us*/



.contact-us {
	background: url("images/contact-us.png"/*tpa=http://www.guomat.net/css/images/contact-us.png*/) no-repeat left top;
}
.contact-us .tips {
	padding: 0px 0px 40px;
}
.contact-us .tips p {
	padding-right: 40px;
	font-size: 20px;
	line-height: 40px;
}
.booking {
	padding: 10px 0px;
}
.booking .tips {
	font-size: 18px;
	color: #0696fa;
	text-align: center;
	padding: 0px 0 15px;
}
.booking .form {
	padding: 50px 0px 50px 50px;
}
.booking form li {
	padding-bottom: 20px;
	line-height: 30px;
}
.booking form li label {
	float: left;
	font-size: 15px;
	color: #4b4b4b;
	text-align: right;
	width: 145px;
	display: inline-block;
}
.booking form li label .star {
	font-weight: bold;
	color: #f49b50;
	padding-right: 3px;
}
.booking form li .text {
	border: 1px #dadada solid;
	width: 235px;
	line-height: 28px;
	padding-left: 8px;
	font-size: 14px;
}
.booking form li .textarea {
	border: 1px #dadada solid;
	width: 617px;
	height: 115px;
	line-height: 20px;
	padding: 5px 8px;
	font-size: 14px;
}
.booking form li .submit, .booking form li .reset {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	width: 84px;
	font-size: 12px;
	height: 29px;
	line-height: 29px;
	border: none;
	color: #fff;
}
.booking form li .submit {
	float: left;
	background: url("images/btn-submit.jpg"/*tpa=http://www.guomat.net/css/images/btn-submit.jpg*/) no-repeat left top;
	margin-left: 145px;
}
.booking form li .reset {
	background: #adadad;
}
/* products */



.products .products-demonstrate {
	background: #f6f7fb;
	padding: 13px;
}
.products .side-pic {
	width: 388px;
}
.products .side-pic .bigImg {
	width: 386px;
	height: 386px;
	border: 1px solid #e6e6e6;
	overflow: hidden;
}
.products .side-pic .bigImg img {
	width: 386px;
	height: 386px;
}
.products .side-pic .smallScroll {
	margin: 15px 0px 0px;
	position: relative;
	padding: 0px 18px;
	height: 76px;
}
.products .side-pic .smallScroll li {
	margin: 0px 6px;
	cursor: pointer;
	width: 74px;
	height: 74px;
	display: inline-block;
	overflow: hidden;
	border: 1px solid #f6f7fb;
}
.products .side-pic .smallScroll li img {
	width: 74px;
	height: 74px;
}
.products .side-pic .smallScroll li.on {
	border: 1px solid #0483f3;
}
.products .side-pic .sPrev {
	width: 15px;
	height: 76px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 99;
	background: url("images/icon_product_next.png"/*tpa=http://www.guomat.net/css/images/icon_product_next.png*/) no-repeat left center;
}
.products .side-pic .sNext {
	width: 15px;
	height: 76px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 99;
	background: url("images/icon_product_prev.png"/*tpa=http://www.guomat.net/css/images/icon_product_prev.png*/) no-repeat right center;
}
.products-demonstrate .products-infor {
	width: 428px;
}
.products-demonstrate .products-infor .hd {
	height: 200%;
	border-bottom: 1px dashed #e6e6e6;
}
.products-demonstrate .products-infor .hd {
	font-size: 1.3em;
	line-height: 260%;
	color: #0483f3;
	margin-bottom: 2%;
}
.products-demonstrate .products-infor .text {
	font-size: 0.75em;
	line-height: 170%;
	color: #575757;
	min-height: 215px;
	overflow: hidden;
}
.products-demonstrate .products-infor .text strong {
	color: #0483f3
}
.products-demonstrate .products-infor .text a:hover {
	text-decoration: underline
}
.products-demonstrate .products-infor .contact-p {
	font-size: 0.95em;
	line-height: 170%;
	color: #0696fa;
	border-top: 1px dashed #e6e6e6;
	margin-top: 5%;
	padding: 2% 0;
}
.products .other {
	border-top: 1px dashed #e6e6e6;
	border-bottom: 1px dashed #e6e6e6;
	margin-top: 20px;
	line-height: 300%;
	font-size: 0.95em;
}
.products .other .views {
	background: url("images/icon_views.png"/*tpa=http://www.guomat.net/css/images/icon_views.png*/) no-repeat left center;
	padding-left: 30px;
}
.products .other .share {
	background: url("images/icon_share.png"/*tpa=http://www.guomat.net/css/images/icon_share.png*/) no-repeat left center;
	padding-left: 30px;
	padding-top: 1%;
}
.products .table {
	padding-top: 40px;
}
.products .table .hd {
	height: 30px;
	border-bottom: 1px solid #cbc9c9;
	padding-bottom: 5px;
}
.products .table .hd ul li a {
	cursor: pointer;
	font-size: 0.95em;
	line-height: 200%;
	padding: 0 4%;
	display: block;
	float: left;
	margin-right: 2px;
	text-align: center;
	background: #cbc9c9;
	color: #fff;
}
.products .table .hd ul li.on a, .products .table .hd ul .btn a {
	background: #0483f3;
	color: #fff;
}
.products .table .bd {
	padding: 20px 0 0;
	font-size: 0.93em;
	line-height: 160%;
}
.products .related {
	background: #fcfcfc;
	padding: 13px;
	margin-top: 2%;
}
.products .related .hd {
	padding-left: 25px;
	background: url("images/icon_product_related.png"/*tpa=http://www.guomat.net/css/images/icon_product_related.png*/) no-repeat left center;
	line-height: 180%;
	font-size: 1em;
	color: #0483f3;
	font-weight: bold;
}
.products .related .related-item {
	margin: 2% 0;
	padding: 0 3px;
}
.products .related .related-item .item {
	float: left;
	margin: 0 8px;
}
.products .related .related-item .item .pic {
	border: 1px solid #e6e6e6;
}
.products .related .related-item .item img {
	width: 200px;
	height: 200px;
}
.products .related .related-item .item dt a {
	display: block;
	background: #e6e6e6;
	line-height: 240%;
	margin-top: 3%;
	text-align: center;
	color: #282828;
	font-size: 0.95em;
}
.products .related .related-item .item dt a:hover {
	color: #0483f3;
}