html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
table,
th,
td,
form,
input,
button,
textarea,
menu {
	font-family: "微软雅黑";
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	background: #fff none repeat scroll 0 0;
	margin: 0;
	padding: 0;
}

html,
body,
img,
iframe {
	border: 0 none;
}

li {
	list-style: outside none none;
}

textarea {
	overflow: auto;
	resize: none;
}

a,
button {
	cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
	font-weight: 700;
}

a,
a:hover {
	outline: 0 none;
	text-decoration: none;
}

body,
textarea,
input,
button {
	color: #62a1c9;
}

html,
body {
	height: auto;
	/*   min-height: 930px; */
	width: 100%;
	min-width: 1200px;
}

i,
em {
	font-style: normal;
}

.hide {
	display: none;
}

.h-cb::after,
.h-cbli li::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.h-cb,
.h-cbli li {}

.h-ib {
	display: inline-block;
}

.h-dn {
	display: none;
}

.h-db {
	display: block;
}

.h-fl {
	float: left;
}

.h-fr {
	float: right;
}

.h-pr {
	position: relative;
}

.h-pa {
	position: absolute;
}

.h-prz {
	position: relative;
}

.h-oh {
	overflow: hidden;
}

.h-turn {
	transition: all 0.3s ease-in 0s;
}

.wrap {
	margin: 0 auto;
	max-width: 1920px;
	min-width: 1026px;
	position: relative;
	width: 100%;
	overflow: hidden;
}

#topBar {
	width: 100%;
	min-height: 67px;
	position: absolute;
	left: 0;
	top: 0;
}

.topBar {
	background: url(../common/images/topbg_02.jpg) repeat;
	min-width: 1060px;
	width: 100%;
	z-index: 9999;
	position: relative;
	height: 67px;
}

#topBar.h-fix {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 110;
}

.topBar .topBox {
	height: 67px;
	margin: 0 auto;
	overflow: visible;
	position: relative;
	width: 1026px;
}

.topBar .topLogo {
	float: left;
	background: url(../common/images/logo.png) no-repeat;
	background-size: 100% 100%;
	width: 85px;
	height: 67px;
	position: relative;
	left: 30px;
	top: 0;
}

.topBar .topBoxlist {
	height: 67px;
	line-height: 67px;
	position: relative;
	float: right;
	width: 554px;
}

.topBar .topBoxlist>li {
	width: 80px;
	height: 67px;
	text-align: center;
	float: left;
	position: relative;
	font-size: 14px;
}

.topBar .topBoxlist>li>a {
	display: block;
	color: #535353;
	font-weight: 800;
}

.topBar .topBoxlist>li.on,
.topBar .topBoxlist>li:hover {
	background: #d71441;
}

.topBar .topBoxlist>li.on a,
.topBar .topBoxlist>li:hover a {
	color: #fff;
}

.topBar .t-s-l-2-1 i {
	width: 14px;
	height: 20px;
	background-position: 0 0;
}

.topBar .t-s-l-2-2 i {
	width: 16px;
	height: 20px;
	background-position: 0 -21px;
}

.topBar .t-s-l-2-3 i {
	width: 21px;
	height: 17px;
	background-position: 0 -42px;
}

.topBar .t-s-l-2-4 i {
	width: 19px;
	height: 17px;
	background-position: 0 -60px;
}

.topBar .t-s-l-3-1 i {
	width: 19px;
	height: 18px;
	background-position: 0 -78px;
}

.topBar .t-s-l-3-2 i {
	width: 20px;
	height: 16px;
	background-position: 0 -97px;
}

.topBar .t-s-l-3-3 i {
	width: 19px;
	height: 17px;
	background-position: 0 -114px;
}

.topBar .t-s-l-3-4 i {
	width: 20px;
	height: 15px;
	background-position: 0 -132px;
}

.menuNav {
	position: relative;
	width: 100%;
	height: 54px;
	line-height: 54px;
	background: #d71441;
	display: none;
}

.menuNav.on {
	display: block
}

.menuNav p {
	width: 1026px;
	margin: 0 auto;
	display: block;
	position: relative;
	height: 54px;
	text-align: center;
}

.menuNav span {
	width: 4px;
	color: #313031;
}

.menuNav a {
	color: #313031;
	font-size: 16px;
	margin: 0 25px;
	position: relative;
}

.menuNav a.on,
.menuNav a:hover {
	color: #fff
}

.joinNav p a:first-child {
	margin-left: 450px;
}

.menuNav .on {
	display: block
}


/*head-slider banner*/

.head-slider {
	width: 100%;
	min-width: 1024px;
	height: auto;
	max-height: 678px;
	overflow: hidden;
	position: relative;
}

.head-slider ul {
	margin-left: 0;
	width: 500%;
}

.head-slider li {
	float: left;
	width: 20%;
}

.head-slider li img {
	width: 100%;
}

.head-slider .preNexts {
	width: 59px;
	height: 95px;
	cursor: pointer;
	position: absolute;
	z-index: 10;
	top: 50%;
	margin-top: -47px;
}

.head-slider .pres {
	float: left;
	background: url(../common/images/ico2.png) no-repeat 0 -339px;
	left: 30px;
}

.head-slider .nexts {
	float: right;
	right: 30px;
	background: url(../common/images/ico2.png) no-repeat 0 -243px;
}

.head-slider .botBtn {
	min-width: 38px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	bottom: 0;
	height: 26px;
	z-index: 10
}

.head-slider .botBtn i.botBtn-1 {
	width: 19px;
	height: 26px;
	background: url(../common/images/ico2.png) no-repeat 0 -453px;
	display: block;
	float: left
}

.head-slider .botBtn i.botBtn-2 {
	width: 19px;
	height: 26px;
	background: url(../common/images/ico2.png) no-repeat -20px -453px;
	display: block;
	float: right
}

.head-slider .botBtn span {
	width: 29px;
	height: 26px;
	background: url(../common/images/ico2.png) no-repeat 0 -480px;
	display: block;
	float: left;
	cursor: pointer;
}

.head-slider .botBtn span.on {
	background-position: -30px -480px
}

.index-con-wrap1 {
	margin: 50px auto;
}

.index-con-wrap1 .col-sm-6.col-md-4.col-lg-3 {
	padding: 0;
	/*border: 1px solid #eee;*/
}

/*.index-con-wrap1 .col-sm-6.col-md-4.col-lg-3:hover {
	box-shadow: 0px 0px 2px 5px #eee;
}*/

