@charset "utf-8";
/* 上海银象网络科技有限公司（www.seo120.com.cn）做最好的企业官方网站模版 */
/* QQ:1378789413 */
/* .sto-mainbody {
	background: #fff url('../img/hbg.svg') no-repeat top center;
	min-height: 600px;
	padding: 270px 0 0 0
}
.sto-mainbody {
	position: relative;
	z-index: 1;
	background: url('../img/fbg-r.svg') no-repeat top center;
	margin-top: -110px;
	padding-top: 180px
}*/
.heading {
	margin-bottom: 1px;
	position: relative;
	text-align: center;
	margin-top: 6px;
}
.heading h3 {
	text-transform: uppercase
}
.fcp {
	color: #fff;
}
.main-products {
	padding-bottom: 20px
}
.main-products .row {
	margin-top: 20px
}
.main-products .thumb {
	display: block;
	margin: 30px 60px;
	transition: transform 300ms cubic-bezier(0, .47, .32, 1.97)
}
.main-products .thumb img {
	position: relative;
	border-radius: 100%;
	width: 100%;
	height: 100%
}
.main-products .thumb:hover {
	opacity: .7
}
.main-products .title {
	text-align: center;
	font-size: 20px;
}
.main-products .title:hover {
	color: #fd7004;
}
@media (max-width:720px) {
.sto-mainbody .heading .breadcrumb {
	display: none
}
.main-products {
	padding-bottom: 80px
}
.main-products .heading {
	margin-bottom: 0
}
.main-products .thumb {
	margin: 10px 0
}
}
/*主营产品*/
.zzsp .l_ztn4 .container {
	width: 1200px;
	height: 323px;
	margin: 76px auto 90px auto;
	position: relative;
	background: url(../img/zzsp_ztn4_bj.png) no-repeat center;
}
.zzsp .l_ztn4 .container .box {
	width: 335px;
	height: 95px;
	border: solid 1px #ffc68d;
	border-radius: 5px;
	padding-left: 35px;
	padding-top: 15px;
	box-sizing: border-box;
	position: absolute
}
.zzsp .l_ztn4 .container .box1 {
	left: 95px;
	top: 0;
}
.zzsp .l_ztn4 .container .box2 {
	right: 95px;
	top: 0;
}
.zzsp .l_ztn4 .container .box3 {
	left: 95px;
	top: 180px;
}
.zzsp .l_ztn4 .container .box4 {
	right: 95px;
	top: 180px;
}
.zzsp .l_ztn4 .container .box p {
	font-size: 24px;
	color: #372e31;
}
.zzsp .l_ztn4 .container .box span {
	display: block;
	font-size: 24px;
	color: #ff8e1c;
	font-weight: bold;
}
.zzsp .l_ztn4 .container .dd {
	position: absolute;
	font-size: 34px;
	color: #ff0000;
	opacity: 0.6;
	width: 140px;
	left: 50%;
	margin-left: -68px;
	top: 75px;
}
@media screen and (max-width: 480px) {
#F2 {
	display: none;
}
.ztn_4 .title {
	margin-top: 0.45rem;
}
.ztn_4 .container .box {
	height: auto;
}
.ztn_4 .container .box .fl {
	height: 0.85rem;
	width: 1.2rem;
}
.ztn_4 .container .box .fl p {
	font-size: 0.55rem;
	line-height: 0.55rem;
	height: auto;
}
.ztn_4 .container .box .fl span {
	height: auto;
	line-height: inherit;
	font-size: 0.2rem;
	margin-top: 0.05rem;
}
.ztn_4 .container .box .fr {
	height: auto;
	width: 5.15rem;
}
.ztn_4 .container .box .fr h3 {
	font-size: 0.3rem;
	line-height: 0.3rem;
	margin-top: 0.05rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ztn_4 .container .box .fr p {
	font-size: 0.25rem;
	line-height: inherit;
	margin-top: 0.15rem;
	height: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ztn_4 .container .right .box {
	height: 0.85rem;
}
}
@media screen and (max-width: 750px) {
#F2 {
	display: none;
}
.zzsp .l_ztn .title p {
	display: block;
	font-size: 0.3rem;
}
.zzsp .l_ztn4 .container {
	background: none;
	position: static;
	height: auto;
	margin-bottom: 0.5rem;
	overflow: hidden;
}
.zzsp .l_ztn4 .container .box {
	position: static;
	float: left;
	width: 3.45rem;
	height: 0.95rem;
	border-radius: 0.05rem;
	margin-bottom: 0.25rem;
	padding-left: 0.35rem;
	padding-top: 0.11rem;
}
.zzsp .l_ztn4 .container .box2, .zzsp .l_ztn4 .container .box4 {
	float: right;
}
.zzsp .l_ztn4 .container .dd {
	display: none;
}
.zzsp .l_ztn4 .container .box p {
	font-size: 0.24rem;
}
.zzsp .l_ztn4 .container .box span {
	font-size: 0.24rem;
}
.ztn_4 .container {
	width: 100%;
	margin: 0.42rem auto 0.1rem auto;
}
.ztn_4 .title p:before {
	left: 50%;
	margin-left: -20%;
	width: 0.8rem;
}
.ztn_4 .title p:after {
	right: 50%;
	margin-right: -20%;
	width: 0.8rem;
}
.ztn_4 ul {
	display: none;
}
.ztn_4 .container .xw {
	width: 6.8rem;
	margin: 0 auto;
	overflow: hidden;
}
.ztn_4 .container .hy .left {
	width: 100%;
}
.ztn_4 .container .left .tuij {
	height: 3.6rem;
	margin-bottom: 0.6rem;
}
.ztn_4 .container .left .tuij img {
	width: 100%;
}
.ztn_4 .container .left .tuij p {
	height: 0.75rem;
	line-height: 0.75rem;
	font-size: 0.24rem;
}
.ztn_4 .container .box {
	width: 100%;
	height: 0.69rem;
}
.ztn_4 .container .hy .left .box {
	margin-bottom: 0.5rem;
}
.ztn_4 .container .right .box {
	display: none;
}
.ztn_4 .container .right .box.m {
	display: block;
}
.ztn_4 .container .box .fl {
	width: 0.8rem;
	height: 0.69rem;
	padding-right: 0.14rem;
	margin-right: 0.27rem;
}
.ztn_4 .container .box .fl p {
	font-size: 0.45rem;
	line-height: 0.45rem;
	height: 0.45rem;
	width: 100%;
	text-align: center;
}
.ztn_4 .container .box .fl span {
	font-size: 0.14rem;
	line-height: 0.14rem;
	height: 0.11rem;
	width: 100%;
	text-align: center;
	margin-top: 0.1rem;
}
.ztn_4 .container .box .fr {
	width: 5.55rem;
	height: 0.67rem;
	float: left;
}
.ztn_4 .container .box .fr h3 {
	font-size: 0.2rem;
	width: 100%;
	height: auto;
	line-height: 0.2rem;
}
.ztn_4 .container .box .fr p {
	width: 100%;
	height: 0.44rem;
	line-height: 0.22rem;
	font-size: 0.13rem;
	margin-top: 0.07rem;
}
.ztn_4 .container .right {
	width: 100%;
}
.ztn_4 .container .right .box {
	margin-left: 0;
	margin-bottom: 0.5rem;
	height: 0.69rem;
}
}
@media screen and (max-width: 480px) {
#F2 {
	display: none;
}
.ztn_4 .title {
	margin-top: 0.45rem;
}
.ztn_4 .container .box {
	height: auto;
}
.ztn_4 .container .box .fl {
	height: 0.85rem;
	width: 1.2rem;
}
.ztn_4 .container .box .fl p {
	font-size: 0.55rem;
	line-height: 0.55rem;
	height: auto;
}
.ztn_4 .container .box .fl span {
	height: auto;
	line-height: inherit;
	font-size: 0.2rem;
	margin-top: 0.05rem;
}
.ztn_4 .container .box .fr {
	height: auto;
	width: 5.15rem;
}
.ztn_4 .container .box .fr h3 {
	font-size: 0.3rem;
	line-height: 0.3rem;
	margin-top: 0.05rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ztn_4 .container .box .fr p {
	font-size: 0.25rem;
	line-height: inherit;
	margin-top: 0.15rem;
	height: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ztn_4 .container .right .box {
	height: 0.85rem;
}
}
@-webkit-keyframes bounceInLeft {
 0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-3000px, 0, 0);
 transform: translate3d(-3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(25px, 0, 0);
 transform: translate3d(25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes bounceInLeft {
 0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-3000px, 0, 0);
 transform: translate3d(-3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(25px, 0, 0);
 transform: translate3d(25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
 @-webkit-keyframes bounceInRight {
 0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(3000px, 0, 0);
 transform: translate3d(3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(-25px, 0, 0);
 transform: translate3d(-25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(-5px, 0, 0);
 transform: translate3d(-5px, 0, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes bounceInRight {
 0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(3000px, 0, 0);
 transform: translate3d(3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(-25px, 0, 0);
 transform: translate3d(-25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(-5px, 0, 0);
 transform: translate3d(-5px, 0, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
 @-webkit-keyframes bounceInUp {
 0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 3000px, 0);
 transform: translate3d(0, 3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 75% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -5px, 0);
 transform: translate3d(0, -5px, 0);
}
 100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}