﻿ @charset "utf-8";
	body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd {
	margin:0
}
input,button,ul,ol {
	margin:0;
	padding:0
}
body,input,button,form,textarea {
	font-size:14px;
	line-height:28px;
	font-family:microsoft yahei,arial black;
	color:#333
}
h1,h2,h3,h4,h5,h6 {
	font-size:14px;
	font-weight:400
}
ul,ol {
	list-style:none
}

em,i,strong {
	font-style:normal
}
button,input,select,textarea {
	font-size:100%
}
table {
	border-collapse:collapse;
	border-spacing:0
}
body {
	background:#fff;
	overflow-x:hidden;
	overflow-y:auto
}
* {
	padding:0;
	margin:0
}
div {
	margin:0;
	padding:0;
	border:0
}
p {
	margin:0
}
b,strong {
	font-weight:700
}
table {
	border-collapse:collapse;
	border-spacing:0
}
li {
	list-style:none outside none
}
a {
	text-decoration:none;
	color:#333;
	background:0 0;
	outline:none
}
a:focus {
	outline:none
}
a:hover,a:active {
	color:#EB332B;
	text-decoration:none
}
a:visited {
	text-decoration:none
}
form {
	margin:0
}
button,input,select,textarea {
	font-size:100%;
	margin:0;
	vertical-align:baseline;
	*vertical-align:middle
}
button,select {
	text-transform:none
}
input {
	line-height:normal;
	border:none
}
blockquote {
	margin:1em 40px
}
dfn {
	font-style:italic
}
hr {
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	height:0
}
code,kbd,pre,samp {
	font-size:1em
}
pre {
	margin:1em 0;
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word
}
small {
	font-size:80%
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-.5em
}
sub {
	bottom:-.25em
}
dd {
	margin:0
}
audio:not([controls]) {
	display:none;
	height:0
}
.red {
	color:red!important
}
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	line-height:0
}
.clearfix {
	*zoom:1
}
.clear {
	clear:both
}
.fl {
	float:left
}
.fr {
	float:right
}
.hidden {
	display:none
}
.pfont {
	font-family:pingfangsc-light,microsoft yahei,Arial,Helvetica,sans-serif,hiragino sans gb
}
.required {
	color:red;
	font-weight:700
}
.form_text_verifycode {
	width:80px
}
.form_radio {
	width:auto;
	border:0
}
.form_checkbox {
	width:auto;
	border:0
}
.w1200 {
	width:1200px;
	margin:0 auto
}
.por {
	position:relative
}
.poa {
	position:absolute
}
.icon {
	background:url(../images/icon.png) no-repeat;
	display:inline-block;
	vertical-align:middle
}
#header_main,#top_main,#banner_main,#floor_1_main,#links_main,#footer_main {
	width:100%;
	margin:0
}
.trans {
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-o-transition:all .3s ease-in;
	transition:all .3s ease-in
}


