/*public*/
html {font-size:62.5%;}

@font-face{
	font-family:'SIYUAN';
	src:url('../fonts/SOURCEHANSANSCN-LIGHT.OTF');
}

/*index*/
.index_body {background:url(../images/img/index_bg.jpg) center center no-repeat; background-size:100%;}
.head {overflow:hidden;}
.head .logo {overflow:hidden; float:left; width:45%; margin:7% 0 0 5%;}
.head .logo img {display:block; width:100%;}
.head .head_right {overflow:hidden; float:right; width:50%; position:relative;}
.head .head_right img {display:block; width:100%;}
.head .head_right a {position:absolute; display:block; right:13%; top:28%; width:13%;}
.head .head_right a img {display:block; width:100%;}

#menu-wrapper .menu_top {overflow:hidden; border-bottom:1px solid #353535; padding-bottom:5%;}
#menu-wrapper .menu_top .menu_logo {float:left; width:45%; margin:7% 0 0 5%;}
#menu-wrapper .menu_top a {display:block; float:right; width:6%; margin:7% 7% 0 5%;}
#menu-wrapper .menu_top a img {display:block; width:100%;}
#menu-wrapper #menu ul {overflow:hidden; list-style-type:none; padding:10% 0 7%; margin:0;}
#menu-wrapper #menu ul li {overflow:hidden; line-height:40px;}
#menu-wrapper #menu ul li a {font-size:1.8rem; color:#fff;}
#menu-wrapper #menu .ewm {overflow:hidden; width:50%; margin:0 auto 10%; padding:2% 2% 0; background:#fff; border:10px solid #323232;}
#menu-wrapper #menu .ewm div {overflow:hidden; margin-bottom:2%;}
#menu-wrapper #menu .ewm div img {display:block; width:100%;}

