@charset "utf-8";
/* CSS Document */
/* 平板电脑布局: 320px 至 374px。样式继承自: 移动设备布局。 */
@media only screen and (max-width:374px) {
	html,body{font-size:87.5%;}
}

/* 平板电脑布局:375px 至 413px。样式继承自: 移动设备布局。 */

@media only screen and (min-width: 375px) and (max-width:413px) {
	html, body{font-size:100%;}
}

/* 平板电脑布局:414px 至480px。样式继承自: 移动设备布局。 */
@media only screen and (min-width: 414px) and (max-width:479px) {
	html, body{font-size:100%;}

}

/* 桌面电脑布局: 481px 至最高 1232px。样式继承自: 移动设备布局和平板电脑布局。 */
@media only screen and (min-width: 480px) {
	html, body{font-size:130%;}
}

@font-face {
 font-family:'bookman_demi';
 src:url('fonts/bookman_demi-webfont.eot');
 src:url('fonts/bookman_demi-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bookman_demi-webfont.woff') format('woff'), url('fonts/bookman_demi-webfont.ttf') format('truetype'), url('fonts/bookman_demi-webfont.svg#bookman_demi-webfont') format('svg');
 font-weight:normal;
 font-style:normal;
}
@font-face {
font-family: 'iconfont';
 src: url('fonts/iconfont.eot'); /* IE9*/
 src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/iconfont.woff') format('woff'), /* chrome、firefox */ url('fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
	font-family:"iconfont" !important;
	font-style:normal;
}
html, body {
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
	max-width:640px;
	margin:auto;
	user-select: none;
	-webkit-user-select: none;
	font-family:"Microsoft YaHei";
	-webkit-text-size-adjust:none;
}
ul, li, h1, h2, h3, h4, h5, p, em, i {
	margin:0px;
	padding:0px;
	list-style:none;
	font-style:normal;
}
a,
a:visited,
a:link,
a:active {
	text-decoration:none;
	color:#000000;
	cursor:default;
	-webkit-user-select: none;
}
img{ vertical-align:bottom;height:auto;}
.clear{clear:both;}