.index-con-wrap1 .item {
	background: #f5f6f3;
}

.index-con-wrap1 .item:hover {
	box-shadow: 0px 0px 2px 5px #eee;
}

.index-con-wrap1 .item h3 {
	margin: 0 auto;
	font-size: 18px;
	color: #000;
	padding: 0 5px;
	line-height: 1.8;
	text-align: center;
	font-weight: normal;
}

.index-con-wrap1 .item h6 {
	margin: 0 auto;
	font-size: 14px;
	color: #6e6d6d;
	padding: 0 5px;
	font-weight: normal;
}

.index-con-wrap2 {
	margin-bottom: 25px;
}

.index-con-wrap2 .dp-block {
	border-top: #d71441 solid 3px;
	background: #f1f1f1;
}

.index-con-wrap2 .col-sm-4.col-md-4.col-lg-4:first-child,
.index-con-wrap2 .col-sm-4.col-md-4.col-lg-4:nth-last-child(2) {
	padding: 0 2px 0 0;
}
.index-con-wrap2 .col-sm-4.col-md-4.col-lg-4:last-child {
	padding: 0;
}

.index-con-wrap2 .dp-block .link-li-box-img {
	width: 88px;
    height: 88px;
    display: block;
    margin: 30px auto 50px;
    border-radius: 44px;
    background: #4a4a4a;
}

.index-con-wrap2 .dp-block .link-li-h3 {
	width: 100%;
	text-align: center;
	font-size: 30px;
	color: #343434;
	font-weight: bolder;
	padding-bottom: 50px;
}

.index-con-wrap2 .dp-block .link-li-box:hover .link-li-h3 {
	color: #d71441;
}

.pro-wrap {
	width: 100%;
	height: 534px;
	position: relative;
	min-width: 1026px;
}

.pro-wrap .pro-c-list {
	width: 1026px;
	margin: 0 auto;
	height: 100%;
	position: relative;
}

.pro-wrap .pro-h-co {
	width: 524px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.pro-wrap .pro-h-co h1 {
	font-size: 65px;
	color: #fff;
	text-align: center;
	line-height: 65px;
	margin-top: 60px;
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom: #fff dashed 1px;
}

.pro-wrap .pro-h-co p {
	font-size: 12px;
	line-height: 24px;
	color: #fff;
	width: 454px;
	text-align: justify;
	text-justify: inter-ideograph;
	margin: 0 auto;
	height: 92px;
	overflow: hidden;
}

.pro-wrap .pro-h-co img {
	width: 122px;
	height: 121px;
	margin: 55px auto 0;
	display: block
}

.pro-wrap .pro-h-co p.sys {
	font-size: 30px;
	text-align: center;
	line-height: 55px;
	height: 55px;
}

.pro-wrap .pro-h-gw {
	width: 177px;
	height: 260px;
	overflow: hidden;
	position: absolute;
}

.pro-wrap .pro-h-gw a {
	width: 167px;
	height: 49px;
	border: #fff solid 3px;
	color: #fff;
	font-size: 25px;
	float: left;
	line-height: 44px;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
}

.pro-wrap1 {
	background: url(../images/hero-qmqz-cpbg.jpg) no-repeat center top;
}

.pro-wrap1 .pro-h-gw {
	right: 35px;
	top: 185px;
}

.pro-wrap1 .pro-h-gw img {
	width: 169px;
	height: 169px;
	display: block;
}

.pro-wrap2 {
	background: url(../images/hero-ttxw-cpbg.jpg) no-repeat center top;
}

.pro-wrap2 .pro-h-gw {
	left: 35px;
	top: 185px;
}

.pro-wrap2 .pro-h-gw img {
	width: 170px;
	height: 170px;
	display: block;
}

.pro-wrap3 {
	background: url(../images/hero-xsg-cpbg.jpg) no-repeat center top;
}

.pro-wrap3 .pro-h-gw {
	right: 35px;
	top: 185px;
}

.pro-wrap3 .pro-h-gw img {
	width: 170px;
	height: 170px;
	display: block;
}

.pro-wrap4 {
	background: url(../images/hero-qjsn-cpbg.jpg) no-repeat center top;
}

.pro-wrap4 .pro-h-gw {
	left: 35px;
	top: 185px;
}

.pro-wrap4 .pro-h-gw img {
	width: 171px;
	height: 171px;
	display: block;
}

.pro-wrap5 {
	background: url(../images/hero-zjlm-cpbg.jpg) no-repeat center top;
}

.pro-wrap4.pro-wrap_add {
	background: url(../images/hero-jws-cpbg.jpg) no-repeat center top;
}

.pro-wrap5 .pro-h-gw {
	right: 35px;
	top: 185px;
}

.pro-wrap5 .pro-h-gw img {
	width: 169px;
	height: 169px;
	display: block;
}

.pro-wrap6 {
	background: url(../images/hero-ddd2-cpbg.jpg) no-repeat center top;
}

.pro-wrap6 .pro-h-gw {
	left: 35px;
	top: 185px;
}

.pro-wrap6 .pro-h-gw img {
	width: 173px;
	height: 173px;
	display: block;
}

.pro-wrap7 {
	background: url(../images/hero-yzr2-cpbg.jpg) no-repeat center top;
}

.pro-wrap7 .pro-h-gw {
	right: 35px;
	top: 185px;
}

.pro-wrap7 .pro-h-gw img {
	width: 169px;
	height: 169px;
	display: block;
}

.pro-wrap8 {
	background: url(../images/hero-qtdl-cpbg.jpg) no-repeat center top;
}

.pro-wrap8 .pro-h-gw {
	left: 35px;
	top: 185px;
}

.pro-wrap8 .pro-h-gw img {
	width: 169px;
	height: 169px;
	display: block;
}

.pro-wrap9 {
	background: url(../images/hero-xm-cpbg.jpg) no-repeat center top;
}

.pro-wrap9 .pro-h-gw {
	right: 35px;
	top: 185px;
}

.pro-wrap9 .pro-h-gw img {
	width: 169px;
	height: 169px;
	display: block;
}

.pro-wrap10 {
	background: url(../images/hero-gf-cpbg.jpg) no-repeat center top;
}

.pro-wrap10 .pro-h-gw {
	left: 35px;
	top: 185px;
}

.pro-wrap10 .pro-h-gw img {
	width: 172px;
	height: 172px;
	display: block;
}

.pro-wrap11 {
	background: url(../images/hero-wk-cpbg.jpg) no-repeat center top;
}

.pro-wrap11 .pro-h-gw {
	right: 35px;
	top: 185px;
}

.pro-wrap11 .pro-h-gw img {
	width: 168px;
	height: 168px;
	display: block;
}

.pro-wrap12 {
	background: url(../images/hero-dfzj-cpbg.jpg) no-repeat center top;
}

.pro-wrap12 .pro-h-gw {
	left: 35px;
	top: 185px;
}

.pro-wrap12 .pro-h-gw img {
	width: 169px;
	height: 169px;
	display: block;
}

.pro-wrap1.pro-wrap-wpys {
	background: url(../images/hero-qmqz-wpys.jpg) no-repeat center top;
}

.pro-wrap2.pro-wrap-moba {
	background: url(../images/hero-qmqz-moba.jpg) no-repeat center top;
}


/*newslist*/

.new-list-wrap {
	width: 1026px;
	margin: 0 auto;
	overflow: hidden;
}

.new-list-wrap .news-list {
	margin: 54px 0 0;
	overflow: hidden;
	width: 1026px;
}

ul.event-list-news {}

ul.event-list-news li {
	margin-top: 30px;
	height: 228px;
	position: relative;
	background: #fff;
	overflow: hidden;
}

ul.event-list-news li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #303030;
	font-size: 14px;
}

