* {
	font-family: "microsoft yahei", "微软雅黑", "宋体"
}

html,
body {
	background: #FFFFFF;
}


/***header***/

#header {
	background: #FFFFFF;
	height: 60PX;
}

#header img {
	max-width: 100%;
	height: auto;
	height: 40px;
	margin-top: 10px;
}

#header a {
	color: #787878;
	font-size: 25px;
	line-height: 35px;
	font-weight: bold;
}


/***footer***/

#footer {
	background: #FFFFFF;
}

#footer .mui-tab-item.mui-active {
	color: #1d345e
}

#footer a {
	color: #9A9A9A;
	font-size: 12px;
	text-transform: uppercase;
}


/***footer***/


/**loading**/

#progress {
	display: none;
	position: fixed;
	height: 2px;
	background: #0f5d9b;
	transition: opacity 500ms linear;
	z-index: 999999999;
}

#progress.show {
	display: block;
	opacity: 1;
	width: 0;
}

#progress.done {
	opacity: 0
}

#progress span {
	position: absolute;
	height: 2px;
	-webkit-box-shadow: #0f5d9b 1px 0 6px 1px;
	/*-webkit-box-shadow: #ACCD3C 1px 0 6px 1px;*/
	-webkit-border-radius: 100%;
	opacity: 1;
	width: 150px;
	right: -10px;
	-webkit-animation: pulse 2s ease-out 0s infinite;
}

@-webkit-keyframes pulse {
	30% {
		opacity: .6
	}
	60% {
		opacity: 0;
	}
	100% {
		opacity: .6
	}
}

#bg {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 150%;
	background-color: #DCDCDC;
	z-index: 1001;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}


/**loading**/

#child-title-pic img {
	max-width: 100%;
}


/**侧滑菜单**/

#offCanvasWrapper {}

#offCanvasSide {
	background: #242424;
}

ul#offCanvasSideList li .mui-navigate-right:after {
	content: '\e470';
	color: #FFFFFF;
	font-weight: bolder;
	border-radius: 25px;
	padding: 2px;
}

ul#offCanvasSideList li a {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}

#offCanvasSideList:after,
#offCanvasSideList:before {
	left: 100%;
}

#offCanvasSideList li:after {
	height: 0px;
	background: #F14E41;
}


/**侧滑菜单**/


/**toast**/

.mui-toast-container {
	position: fixed;
	z-index: 9999;
	bottom: 50px;
	width: 100%;
	-webkit-transition: opacity .8s;
	transition: opacity .8s;
	opacity: 0;
}

.mui-toast-container.mui-active {
	opacity: 1;
}

.mui-toast-message {
	font-size: 14px;
	max-width: 70%;
	width: 300px;
	margin: 5px auto;
	padding: 15px 10px;
	text-align: center;
	color: #FFFFFF;
	border-radius: 7px;
	background-color: #111;
	word-wrap: break-word;
	white-space: normal;
	word-break: break-all;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}


/**toast**/


/**top**/

#icon-top,
#icon-back,
#icon-language,
#icon-tel {
	
	width: 35px;
	height: 35px;
	text-align: center;
	background-color: #1561a7;
	border: 0px solid #777777;
	border-radius: 1px;
	background-clip: padding-box;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	color: #FFFFFF;
	position: fixed;
	right: 0px;
	z-index: 2; line-height: 35px;
	
}

#icon-top {
	bottom: 0px;
}

#icon-back {
	bottom: 108px;
}

#icon-tel {
	bottom: 108px;
}

#icon-top .mui-icon,
#icon-back .mui-icon,
#icon-tel .mui-icon {
	margin-top: 0px;
	font-weight: 100;
	font-size: 22px;
}

.beizhu_icon {
	position: relative;
	top: -4px;
	font-size: 12px;
}

.beizhu_icon1 {
	position: relative;
	top: 12px;
	font-size: 12px;
}

#icon-top {
	display: none;
}


/**top**/


/***/

#check_zh {
	font-family: "微软雅黑", "新宋体";
	font-size: 15px;
}

