/* CSS Document */
html, body
{
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	background: #fff;
}

a 
{
	text-decoration: none;
}

ul, li, p
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

input[type=button], input[type=submit], input[type=reset]
{
	-webkit-appearance:none;
	outline:none
}

div[data-role="page"]
{
	background: #fff;
}

.Fixed
{
	position: fixed !important;
}

.Relative
{
	width: 100%;
	height: 100%;
	position: relative;
}

/* 页面头部 BEGIN */
#Header
{
	width: 100%;	
	background: none;
	border: none;
	height: 493px;
}

/* 头部背景 BEGIN */
#Header #HeaderBG
{
	height: 73px;
	background: linear-gradient(#fafbfb, #c9d1d4);
	background: -moz-linear-gradient(top, #fafbfb, #c9d1d4);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fafbfb), color-stop(1, #c9d1d4));
	border-bottom: solid 1px #b3b3b3;
}
/* 头部背景 END */

#Logo
{
	display: block;
	width: 220px;
	height: 130px;
	margin: 0px auto;
	background: url("../images/logo.png") no-repeat;
	position: relative;
	z-index: 100;
}

/* Banner BEGIN */
/* Banner背景 BEGIN */
#HeaderBanner
{
	width: 100%;
	position: relative;
	z-index: 10;
	height: 380px;
	padding-top: 40px;
	background: url("../images/banner_bg.jpg") no-repeat center bottom;
}
/* Banner背景 END */
#Banner
{
	width: 320px;
	height: 334px;
	margin: 0px auto;
	position: relative;
}

#Banner .BannerArrow
{
	display: block;
	width: 38px;
	height: 38px;
	position: absolute;
	top: 50%;
	margin-top: -19px;
	z-index: 2;
	cursor: pointer;
}

#LeftArrow
{
	left: -23px;
	background: url("../images/arrow_left.png") no-repeat;
}

#RightArrow
{
	right: -23px;
	background: url("../images/arrow_right.png") no-repeat;
}

#Banner #BigPicFrame
{
	width: 100%;
	height: 100%;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

#Banner #BigPicFrame .PdtGroup
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	display: none;
	border-radius: 20px;
	overflow: hidden;
}

#Banner #BigPicFrame .PdtGroup .PdtTrigger
{
	width: 100%;
	height: 40px;
	line-height: 20px;
	padding: 5px 0px;
	background-color: rgba(42, 43, 71, 0.65);
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 1000;
	border-radius: 0 0 20px 20px;
}

#Banner #BigPicFrame .PdtGroup .PdtTrigger .Trigger
{
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0px 3px;
	border-radius: 8px;
	border: solid 2px #ffffff;
	background-color: #6199ab;
}

#Banner #BigPicFrame .PdtGroup .PdtTrigger .TriggerSelect
{
	background-color: #4e5d65 !important;
}

#Banner #BigPicFrame .PdtGroup img 
{
	border-radius: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
	/*display: none;*/
	z-index: 1;
	width: 100%;
}
/* 大图 END */
/* 页面头部 END */

#Content
{
	padding: 0px 5%;
}

/* 页面底部 BEGIN */
#Footer
{
	border: none;
	height: 65px;
	padding-top: 15px;
	background: linear-gradient(#36408c, #222e81);
	background: -moz-linear-gradient(top, #36408c, #222e81);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#36408c), color-stop(1, #222e81));
	font-family: Arial, "微软雅黑";
	font-size: 14px;
	line-height: 27px;
	font-weight: normal;
	text-align: center;
}

#Footer font
{
	font-size: 18px;
}

/* 快捷菜单 BEGIN */
#ShowQuick
{
	width: 168px;
	height: 76px;
	display: block;
	background: url("../images/bottom_button.png") no-repeat;
	position: fixed;
	bottom: 0px;
	left: 50%;
	margin-left: -84px;
	z-index: 100000;
	cursor: pointer;
}

#QuickMenuBG
{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 99999;
	top: 0px;
	left: 0px;
	display: none;
}

#QuickMenu
{
	width: 340px;
	height: 340px;
	background: url("../images/menu_2.png") no-repeat;
	position: fixed;
	left: 50%;
	margin-left: -170px;
	display: none;
	z-index: 100000;
	overflow: hidden;
}

#QuickMenu a
{
	display: block;
	width: 240px;
	height: 240px;
	position: absolute;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background: url("../images/transparent.gif") repeat;
	z-index: 1;
}

#QMClose
{
	display: block;
	width: 146px;
	height: 146px;
	-moz-border-radius: 146px;
	-webkit-border-radius: 146px;
	border-radius: 146px;
	position: absolute;
	z-index: 10;
	left: 95px;
	top: 97px;
	background: url("../images/transparent.gif") repeat;
}

#QMTaoBao
{
	top: 50px;
	left: -112px;
}

#QMContact
{
	top: -130px;
	left: 50px;
}

#QMProduct
{
	right: -111px;
	top: 50px;
}

#QMNews
{
	left: 50px;
	bottom: -133px;
}
/* 快捷菜单 END */

/* 菜单 BEGIN */
#MainMenu li, #MainMenu li a
{
	font-size: 14px;
	font-weight: normal;
}

#MainMenu li .ui-icon
{
	background-color: #223186;
}

#OpenMainMenu, #OpenMainMenu .ui-icon, #OpenMainMenu .ui-btn-inner
{
	width: 31px;
	height: 31px;
	margin: 0px;
	background: none;
	border: none;
}

#OpenMainMenu
{
	top: 21px;
	right: 15px;
	left: auto;
	background: url("../images/jqm_demo-icons-sd-blue.png") no-repeat -2px 0px;
}
/* 菜单 END */

/* 搜索框 BEGIN */
#Search
{
	height: 48px;
	background: linear-gradient(#e5e9e8, #b3c0d3);
	background: -moz-linear-gradient(top, #e5e9e8, #b3c0d3);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e9e8), color-stop(1, #b3c0d3));	
	-webkit-box-shadow: 0px 0px 10px #b3b3b3;
	box-shadow: 0px 0px 10px #b3b3b3;
	/*border-radius: 10px 10px 0 0;*/
}

#Search #SearchInput
{
	width: 70%;
	height: 32px;
	padding: 8px 10px;
	float: left;
	margin: 0px;
	border: none;
}

#Search #SearchInput #Condition
{
	width: 100%;
}

#Search #SearchButton
{
	width: 60px;
	height: 32px;
	padding: 8px 10px;
	border-left: solid 1px #ffffff;
	float: right;
}

#Search #SearchButton #SearchSubmit
{
	width: 60px;
	height: 32px;
	background-color: #2a3384;
	border-radius: 15px;
	text-align: center;
	font-size: 14px;
	line-height: 32px;
	color: #ffffff;
	border: none;
}


@media only screen and (max-width: 504px) {
	#Search #SearchInput
	{
		width: 60%;
	}
}
/* 搜索框 END */
/* 页面底部 END */

/* 智能手机 (纵向 和 横向) */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px),  only screen and (max-width : 500px){
	#Header
	{
		height: 384px;
	}
	
	#OpenMainMenu
	{
		top: 12px;
	}
	
	#Header #HeaderBG
	{
		height: 56px;
	}
	
	#Logo
	{
		width: 160px;
		height: 100px;
		background: url("../images/logo_2.png") no-repeat;
	}
	
	#HeaderBanner
	{
		height: 288px;
		background: url("../images/banner_bg_2.jpg") no-repeat center 0px;
	}
	
	#Banner
	{
		width: 250px;
		height: 261px;
	}
	
	#Footer
	{
		height: 40px;
		font-size: 12px;
		line-height: 20px;
		padding: 5px 0px;
	}
	
	#Footer font
	{
		font-size: 14px;
	}
	
	#ShowQuick
	{
		width: 80px;
		height: 39px;
		background: url("../images/bottom_button_1.png") no-repeat;
		margin-left: -40px;
	}
	
	#QuickMenu
	{
		width: 274px;
		height: 274px;
		background: url("../images/menu_1.png") no-repeat;
		margin-left: -137px;
	}
	
	#QuickMenu a
	{
		width: 194px;
		height: 194px;
	}

	#QMClose
	{
		width: 120px;
		height: 120px;
		-moz-border-radius: 120px;
		-webkit-border-radius: 120px;
		border-radius: 120px;
		left: 76px;
		top: 76px;
	}

	#QMTaoBao
	{
		top: 40px;
		left: -90px;
	}

	#QMContact
	{
		top: -106px;
		left: 40px;
	}

	#QMProduct
	{
		right: -90px;
		top: 40px;
	}

	#QMNews
	{
		left: 40px;
		bottom: -110px;
	}

}
 
/* 智能手机 (横向) */
@media only screen and (min-width : 321px) {
	
}
 
/* 智能手机 (纵向) */
@media only screen and (max-width : 320px) {

}

/* iPad 系列 (纵向 和 横向) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

}
 
/* iPad 系列 (横向) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}
 
/* iPad 系列 (纵向) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

}

/* 台式机 和 笔记本 ----------- */
@media only screen and (min-width : 1024px) {

}

/* 大屏幕 ----------- */
@media only screen and (min-width : 1824px) {

}
 
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {

}



/* Home CSS */
#IndexMainMenu li
{
	border-top: solid 1px #ffffff;
	background: linear-gradient(#c1ced4, #e0ebf3);
	background: -moz-linear-gradient(top, #c1ced4, #e0ebf3);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#c1ced4), color-stop(1, #e0ebf3));
}

#IndexMainMenu li.ui-first-child
{
	border-top: none;
}

#IndexMainMenu li a
{
	color: #222c80;
	font-size: 14px;
	font-family: Arial, "微软雅黑";
	font-weight: normal;
	text-shadow: 1px 1px 0px #ffffff;
}

#IndexMainMenu li .ui-icon
{
	background-color: #223186;
}

#IndexNews
{
	padding: 0px;
	-webkit-box-shadow: 0px 5px 5px rgba(144, 153, 158, .6);
	box-shadow: 0px 5px 5px rgba(144, 153, 158, 0.6);
}

#IndexNewsTitle
{
	height: 54px;
	padding: 20px 5%;
	/*border-bottom: solid 1px #bfbfbf;*/
	background: linear-gradient(#37418d, #1f2b7f);
	background: -moz-linear-gradient(top, #37418d, #1f2b7f);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#37418d), color-stop(1, #1f2b7f));
	line-height: 27px;
	font-family: "微软雅黑";
	font-size: 18px;
	font-weight: normal;
	text-shadow: none;
	color: #ffffff;
}

#IndexNewsTitle span
{
	display: block;
	width: 100%;
	height: 27px;
	font-size: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#IndexNewsContent
{
	height: 120px;
	padding: 20px 5%;
	background-color: #e6edf4;
	display: none;
text-indent: 14px;
}

#IndexNewsContent a
{
	display: block;
	width: 100%;
	height: 120px;
	overflow: hidden;
	font-size: 12px;
	color: #2b3686;
	text-decoration: none;
	font-weight: normal;
	line-height: 20px;
}

#IndexNewsContent a img
{
	height: 120px;
	width: auto;
	float: left;
	margin-right: 5px;
}

/* 智能手机 (纵向 和 横向) */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px),  only screen and (max-width : 500px) {
	#IndexNewsTitle
	{
		height: 40px;
		padding: 10px 5%;
		line-height: 20px;
		font-size: 16px;
	}
	
	#IndexNewsTitle span
	{
		height: 20px;
	}
	
	#IndexNewsContent
	{
		height: 80px;
		padding: 10px 5%;
	}
	
	#IndexNewsContent a
	{
		height: 80px;
	}
	
	#IndexNewsContent a img
	{
		height: 80px;
	}
}