@charset "utf-8";
/* CSS Document */

/*全局样式 */
@font-face {
    font-family: 'BigruixianRegularGB2.0';
    src: url('../fonts/BigruixianRegularGB20.eot');
    src: url('../fonts/BigruixianRegularGB20.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BigruixianRegularGB20.woff') format('woff'),
         url('../fonts/BigruixianRegularGB20.ttf') format('truetype'),
         url('../fonts/BigruixianRegularGB20.svg#BigruixianRegularGB2.0') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PingFang SC';
    src: url('../fonts/PingFangSCLight.eot');
    src: url('../fonts/PingFangSCLight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PingFangSCLight.woff') format('woff'),
         url('../fonts/PingFangSCLight.ttf') format('truetype'),
         url('../fonts/PingFangSCLight.svg#PingFangSCLight') format('svg');
    font-weight: 300;
    font-style: normal;
}
* {
	padding: 0;
	margin: 0;
}
ul li {
	list-style: none;
}
a {
	text-decoration: none;
}
img {
	border: none;
	float: left;
}
input {
	border: none;
	background: none;
}
input, textarea {
	font-family: "微软雅黑", Arial;
	outline: 0;
	font-size: 14px;
	-webkit-appearance: none;
}
.clear {
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
}
html, body {
	font: 12px Arial, "微软雅黑";
	color: #929292;
	width: 100%;
	height: 100%;
	background: #fffl;
}
.fw {
	margin: 0 auto;
	width: 1180px;
}
body {
	overflow-x: hidden;
	min-width: 1200px;
}

