﻿@charset "utf-8";
/* CSS Document */
/*公共压缩样式，处理各个浏览器兼容性所写，可以无视*/html,body{height:100%;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea{margin:0;padding:0}ul,ol{list-style:none}s{text-decoration:none}img{border:0}table{border-collapse:collapse;border-spacing:0; }caption,cite,code,dfn,th,var{text-align:left;font-weight:normal;font-style:inherit;}body{background-color:#fff;}/* 表单 */label{display:inline-block;*display:inline;*zoom:1}button,input,select,textarea{vertical-align:baseline;*vertical-align:middle}input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]  input[type="button"]::-moz-focus-inner{border:none;padding:0}/* 字体 */h1{font-size:24px;margin:0 0 12px}h2{font-size:24px;margin:0 0 10px}h3{font-size:20px;margin:0 0 8px}h4{font-size:16px;margin:0 0 5px}h5{font-size:14px;margin:5px 0}h6{font-size:14px;margin:0 0 5px;}
.clearfix{overflow:hidden;zoom:1;}





		
/*顶部信息*/				


/*头部*/				


#main{
	width:1200px;
	overflow:hidden;
	padding-top:8px;
	background:#FFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.mp{ margin-top:8px;}
.left{ width:230px; float:left; display:block; overflow:hidden}
.zxgg{ width:210px; float:left; display:block; overflow:hidden; border:1px solid #e7e5e8; border-top:none;}
.zxgg_bt{
	height:30px;
	background-image: url(../images/zxgg_bt.jpg);
	background-repeat: no-repeat;
}
.zxgg_bt h1{ line-height:30px; color:#444; font-weight:bold; width:100px; font-size:14px; display:block; padding-left:30px;border:1px solid #e7e5e8;}
.zxgg_nr{  width:210px; float:left; display:block; padding:4px 0px;}
.zxgg_nr ul{ margin:0 auto; padding:0px; background:#EDEDED; width:196px; height:200px;}
.zxgg_nr ul li{ list-style:none; display:block; width:210px; float:left; line-height:25px;}

.syfl{ width:228px; float:left; display:block; overflow:hidden; border:1px solid #e7e5e8; }
.syfl_bt{
	height:36px; width:248px;
	background: url(../images/jc_bg.jpg) repeat-x;
	
}
.syfl_bt h1{ line-height:30px; color:#07961a; font-weight:bold; text-align:left; width:200px; font-size:14px; display:block;text-indent:20px;}
.syfl_nr{  width:248px; float:left; display:block; padding:4px 0px;}

.fl_lm{
	width:232px;
	float:left;
	display:block;
	height:27px;
	
}
.fl_lm h1 a{ line-height:27px; color:#444; width:232px; float:left; display:block;text-indent:45px;background:url(../images/pro_bg.jpg);}
.fl_lm h1 a:hover{ line-height:27px; color:#8c1624; width:232px; float:left; display:block; text-indent:45px;background:url(../images/pro_bg2.jpg);}
.fl_nr{ width:188px; float:left; display:block; overflow:hidden; padding-left:8px; padding-top:4px; padding-bottom:4px;}
.fl_nr h1{ width:90px; float:left; display:block; text-align:left; line-height:25px;}

.h_titlenr { width:230px; height:73px;background:url(../images/pltit.jpg) top no-repeat; }
.h_titlenr h1{ font-size:24px;color:#FFF;height:40px;line-height:40px;text-align:center;font-weight:600;padding-top:30px;}
.h_maininL_270 { width:230px; float:left; background:url(../images/h_line3.jpg) 270px top no-repeat;}
.h_gy_in { width:260px; margin:0 auto; padding:0px 0px 0px 0px; background:url(../images/h_title_bg2.jpg) no-repeat; background-color:#fff;}
.h_gy_in li{ width:260px; height:40px;  background: url(../Images/left_li.gif) 6px 15px no-repeat; border-bottom:1px solid #CCC; line-height:40px; font-size:14px; }
.h_gy_in li.h_gy_in_on{ background:url(../images/h_gy_icon1.jpg) 190px 8px no-repeat;}
.h_gy_in li a{  height:40px; display:block; padding:0 0px 0 15px; text-decoration:none; text-align:left;color:#555;}
.h_gy_in li a:hover{ color:#fff;background:#3292d3}
.h_gy_in li.h_gy_in_on a{ color:#fff;background:#3292d3}
.h_gy_ad { width:200px; height:206px; padding-top:20px;}

#sub{width:1002px; margin:0 auto; overflow:hidden;  padding-top:8px; background:#FFF;}
.right{ width:950px; float:right; display:block; overflow:hidden;  }
/*index*/
.zone{ width:900px; float:left; display:block; overflow:hidden; padding-bottom:4px;}
.zone_bt{
	height:30px;
	float:left;
	display:block;
	width:900px;
	margin-top:4px;
	background-image: url(../images/bt_bj.jpg);
	background-repeat: no-repeat;
}
.zone_bt h1{ width:400px; float:left; display:block; font-family:"微软雅黑"; font-size:18px; padding-left:10px; line-height:28px; color:#000;}
.zone_bt h2{ width:84px; float:right; display:block; line-height:28px;}
.zone_nr{width:900px; float:left; display:block; overflow:hidden; padding-bottom:4px;}
.zone_nr_lm{ width:180px; float:left; display:block; border:1px solid #d7d7d7; margin-top:8px; margin-left:6px; margin-right:6px;}
.zone_nr_lm h1{ width:180px; float:left; text-align:center; padding-top:4px; padding-bottom:4px;}
.zone_nr_lm h2{ width:180px; float:left; display:block; text-align:center; line-height:22px; color:#666;}
.zone_nr_lm h3{width:180px; background:#f3f3f3; float:left; display:block; text-align:center; line-height:25px;}
.zone_nr_lm h3 span{ color:#F00;}
.mp2{ margin-left:12px;}
/*sub*/
.sub_ico{ width:950px; background:url(../images/ico.jpg) no-repeat 4px 4px; display:block; float:left; height:25px; line-height:25px; color:#000;}
.sub_pp{ width:950px; border:1px solid #e2e2e2; float:left; display:block; background:#f0f0f0; margin-top:8px;line-height:25px;}
.sub_pp h1{ width:50px; float:left; display:block; font-weight:bold; text-align:right }
.sub_pp h2{ float:left; display:block; text-align:center; padding:0px 9px;}
.sub_pp h2 a{ width:auto;}
.sub_pp h2 a:hover{ background:#a40000; line-height:25px; float:left; display:block; color:#FFF;}
.splb{ width:948px; border:1px solid #e2e2e2; background:url(../images/sub_bj.jpg) repeat-x; line-height:30px; height:30px; float:left; margin-top:8px;}
.splb h1{ width:220px; float:left; display:block; font-size:14px; font-weight:bold; padding-left:10px; color:#000;}
.splb h2{ width:300px; float:right; display:block; padding-right:10px;}
.splb_nr{width:948px; float:left; display:block; overflow:hidden;   border:0px solid #e2e2e2; color:#000;}
.splb_nr_lm{ width:350px; float:left; display:block; border:1px solid #d7d7d7; margin-top:8px;}
.splb_nr_lm h1{ width:350px; float:left; text-align:center; padding-top:4px; padding-bottom:4px;}
.splb_nr_lm h2{ width:350px; float:left; display:block; text-align:center; line-height:22px; color:#666;}
.splb_nr_lm h3{width:350px; background:#f3f3f3; float:left; display:block; text-align:center; line-height:25px;}
.splb_nr_lm h3 span{ color:#F00;}


.g_pro2 .m_right{ width: 948px; height: 550px; float: right; background: #f6f6f6; border: 1px solid #dedede; }
.g_pro2 .m_right h2{border-bottom: 1px solid #dedede;height: 39px; line-height: 39px; padding-left: 27px; padding-right: 20px; background:url(../Images/tit.jpg) no-repeat;}
.g_pro2 .m_right h2 a{color: #009944; font-size: 14px;}
.g_pro2 .m_right h2 em{font-size: 10px; color: #333333; font-weight: normal; text-transform: uppercase;}
.g_pro2 .m_right h2 span a{color: #999999; font-size: 12px; font-weight: normal;}
.g_pro2 .m_right .u_lst3{ margin-left: 18px;}
.g_pro2 .m_right .u_lst3 li{ float: left; width: 200px;height:224px;overflow:hidden; margin-right: 28px; margin-top: 23px; }
.g_pro2 .m_right .u_lst3 li img { width:198px;height:198px;}
.g_pro2 .m_right .u_lst3 .lastli{ margin-right: 0;}
.g_pro2 .m_right .u_lst3 .u_cpimg{width: 198px; height: 198px; border: 1px solid #dedede;display: block;}
.g_pro2 .m_right .u_lst3 .u_cpimg img{ width: 198px; height: 198px;display: block;}
.g_pro2 .m_right .u_lst3 .u_cpimg:hover{border: 4px solid #009944; margin: -3px; position: relative;}
.g_pro2 .m_right .u_lst3 p{ font-size: 12px; color: #666666; height: 32px; line-height: 32px; overflow: hidden; display: block; text-align: center;background:url(../Images/sha.jpg) no-repeat; font-weight: bold;}
.g_pro2 .m_right .u_lst3 p a{width: 200px; height: 32px; line-height: 32px;}
.g_pro2 .m_right .u_lst3 .u_btn{ margin: 0 0 0 9px;}
.g_pro2 .m_right .u_lst3 .u_btn a{ margin-right: 9px; display: inline-block;}
.g_pro2 .m_right .u_lst3 .u_btn .lasta{ margin-right: 0;}
.g_pro2 .m_right .u_lst3 .u_btn img { width:auto;height:auto;}




/*上一页 下一页*/
.jump{ width:900px; float:left; display:block; overflow:hidden; margin-top:8px;}
.jump_n{ margin:0 auto;  width:400px; padding:4px 0px; overflow:hidden;}
.jump_n h1{ text-align:center;  line-height:25px; float:left;}
.jump_n h1 a{border:1px solid #cccccc;width:60px;  display:block; color:#68686a; }
.jump_n h1 a:hover{ background:#cd1219; width:60px; color:#FFF; display:block; border:1px solid #cd1219;}

.jump_n h2 {text-align:center;  line-height:25px; float:left;width:22px; margin:0px 4px;}
.jump_n h2 a {float:left;border:1px solid #cccccc; display:block; width:20px; color:#68686a;}
.jump_n h2 a:hover{background:#cd1219; width:20px; color:#FFF; display:block; border:1px solid #cd1219;}

.jump_n h3{ text-align:center;  line-height:25px; float:left;}
.jump_n h3 a{border:1px solid #cccccc;width:60px;  display:block; color:#68686a}
.jump_n h3 a:hover{ background:#cd1219; width:60px; color:#FFF; display:block; border:1px solid #cd1219;}




.page{overflow:hidden;height:55px;margin:30px auto}
.page ul{float:left}
.page p{float:left;line-height:30px}
.page p .enter{background:#31363c;color:#fff;border-radius:5px;cursor:pointer}
.page p input{width:48px;height:30px;line-height:25px;line-height:30px\9;border:1px solid #ccc;margin:0 10px; padding-left:2px;text-align:center}
.page ul li{float:left;line-height:30px;margin-right:5px}
.page a,.page span{display:block;float:left;padding:0 10px;height:25px;line-height:25px; border-radius:5px;}
.page a.on, .page a:hover,.page span.on{background:#31363c;color:#fff;border:1px solid #31363c}
.page ul li .active{margin-left:5px}

.online-qq{position:fixed;top:50%;z-index:500;background:#fff;box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);border:1px solid #ddd}
.online-qq .dt{background:url(../Images/qq_content_bg.jpg) no-repeat right 0;line-height:35px;font-size:16px;text-align:center;color:#fff;font-weight:bold;cursor:pointer}
.online-qq dd{border-bottom:1px solid #ddd;padding:8px 10px;text-align:center}
.online-qq dd p{margin:5px 0;}
.online-qq dd a{background:url(../Images/qq_img.png) no-repeat;padding:3px 0 3px 25px}
.online-qq .qq img{vertical-align:middle;margin:0 4px 0 0}
.online-qq .tel strong{font-size:130%;color:#62bd3c}
.online-qq dd:last-child{border-bottom:0}
					
.qr_code{position:fixed;top:50%;left:10px;z-index:200;text-align:center;background:#fff;padding:5px;}						
.qr_code img{display;block;margin:0 0 5px}


/*底部友情链接*/				
.ftLinkWrap{padding:1.5em 0;text-align:center;color:#fff;background:#0163a5;border-bottom:1px solid #1272be}	
.ftLinkWrap .ftLink{width:1003px;margin:0 auto;}
.ftLinkWrap .ftLink a{padding:0 1em;color:#fff}

/*底部关于我们*/
.footer{background:#0163a5;line-height:24px;text-align:center;position:relative;z-index:150;color:#fff;padding:15px 0}
.footer a{color:#fff;}	
.about_bg{background:#0163a5;color:#fff;}	
.about_bg a{color:#fff}
.footer{background:#0163a5;}	

.youlink{line-height:40px;text-align:center;font-size:12px;color:#fff}
.youlink a{padding:0 3px;color:#fff}

.footer .link{font-size:12px;padding:0}

.panel-h-box{background:#FFF;}
.aboutus-nr{overflow:hidden;padding-bottom:20px;margin-top:20px}
.about-iphone,.about-add{margin-top:10px;}
.about-iphone .i{display:block;overflow:hidden;margin-right:0px;background:url(../images/iphone.png) no-repeat;width:38px;height:38px;float:left;margin-top:5px;}
.about-add .i{display:block;overflow:hidden;margin-right:0px;background:url(../images/add.png) no-repeat;margin-top:10px;width:38px;height:38px;float:left}
.about-iphone .hu{font-size:12px;color:#333}
.about-iphone p{font-size:13px;color:#555;text-indent:5px;line-height:24px;}
.about-add .hu{font-size:12px;color:#333}
.about-add p{font-size:12px;color:#333}


.solutionview{ height:auto; width:940px; margin:0px 5px;overflow:hidden;}
.solutionview ul li{ float:left; margin:10px 15px;height:150px; width:200px;background:url(../../images/bg_03.png)}
.solutionview ul li a{ display:block; height:150px; width:200px;}
.solutionview ul li a:hover{ text-decoration:none;}
.solutionview ul li a p{ width:200px;line-height:25px; text-align:center;font-size:16px;border:0px solid #ddd;background:#ebebeb;}
.solutionview ul li a:hover p{ color:#fff;background:#ff6e01;}
.solutionview ul li a img{ height:150px; width:200px; border:1px solid #ddd; padding:1px;}
.solutionview ul li a:hover img{ border:1px solid #ff6e01; opacity:0.6;}

 .zhengwen{width:228px;overflow:hidden;border:1px solid #ddd;margin-top:10px; }
 .zhengwen .list{width:220px;float:left;margin:15px 0 0 0;padding-bottom:25px;}
 .zhengwen .list li{line-height:28px;padding-left:10px;margin-left:0px;width:228px;}
 .zhengwen .list ul li a{font-size:14px;color:#464646;float:left;background: url(../images/more.jpg) left no-repeat ;text-indent:10px;font-size:12px;}
 .zhengwen .list ul li a:hover{ text-decoration: none;color:#ff7300;}



.piclist  li{ margin:0px 7px; float:left }
.piclist  li .pic{ text-align: center;  display:table-cell; vertical-align:middle; width:196px; height:131px; border:1px solid #d9d9d9;}
.piclist  li .pic img{ vertical-align:middle;  padding:2px;}
.piclist  li .pic a img { vertical-align:middle; transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.piclist  li .pic a:hover img{ filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.piclist  li p{ line-height:30px; text-align:center; color:#777;font-size: 12px;}

.photo_ul li{
	margin-bottom:55px;
	height:132px;
	overflow:hidden;
	}
.photo_ul li dd,.photo_ul li ol{
	width:632px;
	float:left;
	overflow:hidden;
	}
.photo_ul li dd{
	font-size:14px;
	color:#636562;
	margin-bottom:15px;
	}
.photo_ul li ol{
	color:#62615d;
	height:65px;
	line-height:22px;
	}
.details{
	color:#FFF;
	background:url(../images/details.png) no-repeat;
	padding:0px 28px 0px 6px;
	margin-top:8px;
	float:left;
	line-height:20px;
	}
.photo_img_div{
	width:182px;
	height:132px;
	float:left;
	margin-right:25px;
	border:1px solid #969696;
	text-align:center;
	line-height:130px;
	}
.photo_img_div a{
	background:url(../images/product_now.png) no-repeat;
	padding:66px 90px;
	position: absolute;
	display:none;
	}
.photo_img_div:hover a{
	display:block;
	}
.photo_ul li img{
	max-height:130px;
	max-width:180px;
	}
.photo_img{
	text-align:center;
	border:1px solid #969696;
	width:675px;
	height:407px;
	margin:60px auto 0px;
	}
.photo_img img{
	max-height:407px;
	max-width:675px;
	}
.photo_tit{
	text-align:center;
	height:30px;
	line-height:30px;
	font-size:20px;
	color:#4f4f4f;
	margin-top:20px;
	margin-bottom:60px;
	}
.photo_left{
	background:url(../images/photo_left.png) no-repeat;
	width:200px;
	height:223px;
	padding-left:75px;
	margin-top:10px;
	font-size:12px;
	}
.photo_left .input_text{
	width:188px;
	border:1px solid #c2c2c2;
	height:20px;
	line-height:20px;
	padding:0px 5px;
	margin-bottom:12px;
	}
.photo_left textarea{
	border:1px solid #c2c2c2;
	width:188px;
	padding:5px 5px 0px;
	height:85px;
	margin-bottom:23px;
	}
.input_button{
	border:0px;
    height: 30px;
	line-height:30px;
    margin: 0;
    padding: 0 0 0 50px;
    width: 120px;
	font-size:12px;
	}



