@charset "utf-8";

body{ font:0.75em 'microsoft yahei'; color:#353535;}
a{ text-decoration:none; color:#353535;}
a:hover{ text-decoration:none;}

/*bg*/
.bg8{ background-color:#ebebeb;}

/*container*/
#container{ width:100%; max-width:640px; min-width:320px; margin:0 auto;}

/*footer*/
#footer{ padding:2.3% 2.65%; background-color:#3a4148;}
#footer nav{ margin-bottom:3%; opacity:0.7;}
#footer .copyRight{ font-family:Arial; opacity:0.57;}

/*goToTop*/
.goToTop{ display:inline-block; width:2.9em; height:2.9em; text-indent:-9999px; background:url(../images/topBg.png) no-repeat; background-size:29em 17.5em; right:1.9%; top:21%;}
.goToTop11{ background-position:0 0;}
.goToTop12{ background-position:-2.9em 0;}
.goToTop13{ background-position:-5.8em 0;}
.goToTop14{ background-position:-8.7em 0;}

.goToTop21{ background-position:0 -2.9em;}
.goToTop22{ background-position:-2.9em -2.9em;}
.goToTop23{ background-position:-5.8em -2.9em;}
.goToTop24{ background-position:-8.7em -2.9em;}

.goToTop31{ background-position:0 -5.8em;}
.goToTop32{ background-position:-2.9em -5.8em;}
.goToTop33{ background-position:-5.8em -5.8em;}
.goToTop34{ background-position:-8.7em -5.8em;}
.goToTop35{ background-position:-11.6em -5.8em;}
.goToTop36{ background-position:-14.5em -5.8em;}
.goToTop37{ background-position:-17.4em -5.84em;}

.goToTop41{ background-position:0 -8.7em;}
.goToTop42{ background-position:-2.9em -8.7em;}
.goToTop43{ background-position:-5.8em -8.7em;}
.goToTop44{ background-position:-8.7em -8.7em;}
.goToTop45{ background-position:-11.6em -8.7em;}
.goToTop46{ background-position:-14.5em -8.7em;}
.goToTop47{ background-position:-17.4em -8.7em;}
.goToTop48{ background-position:-20.3em -8.7em;}
.goToTop49{ background-position:-23.2em -8.7em;}
.goToTop410{ background-position:-26.1em -8.7em;}

.goToTop51{ background-position:0 -11.6em;}
.goToTop52{ background-position:-2.9em -11.6em;}

.goToTop61{ background-position:0 -14.5em;}
.goToTop62{ background-position:-2.9em -14.5em;}
.goToTop63{ background-position:-5.8em -14.5em;}

/*index*/
.carouselBox{ position:relative;}
.carouselBox .carouselPics li{ float:left; text-align:center;}
.carouselBox .carouselPics li img{ width:100%; vertical-align:middle;}
.carouselBox .carouselBtns{ width:100%; left:0; bottom:5.1%; display:table; z-index:5; text-align:center;}
.carouselBox .carouselBtns li{ display:inline-block; width:1.8%; height:0.5em; margin-left:1.6%; border-radius:0.32em; background:rgba(235,235,235,0.7);}
.carouselBox .carouselBtns li.current{ background:rgba(235,235,235,1);}
.carouselBox .carouselBtns li:first-child{ margin-left:0;}

.menu61{ margin:4.3% 0 1.5% 4.3%;}
.menu61 li{ float:left; width:29.7%; margin:0 3.3% 3% 0; border-radius:0.5em;}
.menu61 li a{ display:block; height:4.27em; text-align:center;}
.menu61 li img{ height:1.8em; margin:6% 0 3.4%; vertical-align:middle;}
.menu61 li span{ display:inline-block; width:100%; height:1.3em; color:#fff; font-weight:bold; overflow:hidden;}
.menu61 li:nth-child(12n+1){ background:#ab6269; background:-webkit-linear-gradient(#ab6269 0%,#99585e 100%);height:50px;}
.menu61 li:nth-child(12n+2){ background:#a9916d; background:-webkit-linear-gradient(#a9916d 0%,#978261 100%);height:50px;}
.menu61 li:nth-child(12n+3){ background:#6a8799; background:-webkit-linear-gradient(#6a8799 0%,#5f7989 100%);height:50px;}
.menu61 li:nth-child(12n+4){ background:#b58b7b; background:-webkit-linear-gradient(#b58b7b 0%,#a27c6e 100%);height:50px;}
.menu61 li:nth-child(12n+5){ background:#977399; background:-webkit-linear-gradient(#977399 0%,#876789 100%);height:50px;}
.menu61 li:nth-child(12n+6){ background:#97a1b7; background:-webkit-linear-gradient(#97a1b7 0%,#8790a4 100%);height:50px;}


.menu62{ margin:4.3% 2.1% 1.5% 2.2%;}

.menu62 li{ float:left; width:29.7%; margin:0 3.3% 3% 0; border-radius:0.5em;}
.menu62 li a{ display:block; height:4.27em; text-align:center;}
.menu62 li img{ margin:6% 0 3.4%; vertical-align:middle;}
.menu62 li span{ display:inline-block; width:100%; height:1.3em; color:#fff; font-weight:bold; overflow:hidden;}
.menu62 li span a{ color:#333333}
.menu62 li span a:hover{ color:#FF6600}
.menu62 #protype{ float:left; width:45%;  margin:0 1.8% 3.3% 0; background-color:#ffffff; border:#e0e0e0 solid 1px; border-radius:0.8em; box-shadow:1px 1px 1px rgba(0,0,0,0.06);}

.menu62 #protype a{ display:block; height:9.3em; text-align:center;}
.menu62 #protype img{ height:100%;  vertical-align:middle; -webkit-border-top-left-radius:0.3em; -webkit-border-top-right-radius:0.3em; }
.menu62 #protype .indtitle{margin-top:7px;display:block; text-align:center;height:25px;}
.menu62 #protype span{display:inline-block; width:100%; height:1.8em; color:#737373; font-weight:bold; overflow:hidden;margin:0.3em;}


@media screen and (min-width:480px){
	#container{ font-size:20px;}
	#footer{ font-size:18px;}
	#footer .copyRight{ font-size:16px;}
}
@media screen and (min-width:640px){
	#container{ font-size:24px;}
	#footer{ font-size:22px;}
	#footer .copyRight{ font-size:20px;}
}



/*head*/
.top{ height:46px; background:#2e2e2e;display:-webkit-box;  }
.top-logo{
	font-size:0px;
	height:46px;
	overflow:hidden;
-webkit-box-flex:1;		width:80%;
	text-align: left;	
}
.top-logo img{ max-height:46px;}
.top-sear{
	font-size:0px;
	height:46px;
	overflow:hidden;
-webkit-box-flex:1;	width:20%;
	background-position: right;
}
.top-sear img{ max-height:46px;margin-top:10px;}
/*�����ұ߹�����*/
.top-right li.tlist{ float:left; width:36px; height:32px; padding:14px 5px 0px; text-align:center; position:relative; z-index:9999;}
.top-right li.now{ background:#003078; }
.top-right li span.tspan{ font-size:20px; color:#c4cde0; }
/*����������*/
header .seachbox{ position:absolute; top:55px; left:0px; width:100%; z-index:99999999999;}
.sidebar .seachbox{ background: #003078; padding: 10px 15px; height: 46px; overflow: hidden;}
.seachbox_box i{
display: block;
width: 0;
height: 0;
border: solid 9px;
border-color: transparent transparent rgba(0,0,0,0.8);
position: absolute;
top: -18px;
right: 40px;
margin-left: -9px;
}
.seachbox input.text{ width:180px; height:22px; line-height:22px; margin:8px 0px; float:left; padding:5px 5px 3px 5px;
	border:1px solid red;
	line-height: normal;
	background: #fdfdfd;
	border-top: 1px solid #858585;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #c9c9c9;
	box-shadow: 1px 1px 3px #b7b7b7 inset!important;
	-webkit-appearance: none;
	-webkit-border-radius:0px;
 }
 .seachbox_box{ width:88%; margin:0px auto; background:rgba(0,0,0,0.8); border-radius:5px; padding:10px 18px; height:46px; position:relative;   }
.seachbox .submit{ float:left; display:inline-block; height:32px; line-height:32px; margin:8px 0px; padding:0px 10px; background:#013d97; color:#fff; -webkit-appearance: none; -webkit-border-radius:0px;}
/*���������л�*/
.langlist{ position:absolute; top:55px; right:6px; z-index:99999999999; padding:0px 18px; background:rgba(0,0,0,0.8); border-radius:5px; }
.langlist a{display:block; margin:22px 0px; color:#fff!important; white-space:nowrap;}
.langlist i{
display: block;
width: 0;
height: 0;
border: solid 9px;
border-color: transparent transparent rgba(0,0,0,0.8);
position: absolute;
top: -18px;
right: 8px;
margin-left: -9px;
}
.pinch-zoom{
	margin:5px;
	padding:3px;
	line-height:25px;
	width: 100%;
-webkit-user-drag: none;
	background-color: #FFFFFF;
}
.pinch-zoom img{
max-width: 100%;
	-webkit-user-drag: none;
}

.cstb{
background-color: #FFFFFF;
color:#333333;
margin:0 auto;
}
.cstb table{
width:95%;
}

.cstb td{
	border: 1px solid #CCCCCC;	padding:3px;
}
.cstb .protd1{
	font-weight: bold;
	background-color: #E6E6E6;
	text-align: center;	
}
.propdf{
	font-family: Arial;
	text-align: center;	
	padding:10px;
}
.prolisttype{
widtH;90%
height:25px;
	margin:5px;
	padding:3px 3px 3px 13px;
	line-height:25px;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #333333;
	border: 1px solid #333333;
	font-family: Arial;
}
.aboutcon{
margin:5px;padding:4px;line-height:25px;line-height:25px;background-color: #FFFFFF;font-size: 14px;
}
.aboutcon img{
max-width:100%;
}
.gbookcon{
width:100%
}
.gbookcon input,textarea{
width:70%;
	border: 1px solid #e2e2e2;
	margin:5px;padding:3px;
}
.newscon{
	margin:5px;
	padding:3px;
	line-height:25px;
	line-height:25px;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 14px;
	color:#333333 important;
}
.newscon img{
max-width:100%;HEIGHT: auto!important;
}
.newshits{
	margin:5px;
	padding:3px;
	line-height:25px;
	line-height:25px;
	
	text-align: center;
	font-size: 14px;
	color:#666666;
}

/*分页*/
#flip{ text-align:center; height:50px; line-height:50px;}
.page{ text-align:center; height:50px; line-height:50px;}
.page span,.page a{ border:1px solid #999; margin:5px; padding:5px 10px; color:#333}
.page span { color:#ccc}

/*新闻模块*/
#newslist li{ padding:0px 8px; border-bottom:1px solid #ccc; height:54px;}
#newslist li a{ display:-webkit-box;}
#newslist li h4{ font-weight:normal; color:#000; -webkit-box-flex:1; padding-top:12px;overflow:hidden;font-size:14px}
#newslist li p.t{ height:18px; line-height:18px; overflow:hidden;}
#newslist li p.time{ color:#999; height:18px; line-height:18px; font-size:12px;}
#newslist li span.more{ display:block; width:20px; height:54px; background:url(../images/listmore.png) no-repeat center; background-size:10px; }
#newslist li span.hot{ color:#f00; }

#shownews h1.title{ font-size:18px; text-align:center; line-height:1.5; border-bottom:1px solid #ccc; padding:10px 20px;}
#shownews h1.title p.hits{ font-size:12px; color:#999; font-weight:normal;}

/*上一条下一条*/
.met_page ul.preul{ display:-webkit-box; padding-bottom:10px; margin-top:7px;}
.met_page ul.preul li{ -webkit-box-flex:1;
	background:#dedede;
	overflow:hidden;
	color:#333;
	font-family: arial;
}
.met_page ul.preul li a{ display:block; color:#333!important;}
.met_page ul.preul li p.pret{ margin-bottom:5px;}
.met_page ul.preul li p.pres{ line-height:1.2;}
.met_page ul.preul li.preinfo{ text-align:right; padding:10px; margin-right:3px; padding-left:15px; background:#dedede url(../images/listmoreanti.png) no-repeat 3px center; background-size:10px; }
.met_page ul.preul li.nextinfo{ text-align:left; padding:10px; margin-left:3px; padding-right:15px; background:#dedede url(../images/listmore.png) no-repeat 98% center; background-size:10px; }
.met_page ul.preul li.nor{ color:#999; background:#dedede;}

/*����������*/

header .seachbox{ position:absolute; top:55px; left:0px; width:100%; z-index:99999999999;}

.sidebar .seachbox{ background: #003078; padding: 10px 15px; height: 46px; overflow: hidden;}

.seachbox_box i{

display: block;

width: 0;

height: 0;

border: solid 9px;

border-color: transparent transparent rgba(0,0,0,0.8);

position: absolute;

top: -18px;

right: 40px;

margin-left: -9px;

}

.seachbox input.text{ width:180px; height:22px; line-height:22px; margin:8px 0px; float:left; padding:5px 5px 3px 5px;

	border:1px solid red;

	line-height: normal;

	background: #fdfdfd;

	border-top: 1px solid #858585;

	border-left: 1px solid #afafaf;

	border-right: 1px solid #afafaf;

	border-bottom: 1px solid #c9c9c9;

	box-shadow: 1px 1px 3px #b7b7b7 inset!important;

	-webkit-appearance: none;

	-webkit-border-radius:0px;

 }

 .seachbox_box{ width:88%; margin:0px auto; background:rgba(0,0,0,0.8); border-radius:5px; padding:10px 18px; height:46px; position:relative;   }

.seachbox .submit{ float:left; display:inline-block; height:32px; line-height:32px; margin:8px 0px; padding:0px 10px; background:#013d97; color:#fff; -webkit-appearance: none; -webkit-border-radius:0px;}