ul.event-list-news li img {
	width: 180px;
	height: 110px;
	position: absolute;
	left: 35px;
	top: 59px;
}

ul.event-list-news li h2 {
	font-size: 24px;
	width: 747px;
	line-height: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-left: 246px;
	margin-top: 59px;
}

ul.event-list-news li p.tit {
	font-size: 16px;
	line-height: 48px;
	width: 747px;
	margin-left: 246px;
}

ul.event-list-news li p.txt {
	width: 747px;
	line-height: 22px;
	overflow: hidden;
	height: 45px;
	margin-left: 246px;
}

ul.event-list-news li:nth-child(2n+2) {
	background: #f1f1f1
}

.new-list-wrap .page {
	font-size: 14px;
	margin: 86px 0;
	text-align: center
}

.new-list-wrap .page ul {
	display: inline-block;
	padding-left: 0;
	*display: inline;
	*zoom: 1
}

.new-list-wrap .page ul li {
	display: inline;
}

.new-list-wrap .page ul li a {
	background: url(../common/images/page0.png) no-repeat;
	color: #303030;
	float: left;
	height: 65px;
	line-height: 65px;
	font-size: 18px;
	margin-right: 26px;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 65px;
}

.new-list-wrap .page ul li.active a,
.new-list-wrap .page ul li:hover a {
	background: #d71341;
	color: #fff
}

.new-list-wrap .page ul li.first,
.new-list-wrap .page ul li.last {
	display: none
}

.new-list-wrap .page ul li.prev a {
	width: 40px;
	height: 65px;
	background: url(../common/images/ico2.png) no-repeat 0 -507px;
	content: "";
	display: inline-block;
	vertical-align: -3px;
	font-size: 0;
	text-indent: -999rem
}

.new-list-wrap .page ul li.next a {
	width: 40px;
	height: 65px;
	background: url(../common/images/ico2.png) no-repeat 0 -573px;
	content: "";
	display: inline-block;
	vertical-align: -3px;
	font-size: 0;
	text-indent: -999rem
}

.art-wrap,
.about-wrap,
.abo-wrap,
.joi-wrap,
.join-wrap {
	width: 100%;
	overflow: hidden;
	position: relative
}

.art-wrap .art-article {
	width: 956px;
	margin: 54px auto 0;
	overflow: hidden;
}

.art-wrap .art-header {
	width: 100%;
	height: 60px;
	line-height: 60px;
	margin-top: 30px;
}

.art-wrap .art-header>span {
	width: 140px;
	height: 60px;
	color: #d71341;
	display: block;
	border-bottom: #d71341 solid 2px;
	font-size: 26px;
	float: left;
	text-align: center
}

.art-wrap .art-header a {
	border: #f1f1f1 solid 3px;
	float: right;
	padding: 0 10px;
	color: #535353;
	font-size: 16px;
	letter-spacing: 1px;
}

.art-wrap .art-header a span {
	margin-right: 5px;
}

.art-wrap .art-content {
	margin-top: 30px;
	margin-bottom: 50px;
	min-height: 600px;
	color: #303030;
}

.art-wrap .art-content h1.artTitle {
	font-size: 24px;
	text-align: center;
	line-height: 48px;
	width: 752px;
	margin: 0 auto;
}

.art-wrap .art-content p.artInfo {
	font-size: 16px;
	text-align: center;
	line-height: 48px;
	width: 752px;
	margin: 0 auto;
	border-bottom: 1px dashed #707070;
}

.art-wrap .art-content p.artInfo span {
	margin: 0 10px;
}

.art-wrap .art-content .artText {
	margin-top: 20px;
	font-size: 14px;
	line-height: 28px;
	width: 100%;
	text-align: justify;
	text-justify: inter-ideograph
}

.art-wrap .art-content .artText p img {
	text-align: center;
	margin: 20px auto;
	display: block;
	max-width: 100%;
	width: auto;
}

.menuNav a.active {
	color: #fff
}

.about-wrap span.hero-xl,
.join-wrap span.hero-xl {
	width: 100%;
	position: absolute;
	left: 0;
	top: 60px;
	height: 2px;
	background: #f1f1f1;
	display: block
}

.about-wrap .abo-banner {
	margin-top: 50px;
	height: 550px;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	position: relative;
}

.joi-banner {
	width: 100%;
	height: 547px;
	position: relative;
}

.joi-banner .joi-wrap0-img {
	width: 100%;
	height: 547px;
	position: relative;
}

.abo-wrap0 {
	width: 100%;
	height: 550px;
	position: relative;
}

.abo-wrap0-img {
	width: 100%;
	height: 550px;
	position: relative;
}

.about-wrap .abo-wrap0-img img,
.joi-banner .joi-wrap0-img img {
	width: 100%;
	display: block
}

.about-wrap .abo-banner-txt {
	position: absolute;
	left: 50%;
	top: 75px;
	margin-left: -520px;
	width: 1026px;
	height: 440px;
}

.about-wrap .abo-banner-txt h1,
.about-wrap h1.font-face,
.join-wrap h1.font-face {
	color: #fff;
	font-size: 38px;
	text-transform: uppercase;
	padding: 20px 0;
	line-height: 38px;
}

