@charset "utf-8";
@media (min-width:651px)
{
html { color: #000; background: #FFF; overflow-y: scroll; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var, optgroup { font-style: inherit; font-weight: inherit; }
li { list-style: none; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
body { font: 12px/1.231 arial, helvetica, clean, sans-serif; }
table { font-size: inherit; font: 100%; border-collapse: collapse; }
pre, code, kbd, samp, tt { font-family: monospace; *font-size:108%;
line-height: 100%; }

#showstate p { line-height:3; text-align:justify; }

.img > img {
    display: block;
    margin: 0 auto;
}
#showstate img {margin: 3px; padding: 2px; }
.txtboxcs { border: solid 1px #ccc; height: 22px; }
h1 { font-size: 32px; }
h2 { font-size: 26px; }
h3 { font-size: 20px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
.mt10 { margin-top: 10px; }

body { color: #666; font-size: 12px; font-family: "Microsoft YaHei"; } /*锟斤拷站锟斤拷锟斤拷锟斤拷色*/
a { color: #666; text-decoration: none; font-family: "Microsoft YaHei"; }  /*for ie f6n.net*/
a:focus { outline: 0; }
a:hover { text-decoration: underline; }
.vam { vertical-align: middle; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
p { word-spacing: -1.5px; font-family: "Microsoft YaHei"; }
.tr { text-align: right; }
.tl { text-align: left; }
.center { text-align: center; }
.fl { float: left; }
.fr { float: right; }
.pa { position: absolute; }
.pr { position: relative }
i { font-style: normal; }
em { font-style: normal; }

.cart_header, .cart_content, .cart_footer { width: 760px; margin: 0 auto; }
.zx_con { border: 1px solid #e8e8e8; border-top: none; padding: 6px 0 0 6px; border-bottom: none;}
.zx_con h3 { background: url(../images/zx_h3.gif) no-repeat; width: 187px; height: 36px; line-height: 36px; text-align: center; clear: both; margin: 5px 0; }
.zx_con h3 a { font-size: 14px; color: #fff; }
.zx_con ul { padding-bottom: 3px; }
.zx_con ul li { height: 35px; line-height: 35px; background: url(../images/ico01.gif) no-repeat 5px 13px; padding-left: 18px; border-bottom: dashed 1px #d8d8d8; width: 160px; text-align:left; }
.zx_con ul li a { font-size: 12px; color: #333; }

.leib2 { width: 201px; }
.leib2 .tit { color: #333; font-size: 14px; background: url(../images/tit1n.gif) no-repeat; height: 36px; line-height: 36px; padding-left: 18px; overflow: hidden; font-weight: bold; }
.leib2 .tit a { color: #333; }
.leib2 .nr { border: 1px solid #ccc; border-top: 0; background: #fff; padding: 4px 11px 8px; overflow: hidden; }
.leib2 .nr h4 { background: url(../images/tit3n.gif) no-repeat; height: 33px; line-height: 33px; padding-left: 28px; overflow: hidden; margin-top: 4px; }
.leib2 .nr h4.cur a { color: #0065B5; }
.leib2 .nr ul { padding: 0 15px; }
.leib2 .nr li { background: url(../images/icon1.gif) no-repeat scroll 0 10px; padding-left: 17px; color: #666; line-height: 29px; overflow: hidden; white-space: nowrap; height: 29px; border-bottom: 1px dashed #DEDEDE; }
.leib2 .nr li a { }
.leib2 .nr li.cur a { color: #0065B5; }


.content {margin-top: 15px;}
.header, .content, .footer { width: 1200px; margin: 0 auto; overflow: hidden; font-family: "Microsoft YaHei"; }
.left { width: 201px; float: left; overflow: hidden; display: inline; }
.left2 { width: 670px; float: left; overflow: hidden; }
.left3 { width: 754px; float: left; overflow: hidden; color: #666; }
.lefttop { background: url(../images/left_top_img.gif) no-repeat; height: 3px; font-size: 0; overflow: hidden; margin-top: 10px; }
.left2top { background: url(../images/left2_top_img.gif) no-repeat; height: 3px; font-size: 0; overflow: hidden; }
.leftbot {
	background: url(../images/left_bot_img.gif) no-repeat;
	height: 3px;
	font-size: 0;
	overflow: hidden;
	margin-bottom: 10px;
}
.left2bot { background: url(../images/right_bot2_img.gif) no-repeat; height: 3px; font-size: 0; overflow: hidden; margin-bottom: 10px; }
.right { width: 992px; float: right; display: inline; margin-left: 5px; overflow: hidden; }
.right2 { width: 275px; float: right; overflow: hidden; }
.right3 { width: 201px; float: right; overflow: hidden; color: #666; }
.righttop { background: url(../images/right_top_img.gif) no-repeat; height: 3px; font-size: 0; overflow: hidden; }
.right2top { background: url(../images/right2_top_img.gif) no-repeat; height: 3px; font-size: 0; overflow: hidden; }
.rightbot { background: url(../images/right_bot_img.gif) no-repeat; height: 3px; font-size: 0; overflow: hidden; margin-bottom: 10px; }
.right2bot { background: url(../images/left_bot2_img.gif) no-repeat; height: 3px; font-size: 0; overflow: hidden; margin-bottom: 10px; }
.right_main { border: solid 1px #d5d5d5; border-top:0; padding-bottom: 15px; overflow: hidden; border-radius:0 0 3px 3px; behavior:url(PIE.htc); }
.right2_main { width: 273px; border: solid 1px #d5d5d5; border-top: 0; border-bottom: 0; padding-bottom: 15px; overflow: hidden; }
.left2_main { width: 668px; border: solid 1px #d5d5d5; border-top: 0; border-bottom: 0; padding-bottom: 15px; overflow: hidden; }
.h_nav li a:-webkit-any-link {display:block;}
.leftlx { background: #FFF; border: 1px solid #DFDFDF; border-top: none; border-bottom: none; }
.leftlx .dianh { padding: 0 5px 0 10px; line-height: 24px; }
.leftlx p { line-height: 24px; }
.leftlx .dianhua { background: url(../images/Teln.gif) no-repeat scroll 0 18px transparent; color: #666666; line-height: 20px; padding: 10px 0 10px 55px; }
.leftlx .dianhua span { display: block; font: 18px "Impact"; color: #0065B5; }

.leib3 .tit { background: url(../images/tit1n.gif) repeat-x; height: 36px; line-height: 36px; padding-left: 13px; font-weight: bold; color: #333; font-size: 14px }
.leib3 .tit a { color: #333; }
.leib3 .tit a:hover { color: #333; }
.leib3 .nr { border: 1px solid #dfdfdf; padding: 12px 0px 10px; background: #fff; border-top: 0; }
.leib3 .nr .cur a { display: block; color: #0065B5; }
.leib3 .nr ul { padding-bottom: 5px; border-bottom: 1px dotted #8b8b8b; margin-bottom: 7px; }
.leib3 .nr h4 a { font-size: 12px; font-weight: normal; display: block; padding-left: 40px; background: url(../images/ico003.gif) no-repeat 30px 10px; line-height: 24px; height: 24px; overflow: hidden }
.plc { height: 34px; line-height: 34px; border: 1px solid #ccc; padding: 0 10px; position: relative; color: #666; overflow: hidden; behavior: url(PIE.htc); border-radius: 2px 2px 0 0; background: -webkit-linear-gradient(#ffffff 70%, #e5e5e5 97%, #fff 100%); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#ffffff 70%, #e5e5e5 97%, #fff 100%); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#ffffff 70%, #e5e5e5 97%, #fff 100%); /* Firefox 3.6 - 15 */  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5'); /* for IE */
background: linear-gradient(#ffffff 70%, #e5e5e5 97%, #fff 100%); /* 锟斤拷准锟斤拷锟斤法 */ }

.plc span { }

.t_bg { background: url(../images/t_bg.gif) repeat-x center 0; height: 220px; }
.h_top { height: 37px; line-height: 37px; overflow: hidden; }
.h_top i { float: left; color: #00a7ff; }
.h_top p { float: right; }
.h_top p a { padding: 0 5px; color: #00a7ff; }
.h_con { height: 130px; width: 1200px; overflow: hidden }
.h_con h1 { padding: 0px 0 0; float: left; }
.h_con h1 img { float: left; padding-right: 34px; }
.h_con h1 span { display: block; margin: 17px 0 0; padding-left: 33px; border-left: solid 1px #dce1e2; float: left }
.h_nav { height: 53px; line-height: 53px; }
.h_nav ul li { float: left; background: url(../images/n_bor.gif) no-repeat right center; text-align: center; width: 133px; }
.h_nav ul li:last-of-type { background: none; }
.h_nav ul .nobor01 { background: none; }
.h_nav ul li a { display: block; color: #fff; font-size: 14px; font-family: "Microsoft YaHei"; font-weight: bold; }
.h_nav ul li a:hover, .h_nav ul .cur a { color: #fff; text-decoration: none; background: #60c2f5; }

.cpztc { width: 100%; margin: 0px auto; height: 40px; background: #ECECEC; }
.cpztc ul { width: 1200px; height: 40px; line-height: 40px; margin: 0px auto; }
.cpztc ul h2 { color: red; width: 110px; height: 40px; line-height: 40px; text-align: center; float: left; font-size: 16px; }
.cpztc ul li { width: 80px; height: 40px; line-height: 40px; text-align: center; float: left; }
.cpztc ul li a:hover { color: red; }
.cpztcl { width: 960px; margin: 0px auto; height: 40px; background: #161A23; }
.cpztcl ul { width: 960px; height: 40px; margin: 0px auto; }
.cpztcl ul h2 { color: #fff; width: 110px; height: 40px; line-height: 40px; text-align: center; float: left; font-size: 15px; }
.cpztcl ul li { width: 80px; height: 40px; line-height: 40px; text-align: center; float: left; }
.cpztcl ul li a { color: #fff; }
#cntrBody p, .proinfo p, .age_li_about p { margin: 5px 0; font-size: 14px; text-indent:2em; }

.f_bg { background: url(../images/f_bg.gif) repeat-x center top; height: 294px; margin-top: 15px; }
.f_nav { text-align: center; color: #fff; height: 55px; line-height: 55px; font-size: 14px; font-weight: bold; }
.f_nav a { color: #fff; padding: 0 10px; font-size: 14px; font-weight: bold; }
.f_img { float: left; padding:10px 30px 0 47px; }
.f_p { color: #444; line-height: 30px; margin: 5px 0 0; background: url(../images/f_yy.gif) no-repeat 0 0; padding: 20px 0 20px 55px; width: 620px; font-size:14px; }
.f_p p a { color: #444; }
.f_p p span { padding: 0 20px }
.f_p p img { padding: 0 0 0 10px; float: none; }
.f_p01 { margin-left: 30px; }
.f_p01 i { display: block; text-align: center; padding-top: 5px; }

/*鍐呴〉*/

.xiaotu{ width:100%; background:url(../images/xt.jpg) center no-repeat; height:300px; }
.xiaotu a{ display:block; height:100%; }
.pro_img{ overflow:hidden; width:845px; margin:0 auto; }
.pro_img li{ background:#000; height:295px; width:400px; float:left; margin:5px; }
.pro_img li img{ width:400px; height:300px; }
#tool{display:none;}

.Mt{border:1px solid #ccc; border-top:0; padding:8px 10px; border-radius:0 0 3px 3px; behavior:url(PIE.htc);}
.Mt dl{ width:150px;height:138px; overflow:hidden; padding:15px 10px;float:left;}
.Mt dl dt{  width:150px; height:120px; overflow:hidden;}
.Mt dl dt img{ width:142px; height:114px; padding:2px; border:1px solid #e5e5e5;}
.Mt dl dd{ overflow: hidden;width:197px;text-overflow: ellipsis; }
.Mt dl dd h3{ height:20px; line-height:20px; width:150px;text-overflow: ellipsis;text-align: center; overflow:hidden; font-weight:normal;}
.Mt dl dd h3 a{ color:#565656; font-family:"瀹嬩綋"; font-size:12px;}
.Mt dl dd p{ line-height:22px; color:#989898; font-size:12px; font-family:"瀹嬩綋"; height:71px; overflow:hidden}
.Mt dl dd a.btn{ color:#a50a00; font-family:"瀹嬩綋"; font-size:12px;}
.Mt ul{ padding:8px 10px 0 5px;}
.Mt ul li{ height:35px; line-height:35px; border-bottom:1px dashed #d5d6d6;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Mt ul li a{ padding-left:15px;  color:#333;}
.News{ width:320px; padding:0 16px 0 22px;  height:365px; overflow:hidden}
.News h2 ul{  font-weight:normal; font-size:16px; color:#9fb4ce;}
ul li.nones{border-bottom:none;}
.faq ul li{/*width:712px;*/}
.nones{border-bottom:0;}

/*浜у搧鍐呴〉*/
.pro_main { background-color: #fff; border: solid 1px #ccc; border-top: 0; border-radius: 0 0 3px 3px; behavior: url(PIE.htc); zoom: 1; padding: 10px 5px; overflow: hidden; }
.pro_con { line-height: 26px; padding: 0 32px; font-size: 14px; }
.pro_con p{ margin:5px auto;}
.pro_con a { color: #0065b5; }
.cp { margin-top: 15px; border: 1px #ccc solid; }
.cptab { border-bottom: 2px solid #00a7ff; background: #f7f7f7; }
.cptab a { float: left; display: block; line-height: 25px; font-size: 14px; color: #00a7ff; text-decoration: none; padding: 0 8px; }
.cptab a:hover { text-decoration: none; }
.cptab a.cr { font-weight: bold; }
.cp li { width: 195px; overflow: hidden; float: left; display: inline; padding: 12px 0 0; line-height: 2; text-align: center; }
.cp li a:hover img { border: solid 1px #B61212; } /*浜у搧鍥剧墖杈规杩炴帴*/
.cp li img { width: 188px; height: 141px; border: 1px solid #CCC; padding: 1px; }
.cp dl dd { line-height: 24px; padding-top: 8px; overflow: hidden; display: block; text-align: center }
.cp dl dd.d1 { display: none; }
.xw { border: 1px solid #ccc; background: #fff; padding: 0 0 12px 0; margin-bottom: 10px; margin-top: 10px; }
.xw li { line-height: 28px; border-bottom: 1px #999 dashed; padding-left: 5px; }
.time { float: right; margin-right: 5px; }
dl.pd_list_dl { width: 218px; float: left; padding: 0 13px 8px; }
dl.pd_list_dl dt img { width: 210px; height: 158px; border: solid 1px #d2d2d2; padding: 3px; }
dl.pd_list_dl dd { padding: 5px 0 0 5px; text-align: center; }
dl.pd_list_dl dd p { line-height: 25px; height: 25px; overflow: hidden; }
.apage { height: 36px; line-height: 36px; background: #F9F9F9; padding: 0 5px; margin-top: 10px; border: solid 1px #ccc; text-align: center; }
.apage a { border: 1px solid #d4e3e9; padding: 0 3px; margin-right: 5px; }
.apage .num_btns { float: right; font-family: Tahoma; }
.apage a:hover, .apage .cur { border: 1px solid #D5D5D5; background-color: #0065B5; color: #fff; text-decoration: none; }
.apage .cust_txt { float: left; }
.cpzs img{width:43%;margin:2%;}
}


@media (max-width:650px)
{
body {font:normal 100% Helvetica, Arial, sans-serif; padding:0; margin:0;}
*{margin:0; padding:0;}
html{ overflow-x:hidden}
li{list-style-type: none;}
ul{list-style-type: none; margin:0 auto; padding:0;}
a {text-decoration:none; color:#333;}
p{ margin:0; padding:0;}
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
img { max-width: 100%;-ms-interpolation-mode: bicubic;  }



.h_top{display:none;}
.h_con{background: url('../images/logo2.jpg') no-repeat center; height:75px;width:100%; display:block;}
.h_con div{display:none;}
.h_nav{ width:100%; background-color:#fff;}
.h_nav li{width:32%; float:left;text-align:center; background:#04a8ff; font-size:14px; line-height:35px; margin:0.5% 0.65%;}
.h_nav li a{ color:#FFFFFF;}
.cpztc{display:none;}
.Bannerslider{display:none;}
.content{font-size:14px; width:97%; margin:55px auto;}
.cpzs{text-align:center;}
.cpzs img{width:47%; margin:1.5%}
.left{display:none;}
.cp{display:none;}
.xw{display:none;}
.f_bg{display:none;}

.pro_main{width:98%; margin:auto;}
.pro_main p{margin:10px auto; line-height:28px}
.pro_main dl{width:47%; margin:1.5%; float:left}
.pro_main dd{text-align:center;}
.pro_main dl dt img{height:100px; width:100%}
.right_main p{margin:10px auto; line-height:28px}

.Mt li{border-bottom:1px dashed #ccc; line-height:35px;background: url(../images/ico04.jpg) no-repeat left; padding-left:15px;}
.Mt li span{display:none;}

#tool {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 900;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
ul.toollist {
	position: fixed;
	z-index: 900;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	height: 48px;
}
.toollist li {
	float: left;
	width: auto;
	height: 100%;
	width: 25%;
	position: static!important;
	margin: 0;
	border-radius: 0!important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-flex: 1;
	box-flex: 1;
	-webkit-box-sizing: border-box;
	box-shadow: none!important;
	background: none;
}
.toollist li a {
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	display: block;
	text-decoration: none;
	padding-top: 2px;
	position: relative;
}
.toollist li a img {
	width: 24px;
	height: 24px;
}
.toollist li a p {
	margin: 1px 0 1px 0;
	font-size: 14px;
	display: block !important;
	line-height: 18px;
	text-align: center;
}

.toollist_blue {
	background:#04a8ff;
}
.toollist_blue li {
	border-right: 1px solid rgba(255,255, 255, 0.7);
}
.toollist_blue li a {
	color:#fff;
}