﻿@charset "utf-8";
/* CSS Document */
body,header,p,dl,ul,li,dd,h2,h3,h1,ol,li{ margin:0; padding:0}
a{text-decoration:none}
li{list-style:none}
img{ vertical-align:middle}
body,#footer,#center{ font-family:"微软雅黑"}
#box,#top,.top_left,.top_right,.head,.nav,#center,.recommend,.brand h1,.brand,.brand_right,.recommend2{ overflow:hidden;zoom:1}
input,.top_left,p.logo,p.city,form,div.prig{float:left}
#box{width:100%;border:#000 1px solid;}
#top{height:40px;background-color:#FAFAFA}
.top_left{width:400px;margin-top:10px;font-size:12px;color:#666}
.top_right{float:right;width:300px;}
.top_right a{text-decoration:none;color:#999;font-size:12px;padding:15px 5px;float:left;}.top_right a:hover{color:#F60}
.head{ width:1300px; margin:0 auto;}
.query{width:150px;padding:15px 5px 0;color:#999;font-size:12px;overflow:hidden;zoom:1; float:left}.query a{float:none; }.query img{float:none; vertical-align:middle; padding:-15px 5px 0}
.logo{margin:15px 0 10px 65px;width:17%}
#forms{background:url(../images/so.png) no-repeat;width:400px;height:100px;margin:30px 0 0 60px;}
#forms .text{border:0;padding-left:10px;outline:medium; margin-top:15px;margin-left:20px;width:400px;}
#forms label{color:#fff;padding:5px 30px;cursor:pointer}
#forms .top_suo{font-size:12px;color:#A0A0A0;line-height:40px; width:400px; clear:both; height:40px;margin-top:20px;}
.top_suo a{text-decoration:none;color:#666}.top_suo a:hover{color:#03F}
.pro{ margin-left:80px; width:220px; margin-top:25px; float:left;}
#navigation{background-color:#069; width:100%}
.nav{width:1200px;margin:0 auto;height:45px} 
.nav li{list-style:none;float:left;height:45px;line-height:45px; position:relative}
.nav li a{text-decoration:none;color:#FFF;float:left;width:115px;text-align:center;font-family:"微软雅黑";font-size:16px; position:relative}
a.current,.nav li a:hover{ background:url(../images/nav_bg.png) no-repeat left -4px;}
.nav li.all a{width:190px;background:#01A31C;margin:0 20px;height:45px; padding-left:30px; text-align:left}
.all{position:relative}
.all span{position:absolute;right:25px; top:15px}
#center{overflow:hidden;zoom:1; width:1200px; margin:0 auto}
#center_right{ /*float:right;*/ /*border:#ccc 1px solid;*/ margin-top:30px}
.brand{float:right;width:78%;}
.recommend,.advantage{width:100%; border-collapse:collapse; clear:both;}
.brand h1{height:20px; margin:20px 0}
.brand h1 span{float:left;line-height:20px;font-size:16px;}
.brand h1 a{ float:right;font-size:12px;color:#999;}
.recommend{ position:relative}
.recommend li{ float:left; width:150px;height:85px;}
.recommend td{border:#ccc 1px solid;text-align:center}
.brand_left,.brand_right{ float:left}
.brand_left{ border:#ccc 1px solid; width:22%; height:300px; margin:5px 0; }
.brand_left dd{ text-align:center; font-size:12px;color:#333;}
.brand_right{width:77%}
.brand_right dl{ border:#ccc 1px solid; float:left; width:202px; height:144px;  margin:5px 0;margin-left:23px;position:relative;}
.brand_right dt{ margin:5px auto; width:100px;}.brand_right dt img{ margin-left:15px}
.brand_right dd{ text-align:center; font-size:12px; color:#666; padding:5px 0}
.brands{ clear:both;width:98%; margin:0px 0;margin-left:20px;overflow:hidden;zoom:1}
.brands h1,.weld{height:20px; margin:20px 0}.brands span{border-left:3px #03F solid}.weld span{ border-left:#0C3 3px solid}
.brands span,.weld span{float:left;padding-left:10px;line-height:20px;font-size:16px;color:#333;}
.brands h1 a,.weld a{ float:right;font-size:12px;color:#999;}
.metcal img{margin:0; padding:0; float:left;}
.span{ position:absolute;left:20px;bottom:60px;}.span span{ display:block;clear:both;color:#333; font-size:14px; border:none; line-height:25px}
.border_top{ border-top:2px #26BC3F solid;width:99.75%}
.border_tops{ border-top:2px #03F solid}
.hots{position:absolute;left:-15px;top:-7px}
.trait{ margin-left:20px}
.trait p{ display:block; clear:both; border:none;font-size:14px; line-height:25px;margin-top:10px;text-align:center}
#img_left img{ text-align:left;}
.fresh{position:absolute;left:-12px;top:0px}
#footer{  border:#ccc 1px solid; margin-top:20px; overflow:hidden;zoom:1}
.footer_bg{ background-color:#03F; height:80px}
.bottom_nav{ width:55%;overflow:hidden;zoom:1; float:left; margin-left:90px}
.bottom_nav li{ float:left}
.bottom_nav a{color:#fff; padding:5px 20px; float:left; line-height:70px; height:70px}.bottom_nav a:hover{color:#F90}
.footer_bg p{ float:right; width:30%; margin-right:20px; font-size:16px;color:#fff; margin-top:25px}
.footer_bg p span{ display:block; font-size:12px}
.end{margin-top:20px}
.end,.end a{color:#999;text-decoration:none;padding:0 10px}.end a:hover{color:#00F}
.footer_left,.footer_right{  overflow:hidden;zoom:1; margin-bottom:20px}
.footer_left h2{ font-size:12px;color:#333; margin-left:5px; margin-bottom:20px}
.footer_left{ width:45%; border-right:#ccc 1px solid;float:left; margin-left:80px; margin-top:15px; padding-right:20p; padding-bottom:15px}.address{ line-height:35px; margin-top:10px}.address p{ padding-left:10px;font-size:12px;color:#666}
.phone,.address{float:left; width:68%}
.footer_right{width:40%;float:right;margin-top:15px}
.weixin dd{ width:45%;margin-top:10px; line-height:20px;font-size:12px; float:right;color:#666;}.weixin dt{ float:left}
.weixin{float:left;width:43%; overflow:hidden;zoom:1;}
.shared{ float:right;width:45%;}
.shared h3{ font-size:12px;color:#333}
.shared span{ width:40%; float:left; margin-top:10px; font-size:12px;color:#666}
.copyright{ width:90%; margin:0px auto; border-top:#ccc 1px solid; clear:both; padding-top:20px; overflow:hidden;zoom:1;color:#333; font-size:12px; text-align:center}.copyright p span{color:#ccc;}/*index end*/
.product_left,.product_right{ float:left}
.product_left{ width:18%;margin:10px 20px}
.product_right{width:75%;margin:5px 0px}
.title{ font-size:14px;color:#666;  background:url(../images/wu.png) no-repeat left; margin:10px 0;margin-left:20px;}
.title span{ padding-left:25px}
.black,.title a:hover{color:#333}
#seal{height:35px;background-color:#2873F2;border-bottom:none;line-height:35px;}
#seal a{ background:url(../images/bang.png) no-repeat left;font-size:14px; padding-left:10px; margin-left:10px;display:block;color:#fff}
.list{ overflow:hidden;zoom:1; border:#ccc 1px solid; }
.list li{border-bottom:1px #ccc dotted;}
.list a{ font-size:12px; color:#333; padding-left:20px;display:block; line-height:32px}
.hot{ border:#ccc 1px solid; margin:15px 0}.hot dt{ margin:10px auto}
.hot dt img,.hot dd img{ margin-left:35px;}.hot dd{ margin:10px auto; border-top:1px #ccc dotted; width:98%; padding:10px 0}.hot dd img{ margin-left:30px}
#hot{height:35px;color:#fff;background-color:#4CD549;border-bottom:none;line-height:35px;color:#fff; padding-left:20px; font-size:14px}
#series{ overflow:hidden;zoom:1;}
#series dl{ width:200px; height:200px; border:1px #ccc solid; float:left; margin-top:10px;margin-left:16px}
#series dt,#series dd{ text-align:center; margin:15px 0}
    #series dd {
        color: #333;
        font-size: 12px;
    }


 
        #series dt img {
        width:65%;
        height:70%;
    }
.page{ height:50px;color:#333;margin:29px auto; width:45%; margin:10px auto; }
.page span{width:60px;border:#CCC 1px solid;text-align:center;height:30px;line-height:30px;margin-left:5px;color:#333;cursor:pointer;float:left;margin-top:20px}
.page a{float:left;width:60px;height:30px;line-height:29px;text-align:center;margin-left:5px;margin-top:20px}
.page a.one,.page a:hover{color:#000;cursor:pointer; }/*product end*/
.about_top{overflow:hidden;zoom:1}
.about_bottom{ margin:10px 0 50px}
#picture{width:46%; float:right; overflow:hidden;zoom:1; padding:0; margin:0;}
#picture dl{ float:left; width:49%; height:206px; overflow:hidden;zoom:1; margin:0; padding:0}
.about_p{ float:left; overflow:hidden;zoom:1; margin-left:18px;}
.about_left{  margin-left:20px}
.headline{ font-size:14px;color:#333; margin:20px 20px}
.article{ font-size:12px;color:#666; line-height:25px; text-indent:2em; margin:10px 15px}/*about end*/
.contact_top{ overflow:hidden;zoom:1;}
.site,.tel,.letter{ float:left; width:31.7%; margin:10px 0; height:240px; margin-left:19px;line-height:26px;}
.site dd,.tel dd,.letter dd,.site dt,.tel dt,.letter dt{ text-align:center; font-size:12px;color:#666; margin:40px 0}
.site{ background-color:#E9F8FF}
.tel{ background-color:#FFF3F3}
.letter{ background-color:#FFF3E3}
.math{ margin:15px 0; margin-left:15px;}
.contact_bottom{ margin:80px 15px; border:#ccc 1px solid; overflow:hidden;zoom:1; width:98.5%}
.form{ width:80%; margin:20px 185px;}
.form p{ width:40%;overflow:hidden;zoom:1; line-height:30px; float:left; margin:10px 40px}
.form label{ width:10%;float:left; text-align:center;color:#333; font-size:14px; background:url(../images/xx.png) no-repeat left}
.form input{ float:left; width:60%; height:30px; border:1px #ccc solid; background:none}
#sub{ clear:both; }
#sub input{ width:30%; height:35px; border:1px #ccc solid;color:#fff; background-color:#4280E5;margin-left:35px}
#message{ width:98%;}#message textarea{ width:72%; height:100px;color:#666; padding:10px; font-size:12px}
#message span{ display:block; margin-left:35px;color:#333;}#message label{ width:4%; solid}
.Feedback{ width:50%; margin:20px auto; text-align:center; font-size:16px;color#333}/*about end*/
#brand{ overflow:hidden;zoom:1; margin-bottom:40px}
.mark{ overflow:hidden;zoom:1}
.mark li{ border:#ccc 1px solid; width:210px; margin:10px 0; float:left; height:114px; text-align:center; line-height:114px; margin-left:22px}
.press{  margin:10px 0;border:#ccc 1px solid; width:279px; float:left; margin-left:19px; background-color:#F8F8F8; height:340px;}
.press dd{ text-align:center; font-size:14px;color:#666; padding-top:15px}
.press span{ display:block;color:#999; font-size:10px; margin-top:5px}
.press section{font-size:12px;color:#666; padding:20px 15px;line-height:25px; border-top:#ccc 1px dotted; margin-top:15px}/*news end*/
#zhiye{margin-top:10px}
#zhiye .zhiye_top{color:#333;font-size:16px;text-align:center;margin:10px 0;font-family:"微软雅黑"; border-bottom:#ccc 1px dotted; margin-left:20px}
#zhiye span{ color: #999;
    display: block;
    font-size: 12px;
    /*height: 40px;*/
    line-height: 180%;
    margin: 10px 0;
    /*text-align: center;*/} 
#zhiye p{width:97%;font-size:12px;color:#999;margin:20px 20px;line-height:20px;text-indent:2em}
#zhiye b{ margin-left:20px; font-size:14px; color:#999; font-weight:normal}
.big{ margin:30px auto; width:58%}
.border{width:70%;float:left; margin-top:20px}
.book{text-decoration:none;color:#999;font-size:12px;margin-top:10px;display:block}
.book:hover{color:#F60}
.figure{ margin-left:40px; margin-top:10px}
.figure li{ list-style:decimal; font-size:12px;color:#999; line-height:25px}
.piece{ overflow:hidden;zoom:1; border-top:#ccc 1px solid; margin-top:20px; width:98%; margin-left:20px; margin-bottom:50px}
.share{float:right; width:20%; margin-top:20px}/*news */
#attract .language{ overflow:hidden;zoom:1; float:left; width:98%; clear:both; color:#333; font-size:12px; margin:20px 0}
.language li{float:left; line-height:25px}
.require li{list-style:decimal;font-size:12px;color:#333;line-height:25px; margin-left:15px}.require{ margin:10px 0 30px 0 ;}
#attract{width:86%; border:#9ABBF2 2px solid; margin:20px; overflow:hidden;zoom:1; padding-bottom:15px; }
.case{ width:90%;margin:10px auto 30px; overflow:hidden;zoom:1}
#attract h6{font-size:16px;color:#9ABBF2; font-weight:normal;margin:0px;height:52px; line-height:52px; padding-left:45px; background:url(../images/jia.png) no-repeat left;background-color:#F9F9F9}
#attract .aa{ width:100%;clear:both; margin:0; padding:0; font-size:12px}
#attract p{ margin-top:20px; margin-left:20px;color:#333;}
.time span{ padding-right:40px;}
.time{margin-top:10px;color:#666; font-size:14px; border:#ccc 1px solid; width:90%}
.turn a{color:#060; text-decoration:underline;}
.turn{ font-size:12px;color:#666;}/**/
#recommend2{ margin-left:20px; width:90%; border-collapse:collapse;}
#recommend2 li{border:#ccc 1px solid; width:178px; text-align:center;float:left; font-size:12px;}
.essay{ border:#ccc 1px solid; width:98%; margin-left:20px; overflow:hidden;zoom:1; margin-top:30px}
.essay_left{ float:left; width:49%;margin:5px;}
.essay_right{ float:left; width:49%;margin:5px;}
.character{ overflow:hidden;zoom:1;}
.AA{background:url(../images/AA.png) no-repeat left}
.BB{background:url(../images/BB.png) no-repeat left}
.CC{background:url(../images/CC.png) no-repeat left}
.DD{background:url(../images/DD.png) no-repeat left}
.FF{background:url(../images/FF.png) no-repeat left}
.EE{background:url(../images/EE.png) no-repeat left}
.GG{background:url(../images/GG.png) no-repeat left}
.HH{background:url(../images/HH.png) no-repeat left}
.II{background:url(../images/II.png) no-repeat left}
.JJ{background:url(../images/JJ.png) no-repeat left}
.KK{background:url(../images/KKK.png) no-repeat left}
.LL{background:url(../images/LL.png) no-repeat left}
.MM{background:url(../images/MM.png) no-repeat left}
.NN{background:url(../images/NN.png) no-repeat left}
.OO{background:url(../images/OO.png) no-repeat left}
.PP{background:url(../images/PP.png) no-repeat left}
.QQ{background:url(../images/QQQ.png) no-repeat left}
.RR{background:url(../images/RR.png) no-repeat left}
.SS{background:url(../images/SS.png) no-repeat left}
.TT{background:url(../images/TT.png) no-repeat left}
.UU{background:url(../images/UU.png) no-repeat left}
.VV{background:url(../images/VV.png) no-repeat left}
.WW{background:url(../images/WW.png) no-repeat left}
.YY{background:url(../images/YY.png) no-repeat left}
.XX{background:url(../images/XXX.png) no-repeat left}
.AA,.BB,.CC,.DD,.FF,.EE,.GG,.HH,.II,.JJ,.KK,.LL,.MM,.NN,.OO,.PP,.QQ,.RR,.SS,.TT,.UU,.VV,.WW,.YY,.XX{ font-size:14px;color:#666; padding-left:15px; border-bottom:1px #ccc solid;line-height:35px;}
.character p{ margin:10px 5px;color:#666; font-size:12px}
.character b{color:#333; font-weight:bold; margin-right:15px}
.character span{ margin:0 10px}
.character a{ /*margin-left:45px*/;color:#03F}

.particulars_right{ float:right; width:78%;overflow:hidden;zoom:1}
.leftImg{ width:355px; float:left;margin-left:20px}
.jqzoom{float:left;position:relative;padding:0px;cursor:pointer; margin-bottom:10px; width:90%}
div.zoomdiv {z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#fff;border:1px solid #CCC;display:none;text-align: center;overflow: hidden;}
div.jqZoomPup {z-index:99;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border: 1px solid #aaa;background: #fff url(../images/zoomlens.gif) no-repeat top 50%;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.jqzoom img{ margin:0 80px}
.jqzoom{float:left;position:relative;padding:0px;cursor:pointer; margin-bottom:10px; width:90%}
div.zoomdiv {z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#fff;border:1px solid #CCC;display:none;text-align: center;overflow: hidden;}
div.jqZoomPup {z-index:99;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border: 1px solid #aaa; background:url(../images/zoomlens.gif) no-repeat top ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
#smallList{ width:90%; margin:10px 50px; position:relative}
#smallList img{margin-right:10px; border:#ccc 1px solid; float:left}
#smallList img.redBorder{ border:#f00 1px solid}
#midList{width:100%;}
#left{ position:absolute;left:-50px;top:190px}
#right{ position:absolute;right:40px;top:190px}
.magnifying{ float:left; overflow:hidden;zoom:1; width:50%; margin-top:10px; margin-bottom:40px}
.buy{ float:left; overflow:hidden;zoom:1; width:40%;margin-left:10px; }
.become{ font-size:14px;color:#666; border-bottom:1px #ccc dotted; width:100%; padding-bottom:10px; margin:10px 0}
.Art li{color:#666; font-size:12px; line-height:25px;}
.small{ font-size:12px;color:#666; border:1px #ccc solid; border-left:none; border-right:none; height:30px; line-height:30px}
.small span{ margin-left:20px}
.print{ margin:10px 0}
.print img{ margin-right:10px}
.shares{color:#666; font-size:14px}
.shares img{ vertical-align:middle}
.describe{border:1px #ccc solid;overflow:hidden;zoom:1; clear:both; width:64%; margin:40px 0}
.describe li{ float:left; width:194px;}.describe a{ float:left;height:40px; line-height:40px; text-align:center; border-left:1px #ccc solid;color:#333;width:195.7px; font-size:14px}
/*.active,.describe a:hover{ background-color:#D9E8FF}*/
.describe .active{ border-left:none}
.feature{ border:#ccc 1px solid; padding:20px}
.feature p{ color:#666; font-size:12px; line-height:25px; margin:10px 20px}
.pattern span{ display:block; font-size:14px;color:#333; margin:5px 10px}
.pattern li{ line-height:25px;color:#333; font-size:12px; margin-left:10px; background:url(../images/list.png) no-repeat left; padding-left:20px}
.pattern{ margin:10px 0}
.size{ overflow:hidden;zoom:1; border-collapse:collapse; border:#ccc 1px solid; width:100%; margin-top:10px}
.size td{ border:#ccc 1px solid; height:30px; font-size:12px;color:#666; padding-left:10px}
.technology{ font-size:14px;color:#333; margin:0; padding:0}


/*以下是新添加的*/
.index_pita{
	float:left;
	/*border:#ccc 1px solid;*/
	width:239px;
	height:467px;
	/*border-bottom:none;*/
	position:relative;
    border-right :1px solid #ccc;
     
	}
.index_pitb{
	float:left;
	width:330px;
	height:238px;
	border-bottom:1px #ccc solid
	}
.index_pitc{
	float:left;
	border:#ccc 1px solid;
	width:275px;
	height:238px;
	border-top:none;
	}
.index_pitd{
	float:left;
	width:260px;
	height:238px;
	border-bottom:#ccc 1px solid
	}
.index_pite{
	float:left;
	width:249px;
	height:229px;
	}
.index_pitf{
	float:left;
	width:214px;
	height:229px;
	border:#ccc 1px solid;
	border-top:none;
	border-bottom:none
	}
.index_pitg{
	float:left;
	width:395px;
	height:229px;
	overflow:hidden;zoom:1
	}

.index_tab{
	width:99.7%;
	border:#ccc 1px solid;
	overflow:hidden;zoom:1
	}
.index_pitb dt,.index_pitc dt,.index_pitd dt,.index_pite dt,.index_pitf dt{
	text-align:center;
	}
.index_pitf dt{
	height:150px;
	}
.index_pfdt{
	height:140px;
	margin-top:20px;
	}
.index_pitg dt{
	margin-top:20px;
	margin-left:10px;
	float:left;
	width:245px
	}
.ind_pgdd{
	float:right;
	width:130px;
	margin-top:100px
	}
.ind_pgdd span{ display:block; clear:both; border:none;font-size:14px;color:#666; line-height:25px}
.ind_span{ position:absolute;left:20px;bottom:60px; z-index:100}
.ind_span span{ display:block;clear:both;color:#333; font-size:14px; border:none; line-height:25px}
/*以下开始改*/
.essay_left{float:left; width:100%;margin:5px;}
.character{
	 overflow:hidden;zoom:1;
	 width:512px;
	 float:left;
     margin-left:20px;
     /*height:100px;*/
	 }






/*以下是4-22添加*/
.search_inpbox{
	width:400px;
	height:35px;
	/*border:2px solid #00C020;*/
	float:left;
	border-radius:5px;
}
.search_inp{
	float:left;
	display:inline-block;
	font-size:12px;
	color:#999;
    padding-left:10px;
   　border-width:0;
　  border-style:none;
    line-height:35px;
    height:35px;
    background:none
}
.search_inp:focus{
 outline:none;
　　}
.search_btn{
   background: #00c020 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 14px;
    font-weight: bold;
    height: 34px;
    margin-top: 5px;
    width: 88px;
}
}
.search_btn:focus{
 outline:none;
　　}
.search_tipa{
	float:left;
	margin-left:14px;
}
.search_tipa a{
	line-height:16px;
}
.main_inpa{
	border:none;
	font-family:'微软雅黑';
}