﻿@charset "utf-8";
/*
Powered by ly200.com		http://www.ly200.com
广州联雅网络科技有限公司		020-83226791
*/

/***************************宽屏样式(start)***************************/
.w_1200 .w{width:1200px; min-width:1200px;}
.w_1200 .main>.fr { width: 960px; }
.w_1200 #info_list .first .intro { width: 730px; }
.w_1200 #prod_list .blk { margin-left: 50px; margin-right: 50px; }
.w_1200 #prod_detail .info { width: 570px; }

.w_1200 #lib_inquire_list>ul>li .info{width:710px;}
.w_1200 #case_list{padding:15px;}
.w_1200 #lib_case_list li{padding:10px;}
/***************************宽屏样式(end)***************************/


.header-sever{
	float:left;
    margin-top: 20px;
	}
.text1{
	height:31px;
	width:174px;
	border:1px solid #e2e2e2;
	border-right:0px;
	text-indent:10px;
	float:left;
	border-radius:3px 0px 0px 3px;
	}
.but1{
	height:33px;
	border:0px !important;
	background:red url(../images/ia3.png) center no-repeat;
	width:42px;
	border-radius:0px 3px 3px 0px !important;
	cursor:pointer;
	}
	
	
	/* 搜索页面右侧文章样式 */
	#mune-right{
	float:left;
	width:960px;
	margin-left:15px;
	border: 1px solid #e8e8e8;
	}
	#mune-right-title{
	width:100%;
	float:left;
	border-bottom:1px solid #dfe0e0;
	padding-bottom:8px;
	}
	#mune-right-title h3{
	float:left;
	color:#262626;
	font-size:16px;
	margin:10px;
	}
	#mune-right-title ul{
	float:right;
	margin-top:5px;
	}
	#mune-right-title ul li{
	float:left;
	color:#555555;
	font-size:12px;
	margin-right:5px;
	}
	#mune-right-title ul li span{
	display:block;
	float:left;
	margin-top:3px;
	}
	#mune-right-title ul li a{
	display:block;
	float:left;
	color:#555555;
	}
	#mune-right-title ul li:last-child a{
	color:#c81641;
	}
	#news-two{margin:10px;}
	#news-two input{height:25px;}
	#news-two input[type=submit]{width:30px;}
	#news-two select{height:25px;}
	.info{margin: 10px 0px;font-weight:bold;}
}




.lang_cn html, .lang_cn body{font-family:"微软雅黑";}

html, body{font-family:;}
html, div{outline:0;}
cite, em, strong, i{font-style:normal;}

.w{width: 980px; margin:0 auto; min-width:899px;}
.hide{display:none;}