#banner_main {
	overflow:hidden;
	position:relative;
	z-index:2
}
#banner_main .banner {
	height:650px;
}
#banner {
	width:100%;
	min-width:1000px;
	position:relative;
	overflow:hidden;
	z-index:0
}
#banner,.banner ul {
	max-height:650px;
	overflow:hidden
}
.banner li {
	width:100%;
	position:absolute;
	z-index:1;
	overflow:hidden
}
.banner li img {
	width:1920px;
	display:block;
	position:relative;
	left:50%;
	margin-left:-960px;
	top:0
}
#banner .tip {
	width:1000px;
	height:20px;
	line-height:0;
	font-size:0;
	text-align:center;
	position:absolute;
	left:50%;
	margin-left:-500px;
	bottom:110px;
	z-index:3
}
#banner .tip span {
	height:10px;
	margin:0 2px;
	width:10px;
	display:inline-block;
	font-size:0;
	cursor:pointer;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	border-radius:100%;
	border:2px solid #EB332B
}
#banner .tip span.cur {
	background-color:#EB332B
}
#banner #btn_prev,#banner #btn_next {
	width:28px;
	height:56px;
	position:absolute;
	top:32%;
	z-index:5
}
#banner #btn_prev {
	background-position:0 -138px;
	left:5%
}
#banner #btn_next {
	background-position:-34px -138px;
	right:5%
}
.index {
	position:relative;
	z-index:3
}
.index .title {
	text-align:center;
	width:100%;
	background:url(../images/title_line.png) no-repeat center bottom;
	padding-bottom:30px
}
.index .title h3 {
	font-size:24px;
	font-weight:400;
	display:block;
	line-height:30px;
	color:#000;
	text-align:center
}
.index .title h4 {
	color:#999;
	font-size:18px;
	text-transform:uppercase;
	font-family:pingfangsc-light,Arial,Helvetica,sans-serif,hiragino sans gb;
	font-weight:400;
	line-height:40px
}
.index .floor_1_main {
	background:#f5f5f5
}
.index .floor_1 {
	padding-top:74px;
	padding-bottom:74px;
	position:relative
}
.index .part1 {
	position:absolute;
	left:0;
	top:-100px;
	width:1200px;
	height:250px;
	overflow:hidden
}
.index .part1 .item {
	width:400px;
	float:left;
	height:250px;
	background:#EB332B
}
.index .part1 .item a {
	display:block;
	position:relative;
	padding:40px;
	color:#fff
}
.index .part1 .item h3 {
	font-size:18px;
	line-height:24px
}
.index .part1 .item h4 {
	color:#fff;
	display:block;
	border-bottom:1px solid #fff;
	padding-bottom:16px;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	-khtml-opacity:.5;
	opacity:.5
}
.index .part1 .item .shuzi {
	line-height:20px;
	color:#fff;
	float:left;
	width:122px
}
.index .part1 .item .shuzi b {
	text-transform:uppercase;
	font-size:86px;
	font-weight:700;
	display:inline-block;
	line-height:86px
}
.index .part1 .item span {
	width:60px;
	height:54px;
	display:block;
	margin-top:32px
}
.index .part1 .it1 span {
	background-position:0 -30px
}
.index .part1 .it2 span {
	background-position:-76px -30px;
	width:46px
}
.index .part1 .it3 span {
	background-position:-140px -30px;
	width:52px
}
.index .part1 .item .txt {
	width:180px
}
.index .part1 .item.hover {
	background:#ff5454
}
.index .part2 {
	padding-top:150px
}
.index .part2 .hd {
	padding:30px 0
}
.index .part2 .hd ul {
	margin:0 auto;
	text-align:center
}
.index .part2 .hd li {
	margin-right:30px;
	height:28px;
	line-height:28px;
	text-align:center;
	display:inline-block;
	+display:inline;
	+float:left;
	white-space:nowrap;
	word-break:break-all
}
.index .part2 .hd li a {
	display:block;
	border:1px solid #ccc;
	padding:0 12px
}
.index .part2 .hd li.on a {
	border:1px solid #EB332B;
	background:#EB332B;
	color:#fff
}
.index .part2 .bd {
	overflow:hidden
}
.index .part2 .bd ul {
	padding-top:64px;
	width:108%
}
.index .part2 .bd li {
	width:380px;
	height:330px;
	display:block;
	float:left;
	margin-right:30px;
	margin-bottom:30px;
	background:#fff;
	transition:all .3s ease-out 0s
}
.index .part2 .bd li a {
	display:block
}
.index .part2 .bd li img {
	width:380px;
	height:285px;
	display:block
}
.index .part2 .bd li h3 {
	font-size:18px;
	text-align:center
}
.index .part2 .bd li p {
	color:#999;
	padding:0 46px;
	line-height:24px
}
.index .part2 .bd li:hover {
	transform:translate3d(0px,-16px,0px);
	box-shadow:0 3px 10px #dedede
}
.index .floor_1_main,.index .floor_2_main,.index .floor_3_main,.index .floor_4_main {
	width:100%
}
.index .floor_2_main {
	background:#fff;
	overflow:hidden
}
.index .more {
	width:150px;
	height:38px;
	line-height:38px;
	text-align:center;
	color:#aba8a8;
	display:block;
	margin:40px auto 0;
	background:#fff;
	text-transform:uppercase;
	transition:all .3s ease-out 0s;
	box-shadow:0 3px 10px #dedede
}
.index .more span {
	display:inline-block;
	width:40px;
	height:38px;
	line-height:38px;
	background:url(../images/icon.png) no-repeat 12px -92px #EB332B
}
.index .more:hover {
	background:#EB332B;
	color:#fff;
	text-indent:10px
}
.index .more:hover span {
	color:#fff
}
.index .floor_2 {
	padding:60px 0;
	position:relative;
	height:720px
}
.index .floor_2 .hdtit {
	padding:30px 0
}
.index .floor_2 .hdtit ul {
	margin:0 auto;
	text-align:center;
	+width:280px
}
.index .floor_2 .hdtit li {
	margin-right:30px;
	height:28px;
	line-height:28px;
	text-align:center;
	display:inline-block;
	+display:inline;
	+float:left
}
.index .floor_2 .hdtit li a {
	display:block;
	border:1px solid #ccc;
	padding:0 12px
}
.index .floor_2 .hdtit li a:hover,.index .floor_2 .hdtit li.hover a {
	border:1px solid #EB332B;
	background:#EB332B;
	color:#fff
}
.index .floor_2 .vistbox {
	width:100%;
	position:relative;
	overflow:hidden;
	height:660px
}
.index .floor_2 .slideBox {
	position:relative;
	overflow:hidden;
	height:502px
}
.index .floor_2 .txtbox {
	padding-top:25px;
	position:relative;
	z-index:3
}
.index .floor_2 .btn {
	width:160px;
	position:absolute;
	right:0;
	bottom:150px;
	z-index:99;
	background:#fff;
	height:350px
}
.index .floor_2 .btn img {
	display:block;
	width:110px;
	height:230px;
	margin-left:50px;
	margin-bottom:90px
}
.index .floor_2 .btn span {
	display:inline-block;
	width:66px;
	height:30px;
	margin-left:14px;
	cursor:pointer
}
.index .floor_2 .btn .sPrev {
	background-position:-204px 0
}
.index .floor_2 .btn .sNext {
	background-position:-284px 0
}
.index .floor_2 .btn .cur.sPrev {
	background-position:-204px -40px
}
.index .floor_2 .btn .cur.sNext {
	background-position:-284px -40px
}
.transs {
	-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);
	-moz-transition:all .4s cubic-bezier(.4,0,.2,1);
	-o-transition:all .4s cubic-bezier(.4,0,.2,1);
	transition:all .4s cubic-bezier(.4,0,.2,1)
}
.slidebanner {
	width:100%;
	margin:0 auto;
	height:500px;
	overflow:hidden;
	position:relative
}
.slidebanner .game163 {
	position:relative;
	z-index:0;
	overflow:hidden
}
.slidebanner .bigImg {
	overflow:hidden;
	position:relative;
	width:992px;
	height:500px
}
.slidebanner .bigImg a {
	display:block
}
.slidebanner .bigImg li {
	position:relative
}
.slidebanner .bigImg li .img {
	padding-left:290px;
	width:700px;
	height:100%
}
.game163 .bigImg li img {
	width:700px;
	height:350px
}
.slidebanner .bigImg .txt {
	position:absolute;
	top:65px;
	left:0;
	width:380px;
	height:438px;
	background:url(../images/redbg.png) repeat left top
}
.slidebanner .bigImg .txt a {
	padding:30px;
	color:#fff
}
.slidebanner .bigImg .txt h5 {
	font-size:30px;
	display:block
}
.slidebanner .bigImg .txt s {
	display:block;
	width:68px;
	height:1px;
	background:#fff;
	margin:34px 0
}
.slidebanner .bigImg .txt p {
	line-height:24px;
	padding:12px 0 0;
	height:222px;
	overflow:hidden
}
.slidebanner .bigImg .txt span {
	display:block;
	margin-top:10px
}
.slidebanner .smallScroll {
	position:absolute;
	right:0;
	bottom:0;
	width:800px;
	height:126px;
	background:#fff;
	z-index:10
}
.slidebanner .smallImg {
	width:800px;
	position:relative;
	overflow:hidden;
	height:126px
}
.slidebanner .smallImg ul li {
	float:left;
	width:250px;
	height:126px;
	display:block;
	margin-right:23px;
	cursor:pointer;
	position:relative
}
.slidebanner .smallImg ul li img {
	height:124px;
	filter:alpha(opacity=80);
	-moz-opacity:.8;
	-khtml-opacity:.8;
	opacity:.8;
	width:248px;
	border:1px solid #fff;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s
}
.slidebanner .smallImg ul li.on img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	border:1px solid #da0000
}
.index .floor_3_main {
	background:url(../images/flo3.jpg) no-repeat center top #f5f5f5
}