.animate {
	opacity:0;
	-webkit-opacity:0;
	position:relative;
}
.head {
	text-align:left;
	background:#ff7200;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:30px;
	display:block;
	z-index:10;
	padding:5px 0;
	font-size:16px;
	transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
}
.phone-page-on .head{
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	transform:translateY(0);
	-webkit-transform:translateY(0);
}
.head .back_btn{ position:absolute; left:4%; height:30px; line-height:30px; width:15px; background:url(../images/back.jpg) 50% 50% no-repeat; display:none;}
.head .menu_btn {
	padding:0px;
	right:4%;
	height:30px;
	line-height:30px;
	position:absolute;
}
.head .menu_btn a {
	color:white;
	padding:2px 4px;
}
.head .menu_btn a.downmenu{font-size:22px;}
.head .menu_btn a.downmenu.hover {
	background:#de6300;
	border-radius:5px;
	box-shadow:1px 1px 1px #666;
}
.head .logo{float:left; height:30px; margin-left:3%;}
.head .logo img{height:100%;}
.head .menu_btn .tsite{font-size:16px;color:white; margin-right:5px;}
.head .menu_btn .tsite a{margin:2px;}
.head .menu_btn .tsite a.cur{ color:#191918;}

.phonebody {
	height:100%;
	width:100%;
	min-width: 320px;
	max-width: 640px;
	margin:auto;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	position:relative;
	font-size:1rem;
}
.fullscreen{
	width:100%;
	margin:auto;
	min-width: 320px;
	max-width: 640px;
	position:relative;
	top:0px;
	background:rgb(255,255,255);
	font-size:1rem;
}

.menu {
	height:100%;
	width:100%;
	min-width: 320px;
	position:fixed;
	top:0px;
	left:0px;
	z-index:9;
	transform:translate3D(0,-100%,0);
	-webkit-transform:translate3D(0,-100%,0);
}
.menu .slideMenu{ 
	width:100%; 
	height:100%;
	overflow:hidden;
	position:absolute; 
	top:0px; 
	left:0px; 
	background-image: url(../images/down.jpg);
	background-position:top center;
	background-size:cover;
	background-repeat:repeat;
	transition:transform 1s;
	-webkit-transition:transform 1s;
}
.menu.down .slideMenu{
	transform:translate3D(0,100%,0);
	-webkit-transform:translate3D(0,100%,0);
}
.menu ul {
	margin:auto;
	transform:translate3D(0,50px,0);
	-webkit-transform:translate3D(0,50px,0);
}
.menu ul li {
	line-height:2.5;
	text-align:center;
	color:#333;
	border-bottom:solid 1px #999;
	font-weight:500;
}
.menu ul li a {
	font-size:1.2rem;
}
.menu ul .tel {
	border-bottom:none;
	height:auto; padding:0px;
	background:url(../images/line.png) 0px 50% repeat-x;
}
.menu ul .tel img {
	width:40%;
	vertical-align:middle;
}
.menu .menu_footer {
	text-align:center;
	border:none;
	line-height:2;
	width:100%;
	left:0px;
	background:url(../images/black_alpha.png);
	padding-top:10%;
	color:white;
}
.menu .menu_footer a{color:white;}
.menu .menu_footer span.add{font-size:1rem;}
.menu .menu_footer span.add i{ font-style:normal;color:#ff7200}

.mainpage {
	width:100%;
	height:100%;
	overflow:hidden;
}
.mainpage .page {
	background:white;
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
	display:none;
	background-position:top center;
	background-size:cover;
	background-repeat:no-repeat;
}
.mainpage .page.w-current {
	z-index:1;
	display:block;
	transform: translateY(0);
	-webkit-transform: translateY(0);
}
.w-current .fadeInDown {
	-webkit-animation:fadeInDown 2s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.w-current .fadeInUp {
	-webkit-animation:fadeInUp 2s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.w-current .zoomIn {
	-webkit-animation:zoomIn 2s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.w-current .lineOut {
	-webkit-animation:lineOut 2s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.w-current .leftIn {
	-webkit-animation:leftIn 2s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.w-current .rightIn {
	-webkit-animation:rightIn 2s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.w-current .shake {
	-webkit-animation:shake 2s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.mainpage .page.w-active {
	z-index:3;
	display:block;
}
.mainpage .page ul.page-content {
	width:320px;
	margin:auto;
	color:#666;
	padding-top:70px;
	z-index:4;
	position:relative;
}
.mainpage .page ul.page-content li {
	display:block;
 transition: padding .5s;
}

.mainpage .page ul.page-static-animation {
	width:100%;
	color:#666;
	top:65px;
	position:absolute;
	z-index:4
}
.mainpage .page ul.page-static-animation li {
	display:block;
 transition: padding .5s;
}
.mainpage .page ul.page-static-animation .a-box{position:absolute; top:0px; padding-top:264px;left:6%;right:4%;}
.mainpage .page ul.page-static-animation li h2.title{color:#fd7100; font-size:1rem; font-weight:normal; font-size:1.6rem; line-height:1.7; display:block;}
.mainpage .page ul.page-static-animation li .abs{ line-height:1.7; display:block;}
.mainpage .page .sp{position:absolute;left:0px; top:0px; z-index:0;}
.mainpage .page .sp img{width:100%;}

.weixin_share{position:absolute; top:-100%; transform:translateY(-100%);-webkit-transform:translateY(-100%); z-index:-1;}
.weixin_share img{width:100%;}

/*关于我们*/
.mainpage .page ul.page-content li.squr {
	margin:auto;
	position:relative;
}
.mainpage .page ul.page-content li.squr .txt-box {
	border: 3px solid rgb(148, 200, 40);
	background:white;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:4;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.mainpage .page ul.page-content li.squr .txt-cont {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	padding-top:15px;
}
.w-current .txt-cont .fadeInUp {
	-webkit-animation:fadeInUp 2s ease 0.5s 1 both;
	-webkit-animation-play-state:initial;
}
.w-current .txt-cont .zoomIn {
	-webkit-animation:zoomIn 2s ease 0.5s 1 both;
	-webkit-animation-play-state:initial;
}
.mainpage .page ul.page-content li.squr .aboutzoom {
	width:214px;
	height:191px;
}
.mainpage .page ul.page-content li.squr .more {
	position:absolute;
	width:100%;
	left:0px;
	z-index:5;
}
.mainpage .page ul.page-content li.squr .anniu{ position:absolute;top:200px; width:100%; text-align:center;}
.mainpage .page ul.page-content li.squr .anniu a{ display:block; width:60px; height:60px; margin:auto; position:relative;}
.mainpage .page ul.page-content li.squr .anniu a img{ position:absolute; left:0px; top:0px;}
.flicker{ 
	-webkit-animation:zoomInOut 3s ease 2.5s infinite both;
	animation:zoomInOut 3s ease 2.5s infinite both;
	-webkit-animation-play-state:initial;
	animation-play-state:initial;
}
.mainpage .page ul.page-content li.squr .more a {
	float:right;
	display:block;
	font-size:12px;
	color:white;
}
.mainpage .page ul.page-content li.squr .more span {
	float:right;
	height:20px;
}
.mainpage .page ul.page-content li.squr .more span img {
	height:100%;
}
.mainpage .page ul.page-content li.squr .more span.more_pic {
	margin-top:5px;
	padding-left:7px;
}
.mainpage .page ul.page-content li.squr .more span.more_txt {
	line-height:15px;
}
/*产品*/
.mainpage .page .pro-hold {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-position:top center;
	background-size:cover;
	background-repeat:repeat;
	z-index:4;
}
.mainpage .page ul.page-content li.squr .prozoom {
	height:244px;
}
.mainpage .page ul.page-content li.squr .prozoom .num {
	position:absolute;
	width:88px;
	height:62px;
	left:8px;
	top:18px;
}
.mainpage .page ul.page-content li.squr .prozoom .protitle {
	line-height:20px;
	margin-top:15px;
	padding-left:85px;
}
.mainpage .page ul.page-content li.squr .prozoom .protitle span {
	text-align:left;
	display:block;
}
.mainpage .page ul.page-content li.squr .prozoom .protitle span.ti {
	color:#000000;
}
.mainpage .page ul.page-content li.squr .prozoom .procont {
	padding:0px 25px;
	text-align:left;
	margin-top:5px;
}
.mainpage .page ul.page-content li.prozt {
	width:222px;
	margin:auto;
}
.mainpage .page ul.page-content li.squr .promore {
	position:absolute;
	right:7px;
	top:190px;
	width:40px;
	height:46px;
	z-index:4;
}
.mainpage .page ul.page-content li.squr .promore a {
	width:40px;
	margin:auto;
	display:block;
}
.mainpage .page ul.page-content li.squr .promore a img {
	width:40px;
	position:absolute;
	top:0px; 
	left:0px;
}
.mainpage .page ul.page-content li.squr .promore a span.btn-txt {
	margin-bottom:3px;
	display:block;
	line-height:12px;
	visibility:hidden;
}
.line{ height:1px; line-height:1px; border-bottom:solid 1px #666; overflow:hidden; margin:7px auto;}

/*产品列表*/
.product{margin:40px 3% 3%; background:white;}
.product.pro{margin-top:96px;}
.product.pro .hot{position:absolute; left:0px; top:0px;width:15%}
.product ul li{ margin-bottom:10%; position:relative; border-sizing:border-box;-webkit-box-sizing:border-box; border:solid 1px #ccc; border-bottom:solid 3px #ccc; text-align:center; padding-bottom:10%;}
.product ul li .title{ line-height:2; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;overflow:hidden; white-space:nowrap;width:90%; margin:auto; margin-top:2%;}
.product ul li .title a{ padding:0px 30px; border-bottom:solid 1px #999; line-height:1.7; font-size:1.2rem;}
.product ul li p{color:#999; padding:0px 10px 5%;}
.product ul li .icon{ width:12.5%; padding-bottom:12.5%; background:url(../images/downbtn.png) center center no-repeat;position:absolute; left:50%; bottom:0px; background-size:cover; transform:translate3D(-50%,-50%,0);-webkit-transform:translate3D(-50%,50%,0); z-index:1}
.product ul li.last .icon{ display:none;}
.product ul li .hits{display:block; position:absolute; bottom:5px; right:10px; padding-left:8%; background-image:url(../images/hits.png); background-repeat:no-repeat; background-position:left 50%; background-size:50%;}
.product ul li img{width:100%; height:auto;  vertical-align:bottom;}
.pro-title{position:fixed;top:40px; left:0;width:100%; z-index:2; border-bottom:solid 1px #c1c1c1; text-align:center;}
.pro-title img{width:100%; max-width:640px; margin:auto;}
.pro-title .title{ position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); text-align:center; width:100%; color:#1d6501;}
.pro-title .title span{ font-size:62.5%; margin-left:5px;}
.pro-title .title span.num{ font-size:120%; margin:0px; position:relative; top:1px;}
.pro-title.news{ background:#ebebeb; padding:10px 0px; font-size:1rem; color:#666; width:100%; text-align:center;}
.pro-title.news h1{ font-size:18px; color:#333; white-space:nowrap; overflow:hidden; display:block; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin:0px 3%;}
.wp-content{}
.wp-content .proban{ margin-top:40px; position:relative;}
.wp-content .proban img{ width:100%;}
.wp-content .proban .box{position:absolute; width:43%; padding-bottom:20%; left:50%;top:52%; transform:tranlateX(-50%);-webkit-transform:translateX(-50%);z-index:5;}
.wp-content .proban .box .pannel{ border: 3px solid rgb(148, 200, 40);color:#666;background:url(../images/pngfix.png);text-align:center;position:absolute; top:0; bottom:0; width:100%; padding-top:7%; box-sizing:border-box;-webkit-box-sizing:border-box;}
.wp-content .proban .box .bt1{}

.wp-content .proban .zoomIn {
	-webkit-animation:zoomIn 2s ease 0.1s 1 both;
	-webkit-animation-play-state:initial;
}
.wp-content .proban .box .pannel.pro-hold { padding-left:12%;}
.wp-content .proban .box .pannel.pro-hold .bt{float:left; line-height:1.0; color:#bbb;}
.wp-content .proban .box .pannel.pro-hold .bt1{float:left; padding-left:2%; text-align:left; line-height:1.1; font-weight:bold;}
.wp-content .proban .box .pannel.pro-hold .bt1 span{color:#bbb; font-weight:normal;display:block; background-image:url(../images/productmore.png); background-repeat:no-repeat; background-position:right center;background-size:20%;}
.wp-content .prolist { margin:auto;margin-top:96px;}
.wp-content .prolist ul li{width:95%;text-align:center; -webkit-box-sizing:border-box; height:auto; margin:auto; overflow:hidden; border:solid 1px #ddd;margin-bottom:4%;}
.wp-content .prolist ul li .photo{background:white;float:left;width:62%; padding-bottom:30%; position:relative;}
.wp-content .prolist ul li .photo a{display:block; position:absolute; top:0px; left:0px; box-sizing:border-box;-webkit-box-sizing:border-box; width:100%; height:100%; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.wp-content .prolist ul li .desc{float:left; width:38%;text-align:left; -webkit-box-sizing:border-box; padding-left:5px; padding-right:5px;}
.wp-content .prolist ul li .desc .ad{ line-height:1.3; height:1.3; color:#858585;line-clamp: 2;-webkit-line-clamp: 2;overflow: hidden;  -webkit-box-orient: vertical;  display: -webkit-box;}
.wp-content .prolist ul li .desc .title{font-size:1.2rem;line-height:2; height:2;text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  overflow:hidden; white-space:nowrap;}
.wp-content .prolist ul li .desc .more a{color:#ff7200;float:right;}

.wp-content .prolist ul li figure{
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding-bottom: 100%; /* ؼ */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.wp-content .prolist ul li figure a{
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
}
.wp-content .prolist ul li img{width:100%; height:auto; display:inline; vertical-align:bottom;}

.wp-content .prolist1 { margin:auto;margin-top:90px;}
.wp-content .prolist1 ul{display:block; margin:auto;width:95%; margin-top:2%;}
.wp-content .prolist1 ul li{float:left;width:25%; margin:2% 0;}
.wp-content .prolist1 ul li a{display:block; width:82%; padding-top:82%; margin:auto; position:relative;  background-position:center center; overflow:hidden; background-repeat:no-repeat; background-size:cover; color:white;border-radius:50%; top:0; left:0;}
.wp-content .prolist1 ul li a em{display:block; position:absolute;width:100%; height:100%; text-align:center; top:0; left:0;background:rgba(0,0,0,0.6);}
.wp-content .prolist1 ul li a em font{position:absolute; left:0;width:100%; text-align:center;top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.wp-content .prolist1 .freeAD img{width:100%;}

/*新闻*/
body.bodycss{ background:#eee;}
.news.ad{ margin-top:40px; border-bottom:solid 1px #c1c1c1;}
.news.ad img{width:100%;}
.wp-content .detail.pro.news{ margin-top:10%;}
.wp-content .detail.pro.news h1.title{color:#333; text-align:left;}
.wp-content{}
/*推荐新闻*/
.wp-content .topad{border-bottom:solid 1px #ddd; padding-bottom:4%; margin-bottom:4%;}
.wp-content .topad.detail{ border:none; padding:0; margin:0;}
.wp-content .topad img{ width:100%;}
.wp-content .topad .photo{ position:relative;}
.wp-content .topad .hot{ position:absolute; left:0px; top:0px;width:10%}
.wp-content .topad h5 { margin-top:5px;}
.wp-content .topad h5 a{display:block; height:1.7; line-height:1.7; font-size:1rem; color:#3f3f3f; text-align:left;text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:bold;}
.wp-content .topad .desc{ color:#666; margin-top:1%; line-height:1.5; font-size:1rem;}
.wp-content .topad .box{position:absolute; width:43%; padding-bottom:20%; left:50%;top:52%; transform:tranlateX(-50%);-webkit-transform:translateX(-50%);z-index:5;}
.wp-content .topad .box .pannel{ border: 3px solid rgb(148, 200, 40);color:#666;background:rgba(255,255,255,0.9);text-align:center;position:absolute; top:0; bottom:0; width:100%; padding-top:7%; box-sizing:border-box;-webkit-box-sizing:border-box;}
.wp-content .topad .box .bt1{font-size:12px;}

.wp-content .topad .zoomIn {
	-webkit-animation:zoomIn 2s ease 0.1s 1 both;
	-webkit-animation-play-state:initial;
}

.wp-content .center{width:95%; margin:auto; margin-top:3%; padding-bottom:3%;}
.wp-content .newslist { padding-top:0%;width:100%; margin:auto;}
.wp-content .newspage{ margin-top:116px;}
.wp-content .center .newslist ul li{ height:auto; margin:auto; overflow:auto; border-bottom:solid 1px #ddd; position:relative; margin-bottom:4%;}
.wp-content .center .newslist ul li div.box{float:left; box-sizing:border-box;-webkit-box-sizing:border-box;}
.wp-content .center .newslist ul li div.bl{width:35%;}
.wp-content .center .newslist ul li div.br{width:60%; float:right;}
.wp-content .center .newslist ul li.multy{ padding-bottom:4%;}
.wp-content .center .newslist ul li.multy div.bl{width:100%;}
.wp-content .center .newslist ul li.multy div.box.br{width:100%; float:none;}
.wp-content .center .newslist ul li.multy .list{height:auto; margin:auto; overflow:hidden;}
.wp-content .center .newslist ul li.multy div.br span{width:32%; float:left; display:block; margin-right:2%;}
.wp-content .center .newslist ul li.multy div.br span.last{margin:0;}
.wp-content .center .newslist ul li div.bl figure{
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding-bottom: 70%; /* ؼ */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.wp-content .center .newslist ul li div.bl figure a{
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
}
.wp-content .center .newslist ul li div.br h5{ margin:0px; padding:0px; line-height:1.7; font-size:1rem;}
.wp-content .center .newslist ul li.multy div.br h5{ line-height:2;text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.wp-content .center .newslist ul li div.br h5 a{color:#3f3f3f;font-size:1rem;}
.wp-content .center .newslist ul li div.br .datetime{color:rgb(148, 200, 40);line-height:1.7;}
.wp-content .center .newslist ul li .more{ position:absolute; bottom:8%; right:3%;font-size:5vw; font-weight:bold; word-spacing:3px;color:rgb(63, 63, 63);}


/*列表分页*/
.pagebox{box-shadow:0px 1px 1px #666;margin-top:3%;height:35px; line-height:35px;}
.pagebox .txt_pagelist a{
	float:left;
	width:35%; 
	background:#fddab4;
	color:#404040;
	font-size:1rem;
	text-align:center;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.pagebox .txt_pagelist a.next{float:right;}
.pagebox .txt_pagelist .page-counter{display:block; float:left;font-size:1rem; width:30%; text-align:center; background:white; color:#7c7c7c;}

/*内容介绍页面*/
.wp-content .detail{}
.wp-content .detail h1.title{color:#333; font-size:1.2rem; display:block; line-height:1.7; padding:2% 3%; text-align:left; font-weight:normal;}
.wp-content .content{padding:3% 3%; background:white;line-height:1.8; color:#666; font-size:1rem;}
.wp-content .content img{width:auto;max-width:100%; height:auto;}
.wp-content .content p{ margin:4% 0;}
.wp-content .content .returnlist img{width:100%;}
.wp-content .backlist{ padding:5% 0 5%; height:1.7; line-height:1.7; overflow:visible; font-size:1rem;}
.wp-content .backlist a.btn{display:block;width:80%; margin:auto; padding:1.5% 0; text-align:center; border:solid 1px #a7a7a7; border-radius:20px; -webkit-border-radius:20px; background:white; font-size:1em;}

.wp-content .detail.pro{margin-top:96px;}
.wp-content .detail.pro.news{ margin-top:0px;}
.wp-content .detail.pro.news .content{ padding-top:32%;}
.wp-content .detail.pro h1.title{color:darkgreen;}
.wp-content .detail.pro .tj h2{color:#fd7100; font-weight:normal; text-align:center; padding:5% 0;} 
.wp-content .detail.pro .tj .tjlist{padding:1% 0; height:auto; margin:auto; overflow:auto;}
.wp-content .detail.pro .tj .tjlist ul{padding:0; margin:0;}
.wp-content .detail.pro .tj .tjlist ul li{float:left;width:47%; padding-bottom:50%; margin-left:2%; overflow:hidden; position:relative;}
.wp-content .detail.pro .tj .tjlist ul li a{display:block; height:100%; width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; top:0px; left:0px;}
.wp-content .detail.pro .tj .tjlist ul li.last{margin:0;}
.wp-content .detail.pro .tj .tjlist ul li span{position:absolute; top:2%; right:2%; width:15%;padding-bottom:15%; background:rgba(35,155,29,0.8); color:white; border-radius:50% 50%;}
.wp-content .detail.pro .tj .tjlist ul li span em{ font-style:normal; position:absolute; top:15%; left:0px; height:100%; line-height:100%;width:100%; text-align:center; font-size:1rem;}
.wp-content .detail.pro .tj .tjlist ul li img{width:100%;}

.wp-content .content.pro{padding:0% 2%; line-height:1.7}
.wp-content .content.pro p{padding:0px; margin:3% 0px; display:block;}
.wp-content .content.pro hr{ border:none; border-bottom:dashed 1px #bbb;}
.wp-content .content.pro img{width:auto; max-width:100%; height:auto;}

.wp-content .share{ background:white; overflow:hidden; padding:0;}
.wp-content .share .header{ padding:0 0 3%; margin:0px;}
.wp-content .share .header img{width:100%; display:block; vertical-align:bottom;display:inline; margin:0px;}
.wp-content .share ul{width:90%; margin:auto; padding-bottom:5%; height:auto; overflow:auto;}
.wp-content .share ul li{float:left;width:25%; text-align:center;font-size:0.8em;color:#999;}
.wp-content .share ul li img{width:60%; margin:auto;}
.wp-content .share ul li p{ padding:0px; line-height:2; margin:0px;}

.movetop {
	display:none;
}

.tools{position:fixed;width:100%;bottom:0px; padding:0; line-height:40px; z-index:7;text-align:center;}
.tools .search{ background:url(../images/dh.jpg);line-height:50px;}
.tools .toolbtn{color:rgb(148, 200, 40); height:40px; line-height:40px; font-size:16px; background-image:url(../images/searchone.png); background-position:90% 50%; background-repeat:no-repeat; background-size:13%; margin:auto;border:solid 1px #b4b4b4; border-radius:10px; padding:3px 20px; padding-right:50px;}
.tools .menulist{position:absolute;bottom:50px;width:100%;border-top:solid 2px rgb(148, 200, 40); transition:all 1s; -webkit-transition:all 1s;transform:translate3D(-100%,0,0);-webkit-transform:translate3D(-100%,0,0);-ms-transform:translate3D(-100%,0,0);}
.tools .menulist.hover{ 
	transform:translate3D(0,0,0);
	-webkit-transform:translate3D(0,0,0);
	-ms-transform:translate3D(0,0,0);
}
.tools .menulist li{float:left;line-height:40px; overflow:hidden; box-sizing:border-box; border-bottom:solid 1px #ddd;width:50%;background: rgba(0, 0, 0, 0.7); color:white; text-align:left;}
.tools .menulist li a{color:white; margin-left:15%;}
.tools .menulist li.cur a{color:rgb(148, 200, 40)}

.pager-box{
	text-align:center;
	position:fixed;
	bottom:6%;
	left:0px;
	width:100%;
	display:block;
	z-index:8;
}

.pager-box .pager{
	width:15%;
	line-height:1.5;
	margin:auto;
	border:solid 1px #ccc;
	border-radius:4px;
	background-color: rgba(0, 0, 0, 0.5);
	color:white;
}

/*上翻提示箭头*/
.arrow {
	text-align:center;
	position:fixed;
	bottom:20px;
	left:0px;
	width:100%;
	display:block;
	z-index:2;
}
.arrow img {
	width:23px;
	-webkit-animation:start 1.5s infinite ease-in-out;
	-moz-animation:start 1.5s infinite ease-in-out;
	animation:start 1.5s infinite ease-in-out;
}

/*电话按钮*/
.phone-btn{position:fixed; right:10px; bottom:110px;width:39px; height:39px; background-image:url(../images/phone.png); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; z-index:6; transform:rotate(0deg) scale(0);-webkit-transform:rotate(0deg) scale(0); }
.phone-btn.qq{ background-image:url(../images/online.png); bottom:60px;display:none;}

.phone-page-on .phone-btn{transition:all 1s ease;-webkit-transition:all 1s ease;transform:rotate(1080deg) scale(1);-webkit-transform:rotate(1080deg) scale(1);}

/*回到顶部*/
.backtop{position:fixed; right:12px; bottom:110px;width:35px; height:35px; background-image:url(../images/backtop.png); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; z-index:6; cursor:pointer; border-radius:5px;}
.backtop a{display:block;height:35px;}

/*底部*/
.footer{ text-align:center; color:#666; line-height:1.7; font-size:1rem; padding-bottom:15px; padding-top:15px; margin-top:20px; border-top:dashed 1px #999;}
.footer a{color:#666;}

#visit{color: rgb(255, 84, 0); font-weight:bold;}

.product-ad img{width:100%; height:auto;}

.clear {
	clear:both;
}

/*场景动画效果*/
/*下移渐变*/
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
-ms-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}

/*向上位移渐变*/
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
-ms-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}

/*放大*/
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50%, 100% {
opacity:1;
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50%, 100% {
opacity:1
}
}

/*拉长*/
@-webkit-keyframes lineOut {
0% {
opacity:1;
-webkit-transform:rotateY(90deg);
transform:rotateY(90deg);
}
100% {
opacity:1;
}
}
@keyframes lineOut {
0% {
opacity:1;
-webkit-transform:rotateY(90deg);
transform:rotateY(90deg);
}
100% {
opacity:1;
}
}

/*左边进入场景*/
@-webkit-keyframes leftIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes leftIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}

/*右边进入场景*/
@-webkit-keyframes rightIn {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes rightIn {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}

/*向上按钮*/
@-webkit-keyframes start {
0%, 30% {
opacity:0;
-webkit-transform:translate(0, 10px)
}
60% {
opacity:1;
-webkit-transform:translate(0, 0)
}
100% {
opacity:0;
-webkit-transform:translate(0, -8px)
}
}
@-moz-keyframes start {
0%, 30% {
opacity:0;
-moz-transform:translate(0, 10px)
}
60% {
opacity:1;
-moz-transform:translate(0, 0)
}
100% {
opacity:0;
-moz-transform:translate(0, -8px)
}
}
@keyframes start {
0%, 30% {
opacity:0;
transform:translate(0, 10px)
}
60% {
opacity:1;
transform:translate(0, 0)
}
100% {
opacity:0;
transform:translate(0, -8px)
}
}

/*抖动效果*/
@-webkit-keyframes shake {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes shake {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}

@keyframes zoomInOut{
	1%{
	opacity:1;
	-webkit-transform:scale(1)
	}
	20% {
	opacity:0;
	-webkit-transform:scale(1.5)
	}
	0%,100% {
	opacity:0;
	}
}

@-webkit-keyframes zoomInOut{
	1%{
	opacity:1;
	-webkit-transform:scale(1);
	}
	20% {
	opacity:0;
	-webkit-transform:scale(1.5);
	}
	0%,100% {
	opacity:0;
	}
}
/**/