@charset 'utf-8';

body {
	width: 100%;
	min-width: 1200px;
	font-family: "Microsoft YaHei";
}

@font-face {
	font-family: 'BRITANIC';
	src: url('../fonts/BRITANIC.eot');
	src: url('../fonts/BRITANIC.eot') format('embedded-opentype'),
		url('../fonts/BRITANIC.woff2') format('woff2'),
		url('../fonts/BRITANIC.woff') format('woff'),
		url('../fonts/BRITANIC.ttf') format('truetype'),
		url('../fonts/BRITANIC.svg#BRITANIC') format('svg');
}


.header {
	width: 1200px;
	height: 140px;
	margin: 0 auto;
}

.header a.logo {
	display: block;
	width: 180px;
	height: 50px;
	float: left;
	margin-top: 42px;
}

.header .header-r {
	float: right;
}

.header .header-r .tel {
	display: inline-block;
	text-align: right;
	margin-top: 20px;
	margin-bottom: 20px;
}

.nav {
	padding: 0;
	margin: 0 auto;
	list-style: none;
	height: 78px;
}

.nav li {
	width: 90px;
	float: left;
	position: relative;
	height: 75px;
}

.nav li:hover span {
	color: #156248;
}

.nav li a {
	display: block;
	text-align: right;
	height: inherit;
	font-size: 14px;
	color: #156248;
	text-decoration: none;
}

.nav li a span {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	display: block;
	font-size: 12px;
	color: #cccccc;
}

.nav li .nav-in {
	margin: 0;
	list-style: none;
	position: absolute;
	z-index: 9999;
	background: #156248;
	padding: 10px 0;
	left: -20px;
	display: none;
}

.nav li .nav-in:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 5px solid #156248;
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -5px;
}

.nav li .nav-in li {
	clear: both;
	height: 35px;
	width: 140px;
	padding: 0 10px;
}

.nav li .nav-in li a {
	color: #48937a;
	font-weight: normal;
	font-size: 14px;
	line-height: 35px;
	text-align: center;
	width: inherit;
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.nav li .nav-in li:hover {
	color: #fff;
	background: #48937a;
}

.nav li .nav-in li:hover a {
	color: #fff;
}

/*navigation--end*/

/*header--end*/

.banner-box {
	width: 100%;
	height: 600px;
	position: relative;
	overflow: hidden;
}

.banner {
	width: 1920px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
}

.banner .d1 {
	width: 1920px;
	height: 600px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
}

.banner .d2 {
	width: 116px;
	height: 12px;
	clear: both;
	position: absolute;
	z-index: 100;
	left: 915px;
	top: 568px;
	z-index: 9;
}

.banner .d2 ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	display: inline;
}

.banner .d2 li {
	width: 12px;
	height: 13px;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
	background: rgba(255, 255, 255, 0.65);
	float: left;
	margin: 0 5px;
	display: inline;
}

.ie8 .banner .d2 li {
	background: #fff;
	filter: alpha(opacity=65);

}

.banner .d2 li.nuw {
	background: none;
	width: 12px;
	height: 12px;
	background: #fff;
}

.ie8 .banner .d2 li.nuw {
	background: #fff;
	filter: alpha(opacity=100);

}

.banner-inner {
	width: 100%;
	height: 400px;
	position: relative;
	overflow: hidden;
}

/*banner----end*/

.craft-block {
	width: 100%;
	padding: 80px 0;
	background: url(../images/craft-bj.png);
}

.craft-block .main {
	width: 1200px;
	margin: 0 auto;
}

.title {
	text-align: center;
	margin-bottom: 30px;
}

.title h1 {
	font-size: 30px;
	color: #156248;
	margin: 0;
}

.title h1 span {
	font-family: 'BRITANIC';
	font-size: 16px;
	color: #156248;
	margin-left: 10px;
	font-weight: normal;
}

.title p {
	font-size: 14px;
	color: #666666;
	margin: 20px 0;
}

.title i {
	display: block;
	width: 30px;
	height: 1px;
	background: #156248;
	margin: 0 auto;
}

.craft-block .craft-box {
	overflow: hidden;
}

.craft-box img {
	display: block;
	float: left;
}

.craft-box div {
	width: 580px;
	float: right;
}

.craft-box div h3 {
	font-size: 20px;
	color: #666666;
	text-decoration: none;
	margin: 0;
	font-weight: normal;
}

.craft-box div h1 {
	font-size: 30px;
	color: #156248;
	margin-top: 20px;
	margin-bottom: 30px;
}

.craft-box div p {
	font-size: 14px;
	color: #666666;
	line-height: 2.14;
}

