.index-main .slidebox {
	width: 100%; overflow: hidden; position: relative; z-index: 9;
}
.index-main .slidebox .slideshow {
	margin: 0px auto; width: 100%; overflow: hidden; position: relative;
}
.index-main .slidebox .slideshow ul {
	overflow: hidden; position: relative;
}
.index-main .slidebox .slideshow ul li {
	float: left;
}
.index-main .slidebox .slideshow ul li img {
	width: 100%; height: auto;
}
.index-main .slidebox .slidelist {
	left: 50%; bottom: 52px; position: absolute;
}
.index-main .slidebox .slidelist ul {
	margin-left: -50%;
}
.index-main .slidebox .slidelist ul li {
	margin: 0px 7px; width: 54px; height: 5px; float: left; cursor: pointer; background-color: rgb(197, 197, 197);
}
.index-main .slidebox .slidelist ul li.active {
	background-color: rgb(211, 166, 107);
}
.index-main .slidebox .item-btn {
	background: url("all-icon.png") no-repeat; transition:left 0.5s, right 0.5s; top: 50%; width: 67px; height: 67px; margin-top: -34px; position: absolute; cursor: pointer; -webkit-transition: left .5s, right .5s; -moz-transition: left .5s, right .5s; -o-transition: left .5s, right .5s;
}
.index-main .slidebox .prev {
	background-position: 0px -140px; left: -80px;
}
.index-main .slidebox .next {
	background-position: -90px -140px; right: -80px;
}
.index-main .slidebox .prev:hover {
	background-position: 0px -230px;
}
.index-main .slidebox .next:hover {
	background-position: -90px -230px;
}
.index-main .slidebox:hover .prev {
	left: 60px;
}
.index-main .slidebox:hover .next {
	right: 60px;
}
.index-app {
	padding: 70px 0px 36px;
}
.index-app h2 {
	margin: 0px auto; width: 290px; text-align: center; color: rgb(51, 51, 51); text-transform: uppercase; line-height: 40px; font-family: "OpenSans-Bold"; font-size: 36px; position: relative;
}
.index-app h2::before {
	left: -55px; top: 16px; width: 55px; height: 5px; position: absolute; content: ""; background-color: rgb(210, 166, 108);
}
.index-app h2::after {
	top: 16px; width: 55px; height: 5px; right: -55px; position: absolute; content: ""; background-color: rgb(210, 166, 108);
}
.index-app .tab {
	overflow: hidden; margin-top: 36px; background-color: rgb(245, 245, 245);
}
.index-app .tab ul {
	width: 105%; overflow: hidden;
}
.index-app .tab ul li {
	padding: 10px 0px; color: rgb(51, 51, 51); font-family: "OpenSans-Regular"; font-size: 16px; float: left; cursor: pointer;
}
.index-app .tab ul li span {
	padding: 2px 26px; border-right-color: rgb(210, 166, 108); border-right-width: 1px; border-right-style: solid;
}
.index-app .tab ul li:last-child span {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.index-app .tab ul li.on {
	color: rgb(255, 255, 255); background-color: rgb(210, 166, 108);
}
.index-app .cont {
	margin-top: 40px;
}
.index-app .cont ul {
	
}
.index-app .cont ul li {
	width: 1230px; display: none; min-height: 624px;
}
.index-app .cont ul li.on {
	display: block;
}
.index-pro-app {
	width: 280px; padding-bottom: 10px; margin-right: 26px; margin-bottom: 34px; float: left; position: relative; background-color: rgb(245, 245, 245);
}
.index-pro-app .pic {
	display: block;
}
.index-pro-app .pic img {
	width: 100%; height: auto;
}
.index-pro-app h4.name {
	text-align: center; color: rgb(102, 102, 102); line-height: 30px; overflow: hidden; font-family: "OpenSans-Regular"; font-size: 16px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.index-pro-app .cover {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; background-color: rgba(255, 255, 255, 0.7);
}
.index-pro-app .cover h3 {
	text-align: center; color: rgb(51, 51, 51); text-transform: uppercase; line-height: 30px; overflow: hidden; font-family: "OpenSans-Regular"; font-size: 20px; margin-top: 92px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.index-pro-app .cover h4 {
	text-align: center; color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; font-family: "OpenSans-Regular"; font-size: 16px; margin-top: 4px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.index-pro-app .cover .more {
	margin: 22px auto 0px; width: 124px; height: 32px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 32px; font-family: "OpenSans-Regular"; font-size: 14px; display: block; background-color: rgb(210, 166, 108);
}
.index-pro-app:hover {
	box-shadow: 0px 0px 20px #ebd7be;
}
.index-pro-app:hover h4.name {
	color: rgb(245, 245, 245);
}
.index-pro-app:hover .cover {
	display: block;
}
.index-inquiry {
	position: relative;
}
.index-inquiry .bg {
	width: 100%; height: auto;
}
.index-inquiry .btn {
	top: 50%; width: 162px; height: 46px; text-align: center; right: 12.75%; color: rgb(210, 166, 108); text-transform: uppercase; line-height: 46px; font-family: "OpenSans-Semibold"; font-size: 24px; margin-top: -23px; display: block; position: absolute; background-color: rgb(255, 255, 255);
}
.index-inquiry .btn:hover {
	background-color: rgba(0, 0, 0, 0.5);
}
.index-equip {
	padding: 62px 0px 0px;
}
.index-equip h2 {
	margin: 0px auto; width: 420px; text-align: center; color: rgb(51, 51, 51); text-transform: uppercase; line-height: 40px; font-family: "OpenSans-Bold"; font-size: 36px; position: relative;
}
.index-equip h2::before {
	left: -55px; top: 16px; width: 55px; height: 5px; position: absolute; content: ""; background-color: rgb(210, 166, 108);
}
.index-equip h2::after {
	top: 16px; width: 55px; height: 5px; right: -55px; position: absolute; content: ""; background-color: rgb(210, 166, 108);
}
.index-equip .title {
	margin-bottom: 30px;
}
.index-equip .title p {
	text-align: center; color: rgb(102, 102, 102); line-height: 24px; font-family: "OpenSans-Regular"; font-size: 16px; margin-top: 10px;
}
.index-equip .title p span {
	margin-right: 32px;
}
.index-equip .title p span i {
	border-radius: 50%; width: 5px; height: 5px; margin-right: 5px; margin-bottom: 3px; display: inline-block; background-color: rgb(211, 168, 112);
}
.index-equip .box {
	width: 19.8rem; overflow: hidden;
}
.index-equip .box .pic {
	width: 9.9rem; float: left; position: relative;
}
.index-equip .box .pic .bg {
	width: 100%; height: auto;
}
.index-equip .box .pic .eq {
	top: 32px; width: 82.87%; height: auto; right: -10px; position: absolute; z-index: 1;
}
.index-equip .box .pic .more {
	top: 50%; width: 53px; height: 53px; right: -32px; margin-top: -28px; position: absolute; z-index: 2;
}
.index-equip .box .text {
	width: 9.9rem; height: 5.66rem; padding-top: 50px; padding-right: 12.5%; padding-left: 60px; float: left; box-sizing: border-box; background-color: rgb(210, 166, 108); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
}
.index-equip .box .text p {
	color: rgb(255, 255, 255); line-height: 24px; padding-left: 42px; font-family: "OpenSans-Regular"; font-size: 16px; margin-bottom: 32px; position: relative;
}
.index-equip .box .text p i {
	left: 0px; top: 10px; width: 30px; height: 2px; position: absolute; background-color: rgb(255, 255, 255);
}
.index-equip .box .pic .more:hover {
	animation-name: wvr-wobble-vertical; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; -webkit-animation-name: wvr-wobble-vertical; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1;
}
.index-choose {
	padding: 80px 0px 30px;
}
.index-choose h2 {
	margin: 0px auto 50px; width: 340px; text-align: center; color: rgb(51, 51, 51); text-transform: uppercase; line-height: 40px; font-family: "OpenSans-Bold"; font-size: 36px; position: relative;
}
.index-choose h2::before {
	left: -55px; top: 16px; width: 55px; height: 5px; position: absolute; content: ""; background-color: rgb(210, 166, 108);
}
.index-choose h2::after {
	top: 16px; width: 55px; height: 5px; right: -55px; position: absolute; content: ""; background-color: rgb(210, 166, 108);
}
.index-choose .cont {
	overflow: hidden;
}
.index-choose .cont ul {
	width: 1260px; overflow: hidden; padding-top: 10px;
}
.index-choose .cont ul li {
	width: 360px; height: 80px; padding-left: 102px; margin-right: 60px; margin-bottom: 66px; float: left; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
}
.index-choose .cont ul li .icon {
	left: 0px; top: 0px; width: 77px; height: 77px; position: absolute;
}
.index-choose .cont ul li .txt {
	
}
.index-choose .cont ul li:first-child .txt {
	padding-top: 14px;
}
.index-choose .cont ul li:nth-child(5) .txt {
	padding-top: 14px;
}
.index-choose .cont ul li .txt h3 {
	color: rgb(210, 166, 108); text-transform: uppercase; line-height: 30px; font-family: "OpenSans-Semibold"; font-size: 18px;
}
.index-choose .cont ul li .txt p {
	color: rgb(51, 51, 51); line-height: 24px; font-family: "OpenSans-Regular"; font-size: 14px;
}
.index-choose .cont ul li .one {
	background: url("/images/icon/index-choose-01.png") no-repeat;
}
.index-choose .cont ul li .two {
	background: url("/images/icon/index-choose-02.png") no-repeat;
}
.index-choose .cont ul li .three {
	background: url("/images/icon/index-choose-03.png") no-repeat;
}
.index-choose .cont ul li .four {
	background: url("/images/icon/index-choose-04.png") no-repeat;
}
.index-choose .cont ul li .five {
	background: url("/images/icon/index-choose-05.png") no-repeat;
}
.index-choose .cont ul li .six {
	background: url("/images/icon/index-choose-06.png") no-repeat;
}
.index-choose .cont ul li .icon:hover {
	animation-name: hvr-wobble-vertical; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; -webkit-animation-name: hvr-wobble-vertical; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1;
}
.index-about {
	width: 19.8rem; overflow: hidden;
}
.index-about .about-text {
	width: 9.9rem; float: left; position: relative;
}
.index-about .about-text > img {
	width: 100%; height: auto;
}
.index-about .about-text .info {
	left: 20%; top: 14.82%; width: 72.5%; position: absolute;
}
.index-about .about-text .info h2 {
	width: 202px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 40px; font-family: "OpenSans-Bold"; font-size: 36px; margin-bottom: 20px; margin-left: 9.65%; position: relative;
}
.index-about .about-text .info h2::before {
	left: -55px; top: 16px; width: 55px; height: 5px; position: absolute; content: ""; background-color: rgb(255, 255, 255);
}
.index-about .about-text .info h2::after {
	top: 16px; width: 55px; height: 5px; right: -55px; position: absolute; content: ""; background-color: rgb(255, 255, 255);
}
.index-about .about-text .info h3 {
	color: rgb(255, 255, 255); line-height: 30px; font-family: "OpenSans-Bold"; font-size: 16px; margin-bottom: 10px;
}
.index-about .about-text p {
	color: rgb(255, 255, 255); line-height: 30px; font-family: "OpenSans-Regular"; font-size: 16px;
}
.index-about .about-text .more {
	width: 128px; height: 38px; text-align: center; color: rgb(210, 166, 108); line-height: 38px; font-family: "OpenSans-Semibold"; font-size: 16px; margin-top: 9.46%; display: block; background-color: rgb(255, 255, 255);
}
.index-about .about-text .more:hover {
	background-color: rgba(0, 0, 0, 0.5);
}
.index-about .about-pic {
	width: 9.9rem; float: left;
}
.index-about .slide-about {
	position: relative;
}
.index-about .slide-about .slide-pic {
	width: 100%; overflow: hidden;
}
.index-about .slide-about .slide-pic ul li {
	width: 9.9rem; float: left;
}
.index-about .slide-about .slide-pic ul li img {
	width: 100%; height: auto;
}
.index-about .slide-about .slide-dot {
	left: 50%; bottom: 20px; position: absolute;
}
.index-about .slide-about .slide-dot ul {
	margin-left: -50%;
}
.index-about .slide-about .slide-dot ul li {
	margin: 0px 9px; width: 37px; height: 4px; float: left; cursor: pointer; background-color: rgb(255, 255, 255);
}
.index-about .slide-about .slide-dot ul li.active {
	background-color: rgb(214, 173, 119);
}
.index-about .slide-about .item-btn {
	background: url("all-icon.png") no-repeat; top: 50%; width: 67px; height: 67px; margin-top: -34px; position: absolute; cursor: pointer;
}
.index-about .slide-about .prev {
	background-position: 0px -140px; left: 20px;
}
.index-about .slide-about .next {
	background-position: -90px -140px; right: 20px;
}
.index-about .slide-about .prev:hover {
	background-position: 0px -230px;
}
.index-about .slide-about .next:hover {
	background-position: -90px -230px;
}
.index-partner {
	padding: 72px 0px 70px; background-color: rgb(248, 248, 248);
}
.index-partner h2 {
	margin: 0px auto 40px; width: 212px; text-align: center; color: rgb(51, 51, 51); text-transform: uppercase; line-height: 40px; font-family: "OpenSans-Bold"; font-size: 36px; position: relative;
}
.index-partner h2::before {
	left: -55px; top: 16px; width: 55px; height: 5px; position: absolute; content: ""; background-color: rgb(210, 166, 108);
}
.index-partner h2::after {
	top: 16px; width: 55px; height: 5px; right: -55px; position: absolute; content: ""; background-color: rgb(210, 166, 108);
}
.index-partner .cont {
	overflow: hidden;
}
.index-partner .cont ul {
	width: 1248px; overflow: hidden;
}
.index-partner .cont li {
	width: 264px; overflow: hidden; margin-right: 48px; margin-bottom: 24px; float: left;
}
.index-partner .cont li img {
	transition:transform 0.5s; width: 100%; height: auto; transform: scale(1); -webkit-transition: transform .5s; -moz-transition: transform .5s; -o-transition: transform .5s; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1);
}
.index-partner .cont li img:hover {
	transform: scale(1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);
}
.index-news {
	padding: 66px 0px 58px;
}
.index-news h2 {
	margin: 0px auto 40px; width: 136px; text-align: center; color: rgb(51, 51, 51); text-transform: uppercase; line-height: 40px; font-family: "OpenSans-Bold"; font-size: 36px; position: relative;
}
.index-news h2::before {
	left: -55px; top: 16px; width: 55px; height: 5px; position: absolute; content: ""; background-color: rgb(210, 166, 108);
}
.index-news h2::after {
	top: 16px; width: 55px; height: 5px; right: -55px; position: absolute; content: ""; background-color: rgb(210, 166, 108);
}
.index-news .cont {
	overflow: hidden;
}
.index-news .cont ul {
	width: 1224px; overflow: hidden;
}
.index-news .cont ul li {
	width: 384px; margin-right: 24px; margin-bottom: 20px; float: left;
}
.index-news .cont ul li .pic {
	display: block;
}
.index-news .cont ul li .pic img {
	width: 100%; height: auto;
}
.index-news .cont ul li .text {
	padding: 14px 10px 20px; width: 100%; border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-right-width: 1px; border-bottom-width: 3px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
}
.index-news .cont ul li .text h3 {
	line-height: 30px; overflow: hidden; font-family: "OpenSans-Regular"; font-size: 18px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.index-news .cont ul li .text h3 a {
	color: rgb(51, 51, 51);
}
.index-news .cont ul li .text p {
	height: 60px; color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; font-family: "OpenSans-Regular"; font-size: 14px; -ms-text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.index-news .cont ul li .text .view {
	overflow: hidden;
}
.index-news .cont ul li .text .view .more {
	color: rgb(102, 102, 102); text-transform: uppercase; font-family: "OpenSans-Semibold"; font-size: 14px; float: left;
}
.index-news .cont ul li .text .view .arrow {
	background: url("all-icon.png") no-repeat -50px 0px; width: 33px; height: 7px; margin-top: 6px; float: right;
}
.index-news .cont ul li:hover .text {
	border-right-color: rgb(210, 166, 108); border-bottom-color: rgb(210, 166, 108); border-left-color: rgb(210, 166, 108);
}
.index-news .cont ul li:hover .text h3 a {
	color: rgb(210, 166, 108);
}
.index-news .cont ul li:hover .text .view .more {
	color: rgb(210, 166, 108);
}
.index-news .cont ul li:hover .text .view .arrow {
	background-position: -100px 0px;
}
.main-contact .social .icon {
	width: 200px; overflow: hidden; float: right;
}
.main-contact .social .icon li {
	width: 40px; height: 40px; margin-left: 10px; float: left;
}
.main-contact .social .icon li a {
	background: url("all-icon.png") no-repeat; width: 40px; height: 40px; display: block;
}
.main-contact .social .icon li.google a {
	background-position: 0px -320px;
}
.main-contact .social .icon li.twitter a {
	background-position: -50px -320px;
}
.main-contact .social .icon li.facebook a {
	background-position: -100px -320px;
}
.main-contact .social .icon li.linkedin a {
	background-position: -150px -320px;
}
.main-contact .social .icon li.google:hover a {
	background-position: 0px -370px;
}
.main-contact .social .icon li.twitter:hover a {
	background-position: -50px -370px;
}
.main-contact .social .icon li.facebook:hover a {
	background-position: -100px -370px;
}
.main-contact .social .icon li.linkedin:hover a {
	background-position: -150px -370px;
}
.footer-social {
	width: 100%; overflow: hidden; padding-bottom: 20px; margin-bottom: 50px; border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
.footer-social h3 {
	width: 200px; margin-bottom: 0px; float: left;
}
.footer-social .icon {
	width: 230px; overflow: hidden; float: right;
}
.footer-social .icon a {
	background: url("all-icon.png") no-repeat; width: 40px; height: 40px; margin-right: 21px; float: left; display: block;
}
.footer-social .icon a.google {
	background-position: 0px -320px;
}
.footer-social .icon a.twitter {
	background-position: -50px -320px;
}
.footer-social .icon a.facebook {
	background-position: -100px -320px;
}
.footer-social .icon a.linkedin {
	background-position: -150px -320px; margin-right: 0px;
}
.footer-social .icon a.google:hover {
	background-position: 0px -370px;
}
.footer-social .icon a.twitter:hover {
	background-position: -50px -370px;
}
.footer-social .icon a.facebook:hover {
	background-position: -100px -370px;
}
.footer-social .icon a.linkedin:hover {
	background-position: -150px -370px;
}
.footer .list li {
	line-height: 24px; overflow: hidden; font-family: "OpenSans-Regular"; font-size: 16px; margin-bottom: 16px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.footer .list li a {
	color: rgb(102, 102, 102);
}
.footer .list li a:hover {
	color: rgb(210, 166, 108);
}
.footer-pvd {
	width: 230px; float: left;
}
.footer-application {
	width: 488px; margin-left: 56px; float: left;
}
.footer-application ul {
	width: 100%; overflow: hidden;
}
.footer-application ul li {
	width: 50%; float: left;
}
.footer-contact {
	width: 412px; margin-left: 14px; float: left;
}
.footer-contact p {
	color: rgb(102, 102, 102); line-height: 24px; font-family: "OpenSans-Light"; font-size: 16px; margin-bottom: 14px;
}
.footer-contact p span.fax {
	margin-left: 26px;
}
.footer-contact p i {
	font-family: "OpenSans-Regular";
}
.footer-contact p.tel {
	line-height: 30px;
}
.footer-contact p.tel span:nth-child(3) {
	padding-left: 30px;
}
.footer-contact p.tel span:nth-child(5) {
	padding-left: 30px;
}
.footer-contact p.add {
	line-height: 30px; padding-left: 40px; position: relative;
}
.footer-contact p.add i {
	left: 0px; top: 0px; position: absolute;
}
.copy-right {
	padding: 7px 0px; background-color: rgb(209, 209, 209);
}
.copy-right .main-width {
	overflow: hidden;
}
.copy-right .txt {
	width: 530px; color: rgb(119, 119, 119); line-height: 20px; font-family: "OpenSans-Light"; font-size: 14px; margin-top: 6px; float: left;
}
.copy-right .txt a {
	color: rgb(119, 119, 119);
}
.copy-right .txt a:hover {
	color: rgb(210, 166, 108);
}
.to-top {
	right: 20px; bottom: 100px; position: fixed; z-index: 9999;
}
.to-top a {
	background: url("/images/arrow-top.png") no-repeat; width: 35px; height: 35px; display: block;
}
.pvd-tab {
	margin-top: 22px;
}
.pvd-tab .main-width {
	overflow: hidden; padding-bottom: 20px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
.pvd-tab .bread {
	width: 210px; margin-top: 0px; float: left;
}
.pvd-tab .column {
	width: 730px; float: right;
}
.pvd-tab .column ul {
	overflow: hidden;
}
.pvd-tab .column ul li {
	font-family: "OpenSans-Regular"; font-size: 18px; margin-right: 46px; float: left;
}
.pvd-tab .column ul li:last-child {
	margin-right: 0px;
}
.pvd-tab .column ul li a {
	padding: 10px 8px; color: rgb(51, 51, 51); display: inline-block;
}
.pvd-tab .column ul li a:hover {
	color: rgb(210, 166, 108);
}
.pvd-tab .column ul li.on a {
	color: rgb(255, 255, 255); background-color: rgb(210, 166, 108);
}
.flow.pvd-tab {
	left: 0px; top: 70px; width: 100%; margin-top: 0px; position: fixed; z-index: 100; box-shadow: 0px 0px 5px #999; background-color: rgb(255, 255, 255);
}
.flow.pvd-tab .main-width {
	padding-bottom: 0px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.flow.pvd-tab .bread {
	display: none;
}
.pro-intr {
	margin-top: 50px;
}
.pro-intr h2 {
	margin: 0px auto; width: 516px; text-align: center; color: rgb(51, 51, 51); text-transform: uppercase; line-height: 44px; font-family: "OpenSans-Bold"; font-size: 36px; position: relative;
}
.pro-intr h2::before {
	left: -55px; top: 21px; width: 55px; height: 5px; position: absolute; content: ""; background-color: rgb(210, 166, 108);
}
.pro-intr h2::after {
	top: 21px; width: 55px; height: 5px; right: -55px; position: absolute; content: ""; background-color: rgb(210, 166, 108);
}
.pro-intr .txt {
	margin-top: 30px;
}
.pro-intr .txt p {
	color: rgb(51, 51, 51); line-height: 30px; font-family: "OpenSans-Regular"; font-size: 18px; margin-bottom: 24px;
}
.pro-intr .txt p span {
	font-family: "OpenSans-Bold-italic"; margin-right: 10px;
}
.pro-intr .txt p.dec {
	padding-left: 190px; position: relative;
}
.pro-intr .txt p.dec span {
	left: 0px; top: 0px; height: 60px; line-height: 60px; margin-right: 0px; display: inline-block; position: absolute;
}
.pro-intr .txt p.ps {
	color: rgb(102, 102, 102); font-family: "OpenSans-Bold";
}
.pro-intr .chart {
	padding-bottom: 56px; margin-top: 30px;
}
.pro-intr .chart .dc {
	padding: 10px 0px; overflow: hidden;
}
.pro-intr .chart .dc .total {
	width: 150px; height: 150px; margin-top: 56px; float: left; position: relative;
}
.pro-intr .chart .dc .total img {
	width: 100%;
}
.pro-intr .chart .dc .total .h {
	top: 74px; width: 28px; height: 1px; right: -27px; position: absolute; background-color: rgb(210, 166, 108);
}
.pro-intr .chart .dc .total .s {
	top: -57px; width: 1px; height: 264px; right: -28px; position: absolute; background-color: rgb(210, 166, 108);
}
.pro-intr .chart .dc .total .l {
	top: -57px; width: 28px; height: 1px; right: -56px; position: absolute; background-color: rgb(210, 166, 108);
}
.pro-intr .chart .dc .total .r {
	top: 207px; width: 28px; height: 1px; right: -56px; position: absolute; background-color: rgb(210, 166, 108);
}
.pro-intr .chart .dc .color-block {
	width: 890px; margin-left: 84px; float: left;
}
.color-block ul {
	overflow: hidden;
}
.color-block ul li {
	width: 234px; margin-right: 94px; float: left;
}
.color-block ul li:last-child {
	margin-right: 0px;
}
.color-block ul li .block {
	height: 35px; overflow: hidden; margin-bottom: 11px;
}
.color-block ul li .block .sk {
	width: 105px; float: left;
}
.color-block ul li .block .sk img {
	width: 100%; height: auto;
}
.color-block ul li .block .name {
	width: 110px; height: 35px; color: rgb(255, 255, 255); line-height: 35px; padding-left: 12px; font-family: "OpenSans-Regular"; font-size: 16px; margin-left: 18px; float: left; box-sizing: border-box; background-color: rgb(210, 166, 108); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
}
.fun-sur {
	padding: 10px 0px; overflow: hidden; margin-top: 10px;
}
.fun-sur .fun {
	width: 360px; overflow: hidden; margin-left: 150px; float: left;
}
.fun-sur .fun .total {
	width: 150px; height: 150px; float: left; position: relative;
}
.fun-sur .fun .total img {
	width: 100%; height: auto;
}
.fun-sur .fun .total .h {
	top: 74px; width: 28px; height: 1px; right: -27px; position: absolute; background-color: rgb(210, 166, 108);
}
.fun-sur .fun .total .s {
	top: 11px; width: 1px; height: 126px; right: -28px; position: absolute; background-color: rgb(210, 166, 108);
}
.fun-sur .fun .total .l {
	top: 11px; width: 28px; height: 1px; right: -56px; position: absolute; background-color: rgb(210, 166, 108);
}
.fun-sur .fun .total .r {
	top: 136px; width: 28px; height: 1px; right: -56px; position: absolute; background-color: rgb(210, 166, 108);
}
.fun-sur .fun .list {
	width: 132px; margin-left: 74px; float: left;
}
.fun-sur .fun .list li {
	width: 132px; height: 35px; color: rgb(255, 255, 255); line-height: 35px; padding-left: 12px; font-family: "OpenSans-Regular"; font-size: 16px; margin-top: 11px; margin-bottom: 10px; box-sizing: border-box; background-color: rgb(210, 166, 108); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
}
.fun-sur .sur {
	width: 360px; overflow: hidden; margin-left: 124px; float: left;
}
.fun-sur .sur .total {
	width: 150px; height: 150px; float: left; position: relative;
}
.fun-sur .sur .total img {
	width: 100%; height: auto;
}
.fun-sur .sur .total .h {
	top: 74px; width: 28px; height: 1px; right: -27px; position: absolute; background-color: rgb(210, 166, 108);
}
.fun-sur .sur .total .s {
	top: 35px; width: 1px; height: 80px; right: -28px; position: absolute; background-color: rgb(210, 166, 108);
}
.fun-sur .sur .total .l {
	top: 35px; width: 28px; height: 1px; right: -56px; position: absolute; background-color: rgb(210, 166, 108);
}
.fun-sur .sur .total .r {
	top: 114px; width: 28px; height: 1px; right: -56px; position: absolute; background-color: rgb(210, 166, 108);
}
.fun-sur .sur .list {
	width: 132px; margin-top: 35px; margin-left: 74px; float: left;
}
.fun-sur .sur .list li {
	width: 132px; height: 35px; color: rgb(255, 255, 255); line-height: 35px; padding-left: 12px; font-family: "OpenSans-Regular"; font-size: 16px; margin-bottom: 10px; box-sizing: border-box; background-color: rgb(210, 166, 108); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
}
.pvd-cont {
	padding: 0px 0px 10px;
}
#a-dec {
	top: -154px; height: 0px; display: block; position: relative;
}
#a-fun {
	top: -154px; height: 0px; display: block; position: relative;
}
#a-sur {
	top: -154px; height: 0px; display: block; position: relative;
}
.pvd-cont h2.title {
	color: rgb(51, 51, 51); text-transform: uppercase; line-height: 30px; padding-left: 72px; font-family: "OpenSans-Bold"; font-size: 24px; position: relative;
}
.pvd-cont h2.title i {
	left: 0px; top: 12px; width: 55px; height: 5px; position: absolute; background-color: rgb(210, 166, 108);
}
.pvd-cont .box {
	overflow: hidden;
}
#ipg-2ni8 {
	top: -107px; height: 0px; display: block; position: relative;
}
#ipg-1ni4 {
	top: -107px; height: 0px; display: block; position: relative;
}
#ipjp {
	top: -107px; height: 0px; display: block; position: relative;
}
#iprg {
	top: -107px; height: 0px; display: block; position: relative;
}
#ipti {
	top: -107px; height: 0px; display: block; position: relative;
}
#ips {
	top: -107px; height: 0px; display: block; position: relative;
}
#ipb {
	top: -107px; height: 0px; display: block; position: relative;
}
#ipg-gun1 {
	top: -107px; height: 0px; display: block; position: relative;
}
#ip-gun2 {
	top: -107px; height: 0px; display: block; position: relative;
}
#ipcf1 {
	top: -107px; height: 0px; display: block; position: relative;
}
#ipcf3 {
	top: -107px; height: 0px; display: block; position: relative;
}
#ipbl {
	top: -107px; height: 0px; display: block; position: relative;
}
.dec-coat {
	padding-top: 60px; border-top-color: rgb(223, 223, 223); border-top-width: 1px; border-top-style: solid;
}
.dec-coat .txt {
	margin-top: 24px;
}
.dec-coat .txt p {
	color: rgb(102, 102, 102); line-height: 36px; padding-left: 15px; font-family: "OpenSans-Regular"; font-size: 16px; position: relative;
}
.dec-coat .txt p span {
	color: rgb(51, 51, 51); font-family: "OpenSans-Semibold";
}
.dec-coat .txt p i {
	border-radius: 50%; left: 0px; top: 14px; width: 9px; height: 9px; position: absolute; background-color: rgb(210, 166, 108);
}
.dec-coat .txt p.sub {
	line-height: 24px; padding-left: 112px;
}
.dec-coat .txt p.sub span {
	left: 15px; top: 0px; width: 90px; height: 24px; line-height: 24px; position: absolute;
}
.dec-coat .txt p.sub i {
	top: 8px;
}
.dec-coat .box {
	margin-top: 12px; position: relative;
}
.dec-coat .cont {
	width: 928px; padding-top: 32px; float: left;
}
.dec-coat .cont ul {
	
}
.dec-coat .cont ul li {
	overflow: hidden; margin-bottom: 40px;
}
.dec-coat .cont ul li .text {
	margin: 40px 10px 0px -64px; padding: 28px 14px 30px 18px; width: 470px; float: right; position: relative; z-index: 3; box-sizing: border-box; box-shadow: 3px 3px 6px #dadada; background-color: rgb(255, 255, 255); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
}
.dec-coat .cont ul li .text .name {
	width: 213px; overflow: hidden; margin-bottom: 30px;
}
.dec-coat .cont ul li .text .name .color {
	width: 105px; float: left;
}
.dec-coat .cont ul li .text .name .color img {
	width: 100%; height: auto;
}
.dec-coat .cont ul li .text .name h3 {
	width: 108px; height: 35px; line-height: 35px; font-family: "OpenSans-Regular"; font-size: 16px; float: left; box-sizing: border-box; background-color: rgb(211, 166, 109); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
}
.dec-coat .cont ul li .text .name h3 a {
	color: rgb(255, 255, 255); padding-left: 12px; display: block;
}
.dec-coat .cont ul li .text .name h3:hover {
	background-color: rgba(0, 0, 0, 0.6);
}
.dec-coat .cont ul li .text .info {
	height: 90px; color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; font-family: "OpenSans-Regular"; font-size: 16px; margin-bottom: 14px; -ms-text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
.dec-coat .cont ul li .text .time {
	color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; font-family: "OpenSans-Regular"; font-size: 16px;
}
.dec-coat .cont ul li .text .time span {
	width: 200px; overflow: hidden; float: left; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.dec-coat .cont ul li .text .time .st {
	margin-right: 34px;
}
.dec-coat .cont ul li .pic {
	width: 512px; float: left;
}
.dec-coat .cont ul li .pic img {
	width: 100%; height: auto;
}
.dec-coat .cont ul li:nth-child(2n) .text {
	margin: 40px -64px 0px 10px; float: left;
}
.dec-coat .cont ul li:nth-child(2n) .pic {
	float: right;
}
.classify {
	width: 240px; float: right; background-color: rgb(245, 245, 245);
}
.flow.classify {
	right: 0px; position: absolute;
}
.classify h2 {
	height: 42px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 42px; font-family: "BROWN-REGULAR"; font-size: 16px; background-color: rgb(210, 166, 108);
}
.classify ul {
	padding: 10px 0px 4px;
}
.classify ul li {
	padding: 0px 16px 0px 15px; height: 35px; overflow: hidden; margin-bottom: 10px; border-left-color: rgb(245, 245, 245); border-left-width: 4px; border-left-style: solid; position: relative;
}
.classify ul li .block {
	width: 105px; float: left;
}
.classify ul li .block img {
	width: 100%; height: auto;
}
.classify ul li h3 {
	width: 100px; height: 35px; line-height: 35px; font-family: "OpenSans-Regular"; font-size: 16px; float: left; box-sizing: border-box; background-color: rgb(255, 255, 255); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
}
.classify ul li h3 a {
	color: rgb(51, 51, 51); padding-left: 12px; display: block;
}
.classify ul li .arrow {
	border-width: 4px 0px 4px 6px; border-style: solid; border-color: transparent transparent transparent rgb(210, 166, 108); left: 0px; top: 13px; width: 0px; height: 0px; display: none; position: absolute;
}
.classify ul li.on {
	border-left-color: rgb(210, 166, 108);
}
.classify ul li.on h3 {
	background-color: rgb(210, 166, 108);
}
.classify ul li.on h3 a {
	color: rgb(255, 255, 255);
}
.classify ul li.on i {
	display: block;
}
.classify ul li h3:hover {
	background-color: rgb(210, 166, 108);
}
.classify ul li h3:hover a {
	color: rgb(255, 255, 255);
}
.fun-coat {
	padding: 40px 40px 60px; border: 1px solid rgb(223, 223, 223); border-image: none; margin-bottom: 50px;
}
.fun-coat .left {
	float: left;
}
.fun-coat .right {
	float: right;
}
.fun-coat .text {
	width: 540px; height: 344px; -ms-overflow-y: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
}
.fun-coat .text h2 {
	color: rgb(51, 51, 51); line-height: 24px; font-family: "OpenSans-Bold"; font-size: 22px; margin-bottom: 50px; position: relative;
}
.fun-coat .text h2 em {
	top: -8px; color: rgb(210, 166, 108); font-family: "BROWN-REGULAR"; font-size: 140px; position: absolute; z-index: -1; opacity: 0.3;
}
.fun-coat .text p {
	line-height: 30px; font-family: "OpenSans-Regular"; font-size: 18px;
}
.fun-coat .text p span {
	font-family: "OpenSans-Bold";
}
.fun-coat .one .text {
	padding-top: 110px;
}
.fun-coat .one .text p:nth-child(2) span:nth-child(2) {
	margin-left: 30px;
}
.fun-coat .two .text {
	padding-top: 100px;
}
.fun-coat .three .text {
	padding-top: 126px;
}
.fun-coat .four .text {
	padding-top: 40px;
}
.fun-coat .pic {
	width: 540px;
}
.fun-coat .pic img {
	width: 100%; height: auto;
}
.sur-hard {
	padding: 40px 40px 50px; border: 1px solid rgb(223, 223, 223); border-image: none; margin-bottom: 50px;
}
.sur-hard .pic {
	overflow: hidden; margin-top: 38px; margin-bottom: 30px;
}
.sur-hard .pic img {
	width: 48.3%; height: auto; float: left; max-width: 540px;
}
.sur-hard .pic img:first-child {
	margin-right: 3.3%;
}
.sur-hard .text {
	padding-top: 60px; margin-bottom: 30px;
}
.sur-hard .text h2 {
	color: rgb(51, 51, 51); line-height: 24px; font-family: "OpenSans-Bold"; font-size: 22px; margin-bottom: 50px; position: relative;
}
.sur-hard .text h2 em {
	top: -8px; color: rgb(210, 166, 108); font-family: "BROWN-REGULAR"; font-size: 140px; position: absolute; z-index: -1; opacity: 0.3;
}
.sur-hard .text p {
	line-height: 30px; font-family: "OpenSans-Regular"; font-size: 18px;
}
.sur-hard .text p span {
	font-family: "OpenSans-Bold";
}
.pvd-other {
	padding-bottom: 64px;
}
.pvd-other ul {
	width: 100%; overflow: hidden;
}
.pvd-other ul li {
	width: 50%; height: 70px; text-align: center; line-height: 70px; font-family: "BROWN-REGULAR"; font-size: 24px; float: left; background-color: rgb(245, 245, 245);
}
.pvd-other ul li a {
	color: rgb(51, 51, 51); display: block;
}
.pvd-other ul li.on {
	background-color: rgb(210, 166, 108);
}
.pvd-other ul li.on a {
	color: rgb(255, 255, 255);
}
.pros-bread {
	background-color: rgb(245, 245, 245);
}
.main-products {
	padding: 60px 0px 78px;
}
.main-products .main-width {
	overflow: hidden;
}
.main-products .pro-content {
	width: 900px; float: left;
}
.pro-content h1 {
	color: rgb(51, 51, 51); line-height: 32px; font-family: "OpenSans-Regular"; font-size: 30px; margin-bottom: 20px;
}
.pro-content p {
	color: rgb(51, 51, 51); line-height: 30px; font-family: "OpenSans-Regular"; font-size: 16px;
}
.pro-content p.time {
	overflow: hidden;
}
.pro-content p.time span {
	float: left;
}
.pro-content p.time span {
	width: 200px; overflow: hidden; float: left; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.pro-content p.time .st {
	margin-right: 34px;
}
.pro-content .image {
	overflow: hidden; margin-top: 36px;
}
.pro-content .image img {
	width: 47.77%; height: auto; float: left; max-width: 430px;
}
.pro-content .image img:first-child {
	margin-right: 4.4%;
}
.pro-content .pic {
	margin-top: 40px;
}
.pro-content .pic img {
	width: 100%; height: auto;
}
#a-watch {
	top: -100px; height: 0px; display: block; position: relative;
}
#a-jewelry {
	top: -100px; height: 0px; display: block; position: relative;
}
#a-elect {
	top: -100px; height: 0px; display: block; position: relative;
}
#a-golf {
	top: -100px; height: 0px; display: block; position: relative;
}
#a-hard {
	top: -100px; height: 0px; display: block; position: relative;
}
#a-pen {
	top: -100px; height: 0px; display: block; position: relative;
}
#a-glass {
	top: -100px; height: 0px; display: block; position: relative;
}
#a-fashion {
	top: -100px; height: 0px; display: block; position: relative;
}
#a-tools {
	top: -100px; height: 0px; display: block; position: relative;
}
#a-others {
	top: -100px; height: 0px; display: block; position: relative;
}
#a-comp {
	top: -100px; height: 0px; display: block; position: relative;
}
.main-app {
	padding: 20px 0px 86px;
}
.main-app .main-width {
	position: relative;
}
.main-app .sort {
	width: 214px; float: right;
}
.main-app .flow.sort {
	right: 0px; position: absolute; background-color: rgb(255, 255, 255);
}
.main-app .sort ul {
	
}
.main-app .sort ul li {
	width: 182px; height: 40px; text-align: right; line-height: 40px; padding-right: 8px; font-family: "OpenSans-Regular"; font-size: 16px; margin-bottom: 14px; margin-left: 34px; position: relative; box-sizing: border-box; box-shadow: -1px 2px 2px #b5b5b5; background-color: rgb(245, 245, 245); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
}
.main-app .sort ul li a {
	display: block;
}
.main-app .sort ul li i {
	background: url("/images/application/app-icon-01.png") no-repeat; left: -34px; top: 0px; width: 34px; height: 44px; position: absolute;
}
.main-app .sort ul li:nth-child(10) {
	height: 54px; line-height: 26px;
}
.main-app .sort ul li:nth-child(10) i {
	background: url("/images/application/app-icon-03.png") no-repeat; height: 59px;
}
.main-app .sort ul li.on {
	background-color: rgb(210, 166, 108);
}
.main-app .sort ul li.on a {
	color: rgb(255, 255, 255);
}
.main-app .sort ul li.on i {
	background: url("/images/application/app-icon-02.png") no-repeat;
}
.main-app .sort ul li:nth-child(10).on i {
	background: url("/images/application/app-icon-04.png") no-repeat;
}
.main-app .content {
	width: 952px; float: left;
}
.main-app .content .box {
	overflow: hidden; margin-bottom: 66px;
}
.main-app .content :last-child.box {
	margin-bottom: 0px;
}
.main-app .content .box .text {
	width: 460px; float: left;
}
.main-app .content .box .pic {
	width: 460px; float: right;
}
.main-app .content .box .pic img {
	width: 100%; height: auto;
}
.main-app .content .box .text h2 {
	color: rgb(51, 51, 51); line-height: 24px; font-family: "OpenSans-Bold"; font-size: 22px; position: relative;
}
.main-app .content .box .text p {
	line-height: 30px; font-family: "OpenSans-Regular"; font-size: 16px;
}
.main-app .content .one .text h2 {
	margin-bottom: 86px;
}
.main-app .content .two .text h2 {
	margin-bottom: 52px;
}
.main-app .content .three .text h2 {
	margin-bottom: 80px;
}
.main-app .content .four .text h2 {
	margin-bottom: 80px;
}
.main-app .content .five .text h2 {
	margin-bottom: 70px;
}
.main-app .content .six .text h2 {
	margin-bottom: 24px;
}
.main-app .content .seven .text h2 {
	margin-bottom: 110px;
}
.main-app .content .eight .text h2 {
	margin-bottom: 80px;
}
.main-app .content .nine .text h2 {
	margin-bottom: 70px;
}
.main-app .content .ten .text h2 {
	margin-bottom: 10px;
}
.main-app .content .eleven .text h2 {
	margin-bottom: 110px;
}
.main-app .content .five .text p span {
	font-family: "OpenSans-Semibold"; margin-right: 40px;
}
.main-app .content .nine .text p span {
	font-family: "OpenSans-Semibold"; margin-right: 32px;
}
.main-app .content .nine .text p span:nth-child(3) {
	margin-right: 0px;
}
.main-app .content .nine .text p span:nth-child(5) {
	margin-right: 64px;
}
#a-prof {
	top: -100px; height: 0px; display: block; position: relative;
}
#a-his {
	top: -100px; height: 0px; display: block; position: relative;
}
#a-cul {
	top: -100px; height: 0px; display: block; position: relative;
}
#a-orga {
	top: -100px; height: 0px; display: block; position: relative;
}
.tab-about {
	margin-top: 30px;
}
.tab-about .main-width {
	overflow: hidden; padding-bottom: 20px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
.tab-about .bread {
	width: 200px; float: left;
}
.tab-about .anchor {
	width: 570px; overflow: hidden; margin-top: 4px; float: right;
}
.tab-about .anchor a {
	padding: 10px; color: rgb(51, 51, 51); font-family: "OpenSans-Regular"; font-size: 18px; margin-right: 40px; float: left;
}
.tab-about .anchor a:hover {
	color: rgb(210, 166, 108);
}
.tab-about .anchor a:last-child {
	margin-right: 0px;
}
.tab-about .anchor a.on {
	color: rgb(255, 255, 255); background-color: rgb(210, 166, 108);
}
.main-about {
	padding: 50px 0px 70px;
}
.main-about h2.title {
	color: rgb(51, 51, 51); text-transform: uppercase; line-height: 34px; padding-left: 74px; font-family: "BROWN-REGULAR"; font-size: 30px; margin-bottom: 36px; position: relative;
}
.main-about h2.title i {
	left: 0px; top: 16px; width: 50px; height: 5px; position: absolute; background-color: rgb(210, 166, 108);
}
.main-about .box {
	overflow: hidden;
}
.main-about .profile {
	
}
.main-about .profile .text {
	width: 630px; float: left;
}
.main-about .profile .text p {
	color: rgb(51, 51, 51); line-height: 30px; font-family: "OpenSans-Regular"; font-size: 16px; margin-bottom: 20px;
}
.main-about .profile .text p span {
	color: rgb(210, 166, 108);
}
.main-about .profile .text p span i {
	font-size: 36px;
}
.main-about .profile .pic {
	width: 512px; float: right;
}
.main-about .profile .pic img {
	height: auto; display: block; max-width: 100%;
}
.main-about .profile .pic img:first-child {
	margin-bottom: 48px;
}
.main-about .profile .txt {
	
}
.main-about .profile .txt p {
	color: rgb(51, 51, 51); line-height: 30px; font-family: "OpenSans-Regular"; font-size: 16px; margin-bottom: 20px;
}
.main-about .profile .txt p span {
	font-family: "OpenSans-Bold";
}
.main-about .history {
	margin-top: 60px;
}
.main-about .history .next img {
	width: 100%; height: auto;
}
.main-about .history .years {
	margin-top: 10px; position: relative;
}
.main-about .history .years .line {
	left: 13px; top: 0px; width: 1px; height: 100%; position: absolute; background-color: rgb(210, 166, 108);
}
.main-about .history .years .line .start {
	border-radius: 50%; left: -13px; top: -13px; width: 27px; height: 27px; position: absolute; background-color: rgb(210, 166, 108);
}
.main-about .history .years .line .end {
	border-radius: 50%; left: -4px; width: 9px; height: 9px; bottom: -4px; position: absolute; background-color: rgb(210, 166, 108);
}
.main-about .history .years ul {
	padding-top: 14px; padding-left: 14px;
}
.main-about .history .years ul li {
	padding-left: 108px; margin-bottom: 50px; position: relative; min-height: 110px;
}
.main-about .history .years ul li:last-child {
	height: 28px; color: rgb(51, 51, 51); text-transform: uppercase; line-height: 54px; font-family: "OpenSans-Regular"; font-size: 52px; margin-bottom: 0px; min-height: 0px;
}
.main-about .history .years ul li h3 {
	color: rgb(210, 166, 108); line-height: 30px; font-family: "BROWN-REGULAR"; font-size: 18px; margin-bottom: 6px;
}
.main-about .history .years ul li h3 span {
	font-size: 30px;
}
.main-about .history .years ul li p {
	color: rgb(51, 51, 51); line-height: 30px; font-family: "OpenSans-Regular"; font-size: 16px;
}
.main-about .history .years ul li .b {
	border-radius: 50%; left: -8px; top: 56px; width: 17px; height: 17px; position: absolute; background-color: rgb(210, 166, 108);
}
.main-about .history .years ul li .l {
	left: 0px; top: 64px; width: 74px; height: 1px; position: absolute; background-color: rgb(210, 166, 108);
}
.main-about .history .years ul li .s {
	border-radius: 50%; left: 72px; top: 60px; width: 10px; height: 10px; position: absolute; background-color: rgb(210, 166, 108);
}
.main-about .culture {
	margin-top: 100px;
}
.main-about .culture .text {
	width: 1060px;
}
.main-about .culture .text p {
	color: rgb(51, 51, 51); line-height: 30px; padding-left: 20px; font-family: "OpenSans-Regular"; font-size: 16px; margin-bottom: 10px; position: relative;
}
.main-about .culture .text p span {
	font-family: "BROWN-REGULAR"; font-size: 18px; margin-right: 6px;
}
.main-about .culture .text p i {
	border-radius: 50%; left: 0px; top: 11px; width: 9px; height: 9px; position: absolute; background-color: rgb(210, 166, 108);
}
.main-about .culture .text p.es {
	padding-left: 230px;
}
.main-about .culture .text p.es span {
	left: 20px; top: 0px; position: absolute;
}
.main-about .culture .pic {
	overflow: hidden; margin-top: 24px;
}
.main-about .culture .pic img {
	width: 48.33%; height: auto; float: left; max-width: 580px;
}
.main-about .culture .pic img:first-child {
	margin-right: 3.33%;
}
.main-about .organ {
	margin-top: 74px;
}
.main-about .organ .img {
	
}
.main-about .organ .img img {
	width: 100%; height: auto;
}
#a-type {
	top: -100px; height: 0px; display: block; position: relative;
}
#a-achi {
	top: -100px; height: 0px; display: block; position: relative;
}
#a-syst {
	top: -100px; height: 0px; display: block; position: relative;
}
#a-plating {
	top: -100px; height: 0px; display: block; position: relative;
}
#a-clean {
	top: -100px; height: 0px; display: block; position: relative;
}
#a-erp {
	top: -100px; height: 0px; display: block; position: relative;
}
#a-elect {
	top: -100px; height: 0px; display: block; position: relative;
}
.main-tech {
	padding: 40px 0px 78px;
}
.main-tech h2.title {
	color: rgb(51, 51, 51); text-transform: uppercase; line-height: 34px; padding-left: 66px; font-family: "BROWN-REGULAR"; font-size: 30px; margin-bottom: 26px; position: relative;
}
.main-tech h2.title i {
	left: 0px; top: 16px; width: 50px; height: 5px; position: absolute; background-color: rgb(210, 166, 108);
}
.main-tech p.desc {
	color: rgb(51, 51, 51); line-height: 30px; padding-left: 26px; font-family: "OpenSans-Regular"; font-size: 16px; margin-bottom: 20px; position: relative;
}
.main-tech p.desc i {
	border-radius: 50%; left: 1px; top: 10px; width: 10px; height: 10px; position: absolute; background-color: rgb(210, 166, 108);
}
.main-tech .type {
	
}
.main-tech .type .txt {
	overflow: hidden;
}
.main-tech .type .txt li {
	line-height: 30px; padding-left: 26px; font-family: "OpenSans-Regular"; font-size: 16px; margin-bottom: 16px; float: left; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
}
.main-tech .type .txt li i {
	border-radius: 50%; left: 0px; top: 10px; width: 10px; height: 10px; position: absolute; background-color: rgb(210, 166, 108);
}
.main-tech .type .txt li:first-child {
	width: 420px;
}
.main-tech .type .txt li:nth-child(4) {
	width: 420px;
}
.main-tech .type .txt li:nth-child(7) {
	width: 420px;
}
.main-tech .type .txt li:nth-child(2) {
	width: 480px;
}
.main-tech .type .txt li:nth-child(5) {
	width: 480px;
}
.main-tech .type .txt li:nth-child(8) {
	width: 480px;
}
.main-tech .type .txt li:nth-child(3) {
	width: 300px;
}
.main-tech .type .txt li:nth-child(6) {
	width: 300px;
}
.main-tech .achi {
	margin-top: 40px;
}
.main-tech .achi .subtitle {
	height: 1px; margin-top: 42px; margin-bottom: 48px; border-right-color: rgb(255, 255, 255); border-right-width: 72px; border-right-style: solid; position: relative; background-color: rgb(210, 166, 108);
}
.main-tech .achi .subtitle h3 {
	left: 0px; top: -17px; width: 230px; color: rgb(210, 166, 108); line-height: 26px; font-family: "BROWN-REGULAR"; font-size: 24px; position: absolute; box-sizing: border-box; background-color: rgb(255, 255, 255); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
}
.main-tech .achi .subtitle i {
	border-radius: 50%; top: -8px; width: 17px; height: 17px; right: -16px; position: absolute; background-color: rgb(210, 166, 108);
}
.main-tech .achi .img {
	height: auto; margin-left: 60px; display: block; max-width: 100%;
}
.main-tech .system {
	margin-top: 70px;
}
.main-tech .system .subtitle {
	height: 1px; margin-top: 42px; margin-bottom: 38px; border-right-color: rgb(255, 255, 255); border-right-width: 72px; border-right-style: solid; position: relative; background-color: rgb(210, 166, 108);
}
.main-tech .system .subtitle h3 {
	left: 0px; top: -17px; width: 210px; color: rgb(210, 166, 108); line-height: 26px; font-family: "BROWN-REGULAR"; font-size: 24px; position: absolute; box-sizing: border-box; background-color: rgb(255, 255, 255); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
}
.main-tech .system .subtitle i {
	border-radius: 50%; top: -8px; width: 17px; height: 17px; right: -16px; position: absolute; background-color: rgb(210, 166, 108);
}
.main-tech .system .img {
	height: auto; margin-left: 60px; display: block; max-width: 100%;
}
.main-tech .machine {
	overflow: hidden; margin-top: 70px;
}
.main-tech .machine ul {
	width: 1230px; overflow: hidden; margin-top: 34px;
}
.main-tech .machine ul li {
	width: 342px; margin-right: 28px; margin-left: 40px; float: left;
}
.main-tech .machine ul li img {
	width: 100%; height: auto;
}
.main-tech .plating {
	margin-top: 70px;
}
.main-tech .plating .txt {
	overflow: hidden;
}
.main-tech .plating .txt li {
	line-height: 30px; padding-left: 26px; font-family: "OpenSans-Regular"; font-size: 16px; margin-bottom: 16px; float: left; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
}
.main-tech .plating .txt li i {
	border-radius: 50%; left: 0px; top: 10px; width: 10px; height: 10px; position: absolute; background-color: rgb(210, 166, 108);
}
.main-tech .plating .txt li:first-child {
	width: 420px;
}
.main-tech .plating .txt li:nth-child(4) {
	width: 420px;
}
.main-tech .plating .txt li:nth-child(2) {
	width: 480px;
}
.main-tech .plating .txt li:nth-child(5) {
	width: 480px;
}
.main-tech .plating .txt li:nth-child(3) {
	width: 300px;
}
.main-tech .plating .cer {
	width: 1220px; overflow: hidden; margin-top: 16px;
}
.main-tech .plating .cer li {
	width: 226px; margin-right: 17px; float: left;
}
.main-tech .plating .cer li img {
	width: 100%; height: auto;
}
.main-tech .clean {
	margin-top: 70px;
}
.main-tech .clean .box {
	overflow: hidden; margin-top: 30px;
}
.main-tech .clean .box .text {
	padding: 8px 70px 30px 26px; width: 672px; float: left; box-sizing: border-box; background-color: rgb(245, 245, 245); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
}
.main-tech .clean .box .text h3 {
	color: rgb(51, 51, 51); line-height: 24px; font-family: "BROWN-REGULAR"; font-size: 20px; margin-top: 25px; margin-bottom: 16px;
}
.main-tech .clean .box .text p {
	color: rgb(51, 51, 51); line-height: 24px; padding-left: 16px; font-family: "OpenSans-Regular"; font-size: 16px; margin-bottom: 14px; position: relative;
}
.main-tech .clean .box .text p span {
	left: 0px; top: 0px; position: absolute;
}
.main-tech .clean .box .pic {
	width: 528px; float: right;
}
.main-tech .clean .box .pic img {
	width: 100%; height: auto;
}
.main-tech .erp {
	margin-top: 70px;
}
.main-tech .erp .image {
	overflow: hidden; margin-top: 30px;
}
.main-tech .erp .image img {
	height: auto; float: left; max-width: 100%;
}
.main-tech .erp .image .img1 {
	width: 52.5%; margin-right: 4.9%;
}
.main-tech .erp .image .img2 {
	width: 42.6%;
}
.main-tech .elect {
	margin-top: 70px;
}
.main-tech .elect h2 {
	width: 780px; line-height: 48px;
}
.main-tech .elect h2 i {
	top: 22px;
}
.main-tech .elect .box {
	overflow: hidden;
}
.main-tech .elect .box .text {
	width: 430px; padding-top: 50px; float: left;
}
.main-tech .elect .box .pic {
	width: 736px; float: right;
}
.main-tech .elect .box .pic img {
	width: 100%; height: auto;
}
#a-brief {
	top: -100px; height: 0px; display: block; position: relative;
}
#a-qcs {
	top: -100px; height: 0px; display: block; position: relative;
}
#a-qssts {
	top: -100px; height: 0px; display: block; position: relative;
}
#a-late {
	top: -100px; height: 0px; display: block; position: relative;
}
.main-quality {
	padding: 40px 0px 30px;
}
.main-quality h2.title {
	color: rgb(51, 51, 51); text-transform: uppercase; line-height: 34px; padding-left: 66px; font-family: "BROWN-REGULAR"; font-size: 30px; position: relative;
}
.main-quality h2.title i {
	left: 0px; top: 16px; width: 50px; height: 5px; position: absolute; background-color: rgb(210, 166, 108);
}
.main-quality .brief {
	
}
.main-quality .brief .txt {
	margin-top: 26px;
}
.main-quality .brief p {
	color: rgb(51, 51, 51); line-height: 30px; padding-left: 16px; font-family: "OpenSans-Regular"; font-size: 16px; margin-bottom: 16px; position: relative;
}
.main-quality .brief p i {
	border-radius: 50%; left: 0px; top: 10px; width: 8px; height: 8px; position: absolute; background-color: rgb(210, 166, 108);
}
.main-quality .brief .box {
	overflow: hidden;
}
.main-quality .brief .box .text {
	width: 500px; float: left;
}
.main-quality .brief .box .text p {
	margin-bottom: 20px;
}
.main-quality .brief .box .pic {
	width: 674px; overflow: hidden; float: right;
}
.main-quality .brief .box .pic img {
	width: 48%; height: auto; float: left; max-width: 100%;
}
.main-quality .brief .box .pic img:first-child {
	margin-right: 3.5%;
}
.main-quality .control {
	margin-top: 70px;
}
.main-quality .control h2 {
	margin-bottom: 24px;
}
.main-quality .control p {
	color: rgb(51, 51, 51); line-height: 30px; padding-top: 30px; padding-left: 26px; font-family: "OpenSans-Regular"; font-size: 16px; position: relative;
}
.main-quality .control p span {
	left: 24px; top: -3px; font-family: "OpenSans-Bold"; font-size: 24px; position: absolute;
}
.main-quality .control p i {
	border-radius: 50%; left: 0px; top: 8px; width: 12px; height: 12px; position: absolute; background-color: rgb(210, 166, 108);
}
.main-quality .control .system {
	margin: 10px auto 0px; height: auto; display: block; max-width: 100%;
}
.main-quality .skill {
	margin-top: 60px;
}
.main-quality .skill h2 {
	margin-bottom: 30px;
}
.main-quality .skill p {
	color: rgb(51, 51, 51); line-height: 30px; padding-left: 26px; font-family: "OpenSans-Regular"; font-size: 16px; position: relative;
}
.main-quality .skill p i {
	border-radius: 50%; left: 0px; top: 8px; width: 12px; height: 12px; position: absolute; background-color: rgb(210, 166, 108);
}
.main-quality .skill .system {
	margin: 0px auto; height: auto; display: block; max-width: 100%;
}
.main-quality .testing {
	margin-top: 70px;
}
.main-quality .testing .list {
	padding: 24px 0px 24px 34px; overflow: hidden; margin-top: 26px; background-color: rgb(245, 245, 245);
}
.main-quality .testing .list ul {
	overflow: hidden;
}
.main-quality .testing .list ul li {
	width: 280px; color: rgb(51, 51, 51); line-height: 36px; font-family: "BROWN-REGULAR"; font-size: 18px; margin-right: 150px; float: left;
}
.main-quality .testing .list ul li:nth-child(3n) {
	margin-right: 0px;
}
.main-quality .testing .image {
	overflow: hidden; margin-top: 34px;
}
.main-quality .testing .image ul {
	width: 1230px; overflow: hidden;
}
.main-quality .testing .image ul li {
	width: 220px; margin-right: 24px; margin-bottom: 30px; float: left; position: relative;
}
.main-quality .testing .image ul li img {
	border: 1px solid rgb(226, 226, 226); border-image: none; width: 100%; height: auto;
}
.main-quality .testing .image ul li h3 {
	height: 30px; text-align: center; color: rgb(102, 102, 102); line-height: 30px; overflow: hidden; font-family: "BROWN-REGULAR"; font-size: 16px; margin-top: 8px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.main-partner {
	margin-top: 40px;
}
.main-partner .main-width {
	position: relative; min-height: 700px;
}
.main-partner .main-width .bg {
	left: -89px; top: 0px; position: absolute; z-index: -1; opacity: 0.7;
}
.main-partner .cont {
	overflow: hidden;
}
.main-partner .cont ul {
	width: 1294px; overflow: hidden; padding-top: 30px;
}
.main-partner .cont ul li {
	width: 230px; margin-right: 93px; margin-bottom: 30px; float: left;
}
.main-partner .cont ul li img {
	width: 100%; height: auto;
}
.list-news {
	padding: 36px 0px 20px;
}
.list-news .cont {
	
}
.list-news .cont li {
	overflow: hidden; margin-bottom: 68px;
}
.list-news .cont li .text {
	padding: 34px 0px 44px; width: 570px; margin-top: 22px; border-top-color: rgb(234, 234, 234); border-bottom-color: rgb(234, 234, 234); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; float: left;
}
.list-news .cont li .text h2 {
	height: 60px; line-height: 30px; overflow: hidden; font-family: "OpenSans-Bold"; font-size: 18px; margin-bottom: 16px; -ms-text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.list-news .cont li .text h2 a {
	color: rgb(51, 51, 51);
}
.list-news .cont li .text p {
	height: 90px; color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; font-family: "OpenSans-Light"; font-size: 14px; -ms-text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
.list-news .cont li .text .more {
	border: 1px solid rgb(211, 169, 113); border-image: none; width: 94px; height: 26px; text-align: center; color: rgb(211, 169, 113); line-height: 26px; font-family: "BROWN-REGULAR"; font-size: 14px; margin-top: 30px; display: block;
}
.list-news .cont li .text:hover h2 a {
	color: rgb(210, 166, 108);
}
.list-news .cont li .text:hover .more {
	color: rgb(255, 255, 255); background-color: rgb(211, 169, 113);
}
.list-news .cont li .pic {
	width: 580px; float: right;
}
.list-news .cont li .pic img {
	width: 100%; height: auto;
}
.news-bread {
	background-color: rgb(245, 245, 245);
}
.main-news {
	padding: 50px 0px;
}
.main-news h1 {
	color: rgb(51, 51, 51); line-height: 30px; font-family: "OpenSans-Regular"; font-size: 24px;
}
.main-news .news-content {
	margin-top: 34px;
}
.main-news .news-content p {
	color: rgb(102, 102, 102); line-height: 24px; font-family: "OpenSans-Regular"; font-size: 16px; margin-bottom: 16px;
}
.main-news .news-content p.outline {
	color: rgb(51, 51, 51); line-height: 30px;
}
.main-news .news-content p.img {
	margin-bottom: 50px;
}
.main-news .news-content p.img img {
	height: auto; display: block; max-width: 100%;
}
.main-news .subpage {
	margin-top: 50px;
}
.map {
	height: 500px;
}
.map iframe {
	width: 100%; height: 100%;
}
#a-contact {
	top: -107px; height: 0px; display: block; position: relative;
}
.main-contact {
	padding: 90px 0px;
}
.main-contact .title {
	overflow: hidden; padding-bottom: 18px; border-bottom-color: rgb(217, 217, 217); border-bottom-width: 1px; border-bottom-style: solid;
}
.main-contact .title h1 {
	width: 210px; color: rgb(210, 166, 108); text-transform: uppercase; line-height: 40px; font-family: "Geometric415BT-BlackA"; font-size: 30px; float: left;
}
.main-contact .social {
	width: 336px; overflow: hidden; margin-top: 16px; float: right;
}
.main-contact .social h2 {
	width: 130px; color: rgb(210, 166, 108); text-transform: uppercase; line-height: 40px; font-family: "Geometric415BT-BlackA"; font-size: 20px; float: left;
}
.main-contact .social .icon {
	width: 200px; overflow: hidden; float: right;
}
.main-contact .social .icon li {
	width: 40px; height: 40px; margin-left: 10px; float: left;
}
.main-contact .social .icon li a {
	background: url("all-icon.png") no-repeat; width: 40px; height: 40px; display: block;
}
.main-contact .social .icon li.google a {
	background-position: 0px -320px;
}
.main-contact .social .icon li.twitter a {
	background-position: -50px -320px;
}
.main-contact .social .icon li.facebook a {
	background-position: -100px -320px;
}
.main-contact .social .icon li.linkedin a {
	background-position: -150px -320px;
}
.main-contact .social .icon li.google:hover a {
	background-position: 0px -370px;
}
.main-contact .social .icon li.twitter:hover a {
	background-position: -50px -370px;
}
.main-contact .social .icon li.facebook:hover a {
	background-position: -100px -370px;
}
.main-contact .social .icon li.linkedin:hover a {
	background-position: -150px -370px;
}
.main-contact .cont {
	overflow: hidden; margin-top: 66px;
}
.main-contact .cont .contact-way {
	width: 600px; float: left;
}
.main-contact .cont .contact-way h3 {
	color: rgb(210, 166, 108); text-transform: uppercase; line-height: 24px; font-family: "Geometric415BT-BlackA"; font-size: 20px; margin-bottom: 34px;
}
.main-contact .cont .contact-way ul {
	width: 100%; overflow: hidden; margin-bottom: 20px;
}
.main-contact .cont .contact-way ul li {
	width: 100%; color: rgb(102, 102, 102); line-height: 24px; font-family: "OpenSans-Light"; font-size: 16px; margin-bottom: 20px; float: left;
}
.main-contact .cont .contact-way ul li a {
	color: rgb(102, 102, 102);
}
.main-contact .cont .contact-way ul li span {
	color: rgb(0, 0, 0); font-family: "OpenSans-Regular"; margin-right: 6px;
}
.main-contact .cont .contact-way ul li em {
	color: rgb(210, 166, 108);
}
.main-contact .cont .contact-way ul li.w56 {
	width: 56%;
}
.main-contact .cont .contact-way ul li.w44 {
	width: 44%;
}
.main-contact .cont .contact-way ul li.add {
	padding-left: 46px; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
}
.main-contact .cont .contact-way ul li.add span {
	left: 0px; top: 0px; position: absolute;
}
.main-contact .cont .contact-way ul li a:hover {
	color: rgb(210, 166, 108);
}
.main-contact .cont .form-box {
	width: 500px; overflow: hidden; margin-right: 12px; float: right;
}
.main-contact .cont .form-box textarea {
	width: 100%; height: 120px; padding-top: 12px; padding-left: 10px;
}
.main-contact .cont .form-box input {
	border: 1px solid rgb(229, 229, 229); border-image: none; color: rgb(102, 102, 102); font-family: "RALEWAY-LIGHT"; font-size: 14px; box-sizing: border-box; background-color: rgb(242, 242, 242);
}
.main-contact .cont .form-box textarea {
	border: 1px solid rgb(229, 229, 229); border-image: none; color: rgb(102, 102, 102); font-family: "RALEWAY-LIGHT"; font-size: 14px; box-sizing: border-box; background-color: rgb(242, 242, 242);
}
.main-contact .cont .form-box .text {
	width: 100%; height: 60px; line-height: 58px; padding-left: 10px; margin-bottom: 10px;
}
.main-contact .cont .form-box .sub {
	width: 150px; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; font-family: "RALEWAY-LIGHT"; font-size: 18px; margin-top: 30px; float: right; cursor: pointer; background-color: rgb(210, 166, 108);
}