body,ul,li,h1,h2,h3,h4,p,a { margin: 0; padding: 0; }
ul,ol { list-style: none; }
.mc { margin-left: auto; margin-right: auto; }
.main>.fl { width: 221px; }
.main>.fr { width: 743px; border: 1px solid #e8e8e8; }
.imgbox { display: block; overflow: hidden; }

#header{height:103px; min-width:980px; border-bottom:3px solid #FF0012;}
#header .logo{ height:103px; max-width:400px;margin-left:95px}
#header .logo a{display:block; height:103px; vertical-align:middle;}

#header .info{padding-right:30px;}
#header .info .h_nav{display:block; height:28px; background:#f2f2f2; padding:0 6px; border:1px solid #e7e7e7; border-top:none; -webkit-border-radius-bottomleft:6px; -moz-border-radius-bottomleft:6px; border-bottom-left-radius:6px; -webkit-border-radius-bottomright:6px; -moz-border-radius-bottomright:6px; border-bottom-right-radius:6px;margin-right:70px}
#header .info .h_nav li{float:right; height:28px; line-height:25px; padding:0 12px;}
#header .info .h_nav li.line{padding:0;}
#header .info .h_nav li.member{background:url(../images/ico.png) 0 0 no-repeat; padding-left:26px;}
#header .info .h_nav li.inquiry{background:url(../images/ico.png) 0 -26px no-repeat; padding-left:24px;}
#header .info .h_nav li.lang{background:url(../images/ico.png) 60px -52px no-repeat; padding-right:20px;}
#header .info .h_nav li.lang:hover{position:relative; z-index:1000;}
#header .info .h_nav li.lang:hover dl{}
#header .info .h_nav li.lang .language_silder{ position:absolute; right:-7px; top:22px; display:none; background:#F2F2F2; z-index:10; padding:0px 23px 0px 12px; border-radius:0px 0px 5px 5px;}
#header .info .h_nav li.lang:hover .language_silder{ display:block;}
.language_silder a{ display:block;}

#header .info .search{ height:28px; background:#f2f2f2; margin-right:10px; border-radius:0 0 6px 6px; border:1px solid #e7e7e7;}
#header .info .search .sea_t{ width:200px; height:28px; line-height:28px; background:none; border:none; vertical-align:top; text-indent:10px;}
#header .info .search .sea_b{ width:30px; height:28px; background:url(../images/sea.jpg) center no-repeat; border:none; vertical-align:top; cursor:pointer;}

.w_1200 #header .sitenav{ width:845px;}
#header .sitenav{margin-right:21px; width:650px;}
#header .sitenav a{color:#333}
#header .sitenav a:hover{color:#FF0012}
#header .sitenav .blk{position:relative; margin-top:20px;}
#header .sitenav .blk>a{display:block; font-size:14px; padding:11px 19px; text-decoration:none;}
#header .sitenav .blk:hover{ background:#FF0012;}
#header .sitenav .blk:hover>a{ color:#fff;}
#header .sitenav .blk+.blk>a{}
#header .sublist{display:none; position:absolute; top:39px; left:0; min-width:200px; z-index:2; border:1px solid #FF0012; background:#fff;}
#header .blk:hover .sublist{display:block;}
#header .sublist li:hover{background:url(../images/navbg.jpg) no-repeat left center;}
#header .sublist li:hover a{ color:#FF0012;}
#header .sublist a{font-size:12px; width:179px; margin:0 auto; background:url(../images/nava.png) repeat-x left bottom; display:block; height:33px; line-height:33px; text-indent:20px; color:#7e7e7e; text-decoration:none; overflow:hidden;}
.no_bg{ background:none !important;}
.no_bg *{ background:none !important;}
#sidebar{width:221px; overflow:hidden;}
#sidebar .title{font-size:16px;line-height:35px;font-weight:normal;text-indent:13px}
#sidebar .title.e1{background:#FF0012;color:white}
#sidebar .title.e2{margin-top:37px;background:#ededed;color:#333}
#sidebar .sidelist a{display:block;font-size:12px;line-height:35px;color:black;}
#sidebar .sidelist .blk>a{display:block;padding-left:14px}
#sidebar .sidelist>.blk.on>a,#sidebar .sidelist a:hover{color:#FF0012}
#sidebar .sublist{display:none}
#sidebar .blk.on>.sublist{display:block}
#sidebar .sublist a{padding-left:32px;background:url(../images/img.png) no-repeat -150px -130px}
#sidebar .contact div{margin-top:16px;font-size:12px;color:#333;line-height:20px;padding-left:30px}
#sidebar .contact div+div{margin-top:26px}
#sidebar .contact div.e1{background:url(../images/img.png) no-repeat -156px -1px;}
#sidebar .contact div.e2{background:url(../images/img.png) no-repeat -156px -31px;}
#sidebar .contact div.e3{ background:url(../images/email.png) no-repeat 3px 3px;}
#sidebar .contact div.e4{line-height:18px;background: url(../images/img.png) no-repeat -156px -172px;}
#sidebar .contact div.e1, #sidebar .contact div.e2, #sidebar .contact div.e3{min-height:20px; overflow:hidden;}

#page{margin-top:20px; font-size:0; text-align:center;}
#page span{border:1px solid #cbcdcc; display:inline-block; *display:inline; *zoom:1; font-size:12px; height:22px; line-height:21px; overflow:hidden; background:#fff; vertical-align:top; margin:0 4px;}
#page span em{ display:none;}
#page font, #page a{height:22px; padding:0 7px; display:block; text-align:center; color:#666;}
#page .page_item_current{background:#f0f0f0; color:#f00; cursor:default;}
#page .page_noclick{background:#f0f0f0; color:#aaa;}



#postit h3{margin-top:-1px;margin-left:-1px;font-size:14px;line-height:35px;border-left:5px solid #FF0012;padding-left:10px;color:#FF0012;font-weight:normal}
#postit .bread{padding-right:17px;font-size:12px;line-height:35px;color:#929292;text-align:right}
#postit .bread a{color:#929292}

#banner{width:100%; min-width:980px; overflow:hidden; text-align:center;}

#info_main{padding-top:30px}

#info_list{padding:20px 13px; min-height:400px;}
#info_list .first{padding:0 9px 14px 10px; height:auto; line-height:100%;}
#info_list .first .imgbox{width:169px; height:169px; border:1px solid #f0f0f0;}
#info_list .first .imgbox a{display:block; width:100%; height:100%; text-align:center; padding:0;}
#info_list .first .intro{width:511px}
#info_list .first .title{font-size:12px;font-weight:bold;color:#303030}
#info_list .first .date{padding:9px 0;font-size:12px;color:#5f5f5f}
#info_list .first .brief{font-size:12px;line-height:18px;color:#5f5f5f;word-break:break-all}
#info_list ul li{border-bottom:1px dashed #c1c1c1; height:40px;}
#info_list ul li a{padding-left:4px; height:40px; line-height:40px;}/*display:inline;*/
#info_list ul li span{line-height:40px;}

#info_detail{padding:0 25px 25px 25px; min-height:400px;}
#info_detail,#info_detail p{font-size:12px;line-height:30px;color:#333}
/*#info_detail p+p{padding-top:30px}*/

#info_detail{overflow:hidden; line-height:normal;}
#info_detail p{margin:5px 0;font-size:15px}
#info_detail h1, #info_detail h2, #info_detail h3, #info_detail h4, #info_detail h5, #info_detail h6, #info_detail b, #info_detail strong{font-weight:bold;}
#info_detail h4{margin:1.33em 0;}
#info_detail li{margin-left:30px;}
#info_detail i, #info_detail cite, #info_detail em{font-style:italic;}
#info_detail td, #info_detail th{padding:5px 10px; border:1px #ddd solid;}
#info_detail big, #info_detail small, #info_detail sub, #info_detail sup{color:inherit;}

#prod_list{padding-bottom:26px; min-height:300px;}
#prod_list .blk{margin:10px 15px; width:216px;}
#prod_list .imgbox{width:200px; height:200px;}
#prod_list .name{display:block; height:20px; overflow:hidden; line-height:20px; padding-bottom:4px; font-weight:bold; font-size:14px; border-bottom:1px solid #eaeaea; font-family:Arial;}
#prod_list .brief{height:40px; line-height:20px; overflow:hidden; padding-top:5px;}

#prod_detail{padding-top:10px;}
/**************************放大镜效果(start)**************************/
#prod_detail .gallery{margin-left:12px; width:350px; position:relative;}
#prod_detail .gallery *{_behavior:none;}
#prod_detail .gallery .bigimg{width:350px; max-height:350px; overflow:hidden; border:1px solid #f1f1f1;}
#prod_detail .gallery .bigimg a{width:350px; display:block; text-align:center; vertical-align:middle;}
#prod_detail .gallery .bigimg a.case{height:350px;}
#prod_detail .gallery .bigimg a img{vertical-align:middle; max-width:100%; max-height:100%;}
#prod_detail .gallery .MagicZoom{display:block; margin:0 auto;}
#prod_detail .gallery .MagicZoom img{border:0 !important; padding:0 !important; margin:0 !important;}
#prod_detail .gallery .MagicZoomBigImageCont{border:1px solid #999;}
#prod_detail .gallery .MagicZoomHeader{font-size:8pt !important; line-height:normal !important; color:#fff; background:#666; text-align:center !important;}
#prod_detail .gallery .MagicZoomPup{border:1px solid #ccc; background:#fff; cursor:move;}
#prod_detail .gallery .MagicZoomLoading{border:1px solid #ddd; background:#fff url(/static/images/global/loading.gif) no-repeat 2px 50%; padding:4px 4px 4px 24px !important; margin:0; text-decoration:none; text-align:left; font-size:8pt; font-family:sans-serif; color:#444;}
#prod_detail .gallery #zoom-big{position:absolute; top:0; left:360px;}
#prod_detail .gallery #zoom-big img{ max-width:none; max-height:none;}
#prod_detail .gallery #small_img{margin:10px auto;}
#prod_detail .gallery #small_img .bd span{float:left; margin:0 5px; border:1px solid #ccc; display:block; width:55px; height:55px; overflow:hidden;}
#prod_detail .gallery #small_img .bd span.on{border:1px solid #FF0012;}
#prod_detail .gallery #small_img .bd span a{display:block; width:55px; height:55px; vertical-align:middle; text-align:center;}
#prod_detail .gallery #small_img .bd span a img{max-width:100%; max-height:100%;}
/**************************放大镜效果(end)**************************/


#prod_detail .info{padding-right:15px;width:716px}
#prod_detail .info .name{padding-top:4px;padding-bottom:16px;font-size:14px;color:#333;border-bottom:1px dashed #c1c1c1; padding-left:5px;}
#prod_detail .info .brief{ line-height:180%; padding:0 5px; margin:5px 0;}
#prod_detail .info .price{ color:#FF0012; font-size:18px;}
#prod_detail .info .feature{padding-top:15px; line-height:24px;}
#prod_detail .info .feature p{font-size:12px;line-height:16px;padding-left:26px;background:url(../images/img.png) no-repeat -158px -81px;color:#333}
#prod_detail .info .feature p+p{margin-top:15px}
#prod_detail .info .inquire{display:inline-block; margin-top:15px; padding:0 15px; height:35px; font-size:13px; line-height:35px; font-weight:bold; color:#ffffff; background:#FF0012;font-weight:normal}
#prod_detail .sectit{margin:0 11px 0 12px;padding-bottom:15px;border-bottom:1px dashed #c1c1c1;font-size:14px}
#prod_detail .sectit h3{margin-left:6px;padding-left:8px;border-left:4px solid #FF0012;font-size:14px;color:#FF0012;font-weight:normal}
#prod_detail .detail{font-size:16px; padding:17px 29px 47px 26px; line-height:28px; color:#707070; word-break:break-all; min-height:200px;color:#000000}

#prod_detail .detail{overflow:hidden; line-height:normal;}
#prod_detail .detail p{margin:5px 0;}
#prod_detail .detail h1, #prod_detail .detail h2, #prod_detail .detail h3, #prod_detail .detail h4, #prod_detail .detail h5, #prod_detail .detail h6, #prod_detail .detail b, #prod_detail .detail strong{font-weight:bold;}
#prod_detail .detail h4{margin:1.33em 0;}
#prod_detail .detail li{margin-left:30px;}
#prod_detail .detail i, #prod_detail .detail cite, #prod_detail .detail em{font-style:italic;}
#prod_detail .detail td, #prod_detail .detail th{padding:5px 10px; border:1px #ddd solid;}
#prod_detail .detail big, #prod_detail .detail small, #prod_detail .detail sub, #prod_detail .detail sup{color:inherit;}

#footer{min-width:980px; margin-top:35px; padding-top:20px; padding-bottom:13px; background:#e9e9e9; border-top:1px solid #d7d7d7;}
#footer .blk{width:24.8%}
#footer .title{font-size:14px;color:#717171;font-weight:normal; margin:0 10px;}
#footer .sublist{padding-top:11px}
#footer .sublist a{font-size:12px;line-height:22px;color:#929292}
#footer .sublist a:hover{text-decoration:underline}
#footer .sublist li{list-style:none}
#footer .fsec2{padding-top:26px}
#footer .flink{font-size:0}
#footer .flink a{display:block; width:24px; height:24px; overflow:hidden; background-image:url(../images/img.png); background-repeat:no-repeat; float:left;}
#footer .flink a+a{margin-left:9px}
#footer .flink a.e1{background-position:0 0}
#footer .flink a.e2{background-position:-29px 0}
#footer .flink a.e3{background-position:-58px 0}
#footer .flink a.e4{background-position:-89px 0}
#footer .flink a.e5{background-position:-118px 0}
#footer .flink a.e1:hover{background-position:0 -30px}
#footer .flink a.e2:hover{background-position:-29px -30px}
#footer .flink a.e3:hover{background-position:-58px -30px}
#footer .flink a.e4:hover{background-position:-89px -30px}
#footer .flink a.e5:hover{background-position:-118px -30px}
#footer .copy{margin-left:19px;font-size:12px;line-height:24px;color:#747474}

input.form_button{ width:120px; height:32px; text-align:center; background-color:#666; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:Verdana; font-size:14px; color:#fff;}

#lib_inquire_list>ul>li .info{width:500px;}
#lib_down_list li a{ background:#FF0012; line-height:24px;}
#lib_down_list li a em{top:6px;}

#case_list{padding:7px;}
#lib_case_list li{ padding:8px;}
#cop{ color:#747474;}

.prod_info_group li a{ background:#FF0012; color:#FFF;}

/* 分页 */
.page{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; }
.page a,.page span{display:block;color:#390;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} /* SPAN和链接 */
.page a:hover, .page a.current{color:#F44;border:1px solid #F44} /* 当前链接有激活时 */
.page input{padding:0px;color:#390;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */
#sidebar .sideclose{display:none;}

@media all and (max-width: 640px) {/*当屏幕宽度小于640px时*/
	#header .sublist a{height:auto;line-height:normal; padding:10px 0;}
	#sidebar{position: fixed; top: 150px; width:240px; background-color: #fff; box-shadow: 2px 0px 10px #ccc; border: 1px red solid; opacity: 0.9; left:-200px; border-radius: 0px 5px 5px 0px; overflow:inherit; z-index:999;}
	#sidebar .title.e1{cursor: pointer; background:#FF0012 url(/template/images/menu.png) no-repeat right 8px center; line-height:normal; padding:10px 0;}
	#sidebar .title.e2{cursor: pointer; background:#ededed url(/template/images/phone.png) no-repeat right 8px center; margin-top: 0px; line-height:normal; padding:10px 0;}
	#sidebar .sidelist{height:0px;overflow: hidden;}
	#sidebar .sidelist a{line-height:normal; padding:10px 0; padding-left: 30px;}
	#sidebar .contact{height:0px; overflow: hidden;}
	#sidebar .contact div.e1 {
	    background: url(../images/img.png) no-repeat -156px 8px;
	}
	#sidebar .contact div.e2 {
	    background: url(../images/img.png) no-repeat -156px -22px;
	}
	#sidebar .contact div.e4 {
	    line-height: 18px;
	    background: url(../images/img.png) no-repeat -156px -166px;
	}
	#sidebar .contact div+div{ margin: 5px;}
	#sidebar .contact div{line-height:normal; padding:8px 0; padding-left: 30px; margin: 0px;}
	#sidebar #sideclose{display:none;}
	#sidebar .sideclose{display:none !important;}
	
	#sidebar:hover{left:-200px;transform:translateX(200px); transition: all 0.4s; -webkit-transform:translateX(200px); -webkit-transition: all 0.4s; -ms-transform:translateX(200px); -ms-transition: all 0.4s; -moz-transform:translateX(200px); -moz-transition: all 0.4s; -o-transform:translateX(200px); -o-transition: all 0.4s;}
	.sidebar{left:0px !important;transform:translateX(-200px) !important; transition: all 0.4s !important; transition-delay: 0.5s !important; -webkit-transform:translateX(-200px) !important; -webkit-transition: all 0.4s !important; -webkit-transition-delay: 0.5s !important; -ms-transform:translateX(-200px) !important; -ms-transition: all 0.4s !important; -moz-transform:translateX(-200px) !important; -moz-transition: all 0.4s !important; -o-transform:translateX(-200px) !important; -o-transition: all 0.4s !important;}
	#sidebar:hover > #sideclose{display:block; width:22px; height:60px; background:#FF0012 url(/template/images/left.png) no-repeat center center; left: 240px; top: 50%; border-radius: 0px 8px 8px 0px; position:absolute; pointer-events:auto;}
	#sidebar:hover > #sideclose:hover{display:block; background-color:transparent;background-image:none; top:0px; width:300%; height:400%; pointer-events:auto;}
	#sidebar .promenu:hover+.sidelist{height: auto;}
	#sidebar .sidelist:hover{height: auto;}
	#sidebar .contactmenu:hover+.contact{height: auto;}
	#sidebar .contact:hover{height: auto;}
	
	#info_main{padding-top: 0px;}
	#postit .bread{float:left;text-indent:10px;}
	#prod_list,#info_list{clear:both;}
	#info_detail{clear:both; padding:5px;}
	#prod_detail .detail{clear:both; padding:10px;}
	.main>.fr{width:100%;}
	#prod_list .blk {margin: 0px; width: 50%;}
	#prod_list .imgbox {width: 95%; height: 200px;}
	#prod_list .brief{padding: 0px 10px; font-size:14px;}
	#prod_list .page{ padding: 20px 13px;}
	.page a{display:none; height: auto; line-height:normal; padding:10px 0; width: 18.8%; color: #666; background-color: #f3f3f3;}
	.page a.current,.page a.firstpage,.page a.prevpage,.page a.nextpage,.page a.lastpage{display:inherit; border: 0px; height: auto; line-height:normal; padding:10px 0;}
	.page a.current{ padding:11px 0;}
	.page span{ height: auto;line-height:normal; padding:10px 0; width: 100%; margin:0px;}
	
	
