﻿.s-icon-x {
	font: 400 45px/0.85em Microsoft YaHei; text-align: center; text-transform: none; opacity: 0.7; speak: none; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.side-nav-item .s-icon {
	font: 400 45px/0.85em Microsoft YaHei; text-align: center; text-transform: none; opacity: 0.7; speak: none; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
body{
	min-width: 1200px !important;
}
img,a{border:0 none}
body {
	margin: 0px; padding: 0px;
}
div {
	margin: 0px; padding: 0px;
}
dl {
	margin: 0px; padding: 0px;
}
dt {
	margin: 0px; padding: 0px;
}
dd {
	margin: 0px; padding: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
ol {
	margin: 0px; padding: 0px;
}
li {
	margin: 0px; padding: 0px;
}
h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h4 {
	margin: 0px; padding: 0px;
}
h5 {
	margin: 0px; padding: 0px;
}
h6 {
	margin: 0px; padding: 0px;
}
pre {
	margin: 0px; padding: 0px;
}
code {
	margin: 0px; padding: 0px;
}
form {
	margin: 0px; padding: 0px;
}
fieldset {
	margin: 0px; padding: 0px;
}
legend {
	margin: 0px; padding: 0px;
}
input {
	margin: 0px; padding: 0px;
}
textarea {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
blockquote,th,td {
	margin: 0px; padding: 0px;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
fieldset {
	border: 0px currentColor;
}
img {
	border: 0px currentColor;
}
address {
	font-style: normal; font-weight: 400;
}
caption {
	font-style: normal; font-weight: 400;
}
cite {
	font-style: normal; font-weight: 400;
}
code {
	font-style: normal; font-weight: 400;
}
dfn {
	font-style: normal; font-weight: 400;
}
em {
	font-style: normal; font-weight: 400;
}
strong {
	font-style: normal; font-weight: 400;
}
th {
	font-style: normal; font-weight: 400;
}
var {
	font-style: normal; font-weight: 400;
}
ol {
	list-style: none;
}
ul {
	list-style: none;
}
caption {
	text-align: left;
}
th {
	text-align: left;
}
h1 {
	font-size: 100%; font-weight: 400;
}
h2 {
	font-size: 100%; font-weight: 400;
}
h3 {
	font-size: 100%; font-weight: 400;
}
h4 {
	font-size: 100%; font-weight: 400;
}
h5 {
	font-size: 100%; font-weight: 400;
}
h6 {
	font-size: 100%; font-weight: 400;
}
q::before {
	content: "";
}
q::after {
	content: "";
}
abbr {
	border: 0px currentColor; font-variant: normal;
}
acronym {
	border: 0px currentColor; font-variant: normal;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input {
	font-family: inherit; font-size: inherit; font-weight: inherit;
}
textarea {
	font-family: inherit; font-size: inherit; font-weight: inherit;
}
select {
	font-family: inherit; font-size: inherit; font-weight: inherit;
}
input {
	
}
textarea {
	
}
select {
	
}
select {
	padding: 2px 0px; height: 22px; line-height: 18px;
}
.hide {
	padding: 0px !important; border: 0px currentColor !important; width: 1px !important; height: 1px !important; line-height: 0 !important; overflow: hidden; position: absolute !important; cliptop: 1px; clipright: 1px; clipbottom: 1px; clipleft: 1px;
}
.hide-txt {
	font: 0px/9999px Tahoma; overflow: hidden; font-size-adjust: none; font-stretch: normal;
}
body {
	font-family: "Microsoft Yahei","ST Heiti",Tahoma,sans-serif; font-size: 12px;
}
html {
	height: 100%; overflow: hidden;
}
body {
	height: 100%; overflow: hidden;
}
a {
	color: rgb(102, 102, 102); text-decoration: none;
}
a:visited {
	color: rgb(102, 102, 102); text-decoration: none;
}
.place-hold {
	height: 80px;
}
#header {
	background: rgb(237, 237, 237); width: 100%; height: 77px;
}
.navbar-header {
	float: left;
}
.navbar-nav {
	margin-right: 0px; float: right;
}
.nav-item {
	float: left;
}
.nav-item a {
	padding: 28px 15px; color: rgb(0, 0, 0); font-size: 14px; font-weight: 500; text-decoration: none; display: block;
}
.nav-item a:hover {
	background: rgb(0, 0, 0); color: rgb(255, 255, 255);
}
#footer {
	background: rgb(194, 194, 194); width: 100%; height: 80px; bottom: 0px; color: rgb(45, 45, 45); line-height: 1.2; overflow: hidden; font-size: 116.66%; position: absolute; z-index: 100;
}
#footer p {
	padding: 30px 0px 34px 35px;
}
#fullPage {
	width: 100%; overflow: hidden; position: relative;
}
#scroller {
	left: 0px; top: 0px; width: 100%; height: auto; overflow: visible; position: absolute;
}
.screen {
	margin: 0px auto; width: 100%; overflow: hidden; position: relative; background-repeat: no-repeat;
}
.screen .bg {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.layer {
	position: absolute;
}
.z1 {
	z-index: 19;
}
.z2 {
	z-index: 18;
}
.z3 {
	z-index: 17;
}
.z4 {
	z-index: 16;
}
.z5 {
	z-index: 15;
}
.z6 {
	z-index: 14;
}
.z7 {
	z-index: 13;
}
.z8 {
	z-index: 12;
}
.z9 {
	z-index: 11;
}
.z10 {
	z-index: 10;
}
.arrow-down {
	left: 50%; width: 68px; height: 35px; position: absolute; cursor: pointer;
}
.arrow-up {
	left: 50%; width: 68px; height: 35px; position: absolute; cursor: pointer;
}
.s-desc {
	left: 4.47%; top: 35%; width: 60%; color: rgb(255, 255, 255); line-height: 2; font-size: 150%;
}
.s-link {
	padding-top: 1em; display: block;
}
.s-link a {
	color: rgb(255, 255, 255); line-height: 1.6; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block;
}
.s-link a:visited {
	color: rgb(255, 255, 255); line-height: 1.6; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block;
}
#c .s-link a {
	border-color: rgb(48, 93, 115); color: rgb(48, 93, 115);
}
#c .s-link a:visited {
	border-color: rgb(48, 93, 115); color: rgb(48, 93, 115);
}
.dbx {
	left: 15%; top: -10px; width: 16.15%; height: auto;
}
.side-nav {
	top: 60%; margin-top: -310px; position: fixed; z-index: 999;
}
.side-nav-ul {
	width: 88px; vertical-align: top; position: relative;
}
.side-nav-item {
	padding: 2px 0px; width: 100%; height: 42px; display: block; white-space: nowrap;background-color:#158ae5;border-radius:0 21px 21px 0;padding-left:10px;margin: 5px 0;
}
.side-nav-item:hover {
	padding-left:64px;
}
.side-nav-item-cur {
	padding-left:64px;
}
.side-nav-item a {
	font: 400 16px/40px Microsoft YaHei, YouYuan, Arial, ????, sans-serif; color: rgb(255, 255, 255); font-size-adjust: none; font-stretch: normal;
}
.side-nav-item a:link {
	color: rgb(255, 255, 255);
}
.side-nav-item a:visited {
	color: rgb(255, 255, 255);
}
.s-icon-x {
	margin: 0px 17px 0px 18px; width: 50px; height: 50px; overflow: hidden; vertical-align: middle; display: inline-block;
}
.s-icon {
	margin: 0px 17px 0px 18px; width: 50px; height: 50px; overflow: hidden; vertical-align: middle; display: inline-block;
}
.s-icon-film {
	margin-right: 10px;
}
.s-icon-copyright {
	margin-right: 10px;
}
.side-nav-0 .s-icon {
	color: rgb(255, 255, 255);
}
.side-nav-0 .side-nav-item:hover {
	
}
.side-nav-0 .side-nav-item-cur {
	
}
.side-nav-1 .s-icon {
	color: rgb(255, 255, 255);
}
.side-nav-1 .side-nav-item:hover {
	
}
.side-nav-1 .side-nav-item-cur {
	
}
.side-nav-2 .s-icon {
	color: rgb(255, 255, 255);
}
.side-nav-2 .side-nav-item:hover {
	
}
.side-nav-2 .side-nav-item-cur {
	
}
.side-nav-3 .s-icon {
	color: rgb(255, 255, 255);
}
.side-nav-3 .side-nav-item:hover {
	
}
.side-nav-3 .side-nav-item-cur {
	
}
.side-nav-4 .s-icon {
	color: rgb(255, 255, 255);
}
.side-nav-4 .side-nav-item:hover {
	
}
.side-nav-4 .side-nav-item-cur {
	
}
.side-nav-5 .s-icon {
	color: rgb(255, 255, 255);
}
.side-nav-5 .side-nav-item:hover {
	
}
.side-nav-5 .side-nav-item-cur {
	
}
.side-nav-6 .s-icon {
	color: rgb(255, 255, 255);
}
.side-nav-6 .side-nav-item:hover {
	
}
.side-nav-6 .side-nav-item-cur {
	
}
.side-nav-0 .side-nav-item:hover .s-icon {
	text-align: right; color: rgb(255, 255, 255); line-height: 0.9em;
}
.side-nav-0 .side-nav-item-cur .s-icon {
	text-align: right; color: rgb(255, 255, 255); line-height: 0.9em;
}
.side-nav-6 .side-nav-item:hover .s-icon {
	text-align: right; color: rgb(255, 255, 255); line-height: 0.9em;
}
.side-nav-6 .side-nav-item-cur .s-icon {
	text-align: right; color: rgb(255, 255, 255); line-height: 0.9em;
}
.side-nav-1 .side-nav-item:hover .s-icon {
	text-align: right; color: rgb(255, 255, 255); line-height: 0.9em;
}
.side-nav-1 .side-nav-item-cur .s-icon {
	text-align: right; color: rgb(255, 255, 255); line-height: 0.9em;
}
.side-nav-2 .side-nav-item:hover .s-icon {
	text-align: right; color: rgb(255, 255, 255); line-height: 0.9em;
}
.side-nav-2 .side-nav-item-cur .s-icon {
	text-align: right; color: rgb(255, 255, 255); line-height: 0.9em;
}
.side-nav-3 .side-nav-item:hover .s-icon {
	text-align: right; color: rgb(255, 255, 255); line-height: 0.9em;
}
.side-nav-3 .side-nav-item-cur .s-icon {
	text-align: right; color: rgb(255, 255, 255); line-height: 0.9em;
}
.side-nav-4 .side-nav-item:hover .s-icon {
	text-align: right; color: rgb(255, 255, 255); line-height: 0.9em;
}
.side-nav-4 .side-nav-item-cur .s-icon {
	text-align: right; color: rgb(255, 255, 255); line-height: 0.9em;
}
.side-nav-5 .side-nav-item:hover .s-icon {
	text-align: right; color: rgb(255, 255, 255); line-height: 0.9em;
}
.side-nav-5 .side-nav-item-cur .s-icon {
	text-align: right; color: rgb(255, 255, 255); line-height: 0.9em;
}
.bg-a {
	background-image: url(imagesbg-a.jpg);
}
.show-a .arrow-down {
	bottom: 314px;
}
.sj-1 {
	width: 0px; height: 0px;
}
.js-2 {
	width: 0px; height: 0px;
}
.sj-3 {
	width: 0px; height: 0px;
}
.sj-4 {
	width: 0px; height: 0px;
}
.sj-1 {
	width: 395px; height: 30px;
}
.sj-1 {
	color: rgb(255, 255, 255);
}
.sj-1 a {
	color: rgb(255, 255, 255);
}
.info-wrap::before {
	height: 0px !important; line-height: 0 !important; display: block; visibility: hidden; content: "";
}
.info-wrap::after {
	height: 0px !important; line-height: 0 !important; display: block; visibility: hidden; content: "";
}
.info-wrap::after {
	clear: both;
}
.info-wrap {
	width: 100%; height: 209px; bottom: 0px; position: absolute;
}
.info-wrap .col {
	background: rgb(255, 255, 255); width: 358px; height: 209px; float: left; position: relative;
}
.info-wrap .col {
	color: rgb(0, 0, 0);
}
.info-wrap .col a {
	color: rgb(0, 0, 0);
}
.info-wrap .hover {
	background: rgb(0, 0, 0);
}
.info-wrap .hover {
	color: rgb(255, 255, 255);
}
.info-wrap .hover a {
	color: rgb(255, 255, 255);
}
.adq1 .adq-label {
	background: rgb(0, 0, 0); padding: 25px 20px 20px; width: 318px; height: 60px; bottom: 0px; color: rgb(255, 255, 255); visibility: hidden; position: absolute;
}
.hover .adq-label {
	left: 0px; visibility: visible;
}
.adq-title {
	font-size: 150%; margin-bottom: 10px; display: block;
}
.adq-summary {
	font-size: 14px; display: block;
}
.info-wrap .adq2 {
	width: 716px;
}
.info-wrap-sort .adq2 {
	width: 356px; padding-left: 20px;
}
.info-wrap-sort .adq2 .adq-pic {
	display: none;
}
.adq2 .adq-pic {
	padding: 21px; width: 337px; height: 167px; float: left;
}
#headline {
	overflow: hidden; font-size: 14px; display: block;
}
#headline .title {
	padding: 0px 30px 0px 6px;
}
#headline .summary {
	padding: 0px 30px 0px 6px;
}
#headline .title {
	padding: 28px 30px 16px 6px; font-size: 215%; font-weight: 700;
}
#headline .summary {
	line-height: 2.1666;
}
.info-wrap .news {
	background: rgb(242, 242, 242); padding: 28px 84px 0px 35px; height: 181px; overflow: hidden; position: relative;
}
.info-wrap .news-more {
	background: rgb(87, 87, 87); top: 0px; width: 80px; height: 58px; text-align: center; right: 0px; color: rgb(255, 255, 255); line-height: 58px; padding-left: 4px; font-size: 14px; position: absolute; z-index: 2;
}
.info-wrap .news-more:hover {
	background-color: rgb(0, 0, 0);
}
.slogon {
	margin: 0px 0px 0px -14.65%; left: 50%; top: 23.9%; width: 29.31%; height: auto;
}
.slogon-1 {
	top: 15%; width: 866px; height: 302px; display: block;
}
.slogon-1 {
	left: 23%;
}
.slogon-1-in {
	background: url("x1_03.png") no-repeat; width: 100%; height: 100%; display: block;
}
#a .sj-1 {
	left: 38%; bottom: 1%;
}
#a .sj-2 {
	left: 50%; top: 27.89%; margin-left: -38.42%;
}
#a .sj-3 {
	left: 50%; top: 16.09%; margin-left: 29.47%;
}
#a .sj-4 {
	left: 50%; top: 5.36%; margin-left: -19.47%;
}