#check_en {
	font-family: Tahoma, verdana;
}

.langTxt {
	line-height: 50px;
	color: #666666;
	font-size: 16px;
}


/****/

.neiyeImg {
	width: 100%;
	max-width: 100%;
}

#offCanvasContentScroll .mui-scroll {
	min-height: 100%;
	/*padding-bottom: 80px;*/
}

#offCanvasContentScroll {
	background: #FFFFFF;
	padding-bottom: 30px;
	padding-top: 60px;
}

.mui-scroll {
	background: #FFFFFF;
}


/***/

#closeH {
	background: #FFFFFF;
}

#closeH a {
	color: #232323;
	line-height: 28px;
}

#closeH a span {
	color: #232323;
	font-size: 15px;
}

#closeH a.mui-icon {
	font-size: 20px;
}

#offCanvasWrapper {}

#offCanvasSide {
	background: #FFFFFF;
	width: 102%;
	left: -1%;
}

.formDiv {
	background: #0000CC;
	width: 94%;
	margin: 60px auto 20px;
	border: solid 1px #0f5d9b;
	height: 40px;
}

.formDiv .search_spmc0 {
	width: 85%;
	float: left;
	height: 37px;
	border-radius: 0;
	font-size: 14px;
	border: none;
}

.formDiv .searchBtn0 {
	width: 15%;
	float: left;
	height: 37px;
	border-radius: 0;
	background: #FFFFFF;
	border: none;
	color: #0f5d9b;
	line-height: 25px;
	display: block;
	line-height: 37px;
	text-align: center;
	color: #0f5d9b;
}

.mui-input-row .mui-input-clear1~.mui-icon-clear {
	position: absolute;
	top: 10px;
	right: 10%;
	z-index: 1;
	width: 38px;
	height: 38px;
	font-size: 20px;
	color: #999;
	text-align: left;
}

#navlist {
	width: 100%;
	clear: none;
	display: table;
	margin: 0 auto 10px;
}

#navlist .left {
	width: 44%;
	clear: none;
	float: left;
	text-align: left;
	background: #FFFFFF;
	margin-bottom: 10px;
	padding: 1px 0;
	margin-left: 10%;
}

#navlist .right {
	width: 44%;
	clear: none;
	float: right;
	text-align: left;
	background: #FFFFFF;
	margin-bottom: 10px;
	padding: 1px 0;
}

#navlist .none0 {
	width: 100%;
	clear: none;
	float: right;
	text-align: center;
	background: #1d345e;
	margin-bottom: 10px;
	padding: 8px 0;
}

#navlist .none1 {
	width: 94%;
	clear: none;
	float: none;
	text-align: center;
	background: #0f5d9b;
	padding: 8px 0;
	border: solid 1px #0f5d9b;
	color: #FFFFFF;
	margin: 0 auto 10px;
}

#navlist .none1 a {
	color: #FFFFFF;
}

#navlist a {
	color: #787878;
	font-size: 14px;
	text-transform: uppercase;
	display: block;
}

.navLine {
	clear: both;
	border-bottom: solid 1px #EFEFEF;
	width: 100%;
	height: 0px;
	display: table;
	box-shadow: none;
	padding-top: 2px;
	margin-bottom: 16px;
}

#navlist div.firstTitle a {
	color: #0f5d9b;
	font-size: 16px;
	font-weight: 900;
}


/***/


/**placeholder**/

input.search_spmc0::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #0f5d9b;
	font-family: "microsoft yahei", "微软雅黑", "宋体"
}

input.search_spmc0:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #0f5d9b;
	font-family: "microsoft yahei", "微软雅黑", "宋体"
}

input.search_spmc0::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #0f5d9b;
	font-family: "microsoft yahei", "微软雅黑", "宋体"
}

input.search_spmc0:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #0f5d9b;
	font-family: "microsoft yahei", "微软雅黑", "宋体"
}


/**placeholder**/

ul.navList:after,
ul.navList:before {
	left: 100%;
}

ul.navList li.mui-table-view-cell {
	height: 45px;
}