.about-wrap .abo-banner-txt h1 span,
.about-wrap h1.font-face span,
.join-wrap h1.font-face span {
	font-size: 16px;
	color: #d71341;
	font-weight: 400;
	margin-left: 10px;
}

.about-wrap .abo-banner-txt p {
	font-size: 14px;
	line-height: 28px;
	text-indent: 28px;
	color: #fff;
	width: 963px;
	margin-left: 31px;
	text-align: justify;
	text-justify: inter-ideograph
}

.about-wrap .abo-banner-tit {
	width: 1026px;
	height: 325px;
	background: url(../common/images/about-bg.png);
	overflow: hidden;
	padding-top: 40px;
}

.about-wrap .abo-wrap,
.join-wrap .joi-wrap {
	width: 100%;

}

.abo-wrap {
	/*margin-top: 20px;*/
}

.about-wrap h1.font-face,
.join-wrap h1.font-face {
	color: #000;
	display: block
}

.about-wrap .h-year-list,
.about-wrap .h-honor-list {
	width: 1026px;
	margin: 0 auto;
	position: relative
}

.abo-wrap4 .h-culture-list {
	width: 1026px;
	margin: 0 auto;
	position: relative
}

.abo-wrap4 .h-culture-list h1.font-face {
	width: 410px;
	background: #fff;
	padding: 10px 0 0;
	margin-left: -10px;
}

.abo-wrap4 .h-culture-list .h-culture-img {
	display: block;
	width: 1026px;
	height: 264px;
	margin-top: 30px;
}

.abo-wrap5 {
	width: 100%;
	background: url(../images/about-bg4.jpg) no-repeat center top;
}

.abo-wrap5 .h-contact-list {
	width: 1026px;
	margin: 0 auto;
	overflow: hidden;
	color: #fff
}

.abo-wrap5 h1.font-face {
	color: #fff;
}

.abo-wrap5 dl.h-contact-mail {
	width: 820px;
	overflow: hidden;
	display: block;
	font-size: 16px;
	margin: 0 auto;
}

.abo-wrap5 dl.h-contact-mail dd {
    line-height: 40px;
    font-size: 24px;
    text-align: center;
    padding-top: 20px;
}

.abo-wrap5 .h-contact-tab {
	width: 100%;
}

.abo-wrap5 .h-contact-tab .bd {
	height: 138px;
}

.abo-wrap5 .h-contact-tab .bd>span {
	width: 134px;
	height: 94px;
	border: #fff solid 2px;
	float: left;
	text-align: center;
	padding-top: 40px;
	cursor: pointer;
	margin-left: 58px
}

.abo-wrap5 .h-contact-tab .bd>span.on {
	background: #d71341;
	border: #d71341 solid 2px;
}

.abo-wrap5 .h-contact-tab .bd>span:hover {
	background: #d71341;
	border: #d71341 solid 2px;
}

.abo-wrap5 .h-contact-tab .bd>span>span {
	width: 100%;
	line-height: 30px;
	display: block;
	text-transform: uppercase
}

.abo-wrap5 .h-contact-tab .hd .info {
	display: none;
	width: 833px;
	height: 100%;
	margin-left: 96px;
}

.abo-wrap5 .h-contact-tab .hd .info p {
	line-height: 40px;
	font-size: 24px;
	text-align: center;
	padding-bottom: 20px;
}

.abo-wrap5 .h-contact-tab .hd .info p:first-child {
	padding-top: 20px;
}

.abo-wrap5 .HERO-copyRight {
	background: transparent;
}

