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

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

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

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

/* 桌面电脑布局: 481px 至最高 1232px。样式继承自: 移动设备布局和平板电脑布局。 */
@media only screen and (min-width: 480px) {
 html {
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 {
	-webkit-text-size-adjust:none;
	margin:0px;
	padding:0px;
	height:100%;
	min-width: 320px;
	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;
}
.head {
	text-align:left;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	display:block;
	z-index:10;
	border-bottom:solid 2px #0072bb;
}
.head .phone-header{width:100%; max-width:640px;background:#ffffff;height:30px;font-size:16px;padding:5px 0; position:relative; margin:auto; box-shadow:0px 1px 3px rgba(0,0,0,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:#1e3246;
	padding:2px 4px;
}
.head .menu_btn a.downmenu {
	font-size:22px;
	position:relative;
	color:#1e3246;
}
.head .menu_btn a.downmenu.hover {
	background:#0072bb;
	border-radius:5px;
	color:#ffffff;
}
.head .menu_btn a.downmenu .icon {
	position:absolute;
	top:25px;
	right:3px;
}
.head .logo {
	float:left;
	padding-left:8px; padding-right:10px;
	height:40px;
	position:absolute;
	left:0px; top:0px; background:#0072bb;
}
.head .logo a{display:block;}
.head .logo img {
	margin-top:11px;
	height:18px;
}
.head .menu_btn .tsite {
	font-size:14px;
	color:white;
	margin-right:5px;
}
.head .menu_btn .tsite a {
	margin:2px;
	color:#1e3246;
}
.head .menu_btn .tsite a.cur {
	color:#0072bb;
}
.phonebody {
	height:100%;
	width:100%;
	min-width: 320px;
	max-width: 640px;
	margin:auto;
	-webkit-box-sizing: border-box;
	overflow:hidden;
	position:relative;
}
.fullscreen {
	width:100%;
	margin:auto;
	min-width: 300px;
	max-width: 640px;
	top:0px;
	overflow:hidden;
	background:#ffffff;
}
.menu {
	height:100%;
	width:100%;
	max-width:640px;
	position:fixed;
	top:0px;
	left:50%;
	z-index:9;
	transform:translate3D(-50%, -100%, 0);
	-webkit-transform:translate3D(-50%, -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 {
	top:0px;
	margin-left:50%;
	width:50%;
	background:rgba(0,0,0,0.5);
	padding-top:40px;
	box-sizing:border-box;
}
.menu ul li {
	line-height:50px;
	height:50px;
	color:#333;
	border-bottom:solid 1px #444444;
	border-top:solid 1px #a7a7a7;
	font-weight:500;
}
.menu ul li.last{border-bottom:none;}
.menu ul li a {
	font-size:1.2rem;
	color:white;
	padding-left:30px;
	display:block;
	box-sizing:border-box;
}
.menu ul li:first-child{border-top:none;}
.menu ul .tel {
	height:30px;
	position:relative;
	border:none;
}
.menu ul .tel img {
	width:75%;
	height:auto;
	vertical-align:middle;
}
.menu ul .tel a{ padding:0px;transform:translateY(20px);-webkit-transform:translateY(20px); text-align:center;height:auto; line-height:1;}
.menu .menu_footer {
	position:absolute;
	bottom:40px;
	text-align:center;
	border:none;
	line-height:2;
	width:100%;
	left:0px;
	font-size:14px;
	background:url(../images/black_alpha.png);
	color:white;
}
.menu .menu_footer a {
	color:white;
}
.menu .menu_footer .mark {
	line-height:2.5;
}
.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;
}
.w-current .pulse {
	-webkit-animation:pulse 2s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.w-current .bounceIn {
	-webkit-animation:bounceIn 1.5s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.w-current .bounceInDown {
	-webkit-animation:bounceInDown 1.5s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.w-current .rotateIn {
	animation:rotateIn 1.5s ease 0s 1 both;
	animation-play-state:initial;
	-webkit-animation:rotateIn 1.5s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}
.w-current .lightSpeedIn {
	animation:lightSpeedIn 1.5s ease 0s 1 both;
	animation-play-state:initial;
	-webkit-animation:lightSpeedIn 1.5s ease 0s 1 both;
	-webkit-animation-play-state:initial;
}

.mainpage .page.w-active {
	z-index:3;
	display:block;
}
.mainpage .page ul.page-content {
	width:100%;
	left:0px;
	color:#666;
	z-index:4;
	position:absolute;
	top:80px;
}
.mainpage .page ul.page-content li {
	display:block;
 	transition: padding .5s;
	text-align:center;
}
.mainpage .page ul.page-static-animation {
	width:100%;
	color:#666;
	top:70px;
	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:116%;
	left:6%;
	right:6%;
}
.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;
	padding-top:40px;
	left: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-zt {
	padding-top:100px;
	padding-bottom:20px;
}
.product-zt ul li {
	padding-bottom:15px;
}
.product-zt ul li.last {
	padding:0px;
}
.product-zt ul li .item{width:94%; margin:auto; background:#f2f2f2; padding-bottom:20px;}
.product-zt ul li a img {
	width:100%;
	margin:auto;
}
.product-zt ul li .title{height:30px; line-height:30px; font-size:16px; margin:0 3%; text-align:left;position:relative}
.product-zt ul li .title .t {
	display:block;
	color:#333333;
	line-height:30px;
	margin-top:10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	padding-left:30px;
}
.product-zt ul li .title .num{border-bottom:solid 1px #f58100; color:#f58100; font-size:20px; font-family:Arial, Helvetica, sans-serif;height:25px; line-height:25px; position:absolute; left:0px; top:0px;}
.product-zt ul li .title a span {
	font-weight:bold;
}
.product-zt ul li .desc {
	margin:10px 3% 0;
	font-size:12px;
	color:#666666;
	line-height:1.7;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
}
.product-zt ul li .pj {
	margin:0 0 20px;
	font-size:12px;
	color:#666666;
	line-height:2;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient: vertical;
}
.product-zt ul li .pj span{color:#3c5c9d;}
.product-zt ul li .pj a{ margin-left:5px;}
.product-zt ul li .more {
	line-height:25px;
	height:25px;
	font-size:12px;
	float:right;
	color:#ffffff;
	background:#f58100;
	width:70px; text-align:center;
}
.product-zt ul li .icon {
	margin-top:15px;
	text-align:center;
	height:20px;
	background: #fff url(../images/line_03.jpg) center repeat-x;
}
.product-zt ul li .icon img {
	width:25px;
}
.product-zt ul li.last .icon {
	display:none;
}
.product-zt ul li .photo {
	position:relative;
	text-align:center;
}
.product-zt ul li .ftitle {
	position:absolute;
	width:100%;
	height:30px;
	line-height:30px;
	bottom:20px;
	left:0px;
	background:rgb(237, 190, 0);
	color:#333;
}
.product-zt ul li .ftitle .cycle {
	width:105px;
	height:105px;
	position:absolute;
	left:20px;
	bottom:-20px;
}
.product-zt ul li .ftitle .cycle img {
	width:100%;
	height:auto;
}
.product-zt ul li .ftitle .num {
	font-style:normal;
	font-size:28px;
	float:left;
	width:110px;
	text-align:center;
	margin-left:20px;
	font-family:sans-serif
}
.product-zt ul li .ftitle .t {
	margin-left:0px;
	font-weight:bold;
	float:left;
}
.product-zt ul li .ftitle .pointer{float:right;width:40px; margin-right:30px;}
.product-zt ul li .ftitle .pointer img{width:100%;}
/*产品列表*/
.product {
	margin:40px 3% 3%;
}
.product.pro {
	margin-top:0px;
	padding-top:103px;
}
.product.pro .hot {
	position:absolute;
	left:0px;
	top:0px;
	width:15%
}
.product ul li {
	margin-bottom:10px;
	position:relative;
	border-sizing:border-box;
	-webkit-box-sizing:border-box;
	border:solid 1px #ccc;
	text-align:center;
	background:white;
}
.product ul li .desc {
	position:relative;
	min-height:85px;
}
.product ul li .title {
	width:90px;
	height:90px;
	border:solid 1px #ddd;
	background:white;
	position:absolute;
	top:-25px;
	left:5px;
	font-weight:bold;
}
.product ul li .title a {
	display:block;
	width:80px;
	height:80px;
	margin:auto;
	margin-top:5px;
	border:solid 1px #ddd;
	background:url(../images/title-bg.jpg) center;
	background-size:cover;
	box-sizing:border-box;
	padding-top:38px;
	color:white;
	font-size:14px;
}
.product ul li .title a p {
	font-weight:normal;
	font-size:12px;
}
.product ul li .title a span, .product ul li .title a p {
	display:block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.product ul li .wz {
	float:left;
	width:200px;
	text-align:left;
	box-sizing:border-box;
	padding-left:10px;
	padding-right:5px;
	padding-top:15px;
	color:#666;
	font-size:12px;
	margin-left:90px;
}
.product ul li .wz .abs {
	display:block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.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:15px;
	right:10px;
	padding-left:15px;
	background-image:url(../images/hits.jpg);
	background-repeat:no-repeat;
	background-position:left 50%;
	background-size:26%;
	font-size:12px;
}
.product ul li img {
	width:100%;
	height:auto;
	vertical-align:bottom;
}
.pro-title {
	position:fixed;
	top:40px;
	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:14px;
	color:#666;
	width:100%;
	text-align:center;
}
.pro-title.news h1 {
	font-size:18px;
	color:#333;
}
.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;padding-top:95px; padding-bottom:20px;}
.wp-content .prolist ul{
	margin-bottom:20px;
}
.wp-content .prolist ul li {
	text-align:center;
	margin-bottom:4%;
	-webkit-box-sizing:border-box;
}
.wp-content .prolist ul li .photo {
	width:95%;
	margin:auto;
	height:auto;
	overflow:hidden;
	padding-bottom:10px;
	background:#f2f2f2;
}
.wp-content .prolist ul li .photo .tu {
	position:relative;
}
.wp-content .prolist ul li .photo .tu .hot {
	position:absolute;width:25px; height:25px; background-image:url(../images/hot.png); background-position:left top; background-repeat:no-repeat; background-size:25px; top:0px; left:0px; z-index:1;
}
.wp-content .prolist ul li .photo .tu a {
	display:block;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:100%;
	padding:0px;
}
.wp-content .prolist ul li .advert {
	width:100%;
	line-height:2;
	height:auto;
	color:#858585;
	margin:auto;
	font-size:14px;
	overflow:auto;
}
.wp-content .prolist ul li .advert span {
	display:block;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.wp-content .prolist ul li .advert .ft {
	float:left;
	background-size:25px;
	background-repeat:no-repeat;
	background-position:3% center;
	line-height:2;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	width:80%;
	text-align:left;
	padding-left:8px;
	font-size:12px;
}
.wp-content .prolist ul li .advert .hit {
	float:right;
	line-height:2;
	width:20%;
	padding-left:20px;
	background-image:url(../images/hit.jpg);
	background-size:14px;
	background-repeat:no-repeat;
	background-position:3% center;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	text-align:left;
}
.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 .prolist ul li .title {
	overflow:hidden;
	width:96%;
	margin-top:10px;
}
.wp-content .prolist ul li .title a {
	display:block;
	height:25px;
	line-height:25px;
	text-align:left;
	padding:0px 8px;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	font-size:16px;
}


/*新闻*/
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 {
}

.float-ad {
	text-align: left;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	display: block;
	z-index: 6;
}
.topad {
	width:100%;
	max-width:640px;
	margin:auto;
	border-bottom:solid 1px #ddd;
	border-top:solid 1px #ddd;
	margin-top:40px;position:relative;
}
.topad img {
	display:inline;
	width:100%;
	vertical-align:bottom;
}
.topad span{position:absolute; top:50%; left:0px;width:100%; text-align:center; transform:translateY(-50%);-webkit-transform:translateY(-50%); z-index:1; color:#382000; font-size:16px; font-size:20px;}
.topad span i{font-size:12px;}

/*推荐新闻*/
.wp-content .hotnews{border-bottom:solid 1px #ddd; padding-bottom:4%; margin-bottom:4%; margin-top:85px;}
.wp-content .hotnews.detail{ border:none; padding:0; margin:0;}
.wp-content .hotnews img{ width:100%;}
.wp-content .hotnews .photo{ position:relative;}
.wp-content .hotnews .hot{ position:absolute; left:0px; top:0px;width:10%}
.wp-content .hotnews h5 { margin-top:5px;}
.wp-content .hotnews 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 .hotnews .desc{ color:#666; margin-top:1%; line-height:1.5; font-size:1rem;}
.wp-content .hotnews .box{position:absolute; width:43%; padding-bottom:20%; left:50%;top:52%; transform:tranlateX(-50%);-webkit-transform:translateX(-50%);z-index:5;}
.wp-content .hotnews .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 .hotnews .box .bt1{font-size:12px;}

.mark{color:#666; clear:both; padding-top:20px; border-bottom:solid 2px #f1f1f1; line-height:1.7; padding-bottom:3px;margin: 0 3%; font-size:12px;}
.mark a{color:#666}
.relate{ background:#f1f1f1;margin: 5px 3% 0px; padding:10px 5px;}
.relate ul li{
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	height:30px; line-height:30px; overflow:hidden;
	}
.relate ul li span{color:#ff8514; margin-right:10px;}
.relate ul li a, .relate ul li{color:#666; }

/*新闻列表一*/
.wp-content .center .newslist_1 ul li{ height:auto; margin:auto; overflow:auto; border-bottom:solid 1px #ddd; position:relative; margin-bottom:4%;}
.wp-content .center .newslist_1 ul li div.box{float:left; box-sizing:border-box;-webkit-box-sizing:border-box;}
.wp-content .center .newslist_1 ul li div.bl{width:35%;}
.wp-content .center .newslist_1 ul li div.br{width:60%; float:right;}
.wp-content .center .newslist_1 ul li.multy{ padding-bottom:4%;}
.wp-content .center .newslist_1 ul li.multy div.bl{width:100%;}
.wp-content .center .newslist_1 ul li.multy div.box.br{width:100%; float:none;}
.wp-content .center .newslist_1 ul li.multy .list{height:auto; margin:auto; overflow:hidden;}
.wp-content .center .newslist_1 ul li.multy div.br span{width:32%; float:left; display:block; margin-right:2%;}
.wp-content .center .newslist_1 ul li.multy div.br span.last{margin:0;}
.wp-content .center .newslist_1 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_1 ul li div.bl figure a{
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
}
.wp-content .center .newslist_1 ul li div.br h5{ margin:0px; padding:0px; line-height:1.7; font-size:1rem;}
.wp-content .center .newslist_1 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_1 ul li div.br h5 a{color:#3f3f3f;font-size:1rem;}
.wp-content .center .newslist_1 ul li div.br .datetime{color:rgb(148, 200, 40);line-height:1.7;}
.wp-content .center .newslist_1 ul li .more{ position:absolute; bottom:8%; right:3%;font-size:5vw; font-weight:bold; word-spacing:3px;color:rgb(255, 133, 20);}

/*产品列表*/
/*
.wp-content .prolist { margin:auto;margin-top:15px;}
.wp-content .prolist ul li{width:95%;text-align:center; -webkit-box-sizing:border-box; margin:auto; overflow:hidden; border:solid 1px #ddd;margin-bottom:4%;}
.wp-content .prolist ul li .photo{background:white;float:left;width:42%; padding-bottom:34%; position:relative; box-sizing:border-box;border-right:solid 1px #ddd; position:relative;}
.wp-content .prolist ul li .photo .hot{ position:absolute;width:25px; height:25px; background-image:url(../images/hot.png); background-position:left top; background-repeat:no-repeat; background-size:25px; top:2%; left:2%; z-index:1;}
.wp-content .prolist ul li .photo a{display:block; position:absolute; top:2%; left:2%; box-sizing:border-box;-webkit-box-sizing:border-box; width:96%; height:96%; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.wp-content .prolist ul li .desc{float:left; width:58%;text-align:left; -webkit-box-sizing:border-box; padding-left:5px; padding-right:5px; position:relative;}
.wp-content .prolist ul li .desc .ad{ line-height:1.3; height:1.3; color:#858585;line-clamp: 3;-webkit-line-clamp: 3;overflow: hidden;  -webkit-box-orient: vertical;  display: -webkit-box; font-size:12px; line-height:1.5; height:52px;}
.wp-content .prolist ul li .desc .title{font-size:14px;line-height:28px; height:28px;text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  overflow:hidden; white-space:nowrap;}
.wp-content .prolist ul li .desc .title a{color:#154c64}
.wp-content .prolist ul li .desc .more{color:#ff7200;position:absolute; bottom:-17px; right:6px;width:20px; height:20px; background-image:url(../images/plist_17.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}

.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 .center {
	width:95%;
	margin:auto;
	margin-top:3%;
	padding-bottom:3%;
}
.wp-content .newslist {
	padding-top:0%;
	margin:auto;
	margin-top:100px;
	margin-left:10px;
	border-left:solid 1px #edbe00;
	margin-bottom:30px;
}
.wp-content .newspage {
	padding-top:10px;
	padding-bottom:20px;
}
.wp-content .center .newslist ul li {
	height:auto;
	margin:auto;
	position:relative;
	margin-bottom:4%;
}
.wp-content .center .newslist ul li div.box {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin-left:25px;
}
.wp-content .center .newslist ul li div.br {
	box-sizing:border-box;
	border:solid 1px #d6d6d6;
	background:white;
	position:relative;
}
.wp-content .center .newslist ul li .cycle-icon {
	position:absolute;
	width:10px;
	height:10px;
	background:#edbe00;
	border-radius:50%;
	top:9px;
	left:-5px;
}
.wp-content .center .newslist ul li div.br .photo {
	padding:0px 10px;
}
.wp-content .center .newslist ul li div.br .photo img {
	width:100%;
	height:auto;
}
.wp-content .center .newslist ul li div.br .wz {
	color:#575556;
	font-size:12px;
	padding:10px 10px 20px;
	letter-spacing:1px;
	position:relative;
	line-height:1.5
}
.wp-content .center .newslist ul li div.br .wz p {
	display:block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.wp-content .center .newslist ul li div.br .wz .ell{
	position:absolute;
	right:10px; bottom:10px;
	width:15px; height:5px; background-image:url(../images/ell_03.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
}
.wp-content .center .newslist ul li div.br .icon {
	position:absolute;
	top:5px;
	left:-10px;
	width:0;
	height:0;
	border-top:9px solid transparent;
	border-bottom:9px solid transparent;
	border-right:10px solid #d6d6d6;
}
.wp-content .center .newslist ul li div.br .icon em {
	position:absolute;
	top:-9px;
	left:1px;
	width:0;
	height:0;
	border-top:9px solid transparent;
	border-bottom:9px solid transparent;
	border-right:10px solid #ffffff;
}
.wp-content .center .newslist ul li div.br .icon img {
	width:100%;
}
.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.3;
	font-size:1rem;
	padding:10px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.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:#575556;
	font-size:14px;
}
.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);
}
/*内容介绍页面*/
.wp-content .detail {
}
.wp-content .detail h1.title {
	color:#333;
	font-size:1.2em;
	display:block;
	line-height:1.7;
	padding:3% 0;
	text-align:left;
	font-weight:normal;
}
.wp-content .news .content {
	padding:0 3%;
	line-height:1.8;
	color:#666
}
.wp-content .news .content .abstract {
	border:solid 1px #d6d6d6;
	background:white;
	box-sizing:border-box;
	padding:10px 5px;
	font-size:14px;
	height:auto;
	margin:auto;
	overflow:hidden;
}
.wp-content .news .content .abstract .header {
	width:27%;
	float:left;
	font-weight:bold;
}
.wp-content .news .content .abstract .cont {
	width:73%;
	float:left;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.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:7% 0 4%;
	height:1.7;
	line-height:1.7;
	overflow:visible;
}
.wp-content .backlist a.btn {
	border:solid 1px #ff8514;
	display:block;
	width:70%;
	margin:auto;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#333;
	font-size:16px;
	border-radius:20px;
}
.wp-content .detail.pro .detail-photo {
	background:white;
	border:solid 1px #eee;
	padding-bottom:20px;
}
.wp-content .detail.pro .detail-photo .desc {
	position:relative;
	min-height:85px;
}
.wp-content .detail.pro .detail-photo .sp {
	width:90px;
	height:90px;
	border:solid 1px #ddd;
	background:white;
	position:absolute;
	top:-25px;
	left:10px;
	font-weight:bold;
}
.wp-content .detail.pro .detail-photo .sp i {
	display:block;
	width:80px;
	height:80px;
	margin:auto;
	margin-top:5px;
	border:solid 1px #ddd;
	background-size:cover;
	box-sizing:border-box;
}
.wp-content .detail.pro .detail-photo .wz {
	float:left;
	width:220px;
	text-align:left;
	box-sizing:border-box;
	padding-left:20px;
	padding-right:0px;
	padding-top:5px;
	color:#666;
	font-size:12px;
	margin-left:90px;
	font-size:12px;
}
.wp-content .detail.pro .detail-photo .wz .title {
	color:#575556;
	font-weight:bold;
	text-align:left;
	font-size:16px;
}
.wp-content .detail.pro .detail-photo .wz {
	display:block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
.wp-content .detail.pro .c-head {
	height:50px;
	line-height:50px;
	font-weight:bold;
	color:#575556;
	font-size:16px;
}
.wp-content .detail.pro {
	margin-top:96px;
	padding-bottom:5px;
}
.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 {}
.wp-content .detail.pro .tj h2 {
	color: #5a3700;
    font-weight: normal;
    text-align: center;
    padding: 5% 0 3%;
    font-size: 18px;
    font-weight: bold;
	background-image:url(../images/tj_line.jpg);
	background-repeat:no-repeat;
	background-position:50% 52%;
	background-size:85%;
}
.wp-content .detail.pro .tj h2 span{ background:white; padding:0px 5px;}
.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:46%;
	margin-left:2%;
	margin-right:2%;
	overflow:auto;
	height:auto;
	position:relative;
}
.wp-content .detail.pro .tj .tjlist ul li figure{
	margin:0px;
	width:100%;
	padding-bottom:60%;
	position:relative;
}
.wp-content .detail.pro .tj .tjlist ul li figure 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-right:0;
}
.wp-content .detail.pro .tj .tjlist ul li span {
	display:block;
	margin-top:5px;
	height:25px;
	line-height:25px;
	overflow:hidden;
	width:100%;
}
.wp-content .detail.pro .tj .tjlist ul li a .icon{
	position: absolute;
    top: 5px;
    right: 5px;
    height: 25px;
    line-height: 25px;
    width: 25px;
    bottom: 10px;
    background: rgba(255, 133, 20, 0.8);
    color: white;
    text-align: center;
    border-radius: 50%;
}

.wp-content .detail.pro .tj .tjlist ul li img {
	width:100%;
}
.wp-content .content.pro {
	padding:0 2%;
	line-height:1.7;
	color:#333;
	overflow:hidden;
}
.wp-content .content.pro p {
	padding:0px;
	margin:3% 0px;
	display:block;
}
.wp-content .content.pro hr {
	border:none;
	border-bottom:dashed 1px #bbb;
	margin-bottom:15px;
	margin-top:15px;
	display:block;
}
.wp-content .content.pro img {
	width:auto;
	max-width:100%;
	height:auto;
}
.wp-content .content.pro h2{
	color:#154c64;
	line-height:1;
	font-weight:normal;
	text-align:left;
	padding:2% 0px;
	margin-bottom:2%;
	font-size:16px;
	font-weight:bold;
	border-bottom:solid 1px #154c64;
}
.wp-content .content.pro h2.dheader{
	color:#333;border-bottom:solid 1px #ddd; padding:0px; height:30px; line-height:30px;
}
.wp-content .content.pro h2.dheader span.t{ 
border-bottom:solid 2px #0072bb; height:30px; line-height:30px; position:relative; float:left; color:#0072bb;}
.wp-content .content.pro h2.dheader span.e{color:#dfdfdf; margin-left:5px;}
.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;
}
/*列表分页*/
.pagebox {
	box-shadow:0px 1px 1px #666;
	margin-top:3%;
	height:35px;
	line-height:35px;
}
.pagebox .txt_pagelist a {
	float:left;
	width:35%;
	background:#d6d6d6;
	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;
	background:#f0f1f1;
}
.tools {
	position:fixed;
	width:100%;
	bottom:0px;
	padding:0;
	line-height:40px;
	z-index:7;
	text-align:center;
}
.tools .search {
	background:rgba(24, 24, 24, 0.9);
	line-height:50px;
}
.tools .toolbtn {
	color:#fff;
	font-size:14px;
	background-color:#ff8514;
	background-image:url(../images/searchone.png);
	background-position:85% 50%;
	background-repeat:no-repeat;
	background-size:13%;
	margin:auto;
	padding:6px 20px;
	padding-right:50px;
	border-radius:50px;
}
.tools .menulist {
	position:absolute;
	bottom:50px;
	width:100%;
	transition:transform 1s;
	-webkit-transition:transform 1s;
	transform:translate3D(-100%, 0, 0);
	-webkit-transform:translate3D(-100%, 0, 0);
	border-top:solid 1px rgb(237, 190, 0);
	background: rgba(51, 51, 51, 0.9);
}
.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%;
	color:white;
	text-align:left;
}
.tools .menulist li.last{border:none;}
.tools .menulist li a {
	color:white;
	margin-left:15%;
}
.tools .menulist li.cur a {
	color:rgb(237, 190, 0)
}
.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:5;
}
.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:130px;
	width:39px;
	height:39px;
	background-image:url(../images/phone.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:39px 83px;
	z-index:6;
	transform:rotate(0deg) scale(0);
	-webkit-transform:rotate(0deg) scale(0);
}
.phone-btn.qq {
	background-position:bottom center;
	bottom:85px;
}
.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:20px;
	width:35px;
	height:35px;
	background-image:url(../images/backtop.jpg);
	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;
	line-height:1.7;
	padding-top:15px;
	padding-bottom:15px;
	margin-top:10px;
	background:#3d3d3d;
	color:white;
}
.footer a {
	color:#fff;
}
.footer.white {
	color:#666;
	margin-top:0px;
	padding-top:20px;
	background:#fff url(../images/line_03.jpg) top repeat-x;
}
.footer.white a {
	color:#666;
}
.product-ad img {
	width:100%;
	height:auto;
}
.clear {
	clear:both;
}
/*附加样式*/
.mainpage .page ul.vert-word {
	top:60px;
	width:254px;
	margin:auto;
	position:relative;
	line-height:1.2
}
.mainpage .page ul.vert-word li {
	width:15px;
	float:right;
	text-align:center;
	color:#fffdee;
	margin-left:8px;
	margin-top:75px;
}
.mainpage .page ul.vert-word.tw li {
	color:#333;
}
.mainpage .page ul.vert-word.zx li {
	margin-top:122px;
}
.mainpage .page ul.vert-word li.t1 {
	margin-top:0px;
	font-size:20px;
	margin-left:20px;
}
.mainpage .page ul.vert-word li .d {
	line-height:8px;
	margin:0px;
	padding:0px;
	display:block;
}
.mainpage .page ul.horz-word {
	color:#333333;
	top:80px;
	width:280px;
	margin:auto;
	position:relative;
}
.mainpage .page ul.horz-word li {
	margin-left:60px;
}
.mainpage .page ul.horz-word li.t1 {
	margin-top:0px;
	font-size:20px;
	margin-bottom:10px;
	margin-left:0px
}
.mainpage .page .contact li {
	height:auto;
	margin:auto;
	overflow:auto;
	margin-bottom:10px;
}
.mainpage .page .contact li span {
	float:left;
}
.mainpage .page .contact li span.icon {
	margin-right:5px;
}
.mainpage .page .contact li span.icon img {
	width:30px;
	height:auto;
	margin-top:5px;
}
.mainpage .page .slideback {
	position:absolute;
	top:0px;
	right:0px;
	width:209px;
	height:100%;
	overflow:hidden;
}
.mainpage .page .slideback img {
	height:100%;
	width:100%;
}
.top-static-ad {
	width:100%;
	max-width:640px;
	margin:auto;
	position:relative;
	margin-top:40px;
	border-bottom:solid 1px #ccc;
}
.top-static-ad img {
	width:100%;
}
.top-static-ad .float-title {
	color:#4b4b4b;
	text-align:center;
	position:absolute;
	width:100%;
	font-size:18px;
	box-sizing:border-box;
	line-height:1.5;
	padding:15px 5px 11px;
	background:#eee;
}
.top-static-ad .float-title .num {
	font-size:22px;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:5px;
	top:1px;
}
.top-static-ad .float-title .mk{
	font-size:12px;
	margin-left:5px;
}

/*场景动画效果*/
/*下移渐变*/
@-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;
}
}
 @-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
@-webkit-keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
transform:scale(.9)
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
-ms-transform:scale(.9);
transform:scale(.9)
}
100% {
opacity:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
 @-webkit-keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-720deg) scale(0);transform:rotate(-720deg) scale(0);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-720deg) scale(0);transform:rotate(-720deg) scale(0);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}
@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}
/**/