#content { width:100%; padding:0 0 25%; }

#owl-demo { width: 100%; margin-left: auto; margin-right: auto; position:relative; overflow:hidden; }
#owl-demo .item { display: block; }
#owl-demo .owl-item { float:left;}
#owl-demo img { display: block; width: 100%; height:180px; }
.owl-controls { position:absolute; bottom:1%; left:50%; margin-left:-39px; z-index:999; width:78px; }
.owl-theme .owl-controls .owl-page { float:left; }
.owl-theme .owl-controls .owl-page span {
  background: none repeat scroll 0 0 #fff;
  border-radius: 20px;
  display: block;
  height: 12px;
  margin: 5px 7px;
  opacity: 0.5;
  overflow: hidden;
  width: 12px;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
  opacity: 1;
}


.inavgrp { width:100%; padding:6% 2% 0;}
	.inavgrp ul li { float:left; width:25%; text-align:center; }
		.inavgrp ul li a { display:block; }
		.inavgrp .bg1,.inavgrp .bg2,.inavgrp .bg3,.inavgrp .bg4 { display:block; border-radius:50%; margin:auto; width:6em; height:6em; }
		.inavgrp .bg1 { background:url("../images/index_r1_c2.png") no-repeat scroll center center / 90% auto #2675A6; }
		.inavgrp .bg2 { background:url("../images/index_r1_c7.png") no-repeat scroll center center / 90% auto #2675A6; }
		.inavgrp .bg3 { background:url("../images/index_r1_c12.png") no-repeat scroll center center / 90% auto #2675A6; }
		.inavgrp .bg4 { background:url("../images/baom.png") no-repeat scroll center center / 90% auto #2675A6; }
		.inavgrp .font { font:1.3em/2.4 "Microsoft Yahei"; color:#2675a6; }
		
		

.inewslist { width:100%; padding:2% 2% 0; }
	.inewslist .hd { padding:0 2%; height:2.5em; font:1.4em/2.5 "Microsoft Yahei"; color:#fff; background:#50A0BF; border-radius:10px 10px 0 0; border-bottom:#14548C solid 1px; }
	.inewslist ul { padding:0 2% 4%; }
		.inewslist ul li { font:1.4em/3 "Microsoft Yahei"; background:url("../images/index_r3_c15.png") no-repeat scroll right center; background-size:3% auto; border-bottom:#2675a6 dotted 1px; }
		.inewslist ul li a { display:block; color:#2675a6; width:90%; word-break:break-all; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
			.inewslist .more { display:block; background:#D2E2E8; font:1.2em/2 "Microsoft Yahei"; width:50%; margin:0 auto; text-align:center; border-radius:6px; }
			.inewslist .more a { display:block; color:#509FBF; }

.jszc { text-align:center; margin-top:8%;}	

.footnav { width:100%; padding:2% 0; background:#2675A6; margin-top:5%; position:fixed; bottom:0; left:0; z-index:9999; }
	.footnav ul li { float:left; width:20%; text-align:center; background:url(../images/index_r2_c2.png) right center no-repeat; }
		.footnav ul li:last-child { background:none; }
	.footnav .bg1,.footnav .bg2,.footnav .bg3,.footnav .bg4,.footnav .bg5 { display:block; height:2.5em; }
	.footnav .bg1 { background:url("../images/index_r5_c1.png") no-repeat scroll center top; background-size:50% auto; }
	.footnav .bg2 { background:url("../images/index_r5_c4.png") no-repeat scroll center top; background-size:50% auto; }
	.footnav .bg3 { background:url("../images/index_r5_c8.png") no-repeat scroll center top; background-size:50% auto; }
	.footnav .bg4 { background:url("../images/index_r5_c11.png") no-repeat scroll center top; background-size:50% auto; }
	.footnav .bg5 { background:url("../images/index_r5_c14.png") no-repeat scroll center top; background-size:50% auto; }
	@media screen and (min-device-width: 321px) {
		.footnav .bg1 { background:url("../images/index_r5_c1.png") no-repeat scroll center top; background-size:45% auto; }
		.footnav .bg2 { background:url("../images/index_r5_c4.png") no-repeat scroll center top; background-size:45% auto; }
		.footnav .bg3 { background:url("../images/index_r5_c8.png") no-repeat scroll center top; background-size:45% auto; }
		.footnav .bg4 { background:url("../images/index_r5_c11.png") no-repeat scroll center top; background-size:45% auto; }
		.footnav .bg5 { background:url("../images/index_r5_c14.png") no-repeat scroll center top; background-size:45% auto; }
	}
	.footnav .font { color:#fff; }
	.footnav a { display:block;}


.pagemain { position:relative; min-height:480px; }
	.pagemain .pagenav { width:100%; padding:0 4%; height:4em; line-height:4em; background:#50A0BF; }
	.pagemain .pagenav .back { font-size:1.2em; color:#fff;  }
	.pagemain .pagenav .nav { display:block; width:4em; height:4em; background:url(../images/navIcon.png) center center no-repeat; background-size:50% auto; }
	.pagemain .pagenav h2 { text-align:center; color:#fff; font-size:1.4em; font-weight:bold; }

.nav2 { height:100%; position:absolute; right:0; top:0; z-index:1; width:220px; background:#FFFAE6 url(../images/navbg.jpg) left repeat-y ; }
	.nav2 li { line-height:3.5em; border-bottom:#060 dotted 1px; padding-left:20%;  }
		.nav2 li a { color:#313140; font-size:1.4em; }

.map { padding:5% 5% 0; }

.pagaCode { text-align:center; }
	.pagaCode a { margin:0 10px;}
		
.ArtTitle { padding:5% 5% 0; }
	.ArtTitle h2 { font-size:2em; line-height:1.2em; }
	.ArtTitle p { color:#999; }
	
.ArtCont { padding:5% 5% 0; }
	.ArtCont p { font-size:1.4em; line-height:1.5em; margin-bottom:0.5em; text-align:Justify;text-justify:inter-ideograph; }
	.ArtCont p img { max-width:100%; float:left;}
	
.jtcyList {padding:5% 5% 0;}
	.jtcyList ul li { float:left; width:33%; text-align:center; margin-bottom:2em;  }
		.jtcyList ul li a {  color:#fff; display:block; width:6em; height:6em; line-height:6em; font-size:1.2em; border-radius:50%; margin:0 auto; background: #3eb9c4; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #3eb9c4 0%, #258dc8 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#3eb9c4), color-stop(100%,#258dc8)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #3eb9c4 0%,#258dc8 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #3eb9c4 0%,#258dc8 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #3eb9c4 0%,#258dc8 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #3eb9c4 0%,#258dc8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3eb9c4', endColorstr='#258dc8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.tag { padding:5% 5% 0; }
	.tag p { text-align:justify; line-height:1em; margin-bottom:0.8em; }
	.tag h3 { font-size:1.2em; color:#f00; }
	
.search { padding:5% 5% 0; }
	.search dl dt { font-size:1.4em; margin-bottom:10px; border-bottom:#ccc dotted 1px; }
	.search dl dd { margin-bottom:1.5em; }
		.search dl dd select,.search dl dd input[type="datetime-local"] {height:2.8em; line-height:2.8em; }
		.search dl dd strong { display:inline-table; width:30%; text-align:right; }
		.search dl dd input[type="submit"] { display:block; color:#fff; width:6em; height:2.5em; line-height:2.5em; margin:0 auto; -webkit-appearance:none; border:none; border-radius:5px; background: #3eb9c4; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #3eb9c4 0%, #258dc8 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#3eb9c4), color-stop(100%,#258dc8)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #3eb9c4 0%,#258dc8 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #3eb9c4 0%,#258dc8 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #3eb9c4 0%,#258dc8 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #3eb9c4 0%,#258dc8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3eb9c4', endColorstr='#258dc8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

.orderList { padding:5% 5% 0; }
	.orderList .info { position:relative; margin-bottom:1em; }
		.orderList .info p strong { color:#f00; }
		.orderList .info span { position:absolute; top:0; right:0; background:#ddd; padding:0 10px; border-radius:5px; }
	.orderList table,.orderList td { border:#ddd solid 1px; border-collapse: collapse; text-align:center; }
	.orderList td { background:#fff; height:3em; }
	.orderList th { background:#94CFE4; border:#999 solid 1px; border-collapse: collapse; text-align:center; height:2.5em; }
	
.orderPay { padding:5% 5% 0; }
	.orderPay dl dt { font-size:1.4em; margin-bottom:10px; border-bottom:#ccc dotted 1px; }
	.orderPay dl dd { margin-bottom:5px; }
		.orderPay dl dd strong { display:inline-table; width:30%; text-align:right; font-weight:normal; color:#666; }
		.orderPay dl dd input { padding:0 5px; }
		.orderPay dl dd .bt1 { display:inline-table; color:#fff; width:6em; height:2.5em; line-height:2.5em; -webkit-appearance:none; border:none; border-radius:5px; background: #3eb9c4; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #3eb9c4 0%, #258dc8 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#3eb9c4), color-stop(100%,#258dc8)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #3eb9c4 0%,#258dc8 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #3eb9c4 0%,#258dc8 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #3eb9c4 0%,#258dc8 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #3eb9c4 0%,#258dc8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3eb9c4', endColorstr='#258dc8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
		.orderPay dl dd .bt2 { display:inline-table; color:#666; width:6em; height:2.5em; line-height:2.5em; -webkit-appearance:none; border:none; border-radius:5px; background: #eeeeee; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #eeeeee 0%,#cccccc 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 }
 
.login { width:80%; margin:2em auto 0; padding:8% 5%; background:rgba(102,204,255,0.2); border-radius:10px; }
	.login ul li { margin-bottom:1.2em; }
	.login ul li strong { display:inline-table; width:28%; text-align:right; }
	.login ul li p { color:#999; text-align:right;}
	.login ul li input[type="submit"] { color:#fff; width:6em; height:2.5em; line-height:2.5em; -webkit-appearance:none; border:none; border-radius:5px; background: #3eb9c4; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #3eb9c4 0%, #258dc8 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#3eb9c4), color-stop(100%,#258dc8)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #3eb9c4 0%,#258dc8 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #3eb9c4 0%,#258dc8 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #3eb9c4 0%,#258dc8 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #3eb9c4 0%,#258dc8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3eb9c4', endColorstr='#258dc8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
	.login ul li .bt1 { width:70%; background:#fff; border:#94CFE4 solid 1px; padding:0 5px; height:2.5em; -webkit-appearance:none; font-size:1.2em; }
	
.usercenter { width:60%; margin:2em auto 0; }
	.usercenter ul li { text-align:center; margin-bottom:1em; line-height:2em; font-size:1.4em; background:rgba(102,204,255,0.2); }
	.usercenter ul li a { color:#2675A6; }

.userorderinfo {padding:5% 5% 0; }
	.userorderinfo table,.userorderinfo td { border:#ddd solid 1px; border-collapse: collapse; }
	.userorderinfo td { background:#fff; height:3em; padding:0 2%; color:#000; }
	.userorderinfo .c999 { color:#666; }
	
/*2016-01-29*/
.we_coent{ position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, 0.5);filter:Alpha(opacity=50); display:none; z-index:9999;}
	.werxx{ width:300px; height:180px; background:#E4F3F8; border-radius:6px; padding:10px 5px; position:absolute; top:50%; left:50%; margin:-100px 0 0 -155px; padding-top:20px;}
	.werxx h3{ width:290px; height:40px; line-height:40px; font-size:20px; color:#2675A6; text-align:center;}
		.wer_time{ width:290px; min-height:30px; line-height:26px; text-align:center; font-size:16px; color:#F00;}
		.wer_a{ width:80px; height:30px; margin:15px auto 0 auto; display:block; text-align:center; background:#FF6A6A; color:#fff; line-height:30px; border-radius:2px;}			
		.wer_a:hover{color:#fff;}	
	
.xqyd{ width:100%; height:50px; position:fixed; bottom:0; left:0; background:#fff;background:rgba(38, 117, 166, 0.9);}
	.xqfe{ width:200px; height:50px; color:#fff; font-size:16px; line-height:50px; margin-left:20px;}
.atc_xx {display: none;}
.atc_xx + label {background-color: #fff;border:2px solid #fff; padding:7px; border-radius: 3px;display: inline-block;position: relative; float:left; margin:15px 10px 0 0; cursor:pointer;  -webkit-appearance:none; }
.atc_xx:checked + label { background:url(../images/gou.png) no-repeat center #fff;}

/*.atc_xx:checked + label:after {content: '\2714';font-size: 16px;position: absolute;top:-17px;left:1px;color:#0F0;}
*/
.act_p01{ width:100px; height:50px; float:right;}
	.act_p01a{ width:100px; height:50px; background:#32A4C6; border:none; border-radius:0; cursor:pointer;  -webkit-appearance:none; color:#fff; font-size:18px; text-align:center; line-height:48px;}
.act_p02{ width:100px; height:50px; float:right; font-size:18px; text-align:center; line-height:48px;  background:#999; color:#fff;}

.baom_box{ width:310px; margin:0 auto; padding:30px 0 20px 0; min-height:400px; overflow:hidden;}
	.baom_mc{ width:320px; height:40px; margin-bottom:5px;}
	.baom_mc h3{ width:110px; float:left; height:40px; line-height:40px; font-size:15px; text-align:right; padding:0 5px 0 0;}
		.baom_txtr{ width:180px; float:left; height:30px; line-height:30px; margin:6px 0 0px 4px; padding:2px 5px; font-size:14px; color:#666; border:1px solid #ddd; border-radius:4px; background:#fff;}
	.baom_titr{ width:180px; height:30px;  border-radius:4px; background:#fff; float:left;margin:6px 0 0px 4px}
	.baom_tyy{ width:180px; height:30px; line-height:30px; font-size:14px; color:#666; text-indent:5px;  background:none; border:1px solid #ddd;  border-radius:4px; }
		.baom_tyy option{ text-indent:5px; line-height:30px;}
		.baom_yzm{ width:80px; float:left; height:30px; line-height:30px; margin:6px 0 0px 4px; padding:2px 5px; font-size:14px; color:#666; border:1px solid #ddd; border-radius:4px; background:#fff; text-align:center;}
		.baom_yzt{ float:left; margin:6px 0 0 10px;}	
		.baom_yzt img{ width:80px; height:30px;}
	.baom_tjan{ width:140px; height:32px; margin:40px auto 30px auto;}		
	.baom_but{ width:140px; height:32px; background:#33A6C6; font-size:16px; color:#fff; text-align:center; line-height:30px; border:none; cursor:pointer; -webkit-appearance:none; border-radius:4px;}		


/*ÈÕÀú*/
.baom_shij{ width:320px; height:90px; margin-bottom:5px;}
	.baom_shij h3{ width:110px; float:left; height:90px; line-height:40px; font-size:15px; text-align:right; padding:0 5px 0 0;}
	.botyff{ width:180px; height:30px;  border-radius:4px; background:#fff; float:left;margin:6px 0 0px 4px; margin-bottom:10px;}


.page {display: none;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;overflow: hidden;}
#datescroll div{float: left;margin-left: 10%;margin-top: 15px;padding-right: 22px;}
#datescroll_datetime div{float: left;margin-left: 10%;padding-right: 22px;}
#yearwrapper{position: absolute;left: 0;top:45px;bottom: 60px;width:80%;}
#monthwrapper{position: absolute;left: 26%;top:45px;bottom: 60px;width:80%;}
#daywrapper{position: absolute;left: 50%;top:45px;bottom: 60px;width:80%;}
#Hourwrapper{position: absolute;left: 0;top:195px;bottom: 68px;width:80%;}
#Minutewrapper{position: absolute;left: 26%;top:195px;bottom: 68px;width:80%;}
#Secondwrapper{position: absolute;left: 50%;top:195px;bottom: 68px;width:80%;}
#Hourwrapper ul li{color: #898989;font-size: 12px;}
#Minutewrapper ul li{color: #898989;font-size: 12px;}
#Secondwrapper ul li{color: #898989;font-size: 12px;}
#yearwrapper ul li{color: #898989;font-size: 12px;}
#monthwrapper ul li{color: #898989;font-size: 12px;}
#daywrapper ul li{color: #898989;font-size: 12px;}
#markyear{position:relative; margin-left: 76px;top:-2px;}
#markmonth{position:relative; margin-left: 40px;top:-2px;}
#markday{position:relative; margin-left: 42px;top:-2px;}
#markhour{position:relative; margin-left: 62px;top:-2px;}
#markminut{position:relative; margin-left: 58px;top:-2px;}
#marksecond{position:relative; margin-left: 68px;top:-2px;}
#dateheader{width: 100%;height: 50px;background: #79C12F;text-align: center;color: #fff;line-height: 50px;font-size: 20px;}
#setcancle ul{text-align: center;line-height: 30px; margin:1px auto;font-size: 20px;}

#setcancle ul li{border-radius:3px;float: left;width: 40%;height: 30px;list-style-type: none;font-family:'microsoft yahei';font-size:16px;}
#dateconfirm{position: absolute;background:#50A0BF;left:20px;color:#fff;}
#datecancle{position: absolute;background:  #dcdddd;right:20px;width: 40%;color:#666;}

#dateshadow{display: none;position:fixed;width: 100%;height: 100%;top:0;left:0;background: #000; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
#datePage{font-size: 22px; border-radius: 3px; position:absolute;top:110px;MARGIN-RIGHT: auto;vertical-align:middle;
MARGIN-LEFT: auto;width: 80%;;height: 240px;background: #FFFFFF;z-index:9999999;}

#datetitle{width: 100%;height:50px;background:#50A0BF;text-align: center;color: #fff;line-height: 50px;font-size: 20px;font-family:'microsoft yahei';}
#datetitle h1{font-weight:normal;}
#datemark{font-size: 18px;left:5%;width: 90%;height: 20px;position:absolute;top:108px;background:#eee;border:1px solid #eee;}
#timemark{font-size: 18px;left:5%;width: 90%;height: 20px;position:absolute;top:242px;background:#eee;border:1px solid #eee;}
#datescroll{background: #F8F8F8;width:94%; margin:10px 3%;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#datescroll_datetime{display: none;background:#F8F8F8;width:94%; margin:10px 3%;margin-top: 10px;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#yearwrapper ul,#monthwrapper ul,#daywrapper ul{width:40%;}
#Hourwrapper ul,#Minutewrapper ul,#Secondwrapper ul{width:40%;}
#dateFooter{width:100%;background: #fff;height: 50px;bottom: 0px;position: absolute;}
.demo{width:300px;margin:40px auto 0 auto;}
.demo .lie{margin:0 0 20px 0;}
.kbtn{line-height:22px; height:22px; padding:0 5px;}
#datetitle h1{font-size:18px;}