/*导航条样式*/
#header {
	width: 100%;
	height: auto;
	position: fixed;
	padding-top: 20px;
	border-bottom: 1px solid rgba(255,255,255,.2);
	font-size: 18px;
	transition: background ease .3s, padding ease .3s;
	z-index: 99;
}
.nobanner #header {
	background: rgba(33, 33, 33, 0.9);
}
#header .content {
	padding-left: 40px;
}
#header.mini {
	background: rgba(23, 28, 32, 0.9);
	padding-top: 10px;
	transition: background ease .3s, padding ease .3s;
}
#header.mini ul li.navitem {
	padding-bottom: 0;
}
#header a#logo{
	width: 92px;
	height: 50px;
	display: block;
	float: left;
	margin:-5px 50px 0 0;
	background:url(../images/xui_logo.png) no-repeat;
	transition: background ease-out .3s;
}
#header a#logo:hover{
	background:url(../images/xui_logoHover.png) no-repeat;
	transition: background ease .3s;
}
#header ul#nav {
	font-family:'PingFang SC';
	font-weight:bold;
	font-size:16px;
}
#header ul li.navitem {
	padding: 0 20px 10px 20px;
	width: auto;
	height: 50px;
	line-height: 40px;
	float: left;
	position: relative;
	transition: color ease .3s;
}
#header ul li.navitem:hover ul.subnav {
	display: block
}
#header ul li.navitem a {
	color: #f5f5f5;
	transition: color ease-out .3s;
}
#header.mini ul li.navitem a {
	color: #000;
	transition: color ease-out .3s;
}
#header ul li.navitem a.active{
	display:inline-block;
	padding:0px 20px 0px 25px;
	background-color:#338ee8;
	text-align:center;
	color:rgba(255,255,255,0.8);
	border-radius:100px;
}
#header ul li.navitem:hover a {
	color:rgba(255,255,255,0.5);
}
#header ul li.navitem ul.subnav {
	position: absolute;
	width: 210px;
	border-top: #00C0FF 3px solid;
	top: 48px;
	left: -70px;
	display: none;
}
#header ul li.navitem ul.subnav li {
	border-bottom: #2e2f29 1px solid;
}
#header ul li.navitem ul.subnav li a {
	padding: 14px 30px;
	width: 150px;
	height: 20px;
	line-height: 20px;
	background: rgba(0,0,0,.7);
	display: block;
	color: #bbb9b9;
	font-size: 12px;
	transition: background ease-out .2s;
}
#header ul li.navitem ul.subnav li a i {
	float: right;
	margin-top: 5px;
	transition: background ease-out .2s;
	opacity: 0;
}
#header ul li.navitem ul.subnav li a:hover {
	text-indent: 10px;
	background: rgba(0,0,0,1);
	color: #fff;
}
#header ul li.navitem ul.subnav li a:hover i {
	opacity: 1;
}
#sitecontent {
	height: auto;
	min-height: 1000px;
}
#indexPage #mslider {
	height:960px;
	width:auto;
	position: relative;
	overflow: hidden;
}
#indexPage #mslider .bx-wrapper {
	position: fixed;
	width: 100%;
}
#indexPage #mslider ul li {
	height: 1080px;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#indexPage #mslider ul li div {
	display:block;
	text-align: center;
}
#indexPage #mslider ul li.Page01_Pic_layout01{
	width:1006px;
	z-index:10;
}
#indexPage #mslider ul li p {
	color: #fff;
	text-align: center;
}
#indexPage #mslider ul li p.title {
	font-size: 60px;
	line-height: 70px;
	height: 70px;
	transition-delay: 0;
}
#indexPage #mslider ul li p.subtitle {
	font-size: 16px;
	height: 20px;
	transition-delay: 0.2s;
}
#indexPage #mslider ul li a {
	width: 100%;
	height: 100%;
	display: table;
}
#indexPage #mslider ul li a i {
	text-indent: 20px;
	font-size: 24px;
}
#indexPage #mslider ul li p, #indexPage #mslider ul li a {
	transform: translateY(25px);
	transition: transform 0.3s;
	-webkit-transition: transform 0.3s;
	opacity: 0;
}
#indexPage #mslider ul li.active p, #indexPage #mslider ul li.active a {
	transform: translateY(0px);
	opacity: 1;
}
#indexPage #mproject .bgmask, #indexPage #mnews .bgmask, #indexPage #mservice .bgmask, #indexPage #mpage .bgmask {
	background-color: rgba(255,255,255,.8);
}
#indexPage .module {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	z-index: 2;
}
#indexPage .module:last-child {
	border: none;
}
#indexPage .module .bgmask {
	background-color: rgba(0,0,0,.7);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
}
#indexPage .module.bgShow {
	background-attachment: fixed;
}
#indexPage .module.bgShow .bgmask {
	display: block;
}
#indexPage .module.bgShow .content {
	position: relative;
}
.bx-controls-direction .bx-next:hover, .bx-controls-direction .bx-prev:hover {
}
@-webkit-keyframes bxbutton {
10% {
-webkit-transform: translateZ(6px) rotate(4deg) skewX(7deg);
}
20% {
-webkit-transform: translateZ(-6px) rotate(-4deg) skewX(-7deg);
}
30% {
-webkit-transform: translateZ(5px) rotate(4deg) skewX(6deg);
}
40% {
-webkit-transform: translateZ(-5px) rotate(-4deg) skewX(-6deg);
}
50% {
-webkit-transform: translateZ(4px) rotate(4deg) skewX(5deg);
}
60% {
-webkit-transform: translateZ(-4px) rotate(-4deg) skewX(-5deg);
}
70% {
-webkit-transform: translateZ(3px) rotate(5deg) skewX(4deg);
}
80% {
-webkit-transform: translateZ(-3px) rotate(-5deg) skewX(-4deg);
}
90% {
-webkit-transform: translateZ(2px) rotate(4deg skewX(3deg));
}
100% {
-webkit-transform: translateZ(-2px) rotate(-4deg) skewX(-3deg);
}
}
@keyframes bxbutton {
10% {
transform: translateZ(6px) rotate(4deg) skewX(7deg);
}
20% {
transform: translateZ(-6px) rotate(-4deg) skewX(-7deg);
}
30% {
transform: translateZ(5px) rotate(4deg) skewX(6deg);
}
40% {
transform: translateZ(-5px) rotate(-4deg) skewX(-6deg);
}
50% {
transform: translateZ(4px) rotate(4deg) skewX(5deg);
}
60% {
transform: translateZ(-4px) rotate(-4deg) skewX(-5deg);
}
70% {
transform: translateZ(3px) rotate(5deg) skewX(4deg);
}
80% {
transform: translateZ(-3px) rotate(-5deg) skewX(-4deg);
}
90% {
transform: translateZ(2px) rotate(4deg skewX(3deg));
}
100% {
transform: translateZ(-2px) rotate(-4deg) skewX(-3deg);
}
}