ul.navList li.mui-table-view-cell a {
	height: 45px;
	font-size: 16PX;
	letter-spacing: 2PX;
	color: #787878;
	line-height: 25px;
	text-align: center;
}


/****/

.topbar_box {
	position: fixed;
	width: 40px;
	right: 0;
	top: 40%;
	z-index: 100;
	-webkit-transition: all .5s ease;
}

.topbar_box img {
	width: 100%;
}

.topbar_box .topbar_ico {
	position: absolute;
	z-index: 501;
	top: 35%;
	left: 27%;
}

.topbar_box .topbar_ico:focus {
	outline: 0
}

.topbar_box .icon-bar {
	display: block;
	margin: 5px 0;
	width: 1.2em;
	height: 2px;
	background-color: #7f7f7f;
}

.topbar_box .topbar_ico .top {
	-webkit-transform: translateY(6px) rotateZ(90deg);
	-webkit-transition: all 0.5s ease;
}

.topbar_box .topbar_ico .bottom {
	-webkit-transform: translateY(-8px) rotateZ(0deg);
	-webkit-transition: all 0.5s ease;
}

.topbar_box .topbar_ico .middle {
	width: 0;
}

.topbar_box_cut .topbar_ico .top {
	-webkit-transform: translateY(6px) rotateZ(45deg);
}

.topbar_box_cut .topbar_ico .bottom {
	-webkit-transform: translateY(-8px) rotateZ(-45deg);
}

.topbar_m {
	width: 125%;
	position: absolute;
	left: 0;
	top: 0;
}

.topbar_m img {
	width: 100%;
}

.topbar_box .topbar_m1 {
	position: absolute;
	left: 100%;
	top: 20%;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	border-radius: 100% 100%;
	box-shadow: 0px 0px 2px #999;
}

.topbar_box .topbar_m2 {
	position: absolute;
	left: 100%;
	top: 20%;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	border-radius: 100% 100%;
	box-shadow: 0px 0px 2px #999;
}

.topbar_box .topbar_m3 {
	position: absolute;
	left: 100%;
	top: 20%;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	border-radius: 100% 100%;
	box-shadow: 0px 0px 2px #999;
}

.topbar_box .topbar_m4 {
	position: absolute;
	left: 100%;
	top: 20%;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	border-radius: 100% 100%;
	box-shadow: 0px 0px 2px #999;
}

.topbar_box .topbar_m5 {
	position: absolute;
	left: 100%;
	top: 20%;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	border-radius: 100% 100%;
	box-shadow: 0px 0px 2px #999;
}

.topbar_box_cut .topbar_m1 {
	position: absolute;
	left: -40%;
	top: -109%;
	opacity: 1;
}

.topbar_box_cut .topbar_m2 {
	position: absolute;
	left: -163%;
	top: -55%;
	opacity: 1;
}

.topbar_box_cut .topbar_m3 {
	position: absolute;
	left: -241%;
	top: 19%;
	opacity: 1;
}

.topbar_box_cut .topbar_m4 {
	position: absolute;
	left: -189%;
	top: 96%;
	opacity: 1;
}

.topbar_box_cut .topbar_m5 {
	position: absolute;
	left: -42%;
	top: 155%;
	opacity: 1;
}

.topbar_box .quartercircle {
	width: 80px;
	height: 80px;
	background: #fff;
	-webkit-border-radius: 50px 50px 50px 50px;
	box-shadow: 1px 0 18px #7f7f7f;
	z-index: 500;
	position: relative;
	opacity: .8;
	-moz-opacity: .8;
	filter: Alpha(opacity=80);
}

.topbar_box .topbar_m {
	background: #FFFFFF;
	opacity: .9;
	-moz-opacity: .9;
	filter: Alpha(opacity=90);
	width: 40PX;
	height: 40PX;
}

.topbar_box .topbar_m a {
	width: 25px;
	font-size: 25px;
	color: #0f5d9b;
	line-height: 40px;
	display: block;
	margin: 0 auto;
}