.abo-wrap5 .HERO-copyRight-footer {
	font-size: 12px;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

.abo-wrap5 .HERO-copyRight-footer p {
	line-height: 23px;
}

.abo-wrap5 .HERO-copyRight-footer a {
	color: #fff
}

.join-wrap .joi-banner {
	margin-top: 50px;
	height: auto;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	position: relative;
}

.joi-wrap1 .h-welfare-list {
	width: 1026px;
	margin: 0 auto;
	position: relative
}

.joi-wrap1 .h-welfare-list h1.font-face {
	width: 349px;
	background: #fff;
	padding: 0 10px;
	margin-top: 10px;
}

.joi-wrap1 .h-welfare-img {
	width: 1026px;
	height: 350px;
	display: block;
	margin: 20px 0;
}

.joi-wrap1 .h-welfare-tab {
	width: 980px;
	height: 455px;
	border: #f1f1f1 solid 5px;
	margin: 0 auto;
	overflow: hidden;
}

.joi-wrap1 .h-welfare-tab li {
	width: 980px;
	height: 455px;
	float: left
}

.joi-wrap1 .h-welfare-tab img {
	width: 980px;
	height: 455px;
}

.joi-wrap1 .botBtn {
	min-width: 38px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	bottom: 0;
	height: 26px;
	z-index: 10
}


/* .joi-wrap1 .botBtn i.botBtn-1{width:22px;height:31px;background:url(../common/images/ico2.png) no-repeat -35px 0;display:block;float:left}
.joi-wrap1 .botBtn i.botBtn-2{width:22px;height:31px;background:url(../common/images/ico2.png) no-repeat -35px -33px;display:block;float:right}
.joi-wrap1 .botBtn span{width:27px;height:31px;background:url(../common/images/ico2.png) no-repeat -35px -66px;display:block;float:left;cursor:pointer;}
.joi-wrap1 .botBtn span.on{background-position:-35px -99px} */

.joi-wrap1 .botBtn i.botBtn-1 {
	width: 19px;
	height: 26px;
	background: url(../common/images/ico2.png) no-repeat 0 -453px;
	display: block;
	float: left
}

.joi-wrap1 .botBtn i.botBtn-2 {
	width: 19px;
	height: 26px;
	background: url(../common/images/ico2.png) no-repeat -20px -453px;
	display: block;
	float: right
}

.joi-wrap1 .botBtn span {
	width: 29px;
	height: 26px;
	background: url(../common/images/ico2.png) no-repeat 0 -480px;
	display: block;
	float: left;
	cursor: pointer;
}

.joi-wrap1 .botBtn span.on {
	background-position: -30px -480px
}

.joi-wrap2 .h-photo-list {
	width: 1026px;
	margin: 0 auto;
	position: relative
}

.joi-wrap2 .h-photo-list h1.font-face {
	width: 410px;
	background: #fff;
	padding: 0 10px;
	margin-left: -10px;
}

.joi-wrap2 .h-photos-tab {
	margin-top: 30px;
}

.joi-wrap2 .h-photos-tab .parHd {
	width: 1026px;
	height: 654px;
	margin-top: 40px;
	position: relative
}

.joi-wrap2 .h-photos-tab .parHd ul {
	overflow: hidden;
	zoom: 1;
}

.joi-wrap2 .h-photos-tab .parHd ul li {
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
}

.joi-wrap2 .h-photos-tab .parHd ul li img {
	width: 1026px;
	height: 655px;
	display: block;
}


/* .joi-wrap2 .h-photos-tab .slideBox ul.hd{position:absolute;z-index:2;left:50%;bottom:0;}
.joi-wrap2 .slideBox  ul.hd i.botBtn-1{width:19px;height:26px;background:url(../common/images/ico2.png) no-repeat 0 -453px;display:block;float:left}
.joi-wrap2 .slideBox  ul.hd i.botBtn-2{width:19px;height:26px;background:url(../common/images/ico2.png) no-repeat -20px -453px;display:block;float:right}
.joi-wrap2 .slideBox  ul.hd li{width:29px;height:26px;background:url(../common/images/ico2.png) no-repeat 0 -480px;display:block;float:left;cursor:pointer;font-size:0;text-indent:-999rem}
.joi-wrap2 .slideBox  ul.hd li.on{background-position:-30px -480px} */

.joi-wrap2 .h-photos-tab .slideBox {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.joi-wrap2 .h-photos-tab .slideBox .hdhd {
	position: absolute;
	z-index: 2;
	left: 50%;
	bottom: 1px;
	height: 26px;
}

.joi-wrap2 .h-photos-tab .slideBox ul.hd {
	float: left
}

.joi-wrap2 .h-photos-tab .slideBox .hdhd i.botBtn-1 {
	width: 19px;
	height: 26px;
	background: url(../common/images/ico2.png) no-repeat 0 -453px;
	display: block;
	float: left
}

.joi-wrap2 .h-photos-tab .slideBox .hdhd i.botBtn-2 {
	width: 19px;
	height: 26px;
	background: url(../common/images/ico2.png) no-repeat -20px -453px;
	display: block;
	float: right
}

.joi-wrap2 .h-photos-tab .slideBox .hdhd ul.hd li {
	width: 29px;
	height: 26px;
	background: url(../common/images/ico2.png) no-repeat 0 -480px;
	display: block;
	float: left;
	cursor: pointer;
	font-size: 0;
	text-indent: -999rem
}

.joi-wrap2 .h-photos-tab .slideBox .hdhd ul.hd li.on {
	background-position: -30px -480px
}

.joi-wrap3 .h-devel-list {
	width: 1026px;
	margin: 0 auto;
	position: relative
}

.joi-wrap3 .h-devel-list h1.font-face {
	width: 419px;
	background: #fff;
	padding: 0 10px;
	margin-left: -10px;
}

.joi-wrap3 .h-devels-img {
	width: 1026px;
	height: 347px;
	display: block;
}

.joi-wrap3 .h-devels-tab {
	height: 303px;
	overflow: hidden;
	width: 940px;
	margin: 40px auto;
}

.joi-wrap3 .h-d-t {
	cursor: pointer;
	float: left;
	height: 303px;
	overflow: hidden;
	position: relative;
	width: 89px;
	margin-left: 2px;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
}

.joi-wrap3 .h-d-t:first-child {
	margin-left: 0
}

.joi-wrap3 .h-d-t.cur,
.joi-wrap3 .h-d-t.cur img {
	display: block;
	height: 303px;
	width: 576px;
}

.joi-wrap3 .shadow {
	height: 303px;
	left: 0;
	position: absolute;
	top: 0;
	width: 89px;
}

.joi-wrap3 .h-d-t.cur .shadow {
	display: none;
}

.joi-wrap4 {
	width: 100%;
}

.joi-wrap4 .h-us-list {
	width: 1026px;
	margin: 0 auto;
	position: relative;
}

.joi-wrap4 .h-us-list h1.font-face {
	width: 260px;
	background: #fff;
	padding: 0 10px;
	margin-left: -10px;
}

.joi-wrap4 .h-uss-list {
	margin-top: 40px;
}

.joi-wrap4 .h-uss-list dl {
	float: left;
	margin-left: 16px;
}

.joi-wrap4 .h-uss-list dl:first-child {
	margin-left: 0
}

.joi-wrap4 .h-uss1 {
	width: 192px;
	overflow: hidden;
	padding-top: 192px;
	color: #535353;
	font-size: 16px;
	text-align: center;
	position: relative
}

.joi-wrap4 .h-uss1 i {
	position: absolute;
	left: 0;
	top: 0;
	width: 192px;
	height: 192px;
	background: url(../common/images/ico2.png) no-repeat -69px 0
}

.joi-wrap4 dl dt {
	font-weight: 800;
	font-size: 24px;
	line-height: 100px;
}

.joi-wrap4 dl dd {
	line-height: 40px;
	height: 40px;
	border-bottom: transparent solid 1px;
	cursor: pointer
}

.joi-wrap4 dl dd:hover {
	color: #d71341;
	border-bottom: #d71341 solid 1px;
}

.joi-wrap4 .h-us-list .HR-mail {
	width: 534px;
	height: 155px;
	line-height: 155px;
	text-align: center;
	font-size: 34px;
	color: #fff;
	position: absolute;
	left: 50%;
	bottom: -210px;
	margin-left: -267px;
	background: url(../images/join-bg0.png) no-repeat
}

.joi-wrap4 .h-uss2 {
	width: 191px;
	overflow: hidden;
	padding-top: 191px;
	color: #535353;
	font-size: 16px;
	text-align: center;
	position: relative
}

.joi-wrap4 .h-uss2 i {
	position: absolute;
	left: 0;
	top: 0;
	width: 191px;
	height: 191px;
	background: url(../common/images/ico2.png) no-repeat -262px 0
}

.joi-wrap4 .h-uss3 {
	width: 190px;
	overflow: hidden;
	padding-top: 190px;
	color: #535353;
	font-size: 16px;
	text-align: center;
	position: relative
}

.joi-wrap4 .h-uss3 i {
	position: absolute;
	left: 0;
	top: 0;
	width: 190px;
	height: 190px;
	background: url(../common/images/ico2.png) no-repeat -69px -193px
}

.joi-wrap4 .h-uss4 {
	width: 190px;
	overflow: hidden;
	padding-top: 190px;
	color: #535353;
	font-size: 16px;
	text-align: center;
	position: relative
}

.joi-wrap4 .h-uss4 i {
	position: absolute;
	left: 0;
	top: 0;
	width: 190px;
	height: 190px;
	background: url(../common/images/ico2.png) no-repeat -262px -191px
}

.joi-wrap4 .h-uss5 {
	width: 190px;
	overflow: hidden;
	padding-top: 190px;
	color: #535353;
	font-size: 16px;
	text-align: center;
	position: relative
}

.joi-wrap4 .h-uss5 i {
	position: absolute;
	left: 0;
	top: 0;
	width: 190px;
	height: 190px;
	background: url(../common/images/ico2.png) no-repeat -69px -384px
}

.joi-wrap4 .h-us-list .join-enter {
	margin: 50px auto;
}

.joi-wrap4 .h-us-list .join-enter img {
    height: 50%;
    width: 50%;
}

.joi-wrap5 .h-recruit-list {
	width: 1026px;
	margin: 0 auto;
	position: relative
}

.joi-wrap5 .h-recruit-list h1.font-face {
	width: 480px;
	background: #fff;
	padding: 0 10px;
	margin-left: -10px;
}

.joi-wrap5 .h-recruit-list ul {
	width: 100%;
	text-align: center;
	height: 104px;
	margin: 60px 0 0;
}

.joi-wrap5 .h-recruit-list ul li {
	position: relative;
	display: inline-block;
	width: 215px;
	height: 104px;
	background: #ED2A55;
	line-height: 104px;
	margin: 0 39px;
}

.joi-wrap5 .h-recruit-list ul li:hover i {
	width: 100%;
}

.joi-wrap5 .h-recruit-list ul li i {
	background: #B9002E;
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}

.joi-wrap5 .h-recruit-list ul li a {
	font-size: 24px;
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
}

.joi-wrap6 .h-job-list {
	width: 1026px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}

.joi-wrap6 .h-job-list h1.font-face {
	width: 385px;
	background: #fff;
	padding: 0 10px;
	margin-left: -10px;
}

.joi-wrap6 .h-job-list .job {
	width: 100%;
	overflow: hidden;
}

.joi-wrap6 .h-job-list .job .job-nav {
	width: 1025px;
	margin: 20px auto 0;
	overflow: hidden;
}

.joi-wrap6 .h-job-list .job .job-nav li {
	width: 20%;
	float: left;
}

.joi-wrap6 .h-job-list .job .job-nav li div {
	width: 166px;
	height: 166px;
	margin: 20px auto 0;
	position: relative;
	cursor: pointer;
}

.joi-wrap6 .h-job-list .job .job-nav li div img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
}

.joi-wrap6 .h-job-list .job .job-nav li div i {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
	border-radius: 83px;
}

.joi-wrap6 .h-job-list .job .job-nav li div:hover i {
	-webkit-animation: cir 2s ease both;
	-moz-animation: cir 2s ease both;
	-ms-animation: cir 2s ease both;
	animation: cir 2s ease both;
}

.joi-wrap6 .h-job-list .job .job-nav li.yx div i {
	background: #B25B9F;
}

.joi-wrap6 .h-job-list .job .job-nav li.ms div i {
	background: #B9D549;
}

.joi-wrap6 .h-job-list .job .job-nav li.cp div i {
	background: #4ECDFF;
}

.joi-wrap6 .h-job-list .job .job-nav li.sc div i {
	background: #FF636F;
}

.joi-wrap6 .h-job-list .job .job-nav li.zn div i {
	background: #FFC93B;
}

.joi-wrap6 .h-job-list .job .job-nav li p {
	width: 100%;
	margin: 36px 0;
	text-align: center;
	font-size: 24px;
	color: #535353;
}

.joi-wrap6 .h-job-list .job .job-nav li.on span {
	display: block;
}

.joi-wrap6 .h-job-list .job .job-nav li span {
	display: none;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

.joi-wrap6 .h-job-list .job .job-nav li.yx span {
	border-bottom: 20px solid #B25B9F;
}

.joi-wrap6 .h-job-list .job .job-nav li.ms span {
	border-bottom: 20px solid #B9D549;
}

.joi-wrap6 .h-job-list .job .job-nav li.cp span {
	border-bottom: 20px solid #4ECDFF;
}

.joi-wrap6 .h-job-list .job .job-nav li.sc span {
	border-bottom: 20px solid #FF636F;
}

.joi-wrap6 .h-job-list .job .job-nav li.zn span {
	border-bottom: 20px solid #FFC93B;
}

.joi-wrap6 .h-job-list .job .job-con .job-inf {
	width: 100%;
	overflow: hidden;
	display: none;
}

.joi-wrap6 .h-job-list .job .job-con .job-inf ul {
	width: 1024px;
	padding: 12px 0;
	overflow: hidden;
	text-align: center;
}

.joi-wrap6 .h-job-list .job .job-con .job-inf.yx ul {
	border: 1px solid #B25B9F;
}

.joi-wrap6 .h-job-list .job .job-con .job-inf.ms ul {
	border: 1px solid #B9D549;
}

.joi-wrap6 .h-job-list .job .job-con .job-inf.cp ul {
	border: 1px solid #4ECDFF;
}

.joi-wrap6 .h-job-list .job .job-con .job-inf.sc ul {
	border: 1px solid #FF636F;
}

.joi-wrap6 .h-job-list .job .job-con .job-inf.zn ul {
	border: 1px solid #FFC93B;
}

.joi-wrap6 .h-job-list .job .job-con .job-inf.yx ul li.on,
.joi-wrap6 .h-job-list .job .job-con .job-inf.yx ul li:hover {
	background: #B25B9F;
	color: #fff;
}

.joi-wrap6 .h-job-list .job .job-con .job-inf.ms ul li.on,
.joi-wrap6 .h-job-list .job .job-con .job-inf.ms ul li:hover {
	background: #B9D549;
	color: #fff;
}

.joi-wrap6 .h-job-list .job .job-con .job-inf.cp ul li.on,
.joi-wrap6 .h-job-list .job .job-con .job-inf.cp ul li:hover {
	background: #4ECDFF;
	color: #fff;
}

.joi-wrap6 .h-job-list .job .job-con .job-inf.sc ul li.on,
.joi-wrap6 .h-job-list .job .job-con .job-inf.sc ul li:hover {
	background: #FF636F;
	color: #fff;
}

.joi-wrap6 .h-job-list .job .job-con .job-inf.zn ul li.on,
.joi-wrap6 .h-job-list .job .job-con .job-inf.zn ul li:hover {
	background: #FFC93B;
	color: #fff;
}

.joi-wrap6 .h-job-list .job .job-con .job-inf ul li {
	overflow: hidden;
	cursor: pointer;
	font-size: 16px;
	color: #535353;
	float: left;
	width: 162px;
	height: 47px;
	margin: 7px 15px 7px 24px;
	line-height: 47px;
	border: 1px solid #D7D7D7;
}

.joi-wrap6 .h-job-list .job .job-con .job-inf ul li p {
	display: block;
	width: 100%;
	line-height: 20px;
	margin-top: 3px;
}

.joi-wrap6 .h-job-list .job .job-con .job-inf .job-items {
	width: 100%;
	margin-top: 20px;
}

.joi-wrap6 .h-job-list .job .job-con .job-inf .job-items .job-item {
	width: 100%;
	overflow: hidden;
	display: none;
}

.joi-wrap6 .h-job-list .job .job-con .job-inf .job-items .job-item h4 {
	font-size: 16px;
	color: #000;
	margin: 20px 0;
}

.joi-wrap6 .h-job-list .job .job-con .job-inf .job-items .job-item p {
	font-size: 16px;
	color: #000;
	line-height: 2.4;
}

.joi-wrap.joi-wrap7 {
	overflow: hidden;
	width: 100%;
	height: 640px;
	background: url(../images/job-bot.jpg) no-repeat center bottom;
	margin-top: -200px;
	position: relative;
	z-index: 9;
	padding-top: 0;
	padding-bottom: 50px;
}

.joi-wrap7 h2 {
	width: 100%;
	text-align: center;
	font-size: 48px;
	color: #000;
	margin-top: 438px;
	display: none
}

.joi-wrap7 .job-email {
	width: 377px;
	height: 101px;
	background: #EC0052;
	text-align: center;
	line-height: 101px;
	font-size: 36px;
	color: #fff;
	display: block;
	margin: 20px auto;
	display: none
}

.joi-wrap7 .job-email i {
	background: url(../images/job-ico-td.png) no-repeat;
	width: 35px;
	height: 43px;
	display: inline-block;
	vertical-align: middle;
}

.joi-wrap7 .job-email span {
	display: inline-block;
}

.HERO-copyRight {
	background: #313031;
	color: #fff;
	min-width: 1026px;
	padding: 20px;
}

.HERO-copyRight .HERO-copyRight-wrap {
	height: auto;
	margin: 0 auto;
	width: 830px;
}

.HERO-copyRight .HERO-copyRight-wrap .hero-logo {
	width: 259px;
	height: 80px;
	float: left;
	background: url(../common/images/logo.png) no-repeat;
}

.HERO-copyRight .HERO-copyRight-footer {
    text-align: center;
    font-size: 12px;
}

.HERO-copyRight .HERO-copyRight-footer p {
	line-height: 23px;
}

.HERO-copyRight .HERO-copyRight-footer a {
	color: #0088f5
}

.HERO-copyRight .HERO-copyRight-footer-1 {
	width: 100%;
	height: 50px;
	background: #282828;
}

.h-mTop67 {
	margin-top: 67px;
}

.a_amore {
	overflow: hidden;
}

.a_amore .sns {
	color: #333;
	float: right;
	margin: 20px auto 0;
	width: 210px;
}

.a_amore .sns span {
	color: #505050;
	float: left;
	font-size: 14px;
	line-height: 24px;
}

.HERO-404 {
	width: 100%;
	height: 908px;
	background: url(../common/images/404.jpg) no-repeat center top;
}

.HERO-404 .txt-404 {
	width: 1026px;
	margin: 0 auto;
	height: 100%;
	position: relative;
}

.HERO-404 .txt-404 a {
	width: 177px;
	height: 59px;
	line-height: 59px;
	text-align: center;
	display: block;
	background: #d71341;
	font-size: 23px;
	color: #fff;
	position: absolute;
	left: 50%;
	bottom: 339px;
	margin-left: -89px;
}

.job-banner {
	width: 100%;
	height: 601px;
	position: relative;
	background: url(images/job-banner.html) no-repeat center top;
}

.job-to-social {
	width: 259px;
	height: 143px;
	position: absolute;
	top: 400px;
	right: 50%;
	margin-right: -520px;
	background: url(../images/job-toshehui.png) no-repeat;
	background-size: 100% 100%;
}

@-webkit-keyframes cir {
	0% {
		-webkit-transform: scale(1);
		-webkit-opacity: 1;
		transform: scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1.2);
		-webkit-opacity: 0;
		transform: scale(1.2);
		opacity: 0;
	}
}

@-moz-keyframes cir {
	0% {
		-moz-transform: scale(1);
		-moz-opacity: 1;
		transform: scale(1);
		opacity: 1;
	}
	100% {
		-moz-transform: scale(1.2);
		-moz-opacity: 0;
		transform: scale(1.2);
		opacity: 0;
	}
}

@-o-keyframes cir {
	0% {
		-o-transform: scale(1);
		-o-opacity: 1;
		transform: scale(1);
		opacity: 1;
	}
	100% {
		-o-transform: scale(1.2);
		-o-opacity: 0;
		transform: scale(1.2);
		opacity: 0;
	}
}

@keyframes cir {
	0% {
		transform: scale(1);
		opacity: 1;
		transform: scale(1);
		opacity: 1;
	}
	100% {
		transform: scale(1.2);
		opacity: 0;
		transform: scale(1.2);
		opacity: 0;
	}
}


/*产品中心20160824*/

.pn-wrap {
	width: 100%;
	overflow: hidden;
}

.pn-wrap .pn-inner {
	/*width: 1200px;*/
	margin: 25px auto 0;
}

.pn-wrap .pn-inner .pn-box .pn-nav ul {
	text-align: center;
}

.pn-wrap .pn-inner .pn-box .pn-nav ul li {
	display: inline-block;
	width: 209px;
	height: 57px;
	line-height: 57px;
	margin: 0 2px;
	border-radius: 4px;
}

.pn-wrap .pn-inner .pn-box .pn-nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	background: #F1F1F1;
	font-size: 16px;
	color: #636363;
	position: relative;
}