.b-title {
	left: 4.47%; top: 10.73%; height: auto;
}
#iPad {
	padding: 0px; top: 6.36%; width: 56.21%; height: 78.49%; right: 6.73%; display: none;
}
#books {
	left: 9.37%; top: 13.7%; width: auto; height: auto; right: 9.37%; bottom: 10.27%; positioan: absolute;
}
#booksTurn {
	width: 100%; height: 100%; position: relative;
}
#booksTurn .page {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.c-title {
	left: 4.47%; top: 10.73%; height: auto;
}
.d-title {
	left: 4.47%; top: 10.6%; height: auto;
}
.light-1 {
	left: -2%; top: 8.49%; width: auto; height: 23.77%;
}
.light-2 {
	left: 50%; top: -2%; width: 11.05%; height: auto; margin-left: -16.31%;
}
.light-3 {
	top: -3.77%; width: 18.63%; height: auto; right: 50%; margin-right: -29.57%;
}
.light-4 {
	top: -2%; width: 14.15%; height: auto; right: -3%;
}
.light-5 {
	width: 11.26%; height: auto; right: 9.89%; bottom: -3%;
}
.light-6 {
	width: 16.31%; height: auto; right: 50%; bottom: -3%; margin-right: -18.94%;
}
.light-7 {
	left: 17.89%; width: 24.68%; height: auto; bottom: -3%;
}
.light-8 {
	left: -2%; width: 11%; height: auto; bottom: -2%;
}
.rw-1 {
	left: 0px; top: 0px; visibility: hidden; position: absolute;
}
.rw-2 {
	left: 0px; top: 0px; visibility: hidden; position: absolute;
}
.rw-3 {
	left: 0px; top: 0px; visibility: hidden; position: absolute;
}
.rw-4 {
	left: 0px; top: 0px; visibility: hidden; position: absolute;
}
.cartoon-hand {
	left: 54%; top: 4.52%; position: absolute;
}
.e-title {
	left: 4.47%; top: 10.6%; height: auto;
}
.ys-1 {
	left: 50%; top: 50%; width: auto; height: 69.34%; margin-top: -21.89%; margin-left: -17.73%;
}
.ys-2 {
	right: 50%; bottom: -10%; margin-right: -32.89%;
}
.ys-3 {
	top: 50%; width: auto; height: 15.19%; right: 50%; margin-top: -18.89%; margin-right: -29.05%;
}
.ys-4 {
	left: 50%; width: auto; height: 38.21%; bottom: -2.45%; margin-left: -9.21%;
}
.f-title {
	left: 4.47%; top: 10.6%; height: auto;
}
.m .sj-1 {
	display: none !important;
}
.m .sj-2 {
	display: none !important;
}
.m .sj-3 {
	display: none !important;
}
.m .sj-4 {
	display: none !important;
}
.m .slogon {
	top: 50% !important; margin-top: -215px !important;
}
.m #a {
	background-position: 50% -140px;
}
.xf a {
	background: rgb(3, 169, 69); padding: 10px 15px; border-radius: 15px; width: 380px; text-align: center; color: rgb(255, 255, 255); font-size: 25px;
}
.p1 {
	height: 410px; position: relative;
}
.p1 li {
	width: 320px; margin-right: 70px; margin-bottom: 160px; float: left; position: relative;
}
.p1 li a {
	background: rgb(43, 131, 229); border-radius: 10px; height: 60px; color: rgb(255, 255, 255); line-height: 56px; padding-left: 125px; font-size: 30px; font-weight: bold; display: block;
}
.p1 .li1 a img {
	left: 15px; top: -40px; position: absolute;
}
.p1 .li2 a img {
	top: -40px; right: 205px; position: absolute;
}
.p1 .li3 a img {
	left: 15px; top: -40px; position: absolute;
}
.p1 .li4 a img {
	top: -40px; right: 205px; position: absolute;
}
.p1 .li5 a img {
	left: 15px; top: -40px; position: absolute;
}
.p1 li a:hover img {
	-webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg);
}
.p2 {
	background: url("bj_03.png") no-repeat; top: 33%; width: 100%; height: 450px; position: relative;
}
.p2 dl dd {
	width: 370px; height: 108px; line-height: 108px; display: block; position: absolute;
}
.p2 dl dd em {
	font-size: 24px; font-weight: bold;
}
.p2 dl dd.d1 {
	left: 21px; top: 20px;
}
.p2 dl dd.d2 {
	left: 459px; top: 44px;
}
.p2 dl dd.d3 {
	left: 325px; top: 252px;
}
.p2 dl dd.d4 {
	left: -123px; top: 282px; width: 510px;
}
.p2 dl dd.d1 em {
	color: rgb(6, 133, 186); margin-left: 166px;
}
.p2 dl dd.d3 em {
	left: 209px; color: rgb(41, 172, 60); position: absolute;
}
.p2 dl dd.d2 em {
	color: rgb(208, 194, 1); margin-left: 25px;
}
.p2 dl dd.d4 em {
	left: 245px; top: 4px; color: rgb(197, 79, 79); margin-left: 64px; position: absolute;
}
.lin1 {
	left: -74px; top: 147px; width: 505px; height: 295px; position: absolute;
}
.lin1 span {
	background: rgb(40, 169, 227); margin: 0px 20px 10px 0px; border-radius: 5px; width: 232px; height: 40px; text-align: center; line-height: 40px; text-indent: 10px; float: left; display: block;
}
.lin1 span a {
	color: rgb(255, 255, 255); font-size: 14px;
}
.lin1 span:hover {
	opacity: 0.7;
}
.lin2 {
	left: 5px; top: 150px; width: 465px; height: 50px; position: absolute;
}
.lin2 span {
	background: rgb(208, 194, 1); margin: 0px 20px 10px 0px; padding: 0px 15px; border-radius: 5px; height: 40px; line-height: 40px; float: left;
}
.lin2 span a {
	color: rgb(255, 255, 255); font-size: 14px;
}
.lin2 span:hover {
	opacity: 0.7;
}
.lin3 {
	left: 139px; top: 150px; width: 465px; height: 50px; position: absolute;
}
.lin3 span {
	background: rgb(41, 172, 60); margin: 0px 20px 10px 0px; padding: 0px 15px; border-radius: 5px; height: 40px; line-height: 40px; float: left;
}
.lin3 span a {
	color: rgb(255, 255, 255); font-size: 14px;
}
.lin3 span:hover {
	opacity: 0.7;
}
.lin4 {
	left: 102px; top: 150px; width: 465px; height: 50px; position: absolute;
}
.lin4 span {
	background: rgb(197, 79, 79); margin: 0px 20px 10px 0px; padding: 0px 15px; border-radius: 5px; height: 40px; line-height: 40px; float: left;
}
.lin4 span a {
	color: rgb(255, 255, 255); font-size: 14px;
}
.lin4 span:hover {
	opacity: 0.7;
}
.lin5 {
	left: -1px; top: 259px; width: 175px; height: 280px; position: absolute;
}
.lin5 span {
	background: rgb(55, 171, 170); margin: 0px 20px 10px 0px; padding: 0px 10px; border-radius: 5px; width: 100% !important; height: 40px !important; line-height: 40px; float: left;
}
.lin5 span a {
	color: rgb(255, 255, 255); padding-top: 1px !important; font-size: 14px !important;
}
.lin5 span:hover {
	opacity: 0.7;
}
.lin6 {
	left: 200px; top: 259px; width: 175px; height: 280px; position: absolute;
}
.lin6 span {
	background: rgb(0, 110, 77); margin: 0px 20px 10px 0px; padding: 0px 10px; border-radius: 5px; width: 100% !important; height: 40px !important; line-height: 40px; float: left;
}
.lin6 span a {
	color: rgb(255, 255, 255); padding-top: 1px !important; font-size: 14px !important;
}
.lin6 span:hover {
	opacity: 0.7;
}
.lin7 {
	left: 401px; top: 259px; width: 175px; height: 280px; position: absolute;
}
.lin7 span {
	background: rgb(143, 150, 90); margin: 0px 20px 10px 0px; padding: 0px 10px; border-radius: 5px; width: 100% !important; height: 40px !important; line-height: 40px; float: left;
}
.lin7 span a {
	color: rgb(255, 255, 255); padding-top: 1px !important; font-size: 14px !important;
}
.lin7 span:hover {
	opacity: 0.7;
}
.lin8 {
	left: 201px; top: 15px; width: 175px; height: 280px; position: absolute;
}
.lin8 span {
	background: rgb(100, 187, 214); margin: 0px 20px 10px 0px; padding: 0px 10px; border-radius: 5px; width: 100% !important; height: 40px !important; text-align: center; line-height: 40px; float: left;
}
.lin8 span a {
	color: rgb(255, 255, 255); padding-top: 1px !important; font-size: 14px !important;
}
.lin8 span:hover {
	opacity: 0.7;
}
.lin9 {
	left: 420px; top: 330px; width: 175px; height: 200px; position: absolute;
}
.lin9 span {
	background: rgb(142, 205, 74); margin: 0px 20px 10px 0px; padding: 0px 10px; border-radius: 5px; width: 100% !important; height: 40px !important; text-align: center; line-height: 40px; float: left;
}
.lin9 span a {
	color: rgb(255, 255, 255); padding-top: 1px !important; font-size: 14px !important;
}
.lin9 span:hover {
	opacity: 0.7;
}
.lin9a {
	left: 62px; top: 330px; width: 175px; height: 200px; position: absolute;
}
.lin9a span {
	background: rgb(142, 205, 74); margin: 0px 20px 10px 0px; padding: 0px 10px; border-radius: 5px; width: 100% !important; height: 40px !important; text-align: center; line-height: 40px; float: left;
}
.lin9a span a {
	color: rgb(255, 255, 255); padding-top: 1px !important; font-size: 14px !important;
}
.lin9a span:hover {
	opacity: 0.7;
}
.lin10 {
	left: 632px; top: 15px; width: 175px; height: 280px; position: absolute;
}
.lin10 span {
	background: rgb(252, 169, 27); margin: 0px 20px 10px 0px; padding: 0px 10px; border-radius: 5px; width: 100% !important; height: 40px !important; text-align: center; line-height: 40px; float: left;
}
.lin10 span a {
	color: rgb(255, 255, 255); padding-top: 1px !important; font-size: 14px !important;
}
.lin10 span:hover {
	opacity: 0.7;
}
.lin11 {
	left: 2px; top: 270px; width: 175px; height: 280px; position: absolute;
}
.lin11 span {
	background: rgb(250, 203, 51); margin: 0px 20px 10px 0px; padding: 0px 10px; border-radius: 5px; width: 100% !important; height: 40px !important; text-align: center; line-height: 40px; float: left;
}
.lin11 span a {
	color: rgb(255, 255, 255); padding-top: 1px !important; font-size: 14px !important;
}
.lin11 span:hover {
	opacity: 0.7;
}
.lin12 {
	left: 237px; top: 270px; width: 175px; height: 280px; position: absolute;
}
.lin12 span {
	background: rgb(246, 147, 30); margin: 0px 20px 10px 0px; padding: 0px 10px; border-radius: 5px; width: 100% !important; height: 40px !important; text-align: center; line-height: 40px; float: left;
}
.lin12 span a {
	color: rgb(255, 255, 255); padding-top: 1px !important; font-size: 14px !important;
}
.lin12 span:hover {
	opacity: 0.7;
}
.lin13 {
	left: 493px; top: 270px; width: 175px; height: 280px; position: absolute;
}
.lin13 span {
	background: rgb(238, 87, 40); margin: 0px 20px 10px 0px; padding: 0px 10px; border-radius: 5px; width: 100% !important; height: 40px !important; text-align: center; line-height: 40px; float: left;
}
.lin13 span a {
	color: rgb(255, 255, 255); padding-top: 1px !important; font-size: 14px !important;
}
.lin13 span:hover {
	opacity: 0.7;
}
.lin14 {
	left: 201px; top: 50px; width: 640px; height: 95px; position: absolute;
}
.lin14 span {
	background: rgb(248, 181, 0); margin: 0px 20px 10px 0px; border-radius: 5px; width: 200px; height: 40px; text-align: center; line-height: 40px; float: left; display: block;
}
.lin14 span a {
	color: rgb(255, 255, 255); font-size: 14px;
}
.lin14 span:hover {
	opacity: 0.7;
}
.lin15 {
	left: 201px; top: 250px; width: 640px; height: 95px; position: absolute;
}
.lin15 span {
	background: rgb(107, 169, 6); margin: 0px 20px 10px 0px; border-radius: 5px; width: 200px; height: 40px; text-align: center; line-height: 40px; float: left; display: block;
}
.lin15 span a {
	color: rgb(255, 255, 255); font-size: 14px;
}
.lin15 span:hover {
	opacity: 0.7;
}
.li1_a {
	left: 0px; top: 75px; width: 405px; height: 50px; position: absolute;
}
.li1_a span {
	background: rgb(60, 180, 156); margin: 0px 20px 10px 0px; padding: 0px 15px; border-radius: 5px; height: 40px; line-height: 35px; float: left;
}
.li1_a span a {
	height: 40px; color: rgb(255, 255, 255); line-height: 40px; padding-left: 5px; font-size: 14px;
}
.li1_a span:hover {
	opacity: 0.7;
}
.li2_a {
	left: 0px; top: 75px; width: 465px; height: 50px; position: absolute;
}
.li2_a span {
	background: rgb(254, 174, 53); margin: 0px 20px 10px 0px; padding: 0px 15px; border-radius: 5px; height: 40px; line-height: 35px; float: left;
}
.li2_a span a {
	height: 40px; color: rgb(255, 255, 255); line-height: 40px; padding-left: 5px; font-size: 14px;
}
.li2_a span:hover {
	opacity: 0.7;
}
.li3_a {
	left: 0px; top: 75px; width: 465px; height: 50px; position: absolute;
}
.li3_a span {
	background: rgb(213, 131, 214); margin: 0px 20px 10px 0px; padding: 0px 15px; border-radius: 5px; height: 40px; line-height: 35px; float: left;
}
.li3_a span a {
	height: 40px; color: rgb(255, 255, 255); line-height: 40px; padding-left: 5px; font-size: 14px;
}
.li3_a span:hover {
	opacity: 0.7;
}
.li4_a {
	left: 0px; top: 75px; width: 465px; height: 50px; position: absolute;
}
.li4_a span {
	background: rgb(129, 211, 23); margin: 0px 20px 10px 0px; padding: 0px 15px; border-radius: 5px; height: 40px; line-height: 35px; float: left;
}
.li4_a span a {
	height: 40px; color: rgb(255, 255, 255); line-height: 40px; padding-left: 5px; font-size: 14px;
}
.li4_a span:hover {
	opacity: 0.7;
}
.p3 {
	top: 31%; width: 100%; height: 450px; position: relative;
}
.jjfz-btn {
	background: url("btn.png") no-repeat bottom; width: 600px; overflow: hidden; clear: both;
}
.jjfz-btn span {
	width: 200px; height: 230px; text-align: center; font-size: 18px; font-weight: bold; float: left;
}
.jjfz-btn span img {
	margin: 0px auto; padding-bottom: 20px; display: block;
}
.jjfz-btn span a {
	color: rgb(255, 255, 255) !important; padding-top: 25px; font-size: 18px; display: block;
}
.jjfz-btn span:hover img {
	-webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg);
}
.p4 {
	left: 0%; top: 33%; width: 100%; height: 450px; position: relative;
}
.cz-con {
	background: url("cz1_03.png") no-repeat; width: 976px; height: 431px; position: relative;
}
.cz-con dl dd {
	position: absolute;
}
.cz-con dl dd a {
	color: rgb(255, 255, 255); line-height: 5px; font-size: 26px; font-weight: bold;
}
.cz-con dl dd.d1 {
	left: 47px; top: 210px;
}
.cz-con dl dd.d2 {
	left: 291px; top: 210px;
}
.cz-con dl dd.d3 {
	left: 478px; top: 210px;
}
.cz-con dl dd.d4 {
	left: 720px; top: 210px;
}
.p5 {
	top: 33%; width: 100%; height: 450px; position: relative;
}
.zdjs-btn {
	background: url("fiebtn.png") no-repeat left top; width: 730px; height: 350px; clear: both;
}
.zdjs-btn li {
	width: 230px; height: 218px; text-align: center; font-size: 18px; font-weight: bold; float: left;
}
.zdjs-btn li img {
	padding-bottom: 59px; margin-top: 9px; margin-left: 37px; display: block;
}
.zdjs-btn li a {
	width: 144px; text-align: left; color: rgb(102, 102, 102) !important; padding-top: 43px; font-size: 18px; margin-left: 17px; display: block;
}
.zdjs-btn li:hover img {
	-webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg);
}
.p6 {
	top: 33%; width: 100%; height: 450px; position: relative;
}
.p6 dl {
	top: 10px; position: absolute;
}
.pages-html {
	overflow: visible;
}
.pages-html body {
	overflow: visible;
}
.pages-html {
	
}
.pages-html #header {
	left: 0px; top: 0px; position: fixed; z-index: 999; _position: absolute;
}
.pages-html #footer {
	position: static;
}
.pages-html .pages-head {
	left: 0px; top: 77px; position: fixed; z-index: 999; _position: absolute;
}
.pages-html .navbar-header {
	padding-left: 5.04%; background-color: rgb(255, 255, 255);
}
.pages-wrapper p {
	margin: 0px 0px 1.5em; line-height: 1.8em;
}
.pages-content a:link {
	color: rgb(51, 51, 51); text-decoration: none;
}
.pages-content a:visited {
	color: rgb(51, 51, 51); text-decoration: none;
}
.pages-content a:hover {
	color: rgb(23, 146, 250); text-decoration: none;
}
.pages-side-nav {
	left: 7.89%; top: 170px; width: 178px; position: fixed; _position: absolute; _left: 0;
}
.psn-title {
	line-height: 2em; font-size: 1.2em; font-weight: 700; border-bottom-color: rgb(19, 144, 249); border-bottom-width: 3px; border-bottom-style: solid;
}
.psn-ul {
	padding-top: 1em;
}
.psn-item {
	line-height: 2em; font-size: 1.2em;
}
.psn-item a {
	color: rgb(51, 51, 51);
}
.psn-item-current a {
	color: rgb(23, 146, 250);
}
.pages-content {
	margin-left: 230px;
}
.pbox {
	margin: 0px 0px 4em;
}
.pbox-hd {
	overflow: hidden;
}
.pbox-hd {
	margin: 0px 0px 2em;
}
.pbox-hd-title {
	font-size: 2em;
}
.pbox-hd-title h4 {
	color: rgb(23, 146, 250); font-weight: 700;
}
.pbox-bd h5 {
	margin: 0px 0px 0.5em; font-size: 1.2em; font-weight: 700;
}
.pbox-bd h4 {
	margin: 1em 0px 0.5em; color: rgb(23, 146, 250); font-size: 2em; font-weight: 700;
}
.pages-film {
	
}
.p-film-list {
	overflow: hidden;
}
.p-film-item {
	margin: 0px 0px 2em; width: 680px; float: left;
}
.p-film-list .pic {
	margin: 0px 2em 0px 0px; float: left;
}
.p-film-list .txt {
	overflow: hidden;
}
.p-film-list .txt dt {
	margin: 0px 0px 1.5em; font-size: 1.5em;
}
.p-film-list .txt dd {
	line-height: 2em;
}
.p-theater {
	
}
.p-theater-show {
	margin: 0px 0px 1em; width: 100%;
}
.p-theater p {
	margin: 0px 0px 2em;
}
.p-cartoon-list {
	overflow: hidden;
}
.p-cartoon-item {
	margin: 0px 0px 5em; width: 100%; float: left;
}
.p-cartoon-list .pic {
	margin: 0px 2em 0px 0px; float: left;
}
.p-cartoon-list .txt {
	overflow: hidden;
}
.p-cartoon-list .txt dt {
	margin: 0px 0px 1.5em; font-size: 1.5em;
}
.p-cartoon-list .txt dd {
	margin: 0px 0px 2em;
}
.pages-cooperation {
	
}
.p-cp-list {
	letter-spacing: -0.35em; margin-right: -12px;
}
.p-cp-item {
	margin: 0px 12px 2em 0px; width: 31.5%; letter-spacing: normal; font-size: 14px; vertical-align: top; display: inline-block;
}
.p-cp-item img {
	margin: 0px 0px 2em; display: block;
}
.p-cp-item h5 {
	text-align: center; font-size: 2em;
}
.p-cp-item h5 a:link {
	color: rgb(51, 51, 51); font-size: 0.8em;
}
.p-cp-item h5 a:visited {
	color: rgb(51, 51, 51); font-size: 0.8em;
}
.img-fixed {
	width: 100%;
}
#mallBox .p-cp-item {
	width: 48%;
}
.pages-master {
	
}
.master-img-1 {
	margin: 0px 0px 1em; width: 100%;
}
.master-img-2 {
	margin: 0px 0px 1em; width: 100%;
}
.pages-news {
	
}
.p-news-list {
	overflow: hidden;
}
.p-news-item {
	margin: 0px 0px 0.5em; height: 1.8em; line-height: 1.8em; overflow: hidden; font-size: 1.1em; position: relative;
}
.p-news-item .t {
	display: block;
}
.p-news-item .d {
	top: 0px; right: 0px; color: rgb(153, 153, 153); padding-left: 2em; position: absolute; background-color: rgb(255, 255, 255);
}
.p-news-item:hover .d {
	color: rgb(23, 146, 250);
}
.p-news-detail {
	
}
.p-news-detail-title {
	margin: 0px 0px 2em; text-align: center;
}
.p-news-detail-title h2 {
	font-size: 1.4em; font-weight: 700;
}
.p-news-detail-content {
	line-height: 2em; font-size: 1.1em;
}
.p-news-detail .tcenter {
	text-align: center;
}
.p-news-detail strong {
	font-weight: 700;
}
.p-news-detail p {
	text-indent: 2em;
}
.p-news-detail .img-fixed {
	text-indent: 0px;
}
.pages-agency {
	
}
.agency-img {
	margin: 0px 0px 1em; width: 100%;
}
.agency-img-video {
	margin: 0px 0px 1em; width: 100%; max-width: 896px;
}
.pages-about .pbox-bd p {
	text-indent: 2em;
}
.pages-about .pbox-bd ol {
	margin: 0px 0px 2em; line-height: 1.8em; list-style-type: decimal; list-style-position: inside;
}
.pages-about .pbox-bd li {
	margin: 0px 0px 1em;
}
.fadeIn {
	visibility: visible; -webkit-animation: fadeIn 1s ease 0s 1 normal; -moz-animation: fadeIn 1s ease 0s 1 normal; -ms-animation: fadeIn 1s ease 0s 1 normal; -o-animation: fadeIn 1s ease 0s 1 normal; animation: fadeIn 1s ease 0s 1 normal;
}
.side-nav-item {
	-webkit-transition: .3s ease; -moz-transition: .3s ease; transition: .3s ease; -ms-transition: .3s ease;
}
.side-nav {
	-webkit-transition: .3s ease; -moz-transition: .3s ease; transition: .3s ease; -ms-transition: .3s ease;
}
.dbx {
	-webkit-animation: fadeInOut 3s ease 0s infinite normal; -moz-animation: fadeInOut 3s ease 0s infinite normal; -ms-animation: fadeInOut 3s ease 0s infinite normal; -o-animation: fadeInOut 3s ease 0s infinite normal; animation: fadeInOut 3s ease 0s infinite normal;
}
.fadeInDown-1 {
	-webkit-animation: fadeInDownBig 1s .2s ease both; -moz-animation: fadeInDownBig 1s .2s ease both;
}
.fadeInDown-2 {
	-moz-animation: fadeInDownBig 1s .4s ease both;
}
.fadeInDown-3 {
	-webkit-animation: fadeInDownBig 1s .5s ease both; -moz-animation: fadeInDownBig 1s .5s ease both;
}
.fadeInDown-4 {
	-webkit-animation: fadeInDownBig 1s .7s ease both; -moz-animation: fadeInDownBig 1s .7s ease both;
}
.fadeInScale-1 {
	-webkit-animation: fadeInScale 1s .6s ease both; -moz-animation: fadeInScale 1s .6s ease both;
}
.fadeInScale-2 {
	-webkit-animation: fadeInScale 1s .8s ease both; -moz-animation: fadeInScale 1s .8s ease both;
}
.fadeInScale-3 {
	-webkit-animation: fadeInScale 1s 1s ease both; -moz-animation: fadeInScale 1s 1s ease both;
}
.fadeInScale-4 {
	-webkit-animation: fadeInScale 1s 1.2s ease both; -moz-animation: fadeInScale 1s 1.2s ease both;
}
.fadeInScale-5 {
	-webkit-animation: fadeInScale 1s 1.4s ease both; -moz-animation: fadeInScale 1s 1.4s ease both;
}
.lin16 {
	left: 111px; top: 279px; width: 217px; height: 95px; position: absolute;
}
.lin16 span {
	background: rgb(52, 114, 120); margin: 0px 20px 10px 0px; border-radius: 5px; width: 200px; height: 40px; text-align: center; line-height: 40px; float: left; display: block;
}
.lin16 span a {
	color: rgb(255, 255, 255); font-size: 14px;
}
.lin16 span:hover {
	opacity: 0.6;
}
.lin17 {
	left: 345px; top: 279px; width: 217px; height: 95px; position: absolute;
}
.lin17 span {
	background: rgb(250, 159, 20); margin: 0px 20px 10px 0px; border-radius: 5px; width: 200px; height: 40px; text-align: center; line-height: 40px; float: left; display: block;
}
.lin17 span a {
	color: rgb(255, 255, 255); font-size: 14px;
}
.lin17 span:hover {
	opacity: 0.6;
}
.zdjs-con {
	background: url("zd1_03.png") no-repeat; top: 25%; width: 671px; height: 431px; margin-top: 40px; margin-left: 168px; position: relative;
}
.zdjs-con dl dd {
	width: 181px; height: 54px; text-align: center; line-height: 54px; position: absolute;
}
.zdjs-con dl dd a {
	height: 100%; color: rgb(255, 255, 255); font-size: 24px; font-weight: bold; display: block;
}
.zdjs-con dl dd.d1 {
	left: 145px; top: 13%;
}
.zdjs-con dl dd.d2 {
	left: 332px; top: 30%;
}
.zdjs-con dl dd.d3 {
	left: 138px; top: 47%;
}
.zdjs-con dl dd.d4 {
	left: 330px; top: 80%;
}
.side-nav-item-cur a,.side-nav-item a{ overflow: hidden;}
.side-nav-item-cur a span,.side-nav-item a span{
	float:left;

}
.side-nav-item a span{
	line-height: 42px;
}
.side-nav-item a span,.side-nav-item a span img{display: block;}
.side-nav-item a span img{margin-left: -50px; margin-right: 10px;}