﻿
/* 全局公共样式的设定 */
*{margin:0; padding:0;}
html{-webkit-text-size-adjust: none;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd{margin:0;padding:0;border:0;}
body{font:12px Verdana; padding:0; margin:0;}
li{list-style-type:none;}
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}
input,button,textarea,select{font:100% Verdana;}

/* 默认全局样式超链接样式 */
a:link {color: #444; text-decoration:none;}/* 链接基本样式 */
a:visited {color: #444;text-decoration:none;}/* 链接点击过后的样式 */
a:hover {color: #222; text-decoration:underline;}/* 链接移上时的样式 */
a:active {color: #222; text-decoration:underline;}/* 链接点击时的样式 */

/* 其它常用样式的定义 */
.left{ float: left;}
.right{ float: right;}
.clear{ clear: both; }
.noBorder{border:none;	}
.bd{ border:1px solid #ccc;}

body{ background:#fff url(../images/main_bg.gif) repeat-x}


img，li{ vertical-align:top;}

.blank20px{ height:20px; line-height:20px; font-size:0; clear:both}
.blank11px{ height:11px; line-height:11px; font-size:0; clear:both}




.blue a:link{ font-weight:bold; color:#3183ad; text-decoration:underline}
.blue a:visited{ font-weight:bold; color:#3183ad; text-decoration:underline}
.blue a:hover{ font-weight:bold; color:#3183ad; text-decoration:underline}
.blue a:active{ font-weight:bold; color:#3183ad; text-decoration:underline}


.blue1 a:link{ color:#3183ad; text-decoration:none}
.blue1 a:visited{ color:#3183ad; text-decoration:none}
.blue1 a:hover{ color:#3183ad; text-decoration:none}
.blue1 a:active{ color:#3183ad; text-decoration:none}



/*-------------------------头部------------------------*/
.header{ width:1000px; margin:0 auto; height:97px;}
.header h1{ padding-top:32px; }
.header .date{ width:180px; padding-top:15px;  display:block}
.header .date ul{ width:70px; float:right ; height:24px;}
.header .date ul li{ padding-left:10px; float:right; height:24px; width:23px; float:left}

.header .date h3{ clear:both; text-align:right; font-weight:bold; color:#7f7f7f; }



/*--------------------------导航--------------------------*/
.section{ background:url(../images/nav_bg.gif) repeat-x; height:36px; clear:both}
.nav{ width:1000px; margin:0 auto }
.section .nav1{ width:670px; margin:0 auto;}




#jsddm{width:676px;background:url(../images/nav_bg.gif) no-repeat left top; height:36px;  }

#jsddm li{float: left;font-family:Verdana;background: url(../images/nav_line.gif) no-repeat right center; line-height:36px; font-size:11px; height:36px;}

#jsddm li a{display: block;text-decoration: none;color:#EAFFED;white-space: nowrap; text-align:center; width:96px  }
#jsddm li a:hover{	background:url(../images/nav_hover.gif) no-repeat center bottom; }
#jsddm li ul{margin: 0;padding: 0;position: absolute;visibility: hidden; z-index:999; width:200px;background:#5a5a5a; none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/filter:Alpha(opacity=85);  line-height:22px; color:#fff; border:1px #cecece solid;}
#jsddm li ul li{float: none;display: inline; text-align:left; text-indent:1em; line-height:24px; }
#jsddm li ul li a{width: auto;background: #fff;color: #444; text-align:left; line-height:24px; border-top:1px #cecece solid;}
#jsddm li ul li a:hover{ background:#69a2d5; color:#fff; text-align:left; font-weight:bold}




.section .search{ width:316px; line-height:36px; background:url(../images/search_bg.gif) no-repeat left center;}
.section .search form{ width:240px; float:left; }
.section .search span{ font-size:10px; color:#fffdfd; padding-left:5px; }
.input2{ width:200px; height:23px; line-height:20px; _line-height:23px; background:none; border:none; color:#b5b1b5; font-size:10px; margin-left:5px; }
.input3{ width:28px; height:28px; cursor:pointer; background:none; border:none}

/*--------------------------内容--------------------------*/
.con_box{ background:url(../images/con_bg.gif) repeat-x}
.content{ width:1002px; margin:0 auto}


/*内容1*/
.left_banner{ z-index:1;}

/*左边*/
.content .con_left{width:729px;padding-top:8px;background:url(../images/right_bg.gif) no-repeat left top;padding-left:4px;height:495px}
.content .con_left .left_con1 { padding:0 11px; line-height:18px;}
.content .con_left .left_con1 p {}
.content .con_left .left_con1 p strong{ color:#006699; font-weight:bold; font-size:14px;}
.content .con_left .left_con1 ul { float:left; padding-right:15px; padding-top:5px;}
.content .con_left .left_con1 ul li{ background:url(../images/ico1.gif) no-repeat left center; text-indent:1em}




.content .con_left .left_con2{ border-top:6px solid #ffc000; clear:both; width:950px; }
#preview{ float:none; margin:10px 10px; text-align:center; width:950px;}
.jqzoom{ width:950px; height:350px; position:relative;}

.zoomdiv{ left:950px; height:400px; width:7050px;}
.list-h li{ float:left;}
#spec-n5{width:1000px; height:180px; padding-top:6px; overflow:hidden; }
#spec-left{ background:url(images/left.gif) no-repeat; width:24px; height:45px; float:left; cursor:pointer; margin-top:40px; padding-right:10px;}
#spec-right{background:url(images/right.gif) no-repeat right top; width:34px; height:45px; float:left;cursor:pointer; margin-top:40px; }
#spec-list{ width:900px; float:left; overflow:hidden; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:180px; line-height:42px; text-align:left; }
#spec-list ul ii span{width:40px; height:40px; position:absolute;left:0px; top:0px;}
#spec-list ul li span.news{background:url(../images/bg.gif) no-repeat -75px -304px;}
#spec-list ul li img{ width:173px; height:108px; border:1px #cccccc solid; }


/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:950px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:156px;height:159px;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:900px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}


/*右边*/
.content .con_right{ width:244px; padding-left:4px; background:url(../images/left_bg.gif) no-repeat left top; padding-top:5px; height:495px;}
.content .con_right span{ padding-top:15px; float:right; width:107px; background:url(../images/ico3.gif) no-repeat right bottom; margin-right:13px; line-height:25px;}
.content .con_right .con_login{ background:#dbe5f1 url(../images/login_bg.gif) no-repeat 0 0; height:215px; width:242px; }
.content .con_right .con_login h2{ padding-left:80px; padding-top:23px;}
.content .con_right .con_login .form1{ padding-top:34px; height:22px;}
.input1{ width:120px; height:22px; line-height:22px; float:right; background:none; border:none; margin-right:18px}
.submit1{ width:66px; height:22px; cursor:pointer; background:none; border:none; float:left; margin-right:17px;}
.content .con_right .con_login .form2{ padding-top:14px; height:22px;}
.content .con_right .con_login .form3{ padding-top:19px; height:22px; padding-left:41px;}
.content .con_right .con_login p{ font-size:11px;}
.content .con_right .con_login p{ text-align:center; line-height:44px;}



.content .news_pro{ width:240px; padding-top:12px; background:#fefefe}
.content .news_pro h2{ background:url(../images/ico2.gif) no-repeat 10px center; text-indent:3em; color:#1170a0}
.content .news_pro dl{ padding:5px 0 20px 10px; clear:both}
.content .news_pro dd.img1{ width:76px; height:48px; background:url(../images/left_pic_bg.gif) no-repeat left top; padding:7px; float:left}
.content .news_pro dd.letter1{ float:left; padding-left:10px; line-height:18px; padding-top:10px; width:123px;}




/*--link--*/
.content .link{ width:997px; margin:0 auto ; }
.content .link span{ height:35px; background:url(../images/link_line.gif) repeat-x; line-height:35px; text-indent:1em; display:block; color:#595959; font-weight:bold }
.content .link .link_pic{width:995px; border:1px solid #f4f1f1;overflow:hidden}
.content .link .link_pic ul{ height:41px; padding:10px; width:1010px;}
.content .link .link_pic ul li{ padding-right:6px; float:left}


.content .link1{ width:997px; margin:0 auto ; }
.content .link1 span{ height:35px; background:url(../images/link_line1.gif) repeat-x; line-height:35px; text-indent:1em; display:block; color:#595959; font-weight:bold }



/*-----------------版权--------------*/
.foot{ background:#1a1a1a; height:107px; clear:both}
.foot .copy{ width:997px; margin:0 auto; background:url(../images/copy_bg.gif) no-repeat left top; padding-top:26px;height:81px;}
.foot .copy span{ width:490px; float:left; color:#999; line-height:14px; font-size:11px;}
.foot .copy .copy_nav{ text-align:right; padding-top:25px; color:#6699cc; font-size:11px;}
.foot .copy .copy_nav a{ color:#6699cc; text-decoration:none}
.foot .copy .copy_nav a:hover{ color:#6699cc; text-decoration:none}



#content{width:auto;}
#logo_content{width:auto;height:130px;background:#244061;}
#logo{width:960px;margin:0 auto;}
#logo_left{float:left;color:#FFF;padding-left:15px}
#logo_left img{margin-top:30px;}
#logo_right{float:right;width:456px;}
#logo_right p{line-height:30px;margin-top:49px;font-size:10px;color:#00bef2;}
#logo_right p span{float:right;}
#logo_right p span a{color:#00bef2;font-weight:bold}
#search{width:436px;height:25px;background:url(../images/bg_search.gif) no-repeat;padding:0 10px;}
/*#search #keyword.searchbox{border:none; background:none;font-size:10px;width:405px;color:#666;height:22px;line-height:22px;}*/

/*#search #keyword.searchbox {
	border:none;
	background:none;
	color:#666;
	font-size:10px;
	width: 395px;
	height: 20px;
	line-height:20px;
	border-radius: 15px;
	border: 1px solid #999;
	padding: 0 0 0 10px;
	margin: 2px 0 0 0
}*/

.middle{width:960px;margin:13px auto 0;color:#FFF;}
.middle1{width:auto;margin:10px 0;}
.middle1_left{float:left;width:93px;height:98px;background:#00b7df;margin-right:10px;display:inline;font-weight:bold;padding:5px 0 0 10px;font-size:14px;}
.middle1_right{float:left;width:734px;height:103px;background:#00b7df;}
.middle1_right table{margin:5px auto 0;text-align:left;font-size:10px; font-weight:bold}
.middle1_right table a{ color:#FFF;font-size:10px!important;font-weight:bold}
.middle2_left1{float:left;height:92px;width:206px;background:#244061;padding:10px 0 0 10px;margin-right:10px; color:#FFF;display:inline;}
.middle2_left2{float:left;height:100px;border:1px solid #cdffff;}
.product{float:left;width:312px;}
.detail{float:left;padding-left:5px;padding-right:5px;width:200px;height:98px; margin-top:27px;background:#cdffff;}
.detail h1{font-size:12px;color:#fe6835;line-height:20px;}
.detail h2{font-size:11px;color:#0099cd;line-height:15px;}
.detail p{font-size:11px;color:#616161;}
.middle2_left3{float:right;height:102px;width:180px;background:#ea6b24;padding-left:10px;padding-right:10px;}
.middle2_left3 h3{line-height:20px;}
.middle2_left3 a{color:#FFF}
.middle2_left3 ul{margin-left:8px;}
.middle2_left3 ul li{list-style:disc;font-size:10px;}

.footer{width:940px;margin:10px auto 0px;background:#CCC;padding:0 10px 10px;}
.link{float:left;width:300px;}
.link ul li{float:left;margin-right:30px;display:inline;font-size:11px;color:#0099cb;line-height:15px;}
.link ul li a{color:#0099cb;}
.link ul li h4{font-size:12px;color:#666;line-height:35px;}
.copyright{float:left;width:450px;font-style:italic;font-size:10px;color:#666;padding-top:10px;}
.follow_us{float:right;width:100px;font-size:11px;color:#6ab8c6;line-height:35px;}