.pn-wrap .pn-inner .pn-box .pn-nav ul li a em {
	display: none;
	width: 21px;
	height: 10px;
	position: absolute;
	left: 50%;
	margin-left: -10.5px;
	bottom: -10px;
	background: url(../images/pn-ico-on.png) no-repeat;
}

.pn-wrap .pn-inner .pn-box .pn-nav ul li a.active em {
	display: block;
}

.pn-wrap .pn-inner .pn-box .pn-nav ul li a i {
	display: inline-block;
	width: 13px;
	height: 14px;
	margin-top: -2px;
	vertical-align: middle;
}

.pn-wrap .pn-inner .pn-box .pn-nav ul li.all a i {
	height: 13px;
	background: url(../images/pn-ico-all.png) no-repeat;
}

.pn-wrap .pn-inner .pn-box .pn-nav ul li.all a.active i {
	height: 13px;
	background: url(../images/pn-ico-allon.png) no-repeat;
}

.pn-wrap .pn-inner .pn-box .pn-nav ul li.hot a i {
	background: url(../images/pn-ico-hot.png) no-repeat;
}

.pn-wrap .pn-inner .pn-box .pn-nav ul li.hot a.active i {
	background: url(../images/pn-ico-hoton.png) no-repeat;
}

.pn-wrap .pn-inner .pn-box .pn-nav ul li.all a.active,
.pn-wrap .pn-inner .pn-box .pn-nav ul li.hot a.active,
.pn-wrap .pn-inner .pn-box .pn-nav ul li.new a.active,
.pn-wrap .pn-inner .pn-box .pn-nav ul li.test a.active {
	background: #EB003B;
	color: #fff;
}