.index_by {position:relative; text-align:center; line-height:30px; padding-bottom:63%;}
.index_by p {font-size:2.5rem; color:#fff; font-family:'SIYUAN';}
.index_by .p1 {font-size:3.5rem;}
.index_by .p1 span {font-weight:bold; color:#b7d200;}
.index_by .p2 {font-family:'SimSun'; font-size:1.6rem;}
.index_by .p2 span {color:#b7d200 !important;}
.index_by div {position:relative; width:85%; margin:0 auto; padding:15% 0;}
.index_by div .index_f1 {position:absolute; left:-8.7%; top:0; width:20%;}
.index_by div .index_f2 {position:absolute; right:-8.7%; bottom:0; width:20%;}
.index_by .index_goods_zs {position:absolute; width:100%; left:0; bottom:0; padding:0; z-index:10;}
.index_by .index_goods_zs img {display:block; margin:0 auto; width:80%;}
.index_by .index_j1 {position:absolute; left:0; bottom:-20%; width:100%; z-index:9;}
.index_by .index_j2 {position:absolute; left:0; bottom:-20%; width:85%;}

.index_js {position:relative; width:85%; margin:0 auto; padding:60% 0 28%;}
.index_js dd {overflow:hidden; margin-left:0; margin-bottom:5%;}
.index_js dd p {font-size:1.6rem; background:url(../images/img/index_js_x.png) left top no-repeat; color:#fff; background-size:15%; padding:5% 0 0 10%;}
.index_js dd .p1 {overflow:hidden; font-size:2.2rem; color:#b7d200; background:none; padding:0; margin-bottom:2%;}
.index_js dd .p1 span {font-size:1.6rem; margin-left:2%; color:#787878;}
.index_js .index_j3 {position:absolute; top:15%; right:-8.7%; width:75%;}

.index_goods {position:relative; padding-top:30%; margin-bottom:10%;}
.index_goods .bt {font-family:'SIYUAN'; text-align:center; line-height:25px; position:absolute; top:0; width:100%; font-size:3rem; color:#323232; z-index:10;}
.index_goods .bt span {font-family:'SIYUAN'; font-size:1.6rem; color:#787878;}
.index_goods ul {overflow:hidden; width:85%; margin:0 auto; padding:0;}
.index_goods ul li {overflow:hidden; position:relative; list-style-type:none; margin-bottom:10%;}
.index_goods ul li .pic {overflow:hidden; float:left; width:50%;}
.index_goods ul li .pic img {display:block; width:100%; float:left;}
.index_goods ul li .title {overflow:hidden; position:absolute; top:50%; right:0; width:49%; padding-left:11%; background:url(../images/img/index_goods_x.jpg) left center no-repeat; background-size:17%;}
.index_goods ul li:nth-child(2n) .pic {float:right;}
.index_goods ul li:nth-child(2n) .title {width:50%; left:0; padding-right:10%; padding-left:0; background:url(../images/img/index_goods_x.jpg) right center no-repeat; background-size:17%;}
.index_goods ul li .title p {font-size:1.6rem; color:#fff;}
.index_goods ul li .title .p1 {font-family:'Microsoft Yahei'; font-weight:bold; color:#b7d200; font-size:1.8rem;}
.index_goods ul li .title .p1 span {font-size:1.3rem;}
.index_goods .more {overflow:hidden; width:100%; text-align:center;}
.index_goods .more a {font-size:1.8rem; color:#999;}
.index_goods .index_j4 {position:absolute; right:0; top:-20%; width:85%; z-index:1;}
.index_goods .index_j5 {position:absolute; right:0; top:-19.5%; width:75%;}

.index_ys {overflow:hidden;}
.index_ys .index_ys_gd {overflow:hidden; background:#b7d200;}
.index_ys .index_ys_gd p {margin-bottom:0; color:#323232; font-size:1.6rem; line-height:30px;}
.index_ys .index_ys_gd .bt {font-family:'SIYUAN'; font-size:3rem; color:#323232; line-height:25px; text-align:center; margin-bottom:10%; padding-top:2%;}
.index_ys .index_ys_gd .bt span {font-family:'SIYUAN'; font-size:1.6rem; color:#787878;}
.owl-carousel {margin:0 auto;}
.owl-carousel .owl-nav {overflow:hidden;}
.owl-carousel .item {overflow:hidden;}
.owl-carousel .item .bh {overflow:hidden; line-height:35px; margin-bottom:10%;}
.owl-carousel .item .bh p {font-family:'Microsoft Yahei'; font-size:3.5rem; color:#323232; font-weight:bold;}
.owl-carousel .item .bh .p1 {font-weight:initial; margin:2% 0 0 5%; font-size:2.5rem; background:url(../images/img/index_ys_x.png) left top no-repeat; background-size:15%; padding:3% 0 0 12%;}

.index_about {overflow:hidden; margin:10% auto 0; padding-bottom:28%;}
.index_about .bt {font-family:'SIYUAN'; font-size:3rem; color:#fff; line-height:25px; text-align:center; margin-bottom:10%; padding-top:2%;}
.index_about .bt span {font-family:'SIYUAN'; font-size:1.6rem; color:#787878;}
.index_about .on {width:70%; float:right; position:relative; margin-bottom:20%;}
.index_about .on img {display:block; width:100%;}
.index_about .on p {font-family:'SIYUAN'; line-height:30px; position:absolute; padding:20% 10% 5%; font-size:2rem; color:#323232; left:-15%; bottom:-15%; background:url(../images/img/index_about_bg.png) #b7d200 center 20% no-repeat; background-size:80%;}
.index_about .more {overflow:hidden; width:100%; text-align:center;}
.index_about .more a {font-size:1.8rem; color:#999;}

.index_zsjm {position:relative; padding-top:30%; padding-bottom:10%; margin-bottom:60%;}
.index_zsjm .bt {font-family:'SIYUAN'; text-align:center; line-height:25px; position:absolute; top:0; width:100%; font-size:3rem; color:#323232; z-index:10;}
.index_zsjm .bt span {font-family:'SIYUAN'; font-size:1.6rem; color:#787878;}
.index_zsjm .index_j6 {position:absolute; right:0; top:-38%; width:85%; z-index:1;}
.index_zsjm .index_j7 {position:absolute; right:0; top:-20%; width:75%;}
.index_zsjm .index_j8 {position:absolute; left:0; right:0; width:100%;}
.index_zsjm .more {overflow:hidden; width:100%; text-align:center; position:absolute; bottom:0; z-index:10;}
.index_zsjm .more a {font-size:1.8rem; color:#999;}
.index_zsjm .on {overflow:hidden; width:70%; margin:0 auto;}
.index_zsjm .on p {font-size:1.6rem; line-height:40px; background:url(../images/img/index_js_x.png) left top no-repeat; color:#fff; background-size:15%; padding:5% 0 0 10%;}
.index_zsjm .on .p1 {overflow:hidden; line-height:28px; font-size:2.2rem; color:#b7d200; background:none; padding:0; margin-bottom:2%;}
.index_zsjm .on .p1 span {font-size:1.6rem; margin-left:2%; color:#787878;}

/*page*/
.page_content {overflow:hidden; padding:7% 5%; line-height:25px; color:#323232;}
.page_banner {overflow:hidden; height:200px;}

/*join*/
.join {overflow:hidden; background:#eaeaea; padding-bottom:60px;}
.join .bt {font-size:2rem; color:#393939; line-height:27px; text-align:center; margin-bottom:5%;}
.join .join_banner {display:block; width:100%;}
.join .join_top {overflow:hidden; padding:0 5%; margin:5% 0;}
.join .join_top img {display:block; margin:2% auto 5%; max-width:100%;}
.join .join_top dl {overflow:hidden;}
.join .join_top dl dd {margin:0 auto 2%;}
.join .join_top dl dd span {display:block; padding-top:7px; float:left; font-size:4rem; color:#b7d200; width:20%; text-align:center;}
.join .join_top dl dd p {float:left; font-size:1.5rem; width:80%; margin-bottom:4%;}
.join .join_on {overflow:hidden;}
.join .join_on .join_on_t {display:block; width:100%;}
.join .join_on .join_on_b {display:block; width:100%;}
.join .join_on .join_ys {overflow:hidden;}
.join .join_on .join_ys .item div {overflow:hidden; margin:0 auto 7%;}
.join .join_on .join_ys .item div img {display:block; width:100%;}
.join .join_on .join_ys .item p {font-size:1.5rem; color:#323232; line-height:25px;}
.join .join_on .join_ys .item p span {display:block; font-size:2.2rem; color:#323232; margin-bottom:3%;}
.join .join_on .join_ys .owl-controls {margin-top:2% !important;}
.join .join_bottom  {overflow:hidden; background:#fff; padding:5% 0;}
.join .join_bottom .join_jm {overflow:hidden; font-size:1.5rem; color:#505050; line-height:25px;}
.join .join_bottom .join_jm .p1 {font-size:2rem; color:#505050; margin-bottom:3%; line-height:85px; margin-bottom:-15px;}
.join .join_bottom .join_jm .p1 span {display:block; float:left; font-size:7rem; color:#b7d200; line-height:55px; margin-right:4%;}
.join .join_bottom .join_jm .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {background:#b7d200 !important;}
.join .join_dh {overflow:hidden; position:relative;}
.join .join_dh img {display:block; width:100%;}
.join .join_dh p {position:absolute; left:50%; bottom:10px; font-size:3rem; color:#323232;}

/*pro_nav*/
.pro_nav {overflow:hidden; background:#fff;}
.pro_nav ul {overflow:hidden; padding:3% 0 0;}
.pro_nav ul li {overflow:hidden; width:20%; float:left; text-align:center; margin-bottom:3%;}
.pro_nav ul li a {display:block; width:85%; margin:0 auto; line-height:30px; border-radius:15px;}
.pro_nav ul li .on {background:#b7d200;}

.footer_nav {position:relative; width:100%;}
.footer_nav .phone {margin-bottom:0; position:absolute; left:7%; bottom:105px; font-size:1.7rem; color:#323232 !important;}
.footer_nav .phone a {font-family:'SIYUAN'; display:block; margin-top:2%; font-size:3rem;}
.footer_nav .index_j8 {position:absolute; left:0; bottom:0; width:100%;}
.footer_nav div {background:#1e1e1e; height:60px; position:fixed; overflow:hidden; width:100%; display:flex; left:0; bottom:0; display:-moz-box; display:-ms-flexbox; display:-webkit-box; display:-webkit-flex; z-index:10;}
.footer_nav div a {font-family: "microsoft yahei",'Arial', 'Verdana','Helvetica', sans-serif; font-size:.24rem !important; height:60px; color:#969696; flex:1; -moz-box-flex:1; -ms-flex:1; -webkit-box-flex:1; -moz-box-flex:1; text-align:center;}
.footer_nav div a img {display:block; height:38%; margin:9.5% auto 2%;}

/*兼容*/
@media screen and (max-width:400px) {
	.index_zsjm .index_j6 {top:-36%;}
	.center-top {padding-top:60px;}
	.index_js dd p {font-size:1.4rem;}
}
@media screen and (max-width:375px) {
	.join .join_dh p {font-size:2.8rem; bottom:6px;}
}
@media screen and (max-width:370px) {
	.index_by p {font-size:2rem;}
	.index_by .p1 {font-size:3rem;}
	.index_by .p2 {font-size:1.4rem;}
	.index_goods .index_j4 {top:-20%; width:88%;}
	.index_goods .index_j5 {top:-19%; width:78%;}
	.index_zsjm .index_j6 {top:-33.5%; width:87%;}	
	.index_zsjm .index_j7 {top:-18.5%; width:77%;}	
	.index_zsjm .on p {font-size:1.4rem;}
	.footer_nav .phone {bottom:95px;}
	.footer_nav .phone a {font-size:2.4rem;}
	#menu-wrapper #menu ul {padding:8% 0 5%;}
	#menu-wrapper #menu ul li {line-height:35px;}
	#menu-wrapper #menu ul li a {font-size:1.6rem;}
	.center-top {padding-top:70px;}
}
@media screen and (max-width:320px) {
	.join .join_dh p {font-size:2.3rem; bottom:2px;}
}