html, body, iframe, h1, h2, h3, h4, h5, h6, p, ol, ul, dl, dd, input, button, textarea, th, td, form {
	margin:0;
	padding:0
}
body {
	color:#666;
	font:12px/22px 'Microsoft YaHei', '微软雅黑', Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
	background:#fff
}
ol, ul {
	list-style:none
}
a {
	color:#666;
	text-decoration:none
}
textarea {
	resize:none
}
a:active, a:focus {
	text-decoration:none;
	outline:0;
	color:#666
}
a:hover {
	color:#ca0606;
	text-decoration:none
}
img {
	border:0
}
.fl {
	float:left;
	_display:inline
}
.fr {
	float:right;
	_display:inline
}
.body-main {
	width:100%;
	min-width:1010px;
	background:#f2f2f2;
	margin:0 auto
}
.main-wrap {
	width:100%;
	min-width:1010px;
	margin:0 auto
}
.header_g {
	text-align: center;
	width: 100%;
	min-width: 1010px;
	height: 25px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	transition: all .5s;
	background-image: url(https://www.ox800.com/templets/ox800/img/huodong_head.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.search {
	width: 400px;
	text-align: center;
}
.search .search-keyword {
	background-color: #3366cc;
}
.search .search-keyword .search-submit{
	width: 60px;
	border: 1px solid #666666;
	height: 32px;
	margin-top: 8px;
	background-color: #FFFF00;
	font-weight: bold;
	font-family: "Microsoft YaHei";
	font-size: 16px;
}
.search .search-keyword .search-submit:hover{
	background-color: #e10000;
	color: #FFFFFF;
}
.header {
	width:100%;
	min-width:1010px;
	height:79px;
	position:fixed;
	left:0;
	top:0;
        background:url(../image/header_bg01.png) repeat;
	z-index:99;
	background-color: transparent;
	transition:all .5s
}
.max-min {
	width:100%;
	max-width:1280px;
	min-width:1010px;
	margin:0 auto
}
.logo {
	margin:0 31px 0 0
}
.hotline {
	margin:0
}
.hotline {
	margin:0;
	display:none
}
@media screen and (min-width:1170px) {
.hotline {
	display:block
}
}
.menu ul li {
	position:relative;
	width:96px;
	float:left;
	background:url(https://www.ox800.com/templets/ox800/img/menu_bg02.png) no-repeat right top
}
.menu ul li .navf {
	width:94px;
	height:79px;
	position:relative;
	overflow:hidden;
	text-align:center;
	cursor:pointer
}
.menu ul li .navf span {
	display:block;
	width:94px;
	height:79px;
	position:absolute;
	left:0;
	cursor:pointer
}
.menu ul li .navf .navcurbg {
	top:-79px;
	background-color: #00ABEB;
	background-image: url(https://www.ox800.com/templets/ox800/img/menu_bg01.png);
	background-repeat: no-repeat;
	background-position: center 56px;
}
.menu ul li .navf .navon {
	top:-79px;
	font:13px/79px "Microsoft YaHei";
	color:#fff;
	opacity:.8;
	filter:Alpha(opacity=80);
	cursor:pointer
}
.menu ul li .navf .navcur {
	top:0px;
	font:14px/79px "Microsoft YaHei";
	color:#fff;
	opacity:.8;
	filter:Alpha(opacity=80);
	cursor:pointer
}
.menu ul li.hover .navf .navcurbg {
	top:0
}
.menu ul li.hover .navf .navon {
	top:0
}
.menu ul li.hover .navf .navcur {
	top:-79px
}
.menu ul li .nav-son {
	display:none;
	position:absolute;
	height:59px;
	left:0;
	top:79px
}
.menu ul li .nav-son .choose {
	float:left;
	width:113px;
	height:59px;
	background:url(https://www.ox800.com/templets/ox800/img/menu_bg03.png) no-repeat right center;
	font:14px/59px "Times New Roman";
	color:#fff;
	text-align:center
}
.menu ul li .nav-son ul li {
	width:94px;
	height:36px;
	text-align:center;
	font:13px/36px "Microsoft YaHei";
	color:#fff;
	position:relative;
	overflow:hidden;
	border-bottom:1px solid #6FB92C;
	background: #00ABEB;
	filter:Alpha(opacity=90);
	opacity:.9
}
.menu ul li .nav-son ul li span {
	display:block;
	width:96px;
	height:30px;
	position:absolute;
	left:0;
	opacity:.9;
	filter:Alpha(opacity=90)
}
.menu ul li .nav-son ul li .nav-soncur {
	top:-30px
}
.menu ul li .nav-son ul li .nav-sonon {
	top:0
}
.menu ul li .nav-son ul li a {
	color:#fff;
	display:block;
	width:100%
}
.menu ul li .nav-son ul li:hover {
	background:#333;
	opacity:.7;
	filter:Alpha(opacity=70)
}
.menu ul li .nav-son ul li.on .nav-soncur {
	top:0
}
.menu ul li .nav-son ul li.on .nav-sonon {
	top:-30px
}





.menu ul li .nav-content {
	display:none;
	position:absolute;
	height:59px;
	left:0;
	top:79px
}
.menu ul li .nav-content .choose {
	float:left;
	width:113px;
	height:59px;
	background:url(https://www.ox800.com/templets/ox800/img/menu_bg03.png) no-repeat right center;
	font:14px/59px "Times New Roman";
	color:#fff;
	text-align:center
}
.menu ul li .nav-content ul li {
	width:394px;
	height:58px;
	text-align:center;
	font:13px/36px "Microsoft YaHei";
	color:#fff;
	position:relative;
	overflow:hidden;
	border-bottom:1px solid #941818;
	background:#e10000;
	filter:Alpha(opacity=90);
	opacity:.9
}
.menu ul li .nav-content ul li span {
	display:block;
	width:96px;
	height:30px;
	position:absolute;
	left:0;
	opacity:.9;
	filter:Alpha(opacity=90)
}
.menu ul li .nav-content ul li .nav-soncur {
	top:-30px
}
.menu ul li .nav-content ul li .nav-sonon {
	top:0
}
.menu ul li .nav-content ul li a {
	color:#fff;
	display:block;
	width:100%
}
.menu ul li .nav-content ul li:hover {
	background:#333;
	opacity:.7;
	filter:Alpha(opacity=70)
}
.menu ul li .nav-content ul li.on .nav-soncur {
	top:0
}
.menu ul li .nav-content ul li.on .nav-sonon {
	top:-30px
}





.side {
	position:fixed;
	width:54px;
	height:275px;
	right:0;
	top:214px;
	z-index:100
}
.side ul li {
	width:54px;
	height:54px;
	float:left;
	position:relative;
	border-bottom:1px solid #444
}
.side ul li .sidebox {
	position:absolute;
	width:54px;
	height:54px;
	top:0;
	right:0;
	transition:all .3s;
	background:#000;
	opacity:.8;
	filter:Alpha(opacity=80);
	color:#fff;
	font:14px/54px "Microsoft YaHei";
	overflow:hidden
}
.side ul li .sidetop {
	width:54px;
	height:54px;
	display:inline-block;
	background:#000;
	opacity:.8;
	filter:Alpha(opacity=80);
	transition:all .3s
}
.side ul li .sidetop:hover {
	background:#e10000;
	opacity:1;
	filter:Alpha(opacity=100)
}
.index-banner {
	width:100%;
	height:550px;
	margin:0 auto;
	position:relative
}
.index-banner ul li {
	position:absolute;
	left:0;
	top:0;
	display:none;
	width:100%;
	height:550px;
	background-repeat:no-repeat;
	background-position:center top
}
.index-banner ul li a {
	display:block;
	width:100%;
	height:550px
}
.index-banner .number {
	position:absolute;
	left:50%;
	bottom:20px;
	margin-left:-50px
}
.index-banner .number span {
	float:left;
	display:block;
	margin:0 5px 0 0;
	background-color:#333;
	border-radius:100%;
	-webkit-transition:.2s;
	transition:.2s;
	-webkit-box-shadow:0 1px 0 0 rgba(0,0,0,.2);
	box-shadow:0 1px 0 0 rgba(0,0,0,.2);
	text-decoration:none;
	width:13px;
	height:13px;
	cursor:pointer;
	text-indent:-999em;
	border:2px solid #fff
}
.index-banner .number span.on {
	background:#e10000
}
.index-main .main-title {
	width:100%;
	padding-top:40px;
	margin-bottom:40px;
	background:url(../image/index_bg01.png) repeat-x 0 bottom
}
.index-main .main-title h2 {
	height:43px;
	font:14px/24px "Microsoft YaHei";
	color:#a3a3a4
}
.index-main .main-title h2 span {
	float:left;
	display:inline-block;
	border-bottom:1px solid #727272;
	padding-bottom:18px;
	font:bold 20px/24px "Microsoft YaHei";
	color:#333;
	height:24px;
	margin-right:5px
}
.index-main .main-title2 {
	width:100%;
	padding-top:40px;
	margin-bottom:40px;
	background:url(../image/index_bg06.png) repeat-x 0 bottom
}
.index-main .main-title2 h2 {
	font:14px/40px "Microsoft YaHei";
	color:#fff
}
.index-main .main-title2 h2 span {
	border-bottom:1px solid #fff;
	font:bold 20px/24px "Microsoft YaHei";
	color:#fff
}
.index-probox {
	position:relative;
	overflow:hidden;
	float:left;
	height:320px;
	background:#eaeaea;
	margin: 1px;
}
.index-proname h3 {
	padding-top:50px;
	width:208px;
	margin:0 auto;
	height:63px;
	font:36px/40px "Microsoft YaHei";
	color:#121212;
	background:url(https://www.ox800.com/templets/ox800/img/index_bg02.png) no-repeat left bottom;
	margin-bottom:30px
}
.index-proname p {
	width:208px;
	margin:0 auto;
	font:14px/24px "Microsoft YaHei";
	color:#9d9d9d
}
.index-probox ul li {
	position:absolute;
	left:0;
	top:0;
	display:none;
	width:100%;
	height:459px;
	background-repeat:no-repeat;
	background-position:center top
}
.index-probox .number {
	position:absolute;
	width:100%;
	height:15px;
	line-height:15px;
	left:0;
	bottom:100px;
	text-align:center;
	z-index:3;
	display:none
}
.index-probox .number span {
	display:inline-block;
	width:13px;
	height:15px;
	margin:0 2px;
	opacity:.4;
	filter:Alpha(opacity=40);
	background:url(https://www.ox800.com/templets/ox800/img/index_bg03.png) no-repeat;
	cursor:pointer
}
.index-probox .number span.on {
	opacity:1;
	filter:Alpha(opacity=100)
}
.proboxbg {
	position:absolute;
	width:100%;
	height:100%;
	background:#000;
	opacity:.4;
	filter:Alpha(opacity=40);
	overflow:hidden;
	z-index:2;
	display:none
}
.protext {
	display:none;
	position:absolute;
	width:100%;
	left:0;
	/* background:url(../image/index_bg04.png) no-repeat center 112px; */
	z-index:3;
	text-align:center
}
.protext a {
	display:block;
	width:100%;
	height:300px;
	padding-top:159px
}
.protext h3 {
	font:20px/34px "Microsoft YaHei";
	color:#fff;
	margin-top:0
}

.protext h3 a{
	font:20px/34px "Microsoft YaHei";
	color:#fff;
	margin-top:0
}
.protext p {
	font:18px/30px "Times New Roman";
	color:#fff;
	opacity:.6;
	filter:Alpha(opacity=60)
}
.index-promore {
	display:block;
	height:62px;
	margin:20px 0 90px;
	background:#f7f7f7;
	font:14px/62px "Microsoft YaHei";
	font-weight: bold;
	color:#888;
	text-align:center;
	transition:all .4s
}
.index-promore:hover {
	background:#999;
	color:#fff
}



.anliphoto{ position:relative;width:300px; height:225px;margin:0 auto} 
.anliphoto a,.anliphoto span{display:none; text-decoration:none}
.anliphoto:hover{cursor:pointer} 
.anliphoto:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;
 z-index:100; left:0; display:block;}
.anliphoto:hover span{ display:block;position:absolute; bottom:0; text-align:center; font-family: "Microsoft YaHei"; font-size: 16px; font-weight: bold; left:0;color:#FFF;width:300px; 
z-index:10;height:50px; line-height:50px; background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7;}


.index-anlibox {
	position:relative;
	overflow:hidden;
	float:left;
	height:225px;
	background:#eaeaea;
	width: 300px;
	margin-bottom: 20px;
	margin-right: 20px;
}
.index-anlibox ul li {
	position:absolute;
	left:0;
	top:0;
	display:none;
	width:100%;
	height:459px;
	background-repeat:no-repeat;
	background-position:center top
}
.index-anlibox .number {
	position:absolute;
	width:100%;
	height:15px;
	line-height:15px;
	left:0;
	bottom:100px;
	text-align:center;
	z-index:3;
	display:none
}
.index-anlibox .number span {
	display:inline-block;
	width:13px;
	height:15px;
	margin:0 2px;
	opacity:.4;
	filter:Alpha(opacity=40);
	background:url(https://www.ox800.com/templets/ox800/img/index_bg03.png) no-repeat;
	cursor:pointer
}
.index-anlibox .number span.on {
	opacity:1;
	filter:Alpha(opacity=100)
}
.anliboxbg {
	position:absolute;
	width:100%;
	height:100%;
	background:#000;
	opacity:.4;
	filter:Alpha(opacity=40);
	overflow:hidden;
	z-index:2;
	display:none
}
.anlitext {
	display:none;
	position:absolute;
	width:100%;
	left:0;
	background:url(../image/index_bg04.png) no-repeat center 112px;
	z-index:3;
	text-align:center
}
.anlitext a {
	display:block;
	width:100%;
	height:300px;
	padding-top:159px
}
.anlitext h3 {
	font:20px/34px "Microsoft YaHei";
	color:#fff;
	margin-top:0
}
.anlitext p {
	font:18px/30px "Times New Roman";
	color:#fff;
	opacity:.6;
	filter:Alpha(opacity=60)
}

.index-ff {
	color: #333333;
	font-size: 14px;
}
.index-ffbf a {
	color: #e10000;
}
.index-ff a:hover {
	color: #ff4a00;
}
.ff-l {
	height: 270px;
	width: 550px;
	clear: both;
	float: left;
	text-align: center;
	padding-top: 80px;
}
.ff-l p {
	padding-right: 50px;
	padding-left: 50px;
	line-height:35px;
	padding-bottom: 20px;
}
.ff-title {
	padding-top: 30px;
	padding-bottom: 20px;
	font-size: 24px;
}


.ff-r {
	height: 270px;
	width: 550px;
	float: right;
	text-align: center;
	padding-top: 80px;
}
.ff-r p {
	padding-right: 100px;
	padding-left: 100px;
	line-height:35px;
	padding-bottom: 20px;
}


.index-newsmore {
	float:right;
	font:normal 16px/24px Arial;
	color:#c6c6c6;
	padding-right:15px
}
.index-newsmore:hover {
	color:#fff
}
.index-newsle {
	float:left;
	width:47%
}
.index-newsle-img {
	width:100%;
	position:relative;
	overflow:hidden;
	margin-bottom:30px
}
.index-newsle h3 {
	margin-bottom:15px;
        font-weight:700;
	font:24px/24px "微软雅黑";
	color:#dfdfdf
}
.index-newsle h3 span {
	float:right;
	font-size:14px;
	color:#7a7a7a
}
.index-newsle p {
	color:#888;
	line-height:24px
}
.index-newsri {
	float:right;
	width:47%;
	padding-left:5px
}
.index-newsri dl {
	width:100%;
	margin-left:-5px;
	padding:16px 0;
	padding-left:5px;
	margin-bottom:2px;
	transition:background .4s;
	cursor:pointer
}
.index-newsri dl dt {
	width:17%;
	float:left;
	border-right:1px solid #e6e6e6;
	color:#e6e6e6;
	text-align:center;
	font-family: 'verdana';
	font-size: 36px;
	font-style: normal;
	line-height: 46px;
	font-weight: normal;
	font-variant: normal;
}
.index-newsri dl dd {
	float:right;
	width:74%;
	float:right;
	padding-right:18px
}
.index-newsri dl dd h3 {
	height:24px;
	margin-bottom:3px;
	font:18px/24px "微软雅黑";
	color:#dfdfdf;
	overflow:hidden
}
.index-newsri dl dd h3 span {
	float:right;
	font-size:14px;
	color:#717171;
	margin-bottom:8px
}
.index-newsri dl dd p {
	color:#888
}
.index-newsri dl.hover {
	padding-left:0;
	background:#e3e3e3;
	border-left:5px solid #333
}
.index-newsri dl.hover dt {
	color:#565656;
	border-color:#666
}
.index-newsri dl.hover dd h3 {
	color:#3b3b3b
}
.index-brand {
	height:480px;
	overflow:hidden
}
.index-brandbox {
	position:relative;
	overflow:hidden;
	float:left;
	margin:0 5px 0 0;
	height:500px;
	background:#f4f4f4;
	transition:background .5s, padding .5s, margin .5s;
	cursor:pointer
}
.index-brandbox .brand-icon {
	width:80px;
	height:50px;
	overflow:hidden;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
.index-brandbox .icon01 {
	background-position:left -106px;
	transition:all .6s ease-out .3s;
	background-image: url(../image/index_bg07.png);
	background-repeat: no-repeat;
}
.index-brandbox .icon02 {
	background:url(../image/index_bg08.png) no-repeat;
	background-position:0 -100px;
	transition:all .6s ease-out .3s
}
.index-brandbox .icon03 {
	background:url(../image/index_bg09.png) no-repeat;
	background-position:0 -106px;
	transition:all .6s ease-out .3s
}
.index-brandbox .icon04 {
	background:url(https://www.ox800.com/templets/ox800/img/index_bg10.png) no-repeat;
	background-position:0 -106px;
	transition:all .6s ease-out .3s
}
.index-brandbox .brand-title {
	text-align:center;
	margin-top: 5px;
	margin-bottom: 5px;
}
.index-brandbox .brand-title h4 {
	font:normal 20px/28px "Microsoft YaHei";
	color:#484848;
	transition:all .3s
}
.index-brandbox .brand-title p {
	font:18px/28px "Times New Roman";
	color:#bababa
}
.index-brandbox .brand-title span {
	margin-top:20px;
	display:inline-block;
	width:87px;
	height:1px;
	overflow:hidden;
	background:#c5c5c5
}
.index-brandbox ul li {
	width:80%;
	color:#777;
	margin:20px auto 0;
	text-align:left;
	font-family: "Microsoft YaHei";
	font-size: 14px;
	line-height: 16px;
}
.index-brandbox .brand-intro {
	width:80%;
	color:#777;
	margin:20px auto 0;
	text-align:left;
	font-family: "Microsoft YaHei";
	font-size: 14px;
	line-height: 16px;
}




.index-brandri {
	float:right;
	width:98%;
	padding-left:5px;
}
.index-brandri dl {
	width:98%;
	margin-left:-5px;
	padding-left:5px;
	transition:background .4s;
	cursor:pointer;
	padding-top: 10px;
	padding-right: 0;
	margin-top: 2px;
	margin-bottom: 2px;
}
.index-brandri dl dt {
	width:10%;
	float:left;
	border-right:1px solid #777777;
	color:#777777;
	text-align:center;
	font-size: 14px;
	line-height: 18px;
}
.index-brandri dl dd {
	float:right;
	width:85%;
	float:right;
	padding-right:10px;
	font-size: 14px;
	color: #777777;
}
.index-brandri dl dd h3 {
	height:16px;
	margin-bottom:5px;
	color:#55555;
	overflow:hidden;
	font-size: 14px;
	line-height: 18px;
}
.index-brandri dl dd span {
	float:right;
	font-size:14px;
	color:#777777;
	margin-bottom:5px
}
.index-brandri dl:hover {
	padding-left:5px;
	border-left:5px solid #333;
	background-color: #FFFFFF;
}
.index-brandri dl:hover dt {
	color:#333333;
	border-color:#666
}
.index-brandri dl:hover dd {
	color:#333333;
	font-weight: bold;
}
.index-brandri dl:hover dd span {
	color:#333333;
	font-weight: bold;
}


.index-brandbox .nrand-jia {
	margin:0 auto;
	width:114px;
	height:25px;
	margin-top: 20px;
	background:url(../image/index_bg12.png) no-repeat;
	display:none
}
.index-brandbox.hover .icon01, .index-brandbox.hover .icon02, .index-brandbox.hover .icon03, .index-brandbox.hover .icon04 {
	background-position:0 0
}
.index-brandbox.hover .brand-title h4 {
	color:#fff
}
.index-brandbox.hover .brand-title p {
	color:#d9d9d9
}
.index-brandbox.hover .brand-title span {
	background:#d9d9d9
}
.index-brandbox.hover .brand-intro {
	height:16px;
	color:#f2f2f2
}
.index-brandbox.hover .nrand-jia {
	display:block
}


.index-link ul {
	float: left;
}
.index-link ul li {
	float: left;
}
.index-link ul a {
    display: inline-block;
	float: left;
	margin-right: 10px;
	font-size: 14px;
	border: 1px solid #cccccc;
	padding: 6px;
	margin-top: 10px;
	margin-button: 10px;
	border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -o-border-radius: 9px;
    background: #fff;
}
.index-link ul a:hover {
	color: #009900;
	background-color: #eeeeee;
	border: 1px solid #FFFFFF;
	padding: 6px;
}




.contact {
	padding-bottom:80px;
	position:relative
}
.contact-title {
	font:40px/50px "Times New Roman", Times, serif;
	color:#303030;
	margin-bottom:40px
}
.contact-join {
	float:left;
	width:290px;
	padding-right:88px;
	color:#636363
}
.contact-join h2, .contact-wel h2 {
	font:24px/34px "Times New Roman", Times, serif;
	color:#333
}
.contact-wel {
	float:left;
	width:580px;
	overflow:hidden
}
.location-list {
	width:620px
}
.location-list li {
	display:inline-block;
	_display:inline;
	width:145px;
	float:left;
	margin-right:50px;
	line-height:24px
}
.location-list li b {
	font-size:14px;
	line-height:34px
}
.location-list li .see {
	display:block;
	background:url(https://www.ox800.com/templets/ox800/img/index_bg11.gif) no-repeat;
	padding-left:30px;
	font:14px/30px Arial;
	margin-top:20px;
	animation:scale 1.5s infinite linear;
	-webkit-animation:scale 1.5s infinite linear
}
@keyframes scale {
0% {
background-position:0 0
}
50% {
background-position:0 5px
}
100% {
background-position:0 0
}
}
@-webkit-keyframes scale {
0% {
background-position:0 0
}
50% {
background-position:0 5px
}
100% {
background-position:0 0
}
}
.gotop {
	display:block;
	position:absolute;
	top:90px;
	right:0;
	width:131px;
	height:36px;
	font:14px/36px "Times New Roman", Times, serif;
	color:#000
}
.gotop span {
	display:inline-block;
	width:36px;
	height:36px;
	float:right;
	background:#c90000;
	overflow:hidden;
	position:relative;
	transition:all .5s
}
.gotop span img {
	position:absolute;
	left:0;
	top:0
}
.gotop:hover {
	opacity:.7;
	color:#000;
	filter:Alpha(opacity=70)
}
.foot-links {
	border-top:1px solid #eaeaea
}
.foot-links-content {
	width:100%;
	max-width:1280px;
	min-width:980px;
	margin:0 auto;
	overflow:hidden;
	padding-top:25px;
	height:215px
}
.foot-links-content li {
	width:13%;
	float:left
}
.foot-links-content .title {
	color:#373737;
	font-size:14px;
	padding-bottom:10px;
	padding-left:2px;
	font-weight:bold
}
.foot-links-content a {
	display:block;
	color:#838383;
	padding:2px 10px;
	background:url(https://www.ox800.com/templets/ox800/img/icons.gif) left no-repeat
}
.foot-links-content a:hover, .foot-bt-links a:hover {
	color:#e10000
}
.foot-bt {
	height:70px;
	background:#2b2b2b;
	border-top:5px solid #000
}
.foot-bt-content {
	width:100%;
	max-width:1180px;
	min-width:980px;
	margin:0 auto
}
.ft-logo a {
	display:block;
	width:100px;
	height:20px
}
.ft-logo {
	width:100px;
	height:20px;
	background-position:-440px 0;
	float:left;
	text-indent:-999em;
	margin-top:28px
}
.ft-info {
	color:#828282;
	float:left;
	margin-left:20px;
	margin-top:25px
}
.ft-info a {
	color:#828282!important
}
.ft-info a:hover {
	color:#00925f!important
}
.foot-bt-links {
	float:right;
	padding-top:25px
}
.foot-bt-links a {
	padding-left:20px;
	color:#e2e2e2;
	float:left
}
.foot-bt-links .lang {
	padding-right:15px;
	float:left;
	position:relative;
	background-position:90px -972px
}
.foot-bt-links .lang-tip {
	background-position:69px -962px
}
.foot-tel, .foot-zxkf {
	margin:10px 0
}
.foot-zxkf {
	cursor:pointer
}
.foot-tel {
	background:url("https://www.ox800.com/templets/ox800/img/tel_s.png") no-repeat scroll 0 5px
}
.foot-wz-01, .foot-wz-02 {
	margin-left:57px;
	width:175px
}
.foot-wz-01 {
	font-size:22px;
	color:#e10000
}
.foot-tel-01 {
	font-size:26px
}
.foot-zxkf {
	background:url("https://www.ox800.com/templets/ox800/img/zxkf.png") no-repeat scroll 0 10px
}
.foot-kf-01 {
	background:url("https://www.ox800.com/templets/ox800/img/zx.png") no-repeat scroll 110px 13px transparent
}
.inner-banner {
	width:100%;
	height:380px;
	margin:0 auto;
	position:relative;
	background:url(https://www.ox800.com/templets/ox800/img/loading.gif) no-repeat center;
	overflow:hidden
}
.inner-banner img {
	position:absolute;
	left:50%;
	top:0;
	margin-left:-960px;
	max-width:1920px
}
.inner-banner .nav-title {
	width:100%;
	position:absolute;
	z-index:2
}
.inner-banner div {
	padding:100px 0 0 30px;
	font:30px/30px "Microsoft YaHei";
	color:#fff;
	transition:All .4s ease-in-out;
	-webkit-transition:All .4s ease-in-out;
	-moz-transition:All .4s ease-in-out;
	-o-transition:All .4s ease-in-out
}
.inner-banner div span {
	font-size:21px
}
.inner-banner:hover div {
	transform:translate(0, -5px);
	-webkit-transform:translate(0, -5px);
	-moz-transform:translate(0, -5px);
	-o-transform:translate(0, -5px);
	-ms-transform:translate(0, -5px)
}
.pro-banner {
	width:100%;
	height:380px;
        align:center;
	margin:0 auto;
	position:relative;
	background:url(https://www.ox800.com/templets/ox800/img/loading.gif) no-repeat center;
	overflow:hidden
}
.inner-title {
	padding-top:40px;
	margin-bottom:40px;
	background:url(../image/index_bg01.png) repeat-x 0 bottom;
	height:43px
}
.inner-title .breadcrumbs {
	width:20%;
	float:left;
	font-size:12px
}
.inner-title h2 {
	width:79%;
	float:right;
	height:43px;
	font:14px/24px "Microsoft YaHei";
	color:#a3a3a4
}
.inner-title h2 span {
	float:left;
	display:inline-block;
	border-bottom:1px solid #727272;
	padding-bottom:18px;
	font:bold 20px/24px "Microsoft YaHei";
	color:#333;
	height:24px;
	margin-right:5px
}
.inner-main {
	margin-top:20px
}
.inner-main .left {
	width:20%;
	float:left
}
.inner-main .right {
	width:79%;
	float:right
}
.inner-main .left ul {
	width:98%;
	overflow:hidden
}
.inner-main .left ul li {
	line-height:60px;
	margin-bottom:3px
}
.inner-main .left ul li a {
	display:block;
	background:#656565;
	font-size:18px;
	color:#fff;
	padding-left:30px;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease
}
.inner-main .left ul li a img {
	padding-right:10px;
	padding-bottom:2px;
	width:38px;
	height:38px;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	text-shadow:0 0 0 #999
}
.inner-main .left ul li a:hover, .inner-main .left ul li a.on {
	background:#00ABEB;
	color:#FFF
}
.inner-main .left ul li a:hover img, .inner-main .left ul li a.on img {
	width:46px;
	height:46px;
	text-shadow:2px 2px 2px #333;
	padding-bottom:5px
}
/*
.inner-main .left ul li ul {
	margin-top:2px;
	width:100%;
	display:none;
	margin-left:4px
}
*/
.inner-main .left ul li ul li {
	line-height:40px;
	margin-bottom:2px
}
.inner-main .left ul li ul li a {
        color:#555;
	font-size:14px;
	padding-left:30px;
	background:#FFF
}
.inner-main .left ul li ul li a:hover {
	transform:translate(2px, 0);
	-webkit-transform:translate(10px, 0);
	-moz-transform:translate(10px, 0);
	-o-transform:translate(10px, 0);
	-ms-transform:translate(10px, 0)
}
.inner-main .left ul li:hover ul, .inner-main .left ul li.on ul {
	display:block
}
.inner-main .main-title {
	width:100%;
	height:88px;
	padding-top:50px;
	margin-bottom:80px;
	background:url(https://www.ox800.com/templets/ox800/images/index_bg01.png) repeat-x 0 bottom
}
.inner-main .main-title h2 {
	font:normal 32px/40px "Microsoft YaHei";
	color:#444;
	text-align:center
}
.inner-main .main-title h2 span {
	display:block;
	font:14px/40px "Microsoft YaHei";
	height:48px;
	background:url(https://www.ox800.com/templets/ox800/images/inner_bg01.gif) no-repeat center bottom;
	color:#a3a3a4
}
.inner-main .main-title2 {
	background:url(https://www.ox800.com/templets/ox800/images/index_bg06.png) repeat-x 0 bottom
}
.inner-main .main-title2 h2 {
	color:#fff
}
.inner-main .main-title2 h2 span {
	color:#a3a3a4;
	background:url(https://www.ox800.com/templets/ox800/images/inner_bg02.gif) no-repeat center bottom
}








.anli-main {
	margin-top:20px
}
.anli-main .left {
	width:20%;
	float:left
}
.anli-main .right {
	width:79%;
	float:right
}
.anli-main .left ul {
	width:98%;
	overflow:hidden
}
.anli-main .left ul li {
	line-height:60px;
	margin-bottom:3px
}
.anli-main .left ul li a {
	display:block;
	background:#656565;
	font-size:18px;
	color:#fff;
	padding-left:30px;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease
}
.anli-main .left ul li a img {
	padding-right:10px;
	padding-bottom:2px;
	width:38px;
	height:38px;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	text-shadow:0 0 0 #999
}
.anli-main .left ul li a:hover, .anli-main .left ul li a.on {
	background:#e10000;
	color:#FFF
}
.anli-main .left ul li a:hover img, .anli-main .left ul li a.on img {
	width:46px;
	height:46px;
	text-shadow:2px 2px 2px #333;
	padding-bottom:5px
}
/*
.anli-main .left ul li ul {
	margin-top:2px;
	width:100%;
	display:none;
	margin-left:4px
}
*/
.anli-main .left ul li ul li {
        width: 60px;
        float: left;
	line-height:40px;
	margin-bottom:2px
}
.anli-main .left ul li ul li a {
        color:#555;
	font-size:14px;
	padding:0px 5px 0px 10px;
        margin-left:2px;
	background:#FFF
}
.anli-main .left ul li ul li a:hover {
	transform:translate(2px, 0);
	-webkit-transform:translate(5px, 0);
	-moz-transform:translate(5px, 0);
	-o-transform:translate(5px, 0);
	-ms-transform:translate(5px, 0)
}
.anli-main .left ul li:hover ul, .anli-main .left ul li.on ul {
	display:block
}
.anli-main .main-title {
	width:100%;
	height:88px;
	padding-top:50px;
	margin-bottom:80px;
	background:url(https://www.ox800.com/templets/ox800/images/index_bg01.png) repeat-x 0 bottom
}
.anli-main .main-title h2 {
	font:normal 32px/40px "Microsoft YaHei";
	color:#444;
	text-align:center
}
.anli-main .main-title h2 span {
	display:block;
	font:14px/40px "Microsoft YaHei";
	height:48px;
	background:url(https://www.ox800.com/templets/ox800/images/inner_bg01.gif) no-repeat center bottom;
	color:#a3a3a4
}
.anli-main .main-title2 {
	background:url(https://www.ox800.com/templets/ox800/images/index_bg06.png) repeat-x 0 bottom
}
.anli-main .main-title2 h2 {
	color:#fff
}
.anli-main .main-title2 h2 span {
	color:#a3a3a4;
	background:url(https://www.ox800.com/templets/ox800/images/inner_bg02.gif) no-repeat center bottom
}





.prori {
	width:100%;
	overflow:hidden
}
.prori ul {
	width:105%
}
.prori ul li {
	float:left;
	width:240px;
	height:320px;
	position:relative;
	overflow:hidden;
	padding-top:10px;
	margin:0 16px 50px 0;
	background:url(https://www.ox800.com/templets/ox800/images/loading.gif) no-repeat center center #fff
}


.banner_img{ position:relative; left:50%; margin-left:-960px; width:1920px; }


img{border:0}/* css 注释说明：设置图片边框为0 */ 
body{behavior:url("https://www.ox800.com/templets/ox800/tcss/csshover.htc");}/* css注释说明：兼容ie6 支持标签使用hover */ 
.prolicss{ position:relative;width:240px; height:240px;margin:0 auto} 
.prolicss a,.prolicss span{display:none; text-decoration:none}
.prolicss:hover{cursor:pointer} 
.prolicss:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;
 z-index:100; left:0; display:block;}
.prolicss:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;width:240px; 
z-index:10;height:36px; line-height:36px; background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7;}

.anlilicss{ position:relative;width:240px; height:180px;margin:0 auto} 
.anlilicss a,.anlilicss span{display:none; text-decoration:none}
.anlilicss:hover{cursor:pointer} 
.anlilicss:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;
 z-index:100; left:0; display:block;}
.anlilicss:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;width:240px; 
z-index:10;height:36px; line-height:36px; background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7;}

.prori ul li .proliname {
	text-align:center;
	font-size:16px;
	color:#000;
        padding-top:20px;
        display:block
}
.prori ul li .proliname span {
	text-align:center;
	font-size:14px;
	color:#555;
        padding-top:8px;
	display:block
}
.prori ul li .proliname:hover{
	color:#FFF;
	background:#878787;
        display:block;
        height:65px
}
.prori ul li .proliname:hover span{
	color:#000
}
.prori ul li .prolicover {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	opacity:.9;
	filter:Alpha(opacity=90);
	background:#e10000;
	display:none;
	overflow:hidden
}
.prori ul li .prolitext {
	position:absolute;
	width:200px;
	left:20px;
	top:-240px;
	font:14px/21px "Microsoft YaHei";
	color:#fff;
	height:235px;
	overflow:hidden
}
.prori ul li .prolitext span {
	display:block;
	font:normal 12px/16px Arial;
	color:#fff;
	opacity:.5;
	filter:Alpha(opacity=50)
}
.prori ul li .prolimore {
	position:absolute;
	right:81px;
	bottom:-26px;
	overflow:hidden
}
.prori ul li .prolimore a {
	padding:5px 10px;
	text-align:center;
	border:1px solid #fff;
	color:#fff;
	display:block;
	transition:all .3s;
	font-size:14px
}
.prori ul li .prolimore a:hover {
	background:#fff;
	color:#e10000;
	border:1px solid #fad1d1
}
.pro_head {
	height:500px;
	margin-bottom:10px;
	position:relative
}
.pro_head .pro_intro {
	width:240px;
	color:#ccc;
	padding:25px;
	color:#666;
	background:#fff;
	height:450px;
	font-size:14px;
	margin-left:10px;
	position:absolute;
	right:0
}
.pro_head .pro_intro h3 {
	font:21px/30px "Microsoft YaHei";
	color:#000;
	margin-bottom:25px
}
.pro_head .pro_intro .price {
	font-weight:normal;
	text-align:center;
	position:absolute;
	font-size:21px;
	color:#F00;
	top:450px
}
.pro_head .pro_img {
	background:#fff;
	margin-right:310px;
	height:500px;
	position:relative;
	text-align:center
}
.more_img {
	position:absolute;
	right:0;
	top:0;
	width:60px;
	margin:15px
}
.more_img img {
	width:60px;
	height:60px;
	margin-bottom:10px;
	border:1px solid #eee
}
.pro_nav {
	height:48px
}
.pro_nav li {
	float:left;
	width:25%
}
.pro_nav li a {
	display:block;
	border-right:2px solid #fff;
	text-align:center;
	line-height:48px;
	font-size:18px;
	background:#e0e0e0
}
.pro_nav li:last-child a {
	border-right:0
}
.pro_nav li:hover a, .pro_nav li.on a {
	color:#fff;
	background:#656565
}
#pro_show {
	text-align:center;
	background:#fff;
	overflow:hidden;
	padding:25px 0
}
#pro_tech {
	background:#fff;
	overflow:hidden;
	padding:25px 30px;
	font-size:14px;
	line-height:30px
}
#pro_pack {
	background:#fff;
	overflow:hidden;
	padding:25px 30px;
	font-size:14px;
	line-height:30px
}
#pro_tech p, #pro_pack p {
	display:block;
	background:#eee;
	padding:3px 10px;
	margin-bottom:2px
}
#pro_aq {
	background:#fff;
	overflow:hidden;
	padding:25px 30px;
	font-size:14px;
	line-height:30px
}
#pro_news {
	text-align:center;
	background:#fff;
	overflow:hidden;
	padding:5px 0
}
#pro_news div {
	float:left;
	text-align:left;
	padding:10px;
	width:90%;
	margin:10px;
	border-bottom:2px solid #f2f2f2
}
@media screen and (min-width:1100px) {
#pro_news div {
	width:45%
}
}
#pro_news div:hover {
	background:#f2f2f2;
	border-bottom:2px solid #ca0606
}
#pro_news div:hover h6 a {
	color:#000
}
#pro_news div:hover h6 a:hover {
	color:#ca0606
}
#pro_news div img {
	float:left;
	width:190px;
	height:110px;
	margin-right:10px
}
#pro_news div h6 {
	font-size:16px;
	color:#666;
	font-weight:normal;
	line-height:26px;
	height:26px;
	overflow:hidden;
	text-overflow:ellipsis
}
#pro_news div p {
	font-size:12px;
	line-height:21px;
	height:60px;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#999
}
#pro_news div span {
	background:url(https://www.ox800.com/templets/ox800/images/icon_time.png) left center no-repeat;
	padding-left:18px;
	font-size:12px;
	line-height:30px;
	color:#CCC
}
#pro_aq_title, #pro_news_title, #pro_more_title {
	margin-top:20px;
	background:#656565;
	line-height:50px;
	padding-left:25px;
	color:#fff;
	font-size:18px
}
#pro_more {
	margin:15px auto
}
.news_list {
	margin:0;
	padding:0;
	background:#fff;
	padding:40px
}
.news_list li {
	padding:20px;
	border-bottom:1px solid #eee;
	font-size:14px;
	line-height:30px;
	color:#999;
	clear:both;
	height:180px
}
.news_list li:hover {
	background:#f2f2f2
}
.news_list li img {
	float:left;
	margin-right:20px;
	width:240px;
	height:180px
}
.news_list li h5 {
	font-size:26px;
	color:#333;
	line-height:40px;
	font-weight:normal
}
.news_list li:hover a h5 {
	color:#e10000
}
.news_list li p {
	max-height:120px;
	overflow:hidden;
	display:block
}
.news_list li:hover p {
	color:#333
}
.news_list li span {
	background:url(https://www.ox800.com/templets/ox800/images/icon_time.png) left center no-repeat;
	padding-left:18px;
	font-size:12px;
	line-height:30px;
	color:#CCC
}
.news_info {
	background:#fff;
	padding:40px 60px;
	font-size:14px;
	line-height:30px;
	margin-bottom:40px
}
.news_info img{max-width:100%;height:auto}
.news_info h1.title {
	font-size:28px;
	color:#000;
	line-height:45px;
	margin-bottom:10px;
	text-align:center
}
.news_info .data {
	font-size:12px;
	color:#ccc;
	line-height:30px;
	margin-bottom:10px;
	text-align:center;
	border-bottom:1px solid #eee
}
.news_info .anli span {
	font-size:14px;
        font-weight:bold;
}
.news_info .prev {
	width:48%;
	font-size:16px;
	border:1px solid #eee;
	margin-top:40px;
	background:url(https://www.ox800.com/templets/ox800/images/arrow_l.png) 3% center no-repeat;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	float:left
}
.news_info .prev a {
	display:block;
	padding:10px 0 10px 40px;
	color:#ccc
}
.news_info .prev:hover {
	background:url(https://www.ox800.com/templets/ox800/images/arrow_l.png) 1% center no-repeat #e10000
}
.news_info .prev:hover a {
	color:#fff
}
.news_info .next {
	width:48%;
	font-size:16px;
	border:1px solid #eee;
	margin-top:40px;
	background:url(https://www.ox800.com/templets/ox800/images/arrow_r.png) 97% center no-repeat;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	float:right;
	text-align:right
}
.news_info .next a {
	display:block;
	padding:10px 40px 10px 0;
	color:#ccc
}
.news_info .next:hover {
	background:url(https://www.ox800.com/templets/ox800/images/arrow_r.png) 99% center no-repeat #e10000
}
.news_info .next:hover a {
	color:#fff
}
.news {
	background:#eaeaea;
	overflow:hidden;
	margin-bottom:75px
}
.news-text {
	float:left;
	width:49%;
	height:100%;
	position:relative
}
.news-text-box {
	width:80%;
	padding:10% 0;
	margin:0 auto
}
.news-img {
	float:right;
	width:50%;
	overflow:hidden;
	max-height:438px
}
.news-img img {
	transition:all 1.8s;
	-webkit-transition:all 1.8s
}
.news-img img:hover {
	transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1)
}
.news-text-box h3 {
	font:normal 20px/26px "Microsoft YaHei";
	color:#444;
	padding-bottom:30px
}
.news-text-box h3 a {
	color:#444
}
.news-text-box h3 a:hover {
	color:#000
}
.news-text-box p {
	height:85px;
	font:12px/20px "Microsoft YaHei";
	color:#7b7b7b
}
.news-text-box .newsmore {
	display:inline-block;
	width:120px;
	height:32px;
	background:#868686;
	border:1px solid #7b7b7b;
	font:14px/32px Arial;
	text-align:center;
	color:#fff;
	transition:all .3s
}
.news-text-box .newsmore:hover {
	background:#e10000;
	border:1px solid #960303
}
.news-text-box .newstime {
	position:absolute;
	left:10%;
	bottom:8%
}
.news-info {
	position:absolute;
	width:100%;
	max-width:1280px;
	min-height:980px;
	left:50%;
	top:545px;
	background:#fff;
	display:none;
	z-index:1000
}
.news-overlay {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:.7;
	filter:Alpha(opacity=70);
	z-index:999;
	display:none
}
.news-content {
	width:90%;
	margin:120px auto
}
.online h3 {
	font-size:21px;
	font-weight:normal;
	padding-left:10px;
	border-bottom:1px solid #f1f1f1;
	margin-bottom:10px
}
.online ul.top3 {
	margin-bottom:20px
}
.online ul.top3 li {
	width:50%;
	float:left;
	position:relative;
	overflow:hidden
}
.online ul.top3 li a.buy {
	display:block;
	padding:2px 5px;
	border:1px solid #e10000;
	position:absolute;
	top:-30px;
	right:20px;
	color:#e10000;
	webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease
}
.online ul.top3 li:hover a.buy {
	display:block;
	padding:2px 5px;
	border:1px solid #e10000;
	position:absolute;
	top:22px;
	right:20px;
	color:#e10000
}
.online ul.top3 li:hover a.buy:hover {
	color:#fff;
	background:#e10000
}
.online ul.top3 li div {
	margin:5px 10px;
	border-bottom:3px solid #FC3;
	background:url(https://www.ox800.com/templets/ox800/images/icon_medal_on.png) 10px center no-repeat #fffff5;
	padding:10px 15px 10px 75px;
	font-size:14px
}
.online ul.top3 li div h4 {
	font-weight:normal;
	font-size:21px;
	color:#e10000;
	margin:0;
	line-height:40px
}
.online ul.top3 li div span {
	color:#0cf
}
.online ul.top3 li:hover div {
	margin:5px 10px;
	border-bottom:3px solid #e10000;
	background:url(https://www.ox800.com/templets/ox800/images/icon_medal.png) 10px center no-repeat #fffff5;
	padding:10px 15px 10px 75px;
	color:#e10000
}
.online ul.top3 li:hover div h4 {
	font-weight:bold
}
.online ul.otherlist li {
	width:33%;
	float:left;
	position:relative;
	overflow:hidden
}
.online ul.otherlist li a.buy {
	display:block;
	padding:0 5px;
	border:1px solid #e10000;
	position:absolute;
	top:-25px;
	right:20px;
	color:#e10000;
	webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease
}
.online ul.otherlist li:hover a.buy {
	display:block;
	padding:0 5px;
	border:1px solid #e10000;
	position:absolute;
	top:24px;
	right:20px;
	color:#e10000
}
.online ul.otherlist li:hover a.buy:hover {
	color:#fff;
	background:#e10000
}
.online ul.otherlist li div {
	margin:5px;
	border-bottom:2px solid #ddd;
	background:#fdfdfd;
	padding:10px;
	font-size:12px
}
.online ul.otherlist li div h4 {
	font-size:18px;
	color:#333;
	margin:0;
	line-height:40px;
	font-weight:normal
}
.online ul.otherlist li div span {
	color:#0cf
}
.online ul.otherlist li:hover div {
	margin:5px;
	background:#f2f2f2;
	border-bottom:2px solid #e10000;
	padding:10px;
	font-size:12px;
	color:#e10000
}
.online ul.otherlist li:hover div h4 {
	font-weight:bold;
	color:#e10000
}
.note {
	background:none repeat scroll 0 0 #feffdb;
	border:1px solid #ffddb3;
	padding:10px 15px;
	line-height:25px;
	margin-bottom:20px
}
.store table {
	border:2px solid #eee
}
.store table td, .store table th {
	padding:5px
}
.store table th {
	background:#e10000;
	color:#fff;
	webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease
}
.store table tr:hover {
	background:#fafafa;
	color:#e10000
}
.store table td.map {
	text-align:center
}
.store table td.map img {
	width:10px;
	margin:0 11px 3px 10px;
	webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease
}
.store table tr:hover td.map img {
	width:17px;
	height:23px;
	margin:0 5px 3px 5px
}
.store table tr:hover td.map {
	background:#efefef
}
.down_list {
	padding:20px 40px 20px 20px;
	margin-bottom:20px;
	border-bottom:2px solid #ddd;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	background:#fdfdfd;
	font-size:14px;
	color:#999
}
.down_list:hover {
	background:#f2f2f2;
	border-bottom:2px solid #d31f1f
}
.down_list i {
	display:block;
	width:80px;
	height:70px;
	float:left;
	margin-right:15px;
	background:url(https://www.ox800.com/templets/ox800/images/down_clound.png) center center no-repeat #999;
	-webkit-transition:.3s all ease;
	-moz-transition:.5s all ease;
	-ms-transition:.5s all ease;
	-o-transition:.5s all ease;
	transition:.5s all ease
}
.down_list:hover i {
	background:url(https://www.ox800.com/templets/ox800/images/down_clound.png) center center no-repeat #e10000
}
.down_list h5 {
	font-size:18px;
	line-height:35px;
	font-weight:normal;
	color:#333
}
.down_list a.down {
	display:block;
	background:#fff;
	border:3px solid #e0e0e0;
	color:#a1a1a1;
	font:18px/40px "Microsoft YaHei";
	text-align:center;
	float:right;
	width:96px;
	height:40px;
	margin-top:10px;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	overflow:hidden
}
.down_list a.down em {
	display:none;
	background:url(https://www.ox800.com/templets/ox800/images/down.png) center -35px no-repeat #d31f1f;
	position:absolute;
	width:96px;
	height:40px
}
.down_list a.down:hover {
	background:#d31f1f;
	border-color:#e10000;
	color:#fbe9e9
}
.down_list a.down:hover em {
	display:block;
	background:url(https://www.ox800.com/templets/ox800/images/down.png) center center no-repeat #d31f1f;
	position:absolute;
	width:96px;
	height:40px
}
.down_list h5 a {
	color:#d31f1f
}
.down_list a:hover {
	background:#666;
	color:#fff
}
.feedback_list {
	border-bottom:1px solid #CCC;
	padding:15px 0 5px 0
}
.feedback_list div {
	width:100px;
	text-align:right;
	padding-right:10px;
	float:left
}
.feedback_list div span {
	color:#f00
}
.feedback_list input {
	width:250px;
	font-size:14px;
	border:1px #79a0bb solid;
	padding:3px 1px
}
.feedback_list span {
	font-size:12px;
	color:#CCC
}
a.chaxun {
	font-size:26px;
	border:2px solid #e10000;
	margin:20px auto;
	color:#e10000;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	text-align:center;
	width:300px
}
a.chaxun {
	display:block;
	padding:20px 40px 20px 40px;
	color:#e10000
}
a.chaxun:hover {
	background:#e10000;
	color:#fff;
	font-weight:bold
}



.page_div{
    
        height: 75px;
}

.pages{ width:978px; margin-top:20px; text-align:center; margin:0px auto; height:30px;}
.dede_pages{
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
        font-size:14px;
	line-height:36px;
	margin-right:6px;
        padding:5px 14px;
	background-color:#FFFFFF;
	border:1px solid #E9E9E9;
}
.dede_pages ul li:hover{
	background-color:#DDDDDD;
}
.dede_pages ul li.thisclass {
	width: 50px;
	height: 45px;
        border:1px solid #E9E9E9;
        line-height:45px;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#D8D8D8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}




.footer_bg {
	background-color: #ffffff;
	margin-top: 40px;
}
.footer {
	width: 1280px;
	margin-right: auto;
	margin-left: auto;
	font-family: "Microsoft YaHei";
	font-size: 14px;
	color: #666666;
	padding-bottom: 150px;
}
.footer .footer_nav {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DEDEDE;
	padding-top: 30px;
	padding-bottom: 30px;
}
.footer .footer_nav .footer_c ul {
	list-style-type: none;
	float: left;
	width: 155px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D6D6D6;
	padding-left: 99px;
}
.footer .footer_nav .footer_c li {
	line-height: 30px;
	font-family: "Microsoft YaHei";
}
.footer .footer_nav .footer_c .footer_tel {
	text-align: center;
	font-size: 14px;
	padding-top: 0px;
}

.footer .footer_nav .footer_c .footer_tel .phone {
	font-size: 28px;
	font-weight: bolder;
	color: #333333;
	font-family: "Microsoft YaHei";
        padding-bottom: 12px;
}
.footer .footer_nav .footer_c .footer_tel p {
	font-size: 12px;
	color: #666666;
	line-height: 25px;
}
.footer .footer_nav .footer_c .footer_tel .button {
	background-color: #FF4A00;
	display: inline-block;
	width: 120px;
	height: 30px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 30px;
}
.footer .footer_nav .footer_c .footer_tel .button:hover {
	background-color: #EE330A;
}
.footer_xian {
	height: 5px;
        background-color: #000000;
}
.footer_d {
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
        background-color: #2e2e2e;
}
.footer_d a {
        color:#dddddd;
}
.footer_d a:hover {
color: #ca0606;
text-decoration: none;
}

.prohot{ width:100%; margin:0px 0px; height:200px; padding:0px 0px 60px 0px;}

.prohot_img{ height: 255px;}
.prohot_img img {
-webkit-transition: -webkit-transform .2s linear;
-moz-transition: -moz-transform .2s linear;
-o-transition: -o-transform .2s linear;
transition: transform .2s linear;
}
.prohot_img img:hover {
-webkit-transform: translateX(-5px);
-moz-transform: translateX(-5px);
-ms-transform: translateX(-5px);
-o-transform: translateX(-5px);
transform: translateX(-5px);
}

.protuijian{ width:100%; margin:0px 0px; height:200px; padding:60px 0px 60px 0px;}
.protjtitle{ width:1010px; padding:0px 0px 10px 10px; height:20px; text-align:left; font:bold 20px/24px "Microsoft YaHei"; color:#333; border-bottom:1px #D9D9D9 solid;}
.protjpro{ width:100%; margin:0px auto; height:150px; margin-top:8px;}
.protjpro .box{ width:240px; height:180px; float:left; text-align:center; margin-left:12px; display:inline;}
.protjpro .box li{ line-height:24px; height:24px; vertical-align:middle;}
.protjpro .box .map{ width:182px; height:120px;border:1px #c8c8c8 solid; padding:1px;}
.protjpro_p{ width:740px; margin:0px auto; height:150px; margin-top:8px;}
.protjpro_p .box{ width:138px; height:150px; float:left; text-align:center; margin-left:9px; display:inline;}
.protjpro_p .box li{ line-height:24px; height:24px; vertical-align:middle;}
.protjpro_p .box .map{ width:136px; height:120px;border:1px #c8c8c8 solid; padding:1px;}

.aboutpic{ position:relative; width:1903px; }


.top_box{width: 1280px;margin: 0 auto;}
.top_box1{max-width: 1280px;min-width: 1010px;margin: 0 auto;height:200px;margin-top: 40px}
.top_box1 div{width:635px;height:200px;float:left;
	-webkit-transition: -webkit-transform .2s linear;
	-moz-transition: -moz-transform .2s linear;
	-o-transition: -o-transform .2s linear;
	transition: transform .2s linear;
}
.top_box1 div:hover{
	-webkit-transform: translateX(-1%);
	-moz-transform: translateX(-1%);
	-ms-transform: translateX(-1%);
	-o-transform: translateX(-1%);
	transform: translateX(-1%);
}#cjtc{    position: fixed;    bottom:0;    left:0;    z-index: 999999;}#close_button{    position: fixed;    bottom:220px;    right:30px;    z-index: 999999;}#close_button:hover {    content: url(../image/close_h.png);    cursor:pointer;}