.pn-wrap .pn-inner .pn-box .pn-nav ul li.new a i {
	background: url(../images/pn-ico-new.png) no-repeat;
}

.pn-wrap .pn-inner .pn-box .pn-nav ul li.test a i {
	background: url(../images/pn-ico-test.png) no-repeat;
}

.pn-wrap .pn-inner .pn-box .pn-nav ul li a span {
	display: inline-block;
}

.pn-wrap .pn-inner .pn-box .pn-con .pn-list {
	margin: 20px auto;
	overflow: hidden;
}

.pn-wrap .pn-inner .pn-box .pn-con .pn-list .isotope-sizer,
.pn-wrap .pn-inner .pn-box .pn-con .pn-list .isotope-item {
	width: 25%;
}

.pn-wrap .pn-inner .pn-box .pn-con .pn-list .item {
	padding: 0;
	margin: 20px auto;
}

.pn-wrap .pn-inner .pn-box .pn-con .pn-list .item .item-body {
	position: relative;
	overflow: hidden;
}

.pn-wrap .pn-inner .pn-box .pn-con .pn-list .item .item-body img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.pn-wrap .pn-inner .pn-box .pn-con .pn-list .item.hot .item-body .icon {
	width: 67px;
	height: 67px;
	position: absolute;
	left: -5px;
	top: -5px;
	z-index: 11;
	background: url(../images/pn-li-hot.png) no-repeat;
}

