@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
img{border:0;}
body { margin:0 auto;font-family:宋体; background:#ececec}
body,td,th {font-size:12px;color:#666; line-height:20px; }
a{ color:#666; text-decoration:none;}
a:hover{color:#b40608;}
.clear{ clear:both;}
ul{ list-style-type:none;}
/* 整体 */

#framTop{width:100%; height:195px; background:#ececec}
#fmT{width:970px; height:161px; margin:0 auto; background:url(../images/1_01.jpg) no-repeat bottom;padding:0px 10px; padding-top:34px}
#fmT .logo{ float:left; margin-top:15px}
#fmT .tr{ float:right; width:325px; margin-top:25px}
#sform{ float:right; width:195px;  height:26px;background:url(../images/1_03.jpg) no-repeat; margin-top:20px}
#sform input{ background:0; border:0;}
#stext{ float:left; width:137px; line-height:26px;height:26px; margin-left:8px; color:#000}
#sbut{ float:right; width:30px; height:26px; cursor:pointer; }
#share{float:left;width:235px;padding-bottom:8px; margin-top:10px}
.gj{ float:left;margin-right:5px; }
.gj a{ font-family:Arial;color:#555555;}
.gj img{ float:left;margin-right:8px; margin-top:0px}
#nav{ width:970px; color:#fff; background:url(../images/1_04.jpg);height:42px; margin-top:15px;float:left;}
#nav li{ float:left; line-height:42px; font-size:14px; display:inline}
#nav li a{ display:block; width:114px; text-align:center;color:#fff; border-right:1px solid #fe1906; font-weight:bold}


#jsddm li ul{margin: 0;padding:0;visibility: hidden;width:262px; position:absolute;background-color:#b40608; margin-top:1px;filter:alpha(opacity=90);-moz-opacity:0.9; z-index:9999;}		
#jsddm li ul li{margin: 0;padding: 0;float: none;display: inline; background:none; text-align:left; height:35px; line-height:35px; width:131px; float:left}		
#jsddm li ul li a{width: auto;color: #fff; padding-right:5px; font-size:12px; text-align:center; border-bottom:1px solid #fe1906}			
#jsddm li ul li a:hover{color:#fff; background:#910103;}

#fmBar{ width:100%;height:438px; background:url(../images/1_05.jpg) top center}
#fBar{width:970px; padding:0px 10px; background:url(../images/1_06.jpg); margin:0 auto;}

#fmBar1{ width:100%;height:200px; background:url(../images/1_05.jpg) top center}
#fBar1{width:970px; padding:0px 10px; background:url(../images/1_06.jpg); margin:0 auto}

#framContent{width:970px; margin:0 auto; padding:22px 10px 0px 10px; background:#fff}
#left{ float:left; width:255px;}
#left .lbt{ float:left; width:255px; height:25px; line-height:25px; background:url(../images/1_07.jpg)}
#left .lbt strong{ float:left; color:#000; padding-left:15px}
#left .lbt a{ float:right; color:#6a6665; font-family:Arial; padding-right:15px}
.ulCategory{ float:left; width:253px; border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5}
.ulCategory li{ float:left; width:235px; height:71px; background:url(../images/1_08.jpg);padding:9px 9px 0px 9px}
.ulCategory li img{ float:left; border:1px solid #bebebe}
.ulCategory li .pname{ float:left;width:120px;height:16px; line-height:16px; background:url(../images/1_10.jpg) no-repeat left; display:block; margin-left:13px; padding-left:20px; color:#bc141d; font-weight:bold}
.ulCategory li p{ float:left; margin-left:13px; margin-top:7px; height:40px; overflow:hidden;width:120px}

#right{ float:right; width:690px;}
.divTitles{ float:left; width:670px; height:27px; line-height:27px; background:url(../images/1_11.jpg); color:#fff; font-weight:bold; padding-left:20px}
.divTitles strong{ float:left;}
.divTitles a{ float:right; color:#666666; font-weight:normal; margin-right:12px}
.divCs{ float:left; width:668px; border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5; padding:10px; padding-bottom:19px;}
.divCs img{ float:left}
.divCs .ditemT{ float:left; width:385px; line-height:30px; border-bottom:1px solid #e4e4e4; margin-left:10px; background:url(../images/1_16.jpg) no-repeat left center; background-position:10px 10px;color:#043e88; padding-left:25px}
.divCs .ditemT strong{ float:left; font-weight:normal}
.divCs .ditemT a{ float:right}
.divCs p{ float:left; width:410px; margin-left:10px; margin-top:10px; height:120px; overflow:hidden}
.divCs ul{ width:410px; float:left; margin-left:10px; margin-top:10px}
.divCs ul li{ float:left; width:410px; line-height:23px}
.divCs ul li a{ padding-left:25px; float:left;width:300px; background:url(../images/1_15.jpg) no-repeat left center; display:block}
.divCs ul li p{ float:right; width:60px; height:23px; margin:0px}
.imgCer{ padding:6px; border:1px solid #cfcfcf; float:left}

.divCsT{ float:left; width:668px; height:330px; border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5; padding:10px; background:#f8f8f8;}
.pcp{ float:left; width:152px;background:url(../images/1_21.jpg) no-repeat; margin-left:12px; margin-top:10px}
.pcp img{ border:1px solid #e1e1e1; width:140px; height:105px; padding-left:6px; padding-top:5px}
.ptp{ width:152px; line-height:25px;height:25px; text-align:center; margin-top:10px}
.ptp a{ color:#333333}

#framScroll{ width:1030px; margin:0 auto; margin-top:15px}
#framScroll .button{ width:30px; float:left;height:295px}
#framScroll .button img{cursor:pointer}
#framScroll .middle{ float:left; width:938px; height:265px; border:1px solid #c5c5c5; padding:15px}
.leftCategory{ width:376px; height:265px; float:left; background:url(../images/1_23.jpg)}
.leftCategory img{ margin-left:15px; margin-top:14px}

.pcp1{ float:left; width:158px;height:123px; background:#f0f0f0; border:1px solid #e1e1e1; margin-left:20px}
.pcp1 img{width:140px; height:105px; padding:8px}
.network{ width:970px; margin:0 auto; margin-top:15px;}
.video{ float:left; width:317px; height:270px; background:url(../images/1_24.jpg)}
.divnet{ float:right; width:638px; height:270px;}

#frameFoot{ width:100%; background:#ececec; height:300px}
.fotWidth{ width:990px; background:#fff; margin:0 auto}
.foot{ width:970px; margin:0 auto; height:242px; background:url(../images/1_29.jpg); color:#ffffff;}
.foot img{ float:left}
.fotMenu{ float:left; width:970px; height:24px; line-height:24px; margin-top:15px; text-align:center}
.fotMenu a{ margin-right:25px; color:#ffffff}
.divCopy{ width:970px; float:left; text-align:center; margin-top:20px}
.divCopy a{ color:#ffffff}
.divCopy a:hover{ color:#ffffff}

#mains{width:970px; margin-bottom:10px; margin:0 auto; padding:20px 10px 0px 10px; background:#fff}

.left{ float:left; width:208px; padding-left:2px; background:#fff}
#lbt{ float:left; width:190px; padding-left:18px; line-height:27px; font-size:12px;background:url(../images/lbt.jpg); color:#fff; font-weight:bold}
#lnr{ float:left; width:208px;}
.left ul{float:left;width:208px; padding-top:2px} 
#lnr ul li { float:left; width:208px; padding-bottom:2px}
#lnr ul li a{ float:left; width:180px; line-height:29px;background:url(../images/3_11.jpg) no-repeat; color:#666; padding-left:28px;}
#lnr ul li a.hover{color:#fff; background:url(../images/3_12.jpg)}
#lnr ul li a:hover{color:#fff; background:url(../images/3_12.jpg)}
#lnr ul li ul li a{ background:none; background:url(../images/2_04.jpg) repeat-x bottom;}
#lnr ul li ul li a:hover{ background:url(../images/2_04.jpg) repeat-x bottom; color:#b40608}

.right{ float:right; width:750px;background:#fff; margin-bottom:20px}
#rbt{float:left; width:750px; height:27px; line-height:27px; background:url(../images/lbtr.jpg)}
#rbt strong{float:left; font-size:12px; color:#fff; padding-left:20px}
#rbt strong a{ color:#fff}
.more{ float:right; padding-right:20px}
#rnr{ float:left; width:728px; padding:10px; border:1px solid #c5c5c5; border-top:none;height:auto!important;height:500px; min-height:500px;}
#rmc{float:left; width:716px; padding:5px;background:#e2e2e2;margin-bottom:10px;}
#rmc strong{ float:left; font-size:14px; font-weight:normal; padding-left:5px; color:#000}
.ran{ float:right;}
.ran img{ float:left;}
.ran a{ float:left; font-size:11px; padding-left:8px; padding-right:8px; color:#000}
#rlt{ float:left; width:338px; padding-bottom:10px;}
.rtp{ float:left; padding:3px;border:#e5e5e5 solid 1px; margin-bottom:8px;}
.rtp1{ float:left; padding:2px;border:#e5e5e5 solid 1px; margin-bottom:8px; margin-right:5px;}
.rms{ float:right; width:330px;}
.rms p{ padding-bottom:8px;}

.cwz{ float:left;width:205px; padding:10px 0px; line-height:24px; border-bottom:4px solid #c3c3c3}

#newsrnr{ float:left; width:722px;}
.cwzNewss{ float:left; width:722px; border-bottom:2px #cccccc dotted;}
#cwzNewsimg{ float:left; width:128px; height:85px; margin-top:12px; line-height:20px; background-color:#c9010e;}
#cwzNewsTitle{ float:left; width:500px; line-height:30px; margin-top:5px}
#cwzNewsTitle a{ float:left; color:#c9010e; font-size:12px; font-weight:bold;}
#cwzNewsTitle span{ float:left; padding-left:10px;}
#cwzNewsAddtime{float:left; padding:0 10px; text-align:left; padding-left:10px; line-height:30px;color:#c9010e; margin-top:5px }
.cwzNewsRemark{ float:left; width:580px; padding-left:10px; line-height:20px;height:60px; overflow:hidden; text-align:justify;}
.cwzNewsRemark a{ color:#184b8c; }
.morenews{ float:right; width:580px; padding-right:10px; line-height:25px; text-align:right; margin-bottom:5px;}
.morenews a{ float:right; color:#c9010e; }

#newtitle{ float:left; line-height:30px; width:722px; font-size:16px; font-weight:bold; border-bottom:dotted 1px #e3e3e3;text-align:center;}
#newscontent{ float:left; width:722px; text-align:left; padding-top:10px; padding-bottom:10px}
#newsback{float:left; text-align:center; height:30px; width:722px; font-weight:bold}
.newsf{ float:left; width:722px;}



.moret{width:722px;font-size:12px; float:right;border-bottom:#cecece solid 1px; margin-bottom:5px}
.moret a{ float:right; padding-bottom:10px}

.none{width:722px;font-size:12px; float:right; padding-top:20px; font-weight:bold}

#sitemapnav {
	width:728px;
	/*background:url(../images/default/sitemapnav_bg.gif) bottom no-repeat;*/
	font-size:12px;
	font-family:Tahoma;
	padding-left:10px;
}
#sitemapnav .fontbig {
	width:500px !important;
}
#sitemapnav li {
	float:left;
	width:500px;
	line-height:22px;
}
#sitemapnav li a {
	text-decoration:underline
}
#sitemapnav li a:hover {
	color:#00458e;
	 font-weight:bold
}
.probigclass {
	padding-left:50px;
}
#sitemapnav .PROclass_01 {
	width:450px;
	padding-left:22px;
	background: url(../images/icon010.gif) 0 70% no-repeat;
	margin-left:10px;
	display:inline;
}
#sitemapnav .PROclass_02 {
	width:450px;
	padding-left:22px;
	background: url(../images/icon011.gif) 0 70% no-repeat;
	margin-left:40px;
	display:inline;
}
#sitemapnav .PROclass_03 {
	width:450px;
	padding-left:22px;
	background: url(../images/icon012.gif) 0 70% no-repeat;
	margin-left:70px;
	display:inline;
}
#sitemapnav .PROclass_04 {
	width:450px;
	padding-left:22px;
	background: url(../images/icon013.gif) 0 70% no-repeat;
	margin-left:100px;
	display:inline;
}

.product_act{  width:330px}
.product_act td{ line-height:30px}


.input{width:400px; border:1px solid #A5ACB2;}
.input1{width:400px; border:1px solid #A5ACB2;}
.textarea{width:400px; border:1px solid #A5ACB2;}

.lpcp{ float:left; width:188px; padding:8px 0px;border-bottom:#cecece solid 1px;}
.lptp{ float:left;border:#cecece solid 1px;}
.lptp:hover{ border:1px solid #00458e}
.lpwz{ float:right; width:80px;line-height:18px; height:72px; overflow:hidden}
.lpwz p{ float:left; width:80px; padding-top:8px;}

.xxfx{ float:left; width:725px; margin-left:auto; margin-right:auto; margin-top:10px; border:#FFC869 1px solid; background-color:#FEFFD7; padding-top:8px; padding-bottom:8px; padding-left:10px;}
.xgxx{ width:725px; margin-left:auto; margin-right:auto; margin-top:10px; float:left;}
.xgxx ul{ width:705px; float:left;}
.xgxx ul li{ float:left; width:695px; height:25px; padding-left:0px; line-height:25px; border-bottom:#CCCCCC 1px dashed; background-image:url(../images/jiaoxd.gif); background-position:5px 10px; background-repeat:no-repeat;}
.xgxx ul li p{  float:left;width:70px; float:right; overflow:hidden;}
.xgxx  fieldset{ float:left; border:#CCCCCC 1px solid; padding:10px; width:705px; margin:0px; }
.xgxx legend{  float:left;font-size:14px; font-weight:bold;}


/*contactUs===============contactUs*/
.contactUs{ padding-bottom:50px; line-height:25px;}
.contactUs .tips{ margin-bottom:35px;}
.contactDetails{ margin-bottom:30px; width:720px;}
.contactDetails li{ border-bottom:1px dotted #d6c277; line-height:25px; zoom:1}
.contactDetails span,.contactDetails label{ display:block; float:left; padding:3px 0;}
.contactDetails label a{ text-decoration:underline; }
.contactDetails span{ padding-right:10px; width:110px; text-align:right; font-weight:bold;}
.contactDetails label{ padding-left:8px;  border-left:1px dotted #d6c277;}
.btn_send{ width:90px; height:22px; background:url(../images/btnblue.png); border:none;color:#fff;cursor:pointer;}


.contactUs .message{ width:300px; height:120px;}
.contactUs .supplier li{margin-bottom:20px;}
.contactUs .supplier li label.error{ margin-left:3px;}

/*form_list*/
.form_list li { margin:0 0 8px; float:left; width:600px }
.form_list li:after{content: '\0020';display: block;height: 0;clear: both;}
.form_list label {margin:2px 10px 0 0; text-align:right;  display:inline-block; color:#876a30; font-size:11px; float:left; zoom: 1; }
.form_list label em { padding-right:3px; font-style:normal; color:#f24300;  }
.form_list input.input_t { width:260px; height:20px; float:left; border:1px solid #d5d5d5;}
.form_list textarea { width:260px; height:70px; float:left; border:1px solid #d5d5d5; resize:none; }
 
.form_list label.error { display:inline; width:auto;min-height:13px; margin:3px 0 0 150px; padding-left:8px; background:url(../images/bg_required.png) no-repeat 0 4px; font-size:10px; line-height:13px; text-align:left; color:#f24300;  }
.form_list input.error,.form_list textarea.error,.form_list select.error { border:1px solid #f15c22; background:#fff7f5;  }

.w100{ width:100px!important;}
.message{ width:280px; height:120px;}
.form_list input.text,.form_list textarea{ width:260px; height:16px;}
.form_list input,.form_list select,.form_list textarea{ float:left; padding:3px 2px; border-width:1px; border-style:solid; border-color:#9f9f9f #dddddd #dddddd #9f9f9f; background-color:#f7fbfd;}
.form_list .check span{padding-right:15px;}
.form_list .check a{padding-left:12px; color:#4848b9; text-decoration:underline; }
.form_list .check a.add{background:url(../images/icon_add.png) no-repeat 0 4px;}
.form_list .check a.minus{ background:url(../images/icon_minus.gif) no-repeat 0 4px;}
.form_list .count{text-align:right;}
.form_list .count span{ margin-right:98px; display:inline-block;padding:2px 5px;border:1px solid #ccc; color:#3f3f3f; background-color:#f4fff2; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.form_list .input_c{ float:none; width:16px; height:16px; padding:0; margin:2px 2px 2px 0; overflow:hidden; vertical-align:bottom}
.form_list .btn{border:0;width:161px;height:27px;background:url("../images/bg_next_step.png") no-repeat scroll 0 0 transparent;border:0 none;cursor:pointer; color:#425281; font-size:11px; font-weight:bold; text-indent:-999em;}
.form_list .info{color:#3f3f3f; font-weight:bold; font-size:13px;}
.form_list .check label{vertical-align:top; float:left;}
.form_list .check div{ float:left; width:360px; margin-left:3px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.form_list .check div span{ display:inline-block; float:left; white-space:nowrap;}

/*clear*/
.clearfix:after,.contactDetails li:after,.contactUs .supplier li:after,.newsList li h6:after{ content:'\0020'; display:block; clear:both; height:0;}
.clearfix,.contactDetails li,.contactUs .supplier li,.newsList li h6{ zoom:1}



.downloadlist {list-style:none;padding:0px;float:left;}
.downloadlistli {width:728px;height:90px;border-bottom:1px solid #CCC;margin-top:10px; }
#downloadInfo {width:730px;float:left;}
#downloadInfo #img {margin:5px;float:left;}
#downloadInfo #img img {width:74px;height:74px;}
#downloadInfo #TextInfo {width:320px;float:left;margin-top:5px; margin-left:10px;}
#downloadInfo #TextInfo ul {list-style:none;margin:0px;padding:0px;float:left;line-height:180%;width:320px;}
#downloadInfo #TextInfo ul li {float:left;width:300px;}
#downloadbtn {width:80px;float:right;margin-top:20px;}
#downloadbtn ul {list-style:none;margin:0px;padding:0px;float:left;width:100%;}
#downloadbtn ul li span{float:left;}

.cwz{ float:left;width:205px; padding:10px 0px; line-height:24px; border-bottom:4px solid #c3c3c3}
.input{width:350px; border:1px solid #c5c5c5; line-height:20px}
.input1{width:350px; border:1px solid #c5c5c5; height:20px}
.textarea{width:350px; border:1px solid #c5c5c5;}
.STYLE1{color:Red}
#tabFeedBack{ font-size:12px}
.btnFeed{ width:90px; height:22px; background:url(../images/btnblue.png); border:none;color:#fff;cursor:pointer}

.table1{ float:left; width:725px;}
.mubg1{background:#e1e1e1;color:#333; text-align:center; border-right:#fff solid 4px;}
.mubg2{background:#878787;color:#fff; text-align:center;border-right:#fff solid 4px;}

.rmc{ width:720px; background:#e1e1e1; height:30px;; line-height:30px; padding-left:10px; margin-top:5px; cursor:s-resize}

.copyright{ font-weight:bold; color:#b50f03}

.pcp3{ float:left; width:179px;height:180px;padding-right:2px}
.ptp3{ float:left; width:170px;background:url(../images/3.jpg) no-repeat left top; padding-left:10px; padding-top:10px; padding-bottom:12px;}
.ptp3:hover{background:url(../images/4.jpg) no-repeat left top}
.pwz3{ float:left; width:170px; text-align:center; line-height:18px; overflow:hidden}

.product_left{ float:left; width:344px;}
.product_full{ width:320px; height:240px; padding:2px; border:1px #ccc solid; overflow:hidden;}
.product_full img { width:320px; height:240px;}
.product_pic{ float:left; width:90px; height:70px; margin-right:5px; margin-top:5px; border:1px #ccc solid; cursor:pointer;}
.product_pic img{ width:85px; height:66px; padding:2px; float:none;}

#promoreimg{width:324px; float:left; margin-top:5px; margin-bottom:5px; border:solid 1px #ccc; overflow:hidden;}
#promoreimg img{float:left; width:60px; height:45px; border:0; margin:5px; margin-left:0px; border:1px solid #e5e5e5; padding:2px; cursor:pointer;}
#promoreimg .LeftBotton { float:left;BACKGROUND: url(../images/pro-left.gif) no-repeat 0px 0px; LEFT:0px; WIDTH: 14px; CURSOR: pointer; TOP: 0px; height:61px;}
#promoreimg .Cont { float:left; MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 282px; height:61px; margin-left:8px;}
#promoreimg .RightBotton { float:right;BACKGROUND: url(../images/pro-right.gif) no-repeat 0px 0px; RIGHT:0px;  WIDTH: 14px; CURSOR: pointer; TOP: 0px; height:61px;}

.copyright{color:#666666}
.copyright:hover{color:#666666}

.effect{float:left; width:940px; height:75px; margin-left:15px}
.leftLoop{ overflow:hidden; position:relative; } 
.leftLoop .hd{ overflow:hidden;  height:39px; position:absolute; top:55px; width:950px} 
.leftLoop .bd ul{ overflow:hidden; zoom:1; margin-left:10px;height:80px}
.leftLoop .bd ul li{float:left; width:72px} 
.leftLoop .bd ul img{ margin-top:12px;}
.leftLoop .bd ul a{ float:left}

.divPicScroll{ width:688px; height:321px; float:left; margin-top:17px;border:#c5c5c5 1px solid}

.effect1{float:left; width:240px; height:180px;}
.leftLoop1{ overflow:hidden; position:relative; } 
.leftLoop1 .hd{ overflow:hidden;  height:180px; position:absolute; width:240px} 
.leftLoop1 .bd ul{ overflow:hidden; zoom:1;}
.leftLoop1 .bd ul img{ padding:0px 6px} 
.leftLoop1 .bd ul a{ float:left}
.divCer{ width:253px; border:1px solid #bbbbbb; padding:6px 0px}

.pcp4{ float:left; width:187px; margin-left:40px}
.ptp4{ float:left; width:187px; text-align:center;background:url(../images/5.jpg) no-repeat top; height:140px; padding-top:10px}
.pwz4{ float:left; width:187px; text-align:center; line-height:30px; overflow:hidden;height:30px}

/* banner */
.banner{position:relative;height:511px;overflow:hidden;width:100%;}
.banner .show{width:1660px;position:absolute;left:50%;top:0px;margin-left:-830px;height:511px;overflow:hidden;}
.banner .show ul{position:relative;height:511px;overflow:hidden;width:1660px;float:left;}
.banner .show ul li{text-align:center;width:1660px;float:left;height:511px;position:absolute;display:none}
.banner .focus{position:absolute;width:120px;padding-left:10px;padding-top:13px;bottom:0px;background:url(../images/bor02.png) no-repeat left center;height:29px;}
.banner .focus a{width:14px;height:14px;background:url(../images/ico01.png) no-repeat left -24px;float:left;margin-left:10px;display:inline-block}
.banner .focus a.on{background:url(../images/ico01.png) no-repeat left top}
.wrapper{width:120px;margin:0 auto;}