.index .floor_33_main {
	background:url(../images/product.jpg) no-repeat center top #f5f5f5
}

.index .floor_3 {
	padding:80px 0;
	overflow:hidden
}
.index .part3 {
	width:1200px;
	height:368px;
	background:#EB332B;
	position:relative
}
.index .part3 .img {
	width:550px;
	height:374px;
	overflow:hidden;
	position:relative;
	top:-30px;
	margin-left:25px
}
.index .part3 .img img {
	width:100%;
	height:100%;
	display:block;
	transition:all .3s ease-out 0s
}
.index .part3 .img:hover img {
	transform:scale(1.05,1.05)
}
.index .part3 .txt {
	padding-right:90px;
	width:480px;
	padding-top:50px
}
.index .part3 .txt a {
	display:block;
	color:#fff
}
.index .part3 .txt h3 {
	font-size:24px
}
.index .part3 .txt h4 {
	font-size:16px;
	display:block;
	text-transform:uppercase
}
.index .part3 .txt p {
	padding-top:10px;
	color:#fed5d5;
	padding-bottom:5px
}
.index .part3 .txt span {
	width:68px;
	height:36px;
	border:1px solid #fed5d5;
	display:block;
	line-height:36px;
	text-align:center
}
.index .part3 .txt span em {
	width:22px;
	margin:14px auto 0;
	height:8px;
	background-position:-60px -100px;
	display:block;
	vertical-align:middle
}
.index .part3 .txt a:hover span {
	border:1px solid #fff
}
.index .part3 .txt a:hover span em {
	background-position:-60px -120px
}
.index .part4 {
	padding:80px 0 0
}
.index .part4 .steps {
	overflow:hidden
}
.index .steps .bd {
	position:relative;
	padding:60px 0
}
.index .steps .bd li {
	float:left;
	width:180px;
	height:135px;
	margin-right:24px
}
.index .steps .bd li a {
	display:block;
	overflow:hidden
}
.index .steps .bd li img {
	width:180px;
	height:135px;
	display:block;
	transition:all .3s ease-out 0s
}
.index .steps .bd li a:hover img {
	transform:scale(1.08,1.08)
}
.index .steps .hd {
	position:relative
}
.index .steps .hd ul {
	text-align:center
}
.index .steps .hd li {
	display:inline-block;
	width:10px;
	height:10px;
	margin-right:14px;
	cursor:pointer;
	background:#999;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	border-radius:100%;
	font-size:0
}
.index .steps .hd li.on {
	background:#EB332B
}
.index .floor_4 {
	padding:60px 0
}
.index .floor_4 .textlist .list {
	width:108%
}
.index .floor_4 .textlist {
	position:relative;
	overflow:hidden;
	padding-top:40px
}
.index .textlist li {
	float:left;
	width:590px;
	height:160px;
	margin-right:20px;
	transition:all .2s linear 0s;
	margin-bottom:20px;
	background:#f7f7f7
}
.index .textlist li a {
	display:block;
	padding:35px 20px
}
.index .textlist li .img {
	width:120px;
	height:90px;
	overflow:hidden;
	cursor:pointer;
	position:relative
}
.index .textlist li .img img {
	width:100%;
	height:100%;
	transition:all .3s ease-out 0s
}
.index .textlist li a:hover img {
	transform:scale(1.2,1.2)
}
.index .textlist li .txt {
	width:390px
}
.index .textlist li h3 {
	font-size:18px;
	color:#000;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s
}
.index .textlist li a:hover h3 {
	color:#EB332B
}
.index .textlist .desc {
	line-height:24px;
	height:52px;
	overflow:hidden;
	margin-bottom:5px;
	color:#999;
	cursor:pointer;
	font-size:12px;
	padding-top:10px
}
.index .textlist span {
	display:block;
	color:#333;
	font-size:16px;
	font-family:arial;
	font-weight:700
}
.nybanner {
	width:100%;
	height:498px;
	position:relative;
	overflow:hidden;
	background-position:center top;
	background-repeat:no-repeat;
	background-image:url(../images/nybanner.jpg)
}
.wrapper {
	position:relative
}
.subleft {
	width:240px;
	position:relative
}
.subleft .toptitle {
	width:188px;
	background:#c70404;
	color:#fff;
	padding:40px 26px 10px;
	top:-84px
}
.subleft .toptitle h3 {
	border-bottom:1px solid #d64e4e;
	color:#f9f9f9;
	font-weight:700;
	font-size:26px;
	display:block;
	line-height:44px
}
.subleft .toptitle h4 {
	font-size:16px;
	font-family:arial;
	text-transform:uppercase
}
.subleft .cont {
	padding:14px;
	background:#EB332B
}
.subleft .cont li {
	border-bottom:1px solid #fd3333;
	line-height:44px
}
.subleft .cont li a.sub1 {
	display:block;
	padding-left:14px;
	color:#fff;
	transition:all .3s ease-out 0s
}
.subleft .cont li a.sub1:hover,.subleft .cont li.hover a.sub1 {
	background:#c70404;
	padding-left:26px
}
.subleft .cont li .box {
	padding:5px 0 0 15px;
	display:none
}
.subleft .cont li .box a {
	color:#fff;
	font-size:15px;
	display:block;
	line-height:30px;
	padding:0;
	-webkit-transition:all ease 300ms;
	-moz-transition:all ease 300ms;
	-ms-transition:all ease 300ms;
	-o-transition:all ease 300ms;
	transition:all ease 300ms;
	opacity:.75;
	filter:alpha(opacity=75)
}
.subleft .cont li .box a.hover,.subleft .cont li .box a:hover {
	opacity:1;
	filter:alpha(opacity=100)
}
.subleft .cont li:hover .box,.subleft .cont li.hover .box {
	display:block
}
.leftRecomm {
	padding:25px 0 0
}
.leftRecomm .title {
	padding-bottom:15px;
	border-bottom:1px solid #f5f5f5;
	color:#EB332B;
	font-size:18px;
	font-weight:700;
	margin-bottom:16px
}
.leftRecomm .title a {
	color:#EB332B
}
.leftRecomm .item {
	width:110px;
	float:left;
	overflow:hidden;
	text-align:center;
	margin-right:20px
}
.leftRecomm .item a {
	width:100%;
	display:block
}
.leftRecomm .item img {
	width:110px;
	height:82px;
	-webkit-transition:all ease 300ms;
	-moz-transition:all ease 300ms;
	-ms-transition:all ease 300ms;
	-o-transition:all ease 300ms;
	transition:all ease 300ms;
	border-radius:3px;
	display:block
}
.leftRecomm .item h3 {
	width:100%;
	text-align:center;
	font-size:12px;
	line-height:40px;
	-webkit-transition:all ease 300ms;
	-moz-transition:all ease 300ms;
	-ms-transition:all ease 300ms;
	-o-transition:all ease 300ms;
	transition:all ease 300ms
}
.leftRecomm .item:hover img {
	-webkit-filter:brightness(110%);
	filters:brightness(110%)
}
.leftRecomm .newslist li {
	line-height:34px;
	height:34px;
	overflow:hidden
}
.leftRecomm .newslist li a {
	display:block;
	width:100%;
	text-align:left
}
.subright {
	width:1200px
}
.subright .t {
	padding:0 0 25px;
	color:#ff0505;
	font-size:20px
}
.subright .t2 {
	color:#ff0505;
	font-size:30px;
	display:block;
	padding:30px 0
}
.sitepath {
	line-height:49px;
	color:#88848b;
	border-bottom:1px solid #f1f1f1;
	margin-bottom:28px
}
.sitepath .home {
	width:12px;
	height:12px;
	display:inline-block;
	background-position:-100px -100px;
	margin-right:20px
}
.sitepath a {
	color:#88848b;
	display:inline-block;
	white-space:nowrap
}
.sitepath a:hover {
	color:#ff0505
}
.productlist {
	position:relative
}
.productlist .list {
	padding-top:10px;
	width:100%
}
.productlist .item {
	width:290px;
	height:350px;
	display:block;
	float:left;
	margin-right:30px;
	margin-bottom:30px;
	background:#fff;
	transition:all .3s ease-out 0s;
	border-bottom:1px solid #e5e5e5
}
.productlist .item a {
	display:block
}
.productlist .item img {
	width:290px;
	height:217px;
	display:block
}
.productlist .item h3 {
	font-size:18px;
	padding:20px 20px 0;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s
}
.productlist .item p {
	color:#999;
	padding:0 20px;
	line-height:24px
}
.productlist .item:hover {
	transform:translate3d(0px,-16px,0px);
	box-shadow:0 3px 10px #dedede
}
.caselist {
	position:relative
}
.caselist .list {
	padding-top:10px;
	width:100%
}
.caselist .item {
	width:290px;
	height:280px;
	display:block;
	float:left;
	margin-right:30px;
	margin-bottom:30px;
	background:#fff;
	transition:all .3s ease-out 0s;
	border-bottom:1px solid #e5e5e5
}
.caselist .item a {
	display:block
}
.caselist .item img {
	width:290px;
	height:145px;
	display:block
}
.caselist .item h3 {
	font-size:18px;
	padding:16px;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s
}
.caselist .item p {
	color:#999;
	padding:0 16px;
	line-height:24px
}
.caselist .item:hover {
	transform:translate3d(0px,-16px,0px);
	box-shadow:0 3px 10px #dedede
}
.honorlist {
	position:relative
}
.honorlist .list {
	padding-top:10px;
	width:100%
}
.honorlist .item {
	width:290px;
	height:265px;
	display:block;
	float:left;
	margin-right:30px;
	margin-bottom:30px;
	background:#fff;
	transition:all .3s ease-out 0s;
	border-bottom:1px solid #e5e5e5
}
.honorlist .item a {
	display:block
}
.honorlist .item img {
	width:290px;
	height:217px;
	display:block
}
.honorlist .item h3 {
	font-size:16px;
	padding:10px;
	text-align:center;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s
}
.honorlist .item:hover {
	transform:translate3d(0px,-16px,0px);
	box-shadow:0 3px 10px #dedede
}
.newslist {
	padding:0
}
.newslist .item {
	width:100%;
	display:block;
	margin-bottom:28px;
	background:#f7f7f7;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s
}
.newslist .item a {
	display:block;
	padding:20px
}
.newslist .item .img {
	width:150px;
	height:112px;
	overflow:hidden
}
.newslist .item .img img {
	width:100%;
	height:100%;
	display:block;
	transition:all .3s ease-out 0s
}
.newslist .item a:hover .img img {
	transform:scale(1.1,1.1)
}
.newslist .item .txt {
	width:715px
}
.newslist .item .txt h3 {
	color:#000;
	font-size:18px;
	display:block;
	padding-bottom:10px;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s
}
.newslist .item .txt p {
	font-size:14px;
	color:#999;
	line-height:24px
}
.newslist .item a:hover .txt h3 {
	color:#EB332B
}
.newslist .item:hover {
	box-shadow:0 0 15px rgba(0,0,0,.2)
}
.singlepage {
	position:relative;
	overflow:hidden;
	color:#666
}
.singlepage .cont img {
	max-width:100%;
	display:block;
	margin:0 auto
}
.singlepage .cont .desc {
	padding-top:40px
}
.formData {
	padding-bottom:20px
}
.formData .item {
	float:left;
	color:#999;
	font-weight:400;
	width:425px;
	height:56px;
	line-height:56px;
	border:1px solid #e5e5e5;
	margin-right:76px;
	margin-bottom:45px;
	position:relative
}
.formData .item label {
	padding-left:15px;
	position:absolute;
	left:0;
	top:0;
	z-index:11;
	text-align:center;
	display:block;
	margin:0;
	height:56px;
	line-height:56px;
	font-size:18px;
	color:#ccc
}
.formData .item input {
	outline:none;
	line-height:38px;
	height:38px;
	font-size:18px
}
.formData .item .txt {
	width:355px;
	height:56px;
	line-height:56px;
	display:block;
	background:0 0;
	padding-left:70px;
	border:0;
	color:#999
}
.formData .item .red {
	position:absolute;
	right:15px;
	top:0;
	color:red;
	z-index:11
}
.formData .item.mr0 {
	margin-right:0
}
.formData .msg-box {
	position:absolute;
	left:0;
	top:0
}
.formData .liuyan {
	width:928px;
	height:260px;
	border:1px solid #e5e5e5;
	float:left
}
.formData .liuyan label {
	text-align:right;
	display:block
}
.formData .liuyan textarea {
	width:908px;
	height:234px;
	line-height:35px;
	padding:12px 10px;
	text-indent:100px;
	font-size:18px;
	font-family:microsoft yahei;
	color:#333;
	border:0;
	overflow:hidden;
	background:0 0;
	resize:none;
	display:block;
	outline:none
}
.formData .bot {
	width:100%
}
.formData .sub {
	width:232px;
	line-height:58px;
	margin-right:2px;
	text-align:center;
	background:#EB332B;
	color:#fff;
	cursor:pointer;
	font-size:18px;
	display:block;
	-webkit-transition:all ease 300ms;
	-moz-transition:all ease 300ms;
	-ms-transition:all ease 300ms;
	-o-transition:all ease 300ms;
	transition:all ease 300ms
}
.formData .sub:hover {
	background:#e12325;
	transform:translate3d(0px,-6px,0px)
}
.formData .yzm {
	width:432px
}
.formData .yzm .txt {
	padding-left:80px
}
.formData .yzm img {
	position:absolute;
	right:0;
	top:0;
	height:56px;
	border:0;
	display:block
}
.arecttitle {
	border-bottom:1px dotted #ddd;
	text-align:center;
	margin-top:80px;
}
.arecttitle h1 {
	font-size:28px;
	line-height:30px;
	color:#000;
	margin-bottom:5px
}
.arecttitle .mark {
	width:100%;
	padding:5px 0 10px
}
.arecttitle .mark span {
	display:inline-block;
	padding-left:5px;
	font-size:12px;
	color:#666
}
.arecttitle .mark span:first-child {
	padding-left:0
}
.showContxt {
	padding:20px 0
}
.showContxt img {
	max-width:100%!important;
	display:block;
	margin:0 auto
}
.reLink {
	width:100%;
	margin:20px 0 10px;
	line-height:60px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd
}
.reLink .nextLink,.reLink .prevLink {
	width:50%;
	line-height:60px;
	color:#333
}
.reLink .nextLink {
	text-align:right
}
.reLink a {
	font-size:16px
}
.reLink a:hover {
	color:#EB332B
}
.bottom_main {
	width:100%;
	padding-bottom:20px;
	background-color:#EB332B;
}
.bottom_main .links {
	padding:20px 0;
	font-size:16px;
	border-bottom:1px solid #d2d2d2
}
.bottom_main .links span {
	color:#fff;
	font-weight:700;
	display:inline-block
}
.bottom_main .links a {
	display:inline-block;
	font-size:14px;
	color:#fff;
	padding-right:10px
}
.bottom_main .links a:hover {
	color:#fff
}
.bottom_main .bottom_nav {
	width:760px;
	display:inline-block;
	margin-top:32px
}
.bottom_main .bottom_nav ul {
	width:190px;
	text-align:left;
	float:left
}
.bottom_main .bottom_nav ul li h3 {
	padding-bottom:8px
}
.bottom_main .bottom_nav ul li h3 a {
	display:block;
	font-size:16px;
	color:#fff;
	padding-bottom:8px
}
.bottom_main .bottom_nav ul li h3 i {
	display:block;
	width:30px;
	height:1px;
	background-color:#fff
}
.bottom_main .bottom_nav ul li a {
	display:block;
	font-size:12px;
	color:#fff
}
.bottom_main .bottom_nav ul li a:hover {
	color:#fff
}
.bottom_main .bottom_tit {
	padding-top:40px;
	text-align:right
}
.bottom_main .bottom_tit .r1 {
	float:left;
	width:100px
}
.bottom_main .bottom_tit .r2 {
	float:left;
	padding-left:60px;
	text-align:left
}
.bottom_main .bottom_tit .r1 p {
	width:100px;
	text-align:center;
	float:left
}
.bottom_main .bottom_tit .r1 p img {
	width:100px;
	height:100px;
	border:#d2d2d2 solid 1px
}
.bottom_main .bottom_tit .r1 p span {
	font-size:12px;
	color:#fff;
	display:block;
	padding-top:10px;
	line-height:20px
}
.bottom_main .bottom_tit .r2 li {
	display:block;
	clear:left;
	height:65px
}
.bottom_main .bottom_tit .r2 li img {
	width:50px;
	height:50px;
	float:left
}
.bottom_main .bottom_tit .r2 li p {
	float:left;
	font-size:12px;
	line-height:22px;
	color:#fff;
	padding-left:12px;
	text-align:left;
	padding-top:0
}
.bottom_main .bottom_tit .r2 li p span {
	margin-top:2px;
	font-size:26px;
	font-family:arial;
	color:#fff;
	display:block;
	font-weight:700
}
.bottom_copy {
	height:48px;
	background-color:#f5f5f5;
	border-top:1px solid #d2d2d2;
	line-height:48px;
	font-size:12px;
	color:#999
}
.bottom_copy span {
	padding-left:10px
}
.bottom_copy a {
	display:inline-block;
	font-size:12px;
	color:#999
}
.bottom_copy a:hover {
	color:#EB332B
}
.map_ul {
	list-style:outside none none;
	display:block;
	width:100%
}
.map_ul li {
	display:block;
	width:100%;
	padding:0;
	margin-bottom:15px;
	+margin-bottom:10px
}
.map_ul li a {
	width:100%;
	height:35px;
	line-height:35px;
	font-weight:700;
	display:block;
	background:#e7e7e7;
	text-indent:15px
}
.map_ul .list-inline {
	display:block;
	width:86%
}
.map_ul .list-inline li {
	height:32px;
	display:inline-block;
	*display:inline;
	margin:0 5px 15px 0;
	zoom:1;
	line-height:32px;
	border-bottom:0;
	text-align:center;
	width:auto;
	padding:0;
	+margin:15px5px15px0
}
.map_ul .list-inline li a {
	font-weight:400;
	display:block;
	text-indent:0;
	line-height:32px;
	height:32px;
	display:inline-block;
	width:auto;
	padding:0 10px;
	width:auto;
	border:1px solid #ccc
}
.map_ul .list-inline li a:hover {
	background:#ff0505;
	color:#fff;
	border:1px solid #ff0505
}
.zhizao .goback {
	width:60px;
	height:60px;
	display:block;
	position:absolute;
	right:2%;
	top:2%;
	background:url(../images/guan.jpg) no-repeat center
}
#footer_main .yyzz {
	padding-left:10px
}
.float-right-box {
	width:250px;
	position:fixed;
	right:0;
	top:50%;
	margin-top:-127px;
	background-color:#191919;
	z-index:1000;
	transition:width .3s ease 0s
}
.float-right-box.on {
	width:50px
}
.float-right-box .top-list {
	width:100%
}
.float-right-box .top-list ul {
	width:100%
}
.float-right-box .top-list li {
	width:100%;
	position:relative;
	border-bottom:1px solid #3b3b3b;
	transition:background .3s ease 0s;
	height:50px
}
.float-right-box .top-list a {
	display:block;
	width:100%
}
.float-right-box .top-list .ico {
	display:inline-block;
	width:50px;
	height:50px;
	position:absolute;
	right:0;
	top:0;
	transition:background .3s ease 0s;
	z-index:2
}
.float-right-box .top-list .ico1 {
	background:url(../images/ico_58.png) no-repeat center #191919
}
.float-right-box .top-list .ico2 {
	background:url(../images/ico_59.png) no-repeat center #191919
}
.float-right-box .top-list .ico3 {
	background:url(../images/ico_60.png) no-repeat center #191919
}
.float-right-box .top-list .ico4 {
	background:url(../images/ico_61.png) no-repeat center #191919
}
.float-right-box .top-list .ico5 {
	background:url(../images/ico_62.png) no-repeat center #191919
}
.float-right-box .top-list .ico6 {
	background:url(../images/ico_68.png) no-repeat center #191919
}
.float-right-box .top-list .ico7 {
	background:url(../images/ico_69.png) no-repeat center #191919
}
.float-right-box .top-list .stt {
	display:inline-block;
	font-size:14px;
	line-height:50px;
	color:#fff;
	transition:color .3s ease 0s;
	position:absolute;
	left:28px;
	top:0;
	z-index:1;
	width:222px;
	cursor:pointer
}
.float-right-box .top-list li:hover .stt {
	color:#15191e
}
.float-right-box .top-list li:hover .ico1 {
	background:url(../images/ico_58_h.png) no-repeat center #fff
}
.float-right-box .top-list li:hover .ico2 {
	background:url(../images/ico_59_h.png) no-repeat center #fff
}
.float-right-box .top-list li:hover .ico3 {
	background:url(../images/ico_60_h.png) no-repeat center #fff
}
.float-right-box .top-list li:hover .ico4 {
	background:url(../images/ico_61_h.png) no-repeat center #fff
}
.float-right-box .top-list li:hover .ico5 {
	background:url(../images/ico_62_h.png) no-repeat center #fff
}
.float-right-box .top-list li:hover .ico6 {
	background:url(../images/ico_68_h.png) no-repeat center #fff
}
.float-right-box .top-list li:hover .ico7 {
	background:url(../images/ico_69_h.png) no-repeat center #fff
}
.float-right-box .top-list li:hover {
	background-color:#fff
}
.float-right-box .top-list .return-webtop .stt {
	font-family:arial;
	font-weight:700
}
.float-right-box .bot-share {
	position:relative;
	height:50px
}
.float-right-box .bot-share a {
	display:inline-block;
	width:50px;
	height:50px;
	float:left;
	transition:background .3s ease 0s;
	margin:0;
	padding:0
}
.float-right-box .bot-share .share {
	width:200px;
	position:absolute;
	left:0;
	top:0;
	z-index:1
}
.float-right-box .bot-share .sina {
	background:url(../images/ico_63.png) no-repeat center
}
.float-right-box .bot-share .wx {
	background:url(../images/ico_64.png) no-repeat center
}
.float-right-box .bot-share .more {
	background:url(../images/ico_66.png) no-repeat center
}
.float-right-box .bot-share a:hover {
	background-color:#525354
}
.float-right-box .bot-share .share-ico {
	background:url(../images/ico_67.png) no-repeat center #191919;
	width:50px;
	height:50px;
	display:inline-block;
	cursor:pointer;
	z-index:2;
	position:relative
}
.float-right-box .top-list li .weix {
	position:relative
}
.float-right-box .sidebox {
	position:absolute;
	right:250px;
	top:0;
	transition:all .1s ease 0s;
	width:120px;
	z-index:10;
	display:none;
	background:#191919
}
.float-right-box .sidebox img {
	width:110px;
	height:110px;
	display:block;
	margin:5px auto
}
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
@font-face {
	font-family:ADELE;
	src:url(../font/ADELE.eot);
	src:url(../fonts/adele.eot) format("eot"),url(../fonts/adele.ttf) format("truetype")
}
@-webkit-keyframes flipInY {
	0% {
	-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
	transform:perspective(400px) rotate3d(0,1,0,90deg);
	-webkit-transition-timing-function:ease-in;
	transition-timing-function:ease-in;
	opacity:0
}
40% {
	-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);
	transform:perspective(400px) rotate3d(0,1,0,-20deg);
	-webkit-transition-timing-function:ease-in;
	transition-timing-function:ease-in
}
60% {
	-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);
	transform:perspective(400px) rotate3d(0,1,0,10deg);
	opacity:1
}
80% {
	-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);
	transform:perspective(400px) rotate3d(0,1,0,-5deg)
}
100% {
	-webkit-transform:perspective(400px);
	transform:perspective(400px)
}
}@keyframes flipInY {
	0% {
	-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
	-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);
	transform:perspective(400px) rotate3d(0,1,0,90deg);
	-webkit-transition-timing-function:ease-in;
	transition-timing-function:ease-in;
	opacity:0
}
40% {
	-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);
	-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);
	transform:perspective(400px) rotate3d(0,1,0,-20deg);
	-webkit-transition-timing-function:ease-in;
	transition-timing-function:ease-in
}
60% {
	-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);
	-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);
	transform:perspective(400px) rotate3d(0,1,0,10deg);
	opacity:1
}
80% {
	-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);
	-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);
	transform:perspective(400px) rotate3d(0,1,0,-5deg)
}
100% {
	-webkit-transform:perspective(400px);
	-ms-transform:perspective(400px);
	transform:perspective(400px)
}
}.flipInY {
	-webkit-backface-visibility:visible!important;
	-ms-backface-visibility:visible!important;
	backface-visibility:visible!important;
	-webkit-animation-name:flipInY;
	animation-name:flipInY
}
.HS10,.HS15 {
	overflow:hidden;
	clear:both
}
.HS10 {
	height:10px
}
.HS15 {
	height:15px
}
.Hidden {
	display:none
}
.Clearer {
	display:block;
	clear:both;
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0
}
.FlLeft {
	float:left
}
.FlRight {
	float:right
}
.MainBg {
	width:920px;
	margin:0 auto
}
.OriginalPicBorder {
	padding:0
}
#OriginalPic {
	width:920px;
	overflow:hidden;
	position:relative;
	font-size:12px
}
#OriginalPic img {
	display:block;
	max-width:100%;
	margin:0 auto
}
.CursorL {
	position:absolute;
	z-index:999;
	width:50%;
	height:600px;
	color:#fff;
	left:0;
	cursor:url(../images/CurL.cur),auto;
	background:url(../images/space.png) repeat scroll 0 0 transparent
}
.CursorR {
	position:absolute;
	z-index:999;
	width:50%;
	height:600px;
	color:#fff;
	right:0;
	cursor:url(../images/CurR.cur),auto;
	background:url(../images/space.png) repeat scroll 0 0 transparent
}
.SliderPicBorder {
	width:100%;
	overflow:hidden
}
.ThumbPicBorder {
	width:920px;
	margin:0 auto;
	background:#eee;
	overflow:hidden;
	position:relative
}
.ThumbPicBorder #btnPrev {
	width:45px;
	height:113px;
	cursor:pointer;
	position:absolute;
	left:20px;
	top:20px
}
.ThumbPicBorder #btnNext {
	width:45px;
	height:113px;
	cursor:pointer;
	position:absolute;
	right:20px;
	top:20px
}
.ThumbPicBorder .pic {
	width:755px;
	overflow:hidden;
	position:relative;
	margin:20px auto
}
#ThumbPic img {
	border:3px solid #ddd;
	cursor:pointer;
	background-color:#ddd;
	margin:0 5px;
	width:135px;
	height:108px;
	display:block;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s
}
#ThumbPic img.active {
	border:3px solid #EB332B
}
.pagess {
	clear:both;
	margin:20px;
	overflow:hidden;
	margin-left:0;
	text-align:center;
	font-size:12px
}
.pagess ul li {
	display:inline-block;
	border:1px solid #ccc;
	padding:2px 9px;
	margin:0 3px;
	line-height:20px;
	background:#fff;
	color:#999
}
.pagess ul li:hover {
	background:#ccc;
	color:#fff;
	border:1px solid #ccc
}
.pagess ul li:hover a {
	color:#fff
}
.pagess ul li.thisclass {
	display:inline-block;
	border:1px solid #ccc;
	padding:2px 9px;
	margin:0 3px;
	background:#ccc;
	color:#fff
}
.pagess ul li.thisclass a {
	color:#fff
}
.pagess ul li a {
	display:block;
	color:#999
}
.pagess ul li a:hover {
	color:#fff
}