.pn-wrap .pn-inner .pn-box .pn-con .pn-list .item.new .item-body .icon {
	width: 67px;
	height: 67px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
	background: url(../images/pn-li-new.png) no-repeat;
}

.pn-wrap .pn-inner .pn-box .pn-con .pn-list .item.test .item-body .icon {
	width: 67px;
	height: 67px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
	background: url(../images/pn-li-test.png) no-repeat;
}

.pn-wrap .pn-inner .pn-box .pn-con .pn-list .item .item-body .hover {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    opacity: 0;
    background: rgba(235, 0, 59, .9);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 10;
}

.pn-wrap .pn-inner .pn-box .pn-con .pn-list .item .item-body:hover .hover {
	opacity: 1;
}

.pn-wrap .pn-inner .pn-box .pn-con .pn-list .item .item-body .hover .pn-ewm {
	float: left;
	width: 164px;
	margin-left: 0px;
	opacity: 0;
	margin-top: 38px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.pn-wrap .pn-inner .pn-box .pn-con .pn-list .item .item-body:hover .hover .pn-ewm {
	margin-left: 22px;
	opacity: 1;
}

.pn-wrap .pn-inner .pn-box .pn-con .pn-list .item .item-body .hover .pn-ewm img {
	display: block;
	width: 125px;
	height: 125px;
	margin: 0 auto;
}

.pn-wrap .pn-inner .pn-box .pn-con .pn-list .item .item-body .hover .pn-ewm p {
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: #fff;
	margin-top: 10px;
}

.pn-wrap .pn-inner .pn-box .pn-con .pn-list .item .item-body .hover .pn-more {
    width: 50%;
    border: 1px solid #fff;
    border-radius: 19px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    margin: 25% auto;
    opacity: 0;
}

.pn-wrap .pn-inner .pn-box .pn-con .pn-list .item .item-body .hover .pn-more a {
	color: #fff;
}

.pn-wrap .pn-inner .pn-box .pn-con .pn-list .item .item-body:hover .hover .pn-more {
	opacity: 1;
}

.pn-wrap .pn-inner .pn-box .pn-con .pn-list .item .item-body .hover .pn-more i {
	width: 14px;
    height: 20px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/pn-ico-jt.png) no-repeat;
}

.pn-wrap .pn-inner .pn-box .pn-con .pn-list .item figcaption {
	display: block;
	overflow: hidden;
	background: #F5F6F3;
}

.pn-wrap .pn-inner .pn-box .pn-con .pn-list .item figcaption h3 {
    margin: 0 auto;
    color: #636363;
    padding: 5px;
    line-height: 1.8;
    text-align: center;
    font-weight: 500;
}

.pn-wrap .pn-inner .pn-box .pn-con .pn-list .item figcaption h6 {
	margin: 0 auto;
	font-size: 14px;
	color: #6e6d6d;
	padding: 0 5px;
	font-weight: normal;
}

.pn-tck {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	display: none;
	background: rgba(0, 0, 0, .7);
}

.pn-tck .pn-tckcon {
	width: 1068px;
	height: 540px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -270px 0 0 -534px;
}

.pn-tck .pn-tckcon img {
	display: block;
	width: 100%;
	height: 100%;
}

.pn-tck .pn-tckcon .pn-tck-close {
	display: block;
	width: 86px;
	height: 85px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	background: url(../images/pn-tck-close.jpg) no-repeat;
}

.pn-tck .pn-tckcon .pn-tck-home {
	display: block;
	width: 178px;
	height: 54px;
	position: absolute;
	right: 38px;
	bottom: 31px;
	background: url(../images/pn-tck-home.png) no-repeat;
}