﻿/*page_nav*/
#page{width:100%; margin:0 auto; position:relative; min-height:10px;}
#header{width:100%; height:46px; background:url(../images/ptop_bg.gif) repeat-x; border-radius:2px; overflow:hidden;}
#header .plogo{overflow:hidden; float:left;}
.plogo img{height:26px; width:124px; margin-left:8px; margin-top:10px;}
#header .ptit{overflow:hidden; float:right; display:block; margin-top:10px; margin-right:8px;}

	#search{height:47px; padding-top:10px; width:100%; position:absolute; top:46px; z-index:9999; background:#666; opacity:0.95; display:none; cursor:pointer;}
	#search div{padding-left:10px; padding-right:10px;}
	#search div td{background:#ddd; height:10px;}
	#keys{outline:none; border:0px none; width:100%; background:none; line-height:20px;}
	#imageField{width:29px; float:right; padding:5px 0; }
	/*** 下拉菜单 start ***/
	.dropdown-menu{position:absolute; left:-180px; top:46px; z-index:99999; background-color:#fafafa; box-shadow:0 0 5px #999; min-width: 120px; margin-left: 0px; margin-left: 0px; list-style: none!important; margin-bottom:0px;}
	.dropdown-menu  li:after{ height: 1px; overflow: hidden; position:absolute; content: " "; width: 94%; left: 3%; margin: 0px; background: -webkit-gradient(linear, left top, left bottom, from(#c5c4c4), to(#c5c4c4)); background: -moz-linear-gradient(top, #c5c4c4, #c5c4c4); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c4c4', endColorstr='#c5c4c4');}
	.dropdown-menu li:last-child:after{ height: 0px; border: none;}
	.dropdown-menu.show{ display:block;}
	.dropdown-menu li a{text-align: left; display:block; width:auto; height:36px; line-height:36px; padding-left: 15px; color:#555; font-size:16px; font-family:"微软雅黑"; margin: 0px; }
	.dropdown-menu li a:hover{background-color:#efefef;}
	.dropdown-menu li img{width:auto; height:30px!important; margin: 0px; line-height: 39px;}
header{text-align:center; position:relative; overflow:hidden;}
ul{ margin:0px; padding:0px;}
#nav{ position:absolute; width:100%; height:20px; line-height:20px;   bottom:5px;}
#nav{ float:left; margin-right:5%; opacity:1;} 
#nav ul li{ float:left; background:#fff; border-radius:10px; width:10px; height:10px; margin-left:10px; margin-top:5px; opacity:0.5;}
#nav ul li.active{ background:#fff;opacity:1;}
.banner{width:100%; height:auto; margin:0 auto; overflow:hidden;}
.banner img{width:100%;}
.banner ul li{float:left;}

.p_tit{width:100%; margin:20px auto; overflow:hidden;}
	.p_tit h1{font:18px/38px "微软雅黑"; font-weight:bold; color:#1746a6; text-align:center;}
	.p_tit .ptit_line1{width:82%; height:2px; border-bottom:#666 2px dotted; float:right;}
	.clear{clear:both; overflow:hidden;}
	.p_tit .ptit_line2{width:82%; height:2px; border-bottom:#666 2px dotted;}

.pmain{width:100%; margin:0 auto;}
	.pmain table{border-collapse:collapse; width:92%; margin:0 auto; background:#FFF}
	.pmain td{border-width:1px; border-style:solid;padding:5px;line-height:200%;color:#666;word-wrap:break-word;word-break:break-all;table-layout:fixed;}
.pmain p{font:12px/23px "宋体"; color:#555; text-indent:2em; margin-bottom:10px;} 

.toTop{width:36px; height:36px; cursor:pointer; position:fixed; right:6px; bottom:62px; border:none; background:none;}
.toTop img{width:36px; height:36px; border:none;}
.toTop img:hover{border:none;}



#boot{background:#e5e6ea; width:100%; height:30px; line-height:30px; margin:0px auto 45px; color:#828284; text-align:center; font-size:12px; font-family:"微软雅黑";}
#boot a{color:#ccc;}

#footer{width:100%; position:fixed; bottom:0px; height:50px; overflow:hidden; z-index:999; text-align:center;}
#footer .footerbox{width:100%; height:50px; margin:0px auto; position:relative; background:-webkit-gradient(linear,0 0,0 100%,from(#d11f1d),to(#771b1c), color-stop(100%, #771b1c)); }
#footer .footerlist{width:100%; height:50px; overflow:hidden; position:absolute; left:0px;  border-top:0px;}
#footer ul{ display:-webkit-box; padding-top:4px;}
#footer ul li{ display:-webkit-box; -webkit-box-flex:1; text-align:center; border-right:1px solid rgba(255,255,255,0.2); border-left:0px;}
#footer ul li a{ display:block; width:100%; text-align:center; color:#fff; height:45px; }
#footer .txt{ height:16px; line-height:16px; font-size:12px; color:#ffffff; display:block;}



.about{width:94%; margin:0 auto; overflow:hidden;}
	.about p img{width:100%; margin-left:-2em;}



.products{width:94%; margin:0 auto; overflow:hidden;}
	.products ul{width:94%; margin:0 auto;}
	.products ul li{width:100%; height:390px; float:left; border:#ebebeb 1px solid; margin-bottom:20px; position:relative;}
	.products ul li img{width:90%; height:auto; margin:5% 5% 2%;}
	.products ul li p{width:90%; margin:0 auto;font:12px/25px "宋体"; color:#666; text-indent:0;}
	.products ul li p span{display:block; color:#d0121b; font-weight:bold; font-family:"微软雅黑"; font-size:16px;}
	.pro{width:100%; height:390px; cursor:pointer; display:block; overflow:hidden;}
	.pro .border-left{width:1px; height:0px; background:#046fe1; position:absolute; left:-1px; bottom:0;}
	.pro .border-bottom{width:0px; height:1px; background:#999; position:absolute; left:0; bottom:0px;}
	.pro .border-top{width:0px; height:1px; background:#046fe1; position:absolute; right:0; top:0px;}
	.pro .border-right{width:1px; height:0px; background:#999; position:absolute; right:-1px; top:0;}


.prolists{width:94%; margin:0 auto; overflow:hidden;}
	.prolists ul{}
	.prolists ul li{width:50%; margin:0 auto 20px; float:left; }
	.prolists ul li a{display:block; width:84%; margin:0 auto; padding:2%; border:#ccc 1px solid;}
	.prolists ul li span{display:block; width:100%; text-align:center; line-height:30px; height:30px; overflow:hidden; font-size:12px; font-family:"宋体"; color:#555;}
	.prolists ul li img{width:100%;}
	.prolists ul li a:hover{background:#d0121b;}
	.prolists ul li a:hover span{color:#fff;}


.the_pro{width:94%; margin:0 auto; overflow:hidden;}
	.the_pro h1{font:16px/24px "微软雅黑"; text-align:center; color:#222; letter-spacing:1px; font-weight:bold; padding:2% 1%; width:98%; margin:0 auto 15px; background-color:#efefef; border-radius:5px; box-shadow:0 0 5px #aaa;}
	.proimg{width:98%; margin:0 auto;}
	.proimg img{width:100%;}
	.the_pro h2{font:15px/25px "微软雅黑";  color:#d0121b; letter-spacing:1px; font-weight:bold; width:98%; margin:10px auto 15px; border-bottom:#ccc 2px dotted;}
	.the_pro p img{width:100%; margin-left:-2em;}
	.the_pro .tpro_bottom{width:100%; margin:20px auto 10px; overflow:hidden; border-top:#d0121b 1px solid; padding-top:10px;}
	.the_pro .tpro_bottom ul{width:100%;}
	.the_pro .tpro_bottom ul li{width:49.5%; margin:0 auto 20px; float:left;}
	.the_pro .tpro_bottom ul li a{display:block; width:70%; margin:0 auto;}
	.the_pro .tpro_bottom ul li p{text-align:left; width:100%; text-indent:0; font:12px/25px "微软雅黑"; color:#000; font-weight:bold; margin:0 auto;}
	.the_pro .tpro_bottom ul li span{display:block; width:100%; text-align:center; line-height:23px; height:23px; overflow:hidden; font-size:12px; font-family:"宋体"; color:#555;}
	.the_pro .tpro_bottom ul li img{width:100%;}
	.the_pro .tpro_bottom ul li a:hover span{color:#d0121b;}


.news{width:100%; margin:10px auto 20px; overflow:hidden;}
	.news ul{border-bottom:#ccc 1px solid; width:100%;}
	.news ul li{width:100%; height:70px; border-top:#ccc 1px solid; overflow:hidden; background:;}
	.news ul li a{width:100%; height:70px; padding:5px 0; background:url(../images/news_tb.png) no-repeat 95% center #fafafa; display:block;}
	.news ul li a:hover{width:100%; background-color:#efefef; display:block;}
	.news ul li a h1{font:15px/28px "微软雅黑"; color:#333; letter-spacing:1px; font-weight:bold; width:90%;}
	.news ul li p{width:90%; overflow:hidden; font:12px/30px "宋体"; }
	
		
.the_new{width:94%; margin:10px auto 20px; overflow:hidden;}
.the_new img{width:100%; height:auto}	
	.the_new h1{font:15px/28px "微软雅黑"; color:#333; letter-spacing:1px; font-weight:bold; width:100%; border-bottom:#ccc 1px solid; margin:0 auto 20px;}
	
	.updo{ width:100%; position:relative; height:36px; margin:20px auto 10px;}
	.updown{width:80%; left:10%; position:absolute; text-align:center; overflow:hidden; font-family:"宋体"}
	.updown .up{background:#eee; height:36px; line-height:36px; text-align:center; width:40%; float:left;}
	.updown .up a{display:block; text-decoration:none; color:#666; font-size:12px;}
	.updown .up a:hover{display:block; color:#da251d}
	.updown .down{background:#eee; height:36px; line-height:36px; text-align:center; width:40%; float:right;}
	.updown .down a{display:block; text-decoration:none; color:#666; font-size:12px;}
	.updown .down a:hover{display:block; color:#da251d}



.certi{width:94%; margin:0 auto; overflow:hidden;}
	.certi ul{}
	.certi ul li{width:50%; margin:0 auto 10px; float:left; }
	.certi ul li div{display:block; width:84%; margin:0 auto;}
	.certi ul li span{display:block; width:100%; text-align:center; line-height:22px; height:22px; overflow:hidden; font-size:12px; font-family:"宋体"; color:#555;}
	.certi ul li img{width:100%; border:#ccc 1px solid;}



.network{width:94%; margin:10px auto 20px; overflow:hidden;}	
	.network p img{width:100%; margin-left:-2em;}


.active{width:94%; margin:10px auto 20px; overflow:hidden;}	
	.active a{display:block;}
	.active a img{width:100%; display:block;}
	.active span{display:block;}
	.active span img{width:100%; display:block;}
	.active a:hover img{opacity:0.5}


.feedbackpage{width:94%; margin:10px auto 20px; overflow:hidden; text-align:center;}
	.feedbackpage h3{color:#333; text-shadow:none; text-align:left; font-size:16px; line-height:30px;}
	.feedbackpage h3 span{color:#e60012;}
	.feedbackpage p{text-indent:0;}
	.ui-btn{width:100%; height:42px; font:14px/32px "宋体"; letter-spacing:1px;}


.contact{width:94%; margin:10px auto 20px; overflow:hidden;}
	.contact h1{font:18px/30px "微软雅黑"; color:#d0121b; letter-spacing:1px; font-weight:bold; text-align:center; margin-bottom:10px;}
	.contact p{font-family:"微软雅黑";}


/***************分页******************/
#Page_wrapper .c-pnav-con {text-align:center; font-size:14px; cursor:pointer; width:100%;}
#Page_wrapper .c-pnav-con .c-p-sec div {display:inline-block;}
#Page_wrapper .c-pnav-con .c-p-sec .c-p-pre{
	display:inline-block;
	width:50px;
	height:30px;
	line-height:30px;
	background-image:-webkit-gradient(linear, left top, right bottom, from(#fefefe), to(#e8e8e8));
	background-image:-webkit-linear-gradient(#fefefe, #e8e8e8);
	background-image:-moz-linear-gradient(#fefefe, #e8e8e8);
	background-image:-ms-linear-gradient(#fefefe, #e8e8e8);
	background-image:-o-linear-gradient(#fefefe, #e8e8e8);
	background-image:linear-gradient(#fefefe, #e8e8e8);
	border:1px #D5D5D5 solid;
	overflow:hidden;
	border-radius:2px;
	-webkit-border-radius:2px;
}
#Page_wrapper .c-pnav-con .c-p-sec .c-p-pre .c-p-p {
	display:inline-block;
	width:17px;
	height:30px;
	position:relative;
	overflow:hidden;
	vertical-align:top;
}
#Page_wrapper .c-pnav-con .c-p-sec .c-p-pre .c-p-p em {
	display:inline;
	-webkit-transform:rotate(45deg);
	background-image:-webkit-gradient(linear, left top, right bottom, from(#fefefe), to(#e8e8e8));
	background-image:-webkit-linear-gradient(#fefefe, #e8e8e8);
	background-image:-moz-linear-gradient(#fefefe, #e8e8e8);
	background-image:-ms-linear-gradient(#fefefe, #e8e8e8);
	background-image:-o-linear-gradient(#fefefe, #e8e8e8);
	background-image:linear-gradient(#fefefe, #e8e8e8);
	position:absolute;
	top:4px;
	left:6px;
	width:21px;
	height:21px;
	border:1px solid #ddd;
}
#Page_wrapper .c-pnav-con .c-p-sec .c-p-next{
	display:inline-block;
	width:50px;
	height:30px;
	line-height:30px;
	background-image:-webkit-gradient(linear, left top, right bottom, from(#fefefe), to(#e8e8e8));
	background-image:-webkit-linear-gradient(#fefefe, #e8e8e8);
	background-image:-moz-linear-gradient(#fefefe, #e8e8e8);
	background-image:-ms-linear-gradient(#fefefe, #e8e8e8);
	background-image:-o-linear-gradient(#fefefe, #e8e8e8);
	background-image:linear-gradient(#fefefe, #e8e8e8);
	border:1px #D5D5D5 solid;
	overflow:hidden;
	border-radius:2px;
	-webkit-border-radius:2px;
}
#Page_wrapper .c-pnav-con .c-p-sec .c-p-cur {
	position:relative;
	height:30px;
	vertical-align:baseline;
	text-align:center;
}
#Page_wrapper .c-pnav-con .c-p-sec .c-p-cur .c-p-arrow {
	display:inline-block;
	width:58px;
	line-height:30px;
	border:1px solid #ddd;
	background-image:-webkit-gradient(linear, left top, right bottom, from(#fefefe), to(#e8e8e8));
	background-image:-webkit-linear-gradient(#fefefe, #e8e8e8);
	background-image:-moz-linear-gradient(#fefefe, #e8e8e8);
	background-image:-ms-linear-gradient(#fefefe, #e8e8e8);
	background-image:-o-linear-gradient(#fefefe, #e8e8e8);
	background-image:linear-gradient(#fefefe, #e8e8e8);
}
#Page_wrapper .c-pnav-con .c-p-sec .c-p-cur .c-p-arrow span:first-child {
	margin-right:5px;
	width:50px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
#Page_wrapper .c-pnav-con .c-p-sec .c-p-cur .c-p-down span:last-child {
	display:inline-block;
	font-size:0;
	border-top:3px solid #666;
	border-left:3px solid #666;
	width:6px;
	height:6px;
	background-color:transparent;
	-webkit-transform:rotate(225deg) !important;
	margin-bottom:3px;
}
#Page_wrapper .c-pnav-con .c-p-sec .c-p-select {
	position:absolute;
	top:0;
	left:1px;
	height:30px;
	width:58px;
	opacity:0;
	font-size:100%;