/*头部*/

.wrap {
	width:96%;
	margin:0 auto;
	max-width:1200px;
	position:relative
}
.flt {
	float:left
}
.frt {
	float:right
}
.clear {
	clear:both
}
.clear:after,.clear:before {
	content:'';
	clear:both;
	display:table
}



.header {
	border-bottom:1px solid rgba(255,255,255,.2);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:1000
}
.header.fixed .logo {
	padding:15px 0
}
.header.fixed .menu ul li a {
	line-height:60px
}
.header.fixed .menu ul li li a {
	line-height:35px
}
.header.fixed {
	background:rgba(0,0,0,.8)
}
.head {
	line-height:42px;
	border-bottom:1px solid #eee
}
.logo {
	padding:35px 0;
	line-height:28px;
	font-size:16px
}
.logo span {
	display:inline-block;
	position:relative;
	color:#cca384;
	padding-left:53px;
	margin-left:20px;
	border-left:1px solid #675e58;
	background:url(../images/icon1.png) no-repeat 20px center
}
.logo img {
	vertical-align:middle;
	height:60px
}
.menu ul li {
	position:relative;
	float:left;
	margin:20px 15px;
	font-size:16px
}
.fixed .menu ul li {
	position:relative;
	float:left;
	margin:10px 20px;
	font-size:14px
}
.menu ul li .drop {
	transition:all 0s;
	-o-transition:all 0s;
	-webkit-transition:all 0s;
	-moz-transition:all 0s;
	-ms-transition:all 0s;
	display:none;
	position:absolute;
	top:100%;
	left:0;
	width:142px;
	left:50%;
	margin-left:-71px;
	padding-top:5px;
	box-shadow:0 0 5px rgba(0,0,0,.1)
}
.menu ul li .drop ul {
	background:#fff;
	margin:0 auto;
	padding:10px 0
}
.menu ul li .drop ul li a {
	line-height:42px;
	color:#000
}
.menu ul li .drop ul li a:after {
	display:none
}
.menu ul li .drop ul li {
	float:none;
	margin:0 auto;
	text-align:center
}
.menu ul li .drop ul li.on a,.menu ul li .drop ul a:hover {
	color:#EB332B;
}
.menu ul li a {
	line-height:80px;
	display:block;
	color:#fff;
	position:relative
}
.menu ul li a:after {
	content:'';
	display:block;
	position:absolute;
	width:0%;
	margin:0 auto;
	left:0;
	right:0;
	height:3px;
	bottom:-1px;
	background:#EB332B;
	
}
.menu ul li.on a:after,.menu ul li a:hover:after {
	width:100%
}
.menu ul li a:hover,.menu ul li.on a {
	color:#EB332B;
	font-weight:bold;
}
.menu ul {
	margin:0 -40px
}

