@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{
	font-size: 22px;
	color: #d1a14f;
	font-weight: normal;
	margin-top: 0;
}
.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*/