a.more {
	display: block;
	width: 158px;
	height: 33px;
	border: 1px #dfdfdf solid;
	font-size: 14px;
	color: #aaaaaa;
	line-height: 33px;
	text-decoration: none;
	background: url(../images/more1.png) no-repeat 125px center;
	text-indent: 30px;
}

a.more:hover {
	background: url(../images/more2.png) no-repeat 125px center #156248;
	color: #fff;
	border-color: #156248;
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-ms-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}


.product-block {
	width: 1200px;
	padding: 80px 0;
	margin: 0 auto;
}

.product-block ul {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}

.product-block ul li {
	width: 580px;
	float: left;
}

.product-block ul li.pro-r {
	float: right;
}

.product-block ul li .pic {
	display: block;
	width: 578px;
	height: 283px;
	border: 1px #dfdfdf solid;
	position: relative;
}

.product-block .owl-theme {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.product-block .owl-theme img {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.product-block .owl-theme .owl-controls {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 10px;
}

.product-block .owl-theme .owl-controls .owl-page span {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin: 4px;
	background: #8ab0a3;
	opacity: 1;
}

.product-block .owl-theme .owl-page.active span {
	background: #156248;
}

.product-block ul li h4 {
	font-size: 16px;
	color: #000000;
	margin-top: 25px;
	margin-bottom: 15px;
}

.product-block ul li p {
	font-size: 14px;
	color: #666666;
	line-height: 2.14;
	margin: 0;
}

.product-block ul li a.more {
	margin-top: 10px;
}

/*product block--end*/




.about-block {
	width: 100%;
	height: 460px;
	background: url(../images/img/about-bj.jpg) no-repeat center top;
}

.about-block .main {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.about-block .main a.video {
	display: block;
	width: 560px;
	height: 360px;
	float: left;
	border: 10px #fff solid;
}

.about-block .main div {
	width: 580px;
	float: right;
	padding-top: 80px;
}

.about-block .main div h1 {
	font-size: 30px;
	margin: 0;
	color: #fff;
	margin-bottom: 5px;
}

.about-block .main div span {
	font-family: 'BRITANIC';
	font-size: 16px;
	color: #fff;
}

.about-block .main div i {
	display: block;
	width: 30px;
	height: 1px;
	background: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
}

.about-block .main div p {
	font-size: 14px;
	color: #fff;
	line-height: 2.14;
	margin: 0;
	height: 145px;
	overflow: hidden;
}

.about-block .main a.more {
	border-color: #fff;
	color: #fff;
	background: url(../images/more2.png) no-repeat 125px center;
	margin-top: 10px;
}

.about-block .main a.more:hover {
	color: #156248;
	background: url(../images/more3.png) no-repeat 125px center #fff;

}

.about-block .video {
	position: relative;
	overflow: hidden;
}

.about-block .video iframe {
	position: absolute;
	display: none;
	left: 0;
	top: 0;
}

/*about block--ens*/

.honor-block {
	width: 1200px;
	margin: 0 auto;
	padding: 80px 0;
	overflow: hidden;
}

.honor-block .honor-bar {
	width: 580px;
	float: left;
	position: relative;
}

.honor-block .title {
	text-align: left;
	margin-bottom: 40px;
}

.honor-block .title span {
	color: #aaaaaa;
}

.honor-block .title i {
	float: left;
	margin-top: 10px;
}

.honor-scroll {
	overflow: hidden;
}

.honor-scroll ul {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}

.honor-scroll ul li {
	float: left;
	margin-right: 20px;
	width: 130px;
	overflow: hidden;
}

.honor-scroll ul li a {
	display: block;
	width: 128px;
	height: 188px;
	border: 1px #dfdfdf solid;
}

.honor-scroll ul li p {
	font-size: 14px;
	color: #666666;
	text-align: center;
	margin-top: 13px;
	margin-bottom: 0;
}

.honor-btn {
	width: 60px;
	position: absolute;
	right: 0;
	top: 18px;
}

.honor-btn .mr_frBtnL {
	float: left;
	width: 25px;
	height: 25px;
	background: url(../images/prev-next.png) no-repeat left top;
	cursor: pointer;
	display: inline;
}

.honor-btn .mr_frBtnL:hover {
	background: url(../images/prev-next.png) no-repeat left bottom;
}

.honor-btn .mr_frBtnR {
	float: right;
	width: 25px;
	height: 25px;
	background: url(../images/prev-next.png) no-repeat right top;
	cursor: pointer;
	display: inline;
	z-index: 99;
}

.honor-btn .mr_frBtnR:hover {
	background: url(../images/prev-next.png) no-repeat right bottom;
}

.partner-bar {
	width: 580px;
	float: right;
	position: relative;
	overflow: hidden;
}

.partner-scroll ul {
	width: 580px;
	height: 230px;
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}

.partner-scroll ul li {
	width: 580px;
	height: 230px;
	float: left;
	position: relative;
}

.partner-scroll ul li a {
	display: block;
	position: absolute;
}

.partner-scroll ul li a.part-1 {
	left: 0;
	top: 0;
}

.partner-scroll ul li a.part-2 {
	left: 118px;
	top: 0;
}

.partner-scroll ul li a.part-3 {
	left: 236px;
	top: 0;
}

.partner-scroll ul li a.part-4 {
	left: 354px;
	top: 0;
}

.partner-scroll ul li a.part-5 {
	left: 472px;
	top: 0;
}

.partner-scroll ul li a.part-6 {
	left: 59px;
	top: 102px;
}

.partner-scroll ul li a.part-7 {
	left: 177px;
	top: 102px;
}

.partner-scroll ul li a.part-8 {
	left: 295px;
	top: 102px;
}

.partner-scroll ul li a.part-9 {
	left: 413px;
	top: 102px;
}

/*partner block--end*/

.contact-block {
	width: 100%;
	background: #f9f9f9;
}

.contact-block .main {
	width: 1200px;
	margin: 0 auto;
	padding: 70px 0;
	overflow: hidden;
}

.contact-block .con-text {
	width: 900px;
	float: left;
}

.contact-block .con-text p {
	font-size: 14px;
	color: #666666;
	line-height: 2.14;
	margin: 0;
	float: left;
	margin-right: 30px;
	padding-left: 22px;
}

.contact-block .con-text p.con-1 {
	background: url(../images/con-icon1.png) no-repeat left center;
}

.contact-block .con-text p.con-2 {
	background: url(../images/con-icon2.png) no-repeat left center;
}

.contact-block .con-text p.con-3 {
	background: url(../images/con-icon3.png) no-repeat left center;
}

.contact-block .con-text p.con-4 {
	background: url(../images/con-icon4.png) no-repeat left center;
}

.contact-block .con-text p a {
	text-decoration: none;
	color: #666;
}

.contact-block .con-text p a:hover {
	text-decoration: underline;
}

.contact-block .contact-btn {
	display: block;
	width: 158px;
	height: 38px;
	border: 1px #dfdfdf solid;
	border-radius: 4px;
	float: right;
	text-decoration: none;
	font-family: 'BRITANIC';
	font-size: 16px;
	color: #cccccc;
	text-align: center;
	line-height: 38px;
}

.contact-block .contact-btn:hover {
	background: #156248;
	border-color: #156248;
	color: #fff;
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-ms-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}

/*contact block--end*/


.bottom {
	width: 100%;
	background: #176148;
	padding: 80px 0;
	border-bottom: 1px #1c694f solid;
}

.bottom .main {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.bottom h3 {
	font-size: 16px;
	color: #fff;
	margin-top: 0;
}

.bottom .bom-l {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}

.bottom .bom-l li {
	float: left;
	margin-right: 26px;
}

.bottom .bom-l li a,
.bottom .bom-r p {
	display: block;
	font-size: 14px;
	color: #48937a;
	line-height: 2.14;
	text-decoration: none;
	margin: 0;
}

.bottom .bom-l li a:hover {
	color: #fff;
}

.bottom .bom-r {
	float: right;
	overflow: hidden;
}

.bottom .bom-r div {
	width: 100px;
	padding: 9px;
	border: 1px #48937a solid;
	float: left;
	margin-left: 15px;
}

.bottom .bom-r div p {
	background: url(../images/qr-bj.png) no-repeat center top;
	padding-top: 30px;
	text-align: center;
	margin-top: 20px;
}

/*bottom--end*/
.footer {
	width: 100%;
	height: 78px;
	background: #176148;
	border-top: 1px #115840 solid;
}

.footer .main {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.footer .main p,
.footer .main a {
	font-size: 14px;
	color: #48937a;
	line-height: 78px;
}

.footer .main p {
	float: left;
	margin: 0;
}

.footer .main a {
	display: block;
	float: right;
	text-decoration: none;
}

.footer .main a:hover {
	color: #fff;
}

/*footer--end*/

.main-content {
	width: 100%;
	overflow: hidden;
}

.main-content .headline {
	height: 80px;
	border-bottom: 1px #dfdfdf solid;
	text-align: center;
}

.headline a {
	display: inline-block;
	height: 28px;
	padding: 0 30px;
	border: 1px #dfdfdf solid;
	border-radius: 15px;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	line-height: 28px;
	margin-top: 25px;
	margin-left: 13px;
	margin-bottom: 13px;
}

.headline a:hover,
.headline a.sub-active {
	background: #156248;
	color: #fff;
	border-color: #156248;
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-ms-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}

.main-text {
	width: 1200px;
	margin: 0 auto;
	padding: 80px 0;
	overflow: hidden;
}

.main-text p {
	font-size: 14px;
	color: #666666;
	line-height: 2.14;
	margin: 0;
}

.sub-title {
	text-align: center;
	margin-bottom: 50px;
}

.sub-title h1 {
	font-size: 30px;
	color: #d1a14f;
	margin: 0;
}

.sub-title h1 span {
	font-family: 'BRITANIC';
	font-size: 16px;
	color: #d1a14f;
	margin-left: 10px;
	font-weight: normal;
}

.sub-title i {
	display: block;
	width: 40px;
	height: 1px;
	background: #d1a14f;
	margin: 0 auto;
	margin-top: 30px;
}

.about-text p img {
	margin-left: 40px;
	margin-bottom: 40px;
}

/*about--end*/
.culture-t {
	width: 1120px;
	height: 240px;
	padding: 50px 40px;
	background: url(../images/img/about-2.jpg) no-repeat left top;
	margin-bottom: 60px;
}

.culture-l h4,
.culture-r h4 {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 16px;
	color: #333333;
}

.culture-l {
	width: 580px;
	float: left;
	border-right: 1px #f0f0f0 solid;
	background: url(../images/img/culture-1.jpg) no-repeat right 35px;
}

.culture-r {
	width: 580px;
	float: right;
	border-right: 1px #f0f0f0 solid;
	background: url(../images/img/culture-2.jpg) no-repeat right bottom;
}

/*culture--end*/
.honor-text .honor-t {
	border-bottom: 1px #dfdfdf solid;
	padding-bottom: 60px;
	margin-bottom: 50px;
}

.honor-text .honor-list {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}

.honor-list li {
	/*float: left;*/
	width: 208px;
	margin-left: 30px;
	margin-left: 24px\9;
	margin-bottom: 30px;
	display: inline-block;
	vertical-align: top;
}

.honor-list li:nth-child(5n+1) {
	margin-left: 0;
}

.honor-list li a img {
	display: block;
	border: 1px #dfdfdf solid;
}

.honor-list li a {
	display: block;
	width: 206px;
	border: 1px #dfdfdf solid;
	padding: 4px;
}

.honor-list li p {
	line-height: 1.42;
	margin: 20px 0;
}

/*honor--end*/

.partner-text .partner-1,
.partner-text .partner-2 {
	overflow: hidden;
	margin-bottom: 100px;
}

.partner-1 h2,
.partner-2 h2 {
	font-size: 22px;
	color: #d1a14f;
	text-align: center;
	margin: 0;
}

.partner-1 ul,
.partner-2 ul {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	text-align: center;
}

.partner-1 ul li {
	display: inline-block;
	border: 1px #dfdfdf solid;
	margin: 0 12px;
	margin-top: 30px;
}

.partner-2 ul li {
	float: left;
	border: 1px #dfdfdf solid;
	margin-left: 30px;
	margin-left: 25px\9;
	margin-top: 30px;
}

.partner-2 ul li:nth-child(6n+1) {
	margin-left: 0;
}

/*partner--end*/

.crafts-box {
	overflow: hidden;
}

.crafts-l {
	width: 580px;
	float: left;
}

.crafts-l h2,
.crafts-r h2 {
	font-size: 22px;
	color: #d1a14f;
	border-left: 4px #156248 solid;
	padding-left: 10px;
	margin-top: 0;
	margin-bottom: 30px;
}

.crafts-l div {
	background: url(../images/img/craft-1.jpg) no-repeat left top;
	min-height: 200px;
	padding-top: 330px;
	padding-right: 180px;
}

.crafts-l div h4 {
	font-size: 16px;
	color: #333333;
	margin-top: 0;
	margin-bottom: 10px;
}

.crafts-r {
	width: 580px;
	float: right;
}

.crafts-r ul {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}

.crafts-r ul li {
	width: 323px;
	height: 118px;
	border: 1px #dfdfdf solid;
	padding-left: 190px;
	padding-right: 65px;
	padding-top: 40px;
	margin-bottom: 20px;
	box-shadow: 0 0 5px #dfdfdf;
}

.crafts-r ul li.craft-1 {
	background: url(../images/img/craft-2.jpg) no-repeat left top;
}

.crafts-r ul li.craft-2 {
	background: url(../images/img/craft-3.jpg) no-repeat left top;
}

.crafts-r ul li.craft-3 {
	background: url(../images/img/craft-4.jpg) no-repeat left top;
}

.crafts-r ul li h4 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 16px;
	color: #333333;
}

.crafts-r ul li p {
	height: 58px;
	overflow: hidden;
}

/*crafts--end*/

.analyze-pic {
	/*border-right: 1px #dfdfdf solid;*/
}

.analyze-form {
	text-align: center;
	font-size: 14px;
	color: #666666;
	border-color: #dfdfdf;
	border: 1px #dfdfdf solid;
	margin-top: 55px;
}

.analyze-form td {
	height: 38px;
	border-color: #dfdfdf;
}

.analyze-form .form-head {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
}

.analyze-form .form-top {
	color: #333;
	font-weight: bold;
}

/*analyze--end*/

.advance,
.design {
	text-align: center;
	border: 1px #dfdfdf solid;
	margin-top: 60px;
	padding-top: 40px;
	padding-bottom: 50px;
}

.advance h3,
.design h3 {
	font-size: 22px;
	color: #333333;
	margin: 0;
}

.advance ul {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	margin-top: 65px;
}

.advance ul li {
	width: 355px;
	float: left;
	margin-left: 30px;
}

.advance ul li h3 {
	font-size: 22px;
	color: #d1a14f;
	margin-top: 20px;
	margin-bottom: 0;
}

.advance ul li h4 {
	font-size: 16px;
	color: #030303;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 10px;
}

.design ul {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}

.design ul li {
	width: 240px;
	float: left;
	margin: 0 78px;
	margin-top: 65px;
}

/*advantages--end*/

.brand-l {
	width: 450px;
	height: 560px;
	float: left;
	background: url(../images/img/brand1.jpg) no-repeat left top;
	padding-left: 40px;
	padding-right: 90px;
	padding-top: 80px;

}

.brand-l h1 {
	margin-top: 0;
	font-size: 30px;
	color: #000000;
	margin-bottom: 10px;
}

.brand-l p {
	color: #000000;
}

.brand-r {
	width: 580px;
	float: right;
}

.brand-r .brand-title {
	display: block;
	width: 158px;
	height: 38px;
	border: 1px #dfdfdf solid;
	border-radius: 20px;
	text-align: center;
	line-height: 38px;
	background: url(../images/ball.png) no-repeat 33px center;
	text-indent: 10px;
	margin-bottom: 30px;
	font-weight: bold;
}

.brand-r h4 {
	font-weight: normal;
	font-size: 16px;
	color: #d1a14f;
	line-height: 1.87;
	margin: 0;
}

.value .brand-title {
	background: url(../images/ball.png) no-repeat 15px center;
}

.value ul {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}

.value ul li {
	overflow: hidden;
	margin-bottom: 15px;
}

.value ul li span {
	display: block;
	float: left;
	width: 43px;
	height: 44px;
	margin-top: 3px;
}

.value ul li p {
	width: 510px;
	float: right;
	line-height: 1.71;
}

/*brands--end*/

.brand01-text ul {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}

.brand01-text ul li {
	float: left;
	margin-left: 30px;
	margin-left: 24px\9;
	margin-bottom: 30px;
}

.brand01-text ul li:nth-child(5n+1) {
	margin-left: 0;
}

.brand01-text ul li a {
	display: block;
	padding: 4px;
	border: 1px #dfdfdf solid;
}

.brand01-text ul li img {
	display: block;
	border: 1px #dfdfdf solid;
}

.brand01-text ul li p {
	margin: 15px 0;
}

.page {
	overflow: hidden;
	text-align: center;
	margin-top: 20px;
}

.page a {
	display: inline-block;
	width: 38px;
	height: 38px;
	border: 1px #dfdfdf solid;
	font-size: 14px;
	color: #666666;
	line-height: 38px;
	text-decoration: none;
}

.page a:hover,
.page a.active-page {
	background: #156248;
	color: #fff;
}

/*brands-publicize--end*/

.brand02-text p img {
	display: block;
	border: 1px #dfdfdf solid;
}

.brand02-text p.photo {
	display: inline-block;
	padding: 9px;
	border: 1px #dfdfdf solid;
	float: right;
	margin-left: 80px;
	margin-bottom: 30px;
}

/*brands detail--end*/

.brand03-text ul {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}

.brand03-text li {
	width: 580px;
}

.brand03-text li.brandin-l {
	float: left;
}

.brand03-text li.brandin-r {
	float: right;
}

.brand03-text li img {
	display: block;
	border: 1px #dfdfdf solid;
}

.attest-l {
	float: left;
}

.attest-r {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	width: 536px;
	height: 418px;
	float: right;
	border: 1px #dfdfdf solid;
	border-left: none;
}

.attest-r li {
	width: 268px;
	float: left;
	text-align: center;
	margin-top: 38px;
}

.attest-r li a {
	text-decoration: none;
}

/*brands-attest--end*/

.product-item {
	position: relative;
	height: 510px;
	margin-top: 50px;
}

.product-item a {
	display: inline-block;
	box-shadow: 0px 0px 5px #cccccc;
}

.ie8 .product-item a {
	border: 1px #dfdfdf solid;
}

.product-item a.pro-item1 {
	position: absolute;
	left: 3px;
	top: 80px;
}

.product-item a.pro-item2 {
	position: absolute;
	left: 170px;
	top: 40px;
}

.product-item a.pro-item3 {
	position: absolute;
	left: 360px;
	top: 3px;
}

.product-item a.pro-item4 {
	position: absolute;
	right: 360px;
	top: 3px;
	z-index: 9;
}

.product-item a.pro-item5 {
	position: absolute;
	right: 170px;
	top: 40px;
	z-index: 8;
}

.product-item a.pro-item6 {
	position: absolute;
	right: 3px;
	top: 80px;
	z-index: 7;
}

/*products--end*/

.display-1 {
	overflow: hidden;
}

.display-1 .left {
	width: 580px;
	float: left;
}

.display-1 .left h3,
.display-2h2 p {
	font-size: 22px;
	color: #d1a14f;
	font-weight: normal;
	margin-top: 0;
}

.display-2h2 {
	margin-top: 30px;
}

.display-1 .left h4 {
	font-size: 16px;
	color: #333333;
	margin-bottom: 10px;
}

.display-1 .left h4 strong {
	color: #6eb92b;
	font-style: italic;
}

.display-1 .left div {
	border-top: 1px #dfdfdf solid;
	margin-top: 10px;
	padding-top: 10px;
}

.display-1 .left div p {
	background: url(../images/ball1.png) no-repeat left 10px;
	padding-left: 20px;
}

.display-1 .right {
	float: right;
	border: 1px #dfdfdf solid;
}

.display-2 {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	clear: both;
	margin-top: 60px;
}

.display-2 li {
	width: 285px;
	float: left;
	margin-left: 20px;
	margin-left: 15px\9;
	margin-bottom: 10px;
}

.display-2 li:nth-child(4n+1) {
	margin-left: 0;
}

.display-2 li img {
	display: block;
	width: 100%;
	max-height: 200px;
	border: 1px #dfdfdf solid;
}

.display-2 li p {
	text-align: center;
	font-size: 14px;
	color: #666666;
	margin: 10px 0;
}

.parameter-form {
	border-color: #dfdfdf;
	border: 1px #dfdfdf solid;
	text-align: center;
	font-size: 14px;
	color: #666666;
	margin-top: 30px;
}

.parameter-form td {
	height: 38px;
	border-color: #dfdfdf;
}

.display-4 {
	border-top: 1px #dfdfdf solid;
	margin-top: 60px;
	padding-top: 40px;
	overflow: hidden;
}

/*products-detail--end*/

.organic-bar {
	overflow: hidden;
	height: 120px;
	padding: 19px;
	border: 1px #dfdfdf solid;
}

.organic-bar a.pic {
	display: block;
	width: 200px;
	height: 120px;
	float: left;
}

.organic-bar div {
	width: 910px;
	float: right;
}

.organic-bar div a,
.organic-list li a {
	font-size: 16px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

}

.organic-bar div a:hover,
.organic-list li a:hover {
	color: #156248;
}

.organic-bar div span {
	display: block;
	font-size: 12px;
	color: #666666;
	margin-top: 5px;
	margin-bottom: 10px;
}

.organic-bar div p {
	line-height: 1.71;
	height: 69px;
	overflow: hidden;
}

.organic-list {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}

.organic-list li {
	border-bottom: 1px #dfdfdf solid;
	padding: 20px 0;
	margin-top: 20px;
}

.organic-list li a {
	margin-bottom: 10px;
}

/*organic-knowledge--end*/

.organicin-text .organic-title {
	font-size: 16px;
	color: #333333;
	margin: 0;
}

/*organic detail--end*/

.base-l {
	width: 580px;
	float: left;

}

.base-l .base-title {
	/*height: 60px;*/
	border-left: 4px #156248 solid;
	padding-left: 20px;
}

.base-l .base-title h3 {
	margin: 0;
	margin-top: 10px;
}

.base-l .base-title h2,
.orattest-l h2 {
	font-size: 22px;
	color: #d7ae6e;
	margin: 0;
}


.orattest-l .base-title {
	/*height: 60px;*/
	border-left: 4px #156248 solid;
	padding-left: 20px;
	width: 100%;
	float: none;
	margin-bottom: 1em;
	margin-top: 0;
}

.orattest-l .base-title h2,
.orattest-l h2 {
	font-size: 22px;
	color: #d7ae6e;
	margin: 0;
}

.orattest-l .base-title h3 {
	font-size: 16px;
	color: #030303;
	margin-bottom: 0;
	margin-top: 10px;
}


.orattest-l .base-title h3 {
	font-size: 16px;
	color: #030303;
	margin-bottom: 0;
	margin-top: 10px;
}


.base-font {
	margin-top: 20px;
}

.base-font p {
	background: url(../images/check.png) no-repeat left 8px;
	padding-left: 25px;
}

.base-r {
	width: 578px;
	float: right;
	border: 1px #dfdfdf solid;
	padding-bottom: 15px;
}

.base-r p {
	padding: 0 19px;
}

/*base--end*/

.orattest-l {
	width: 580px;
	float: left;
}

.orattest-l h2 {
	margin-bottom: 20px;
}

.orattest-l p {
	line-height: 3;
	background: url(../images/check.png) no-repeat left 13px;
	padding-left: 25px;
}

.orattest-l div {
	width: 130px;
	float: left;
	margin-right: 40px;
	margin-top: 30px;
}

.orattest-l div img {
	display: block;
	border: 1px #dfdfdf solid;
}

.orattest-l div p {
	text-align: center;
	background: none;
	padding: 0;
}

.orattest-r {
	width: 578px;
	border: 1px #dfdfdf solid;
	float: right;
}

.orattest-r img {
	display: block;
}

/*organic-attest--end*/

.project-l {
	width: 540px;
	border: 1px #dfdfdf solid;
	float: left;
	padding: 30px 19px;
}

.project-text .project-title {
	text-align: center;
	margin-bottom: 40px;
}

.project-text .project-title h2 {
	font-size: 22px;
	color: #d1a14f;
	margin: 0;
}

.project-text .project-title span {
	display: block;
	font-size: 16px;
	color: #d1a14f;
	font-family: 'BRITANIC';
}

.project-text .project-title i {
	display: block;
	width: 30px;
	height: 1px;
	background: #d1a14f;
	margin: 0 auto;
	margin-top: 20px;
}

.project-l .pro-link {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	margin-bottom: 20px;
}

.project-l .pro-link li {
	width: 118px;
	height: 78px;
	border: 1px #dfdfdf solid;
	float: left;
	margin-left: 20px;
	margin-left: 15px\9;
	margin-bottom: 20px;
}

.project-l .pro-link li:nth-child(4n+1) {
	margin-left: 0;
}

.project-name {
	font-size: 16px;
	color: #333333;
	margin: 0;
	line-height: 2.14;
}

.layout-box {
	margin-top: 40px;
}

.layout-box div img {
	display: block;
	border: 1px #dfdfdf solid;
}

.layout-box ul {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	margin-top: 20px;
}

.layout-box ul li {
	width: 167px;
	float: left;
	margin-left: 19px;
	margin-left: 12.6px\9;
}

.layout-box ul li:nth-child(3n+1) {
	margin-left: 0;
}

.project-r {
	width: 540px;
	border: 1px #dfdfdf solid;
	float: right;
	padding: 30px 19px;
}

.market-box {
	margin-top: 70px;
}

.market-box ol {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	margin-top: 20px;
}

.market-box ol li {
	overflow: hidden;
	margin-bottom: 10px;
}

.market-box ol li a {
	display: inline-block;
	height: 30px;
	padding: 0 20px;
	background: url(../images/ball2.png) no-repeat 15px center #156248;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	border-radius: 15px;
	text-indent: 10px;
	float: left;
}

.market-box ol li p {
	float: left;
	margin-left: 20px;
}

/*project-advantage--end*/

.merchants-box {
	padding: 50px;
	border: 1px #dfdfdf solid;
	margin-bottom: 60px;
	overflow: hidden;
}

.merchants-box h2 {
	font-size: 22px;
	color: #d1a14f;
	text-align: center;
	margin-top: 0;
	margin-bottom: 40px;
}

.merchants-box .merchant-form1 {
	border: 1px #dfdfdf solid;
	text-align: center;
}

.merchants-box table {
	border: 1px #dfdfdf solid;
	border-color: #dfdfdf;
	font-size: 14px;
	color: #666;
	margin: 20px 0;
}

.merchants-box table tr {
	height: 38px;
}

.merchants-box table th {
	color: #333333;
	border-color: #dfdfdf;
}

.merchants-box table td {
	border-color: #dfdfdf;
}

.merchants-box .remark {
	color: #156248;
	margin-top: 20px;
}

.merchants-box .merchant-form2 {
	text-indent: 40px;
}

.merchants-box .merchant-form2 th {
	text-align: left;
}

.support-l {
	width: 530px;
	float: left;
}

.support-l p.sup-title,
.support-r p.sup-title {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}

.support-r {
	width: 530px;
	float: right;
}

/*Merchants--end*/

.join-list {
	width: 760px;
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}

.join-list li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.join-contact {
	width: 300px;
	float: right;
}

.join-contact h2 {
	text-align: left;
	margin: 0;
	margin-bottom: 10px;
}

.join-contact p a {
	color: #666;
	text-decoration: none;
}

.join-contact p a:hover {
	text-decoration: underline;
}

/*merchants-join--end*/


.service-text .merchants-box img {
	display: block;
	border: 1px #dfdfdf solid;
}

/*service--end*/

.news-list {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.news-list li {
	height: 120px;
	padding: 19px;
	border: 1px #dfdfdf solid;
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}

.news-list li a.pic {
	display: block;
	width: 180px;
	height: 120px;
	float: left;
}

.news-list li div {
	width: 940px;
	float: right;
}

.news-list li div h4 {
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.news-list li div h4 a {
	font-size: 16px;
	color: #333333;
	text-decoration: none;
}

.news-list li div h4 a:hover {
	color: #156248;
}

.news-list li div span {
	display: block;
	font-size: 14px;
	background: url(../images/clock.png) no-repeat left center;
	padding-left: 24px;
	color: #666;
	line-height: 1.71;
	margin-top: 10px;
}

.news-list li div p {
	line-height: 1.71;
	height: 69px;
	overflow: hidden;
}

.news-list li a.more-btn {
	display: block;
	width: 90px;
	height: 35px;
	background: url(../images/more-bj.png) no-repeat left top;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	position: absolute;
	right: 0;
	top: 20px;
	text-decoration: none;
}

.news-list li a.more-btn:hover {
	background: url(../images/more-bj.png) no-repeat left bottom;
}

/*news--end*/

.newsin-text .sub-title p {
	font-size: 14px;
	color: #666666;
	margin-top: 15px;
	margin-bottom: 0;
}

.newsin-text img {
	margin: 20px;
}

.flip {
	overflow: hidden;
	border-top: 1px #dfdfdf solid;
	border-bottom: 1px #dfdfdf solid;
	padding: 20px 0;
	margin-top: 60px;
}

.flip a {
	display: block;
	width: 550px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	height: 20px;
}

.flip a.prev {
	float: left;
	background: url(../images/flip.png) no-repeat 0 0;
	padding-left: 30px;
}

.flip a.prev:hover {
	background: url(../images/flip.png) no-repeat 0 -40px;
	color: #156248;
}

.flip a.next {
	float: right;
	text-align: right;
	background: url(../images/flip.png) no-repeat right -20px;
	padding-right: 30px;
}

.flip a.next:hover {
	background: url(../images/flip.png) no-repeat right -60px;
	color: #156248;
}

/*news detail--end*/

.con-box {
	overflow: hidden;
}

.con-box .con-l {
	width: 590px;
	float: left;
	overflow: hidden;
	padding-left: 30px;
	padding-top: 50px;
}

.con-box .con-l h4 {
	font-size: 16px;
	color: #d1a14f;
	margin: 0;
}

.con-box .con-l h2 {
	font-size: 22px;
	color: #666666;
	margin-top: 10px;
}

.con-box .con-l div {
	width: 280px;
	margin-right: 15px;
	float: left;
}

.con-box .con-r {
	float: right;
}

.map {
	width: 1198px;
	height: 398px;
	border: 1px #dfdfdf solid;
	margin-top: 60px;
}

/*contact--end*/

.feedback-form p {
	text-align: center;
}

.feedback-form span {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #c30000;
	line-height: 2.14;
}

.feedback-text table {
	width: 1200px;
	margin-top: 10px;
}

.feedback-text input,
.feedback-text textarea {
	font-size: 14px;
	width: 91%;
	height: 38px;
	line-height: 38px;
	margin: 0;
	margin: 15px 0;
	padding: 0;
	padding-left: 5px;
	color: #666666;
	border: 1px solid #e4e4e4;
	background: none;
}

.feedback-text textarea {
	width: 95.4%;
	height: 140px;
	padding-left: 5px;
	resize: vertical;
}

.feedback-text input:focus,
.feedback-text textarea:focus {
	border-color: #b2b8c6;
	outline: none;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(174, 184, 198, .3);
}

.feedback-text .submit {
	padding: 0;
	font-size: 14px;
	line-height: 40px;
	font-weight: bold;
	width: 160px;
	height: 40px;
	color: #fff;
	background: #156248;
	border: none;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}

/*feedback--end*/

.job-form {
	border-color: #dfdfdf;
	border: 1px #dfdfdf solid;
}

.job-form tr {
	height: 38px;

}

.job-form tr th {
	text-align: left;
	padding-left: 20px;
	font-size: 16px;
	color: #333;
	background: #f0f0f0;
	border-color: #dfdfdf;
}

.job-form td {
	font-size: 14px;
	color: #666;
	padding-left: 20px;
	border-color: #dfdfdf;
}

.job-form td a {
	color: #666;
	text-decoration: none;
}

.job-form td a:hover {
	color: #156248;
}

.joinin-text .job-item {
	font-size: 14px;
	color: #333333;
	margin: 0;
	line-height: 2.14;
}

/*join us--end*/