/*shi_product*/
.tong{width:1200px; margin:0 auto;}
.shi_product{ background-image:url(../images/product.jpg); background-repeat:no-repeat; background-position:center top;padding-top:75px;width:100%; margin:0 auto;}
.shi_product span{display:block; text-align:right; font-size:30px; color:#ffffff; font-weight:bold;}
.shi_product span em{display:block;font-size:20px; color:#ffffff; font-weight:normal;}
.shi_product p{height:99px;display:block;margin-left:176px;}
.shi_product p a{width:99px;height:99px;display:block; background-image:url(../images/more.jpg); transition:2s;
-moz-transition:2s; /* Firefox 4 */
-webkit-transition:2s; /* Safari and Chrome */
-o-transition:2s; /* Opera */}
.shi_product p a:hover{background-image:url(../images/more2.jpg);}
.shi_product ul{}
.shi_product ul li{width:275px; float:left; height:275px;padding-bottom:275px;padding-top:0; display:block; background-image:url(../images/pro2.jpg); background-position:center bottom; background-repeat:no-repeat;}
.shi_product ul li a{padding:15px 35px 15px 15px; display:block; width:225px;height:245px; background-color:#EB332B; color:#fff; line-height:25px; font-size:13px;}
.shi_product ul li a em{line-height:30px; font-size:18px; font-weight:bold; display:block; margin-bottom:20px;}
.shi_product ul li a ins{display:block; font-style:normal; height:2px; width:30px; background-color:#fff;margin-bottom:15px;}
.shi_product ul li a i{display:block;  border:2px solid #fff;width:120px; text-align:center; margin-top:25px; line-height:35px; transition:0.5s;}
.shi_product ul li a:hover i{border:2px solid #313131; color:#313131; transform:scale(1.1);margin-left:10px;}
/*1*/
.shi_product ul li:first-child{padding-top:275px;padding-bottom:0;}
.shi_product ul li:first-child a{ background-color:#fff; color:#808080}
.shi_product ul li:first-child a ins{background-color:#808080;}
.shi_product ul li:first-child a i{border:2px solid #EB332B; color:#EB332B;}
.shi_product ul li:first-child  a:hover i{border:2px solid #EB332B; color:#EB332B;}
/*2*/
.shi_product ul li:first-child+li{background-image:url(../images/pro1.jpg);}
.shi_product ul li:first-child+li a{ background-color:#fff; color:#808080}
.shi_product ul li:first-child+li a i{border:2px solid #EB332B; color:#EB332B;}
.shi_product ul li:first-child+li a ins{background-color:#808080;}
.shi_product ul li:first-child+li a:hover i{border:2px solid #EB332B; color:#EB332B;}
/*3*/
.shi_product ul li:first-child+li+li{padding-top:275px;padding-bottom:0;}
.shi_product ul li:first-child+li+li a{ background-color:#EB332B;}
.shi_product ul li:first-child+li+li a:hover i{border:2px solid #EB332B; color:#EB332B;}

/* 当前位置 */
.pagination { padding: 20px 0; text-align: center; overflow: hidden; }

.pagination a { vertical-align: middle; font-size: 12px; line-height: 30px; display: inline-block; height: 30px; padding: 0 12px; text-align: center; color: #333; border: 1px solid #f5f5f5; background: #fff; margin-left: 5px; border-radius: 50px; }

.pagination a.a1{ line-height:30px; height:30px; margin-top:0; padding:0 12px; }

.pagination a:hover{ text-decoration:none; color:#000; background:#f1f1f1; border: 1px solid #EB332B; color: #EB332B}

.pagination span { vertical-align: middle; line-height: 30px; display: inline-block; height: 30px; text-align: center; color: #fff; margin-left: 5px; background: #EB332B; border-radius: 50px; width: 30px; }
.page{ margin:0 auto; width:1200px}
.w1200{width:1200px;margin:0 auto;position: relative;}
.page_nav { float: right; text-align: left; padding-top: 1px; }

.page_nav li { display: inline-block; position: relative; transition: 0.3s; height: 70px; }

.page_nav li a { padding: 0 5px; transition: 0.3s; font-size: 16px; color: #333; display: block; line-height: 70px; }

.page_nav li:before { transition: 0.3s; content: ""; width: 22px; height: 0px; background-color: #EB332B; position: absolute; bottom: 0px; left: 50%; margin-left: -9px; }

.page_nav li:hover a { color:#EB332B; }

.page_nav li:hover:before { height: 5px; }

.page_nav li.on a { color: #EB332B; }

.page_nav li.on:before { height: 5px; }
.banner_ding { position: absolute; top: -49px; left: 0px; z-index: 2; width: 425px; text-align: center; height: 120px; line-height: 120px; background: url(../images/page_img.jpg) no-repeat center; }
.banner_ding h5 { font-size: 44px; color: #fff; line-height: 120px; display: block; text-transform: capitalize; font-weight: normal; font-family: arial; }
.plc{ line-height: 70px; border-bottom: 1px solid #f5f5f5; height: 70px; background: #fff; }
.plc > .page{position: relative;height: 100%;}
.plc .fl:after{ content: ''; display: block; clear: both; }
.plc .fl a, .plc .fl p { font-size: 16px; color: #666; line-height: 70px; height: 70px; font-weight: 100; }
.plc .fl a{ display: inline-block; line-height: 70px; padding:0 2px; }
.plc .fl a:hover{ text-decoration: underline; color: #EB332B}
.plc .fl p{ float: left; }
.plc .fl .index_plc { width: 32px; height: 32px; padding: 19px; float: left; border-right: 1px solid #eee; border-left: 1px solid #eee; margin-right: 20px; transition: 0.3s all ease-in-out; position: relative; }
.plc .fl .index_plc:hover{ background: #EB332B; }
.plc .fl .index_plc img{ width: 100%; height: 100%; }
.mt20{ margin-top: 20px;}