﻿/*====================== 
	written by visc for 
	cnvisc@gmail.com
	20081013
========================*/
/*header*/
#header{ width:100%; height:200px; background:url(../image/default_image.jpg) left top no-repeat}
/*nav*/
#nav1 .vnav1{ padding:0; width:90px; height:38px; line-height:38px; background:url(../image/nav_on.gif) left top no-repeat; text-align:center;}
#nav1 .vnav1 a,#nav1 .vnav1 a:visited,#nav1 .vnav1 a:hover{ font-size:14px; font-weight:700; text-decoration:none}
/*hot*/
#box1{ width:100%; height:293px; margin-top:10px}
.hotImg{ width:249px; height:293px; overflow:hidden; background:url(../image/bg_hotimg.jpg) left top no-repeat}
.hotCont{ margin-left:6px; width:477px; height:293px; overflow:hidden; background:url(../image/bg_hotcont.jpg) left top no-repeat}
.hotCont .topone{ width:420px; height:auto; margin:0 auto; margin-top:15px}
.hotCont strong{ color:#fff; margin-left:0px; }
.hotCont .topone h1{ font-size:15px; font-weight:700}
.hotCont .topone h1 a,.hotCont .topone h1 a:visited{ color:#dd0c34; text-decoration:none}
.hotCont .topone h1 a:hover{ color:#dd0c34; text-decoration:underline}
.hotCont .topone p{ margin-top:10px; text-indent:2em}
.hotCont .topone p span{color:#f30000;}
.hotCont .topone p span a,.hotCont .topone p span a:visited{ color:#f30000; text-decoration:none}
.hotCont .topone p span a:hover{ color:#f30000; text-decoration:underline}
.hotCont .pic{ width:475px; height:97px; border:#A0DCD9 solid; border-width:0 1px}
.hotCont .pic h2{  font-size:12px; font-weight:400; text-align:center}
.hotCont .pic img{ border:1px #ddd solid}
.hotCont .pic ul li{ float:left; padding-left:11px}
.hotCont .list{ width:475px; height:107px!important; height:106px; border:#A0DCD9 solid; border-width:0 1px 1px 1px}
.hotCont .vlist{ width:440px; height:auto; margin:0 auto}
.hotCont .vlist ul li{ float:left; width:50%}
.hotCont .vlist span{ color:#026D73}
.hotCont .vlist span a,.hotCont .vlist span a:visited{ color:#026D73; text-decoration:none}
.hotCont .vlist span a:hover{ color:#026D73; text-decoration:underline}
.tools{ width:172px}
.tools .title{ width:100%; height:23px; line-height:23px; background:url(../image/bg_tools_title.gif) left top no-repeat}
.tools .title h2{ color:#02776F; font-size:12px; font-weight:700; padding-left:10px;}
.tools img{ margin-bottom:2px}
/*quickNav*/
#quickNav{ margin-top:10px; width:100%; height:102px; background:url(../image/bg_quicknav.gif) left top no-repeat}
#quickNav img{ float:left; padding:9px 0 0 13px!important; padding:9px 0 0 9px}
#quickNav a{ float:left; display:block; margin:9px 0 0 13px!important; margin:9px 0 0 9px}
#quickNav a.a-z,#quickNav a.a-z:visited{ width:211px; height:83px; background:url(../image/qnav01.gif) left top no-repeat;}
#quickNav a.a-z:hover{ width:211px; height:83px; background:url(../image/qnav01-2.gif) left top no-repeat;}
#quickNav a.a-s,#quickNav a.a-s:visited{ width:211px; height:83px; background:url(../image/qnav02.gif) left top no-repeat;}
#quickNav a.a-s:hover{ width:211px; height:83px; background:url(../image/qnav02-2.gif) left top no-repeat;}
#quickNav a.a-h,#quickNav a.a-h:visited{ width:211px; height:83px; background:url(../image/qnav03.gif) left top no-repeat;}
#quickNav a.a-h:hover{ width:211px; height:83px; background:url(../image/qnav03-2.gif) left top no-repeat;}
#quickNav a.a-t,#quickNav a.a-t:visited{ width:211px; height:83px; background:url(../image/qnav04.gif) left top no-repeat;}
#quickNav a.a-t:hover{ width:211px; height:83px; background:url(../image/qnav04-2.gif) left top no-repeat;}

/*box2*/
#box2{ margin-top:10px;}
#box2 .title{ width:100%; height:28px; line-height:28px; border-bottom:1px #0066CC solid}
#box2 .title span{ margin-right:10px; background:url(../image/arrow01.gif) left center no-repeat; padding-left:25px}
#box2 .title span a,#box2 .title span a:visited{ color:#0066CC; text-decoration:none}
#box2 .title span a:hover{ color:#ef4300; text-decoration:underline}
#box2 .cont{ width:908px; height:577px; border:1px #0066CC solid}

#box2 .gmhot a,#box2 .gmhot a:visited{ color:#ef4300; text-decoration:none}
#box2 .gmhot a:hover{ color:#ef4300; text-decoration:underline}
#box2 .gmhot p a,#box2 .gmhot p a:visited{ color:#666; text-decoration:none}
#box2 .gmhot p a:hover{ color:#666; text-decoration:underline}
#box2 .gmscont ul li{ background:url(../image/dot01.gif) left center no-repeat; padding-left:10px}

#box2 .tt03 h2 a,#box2 .tt03 h2 a:visited{ color:#0340A5; text-decoration:none}
#box2 .tt03 h2 a:hover{ color:#0340A5; text-decoration:underline}
/*gong*/
.gleft{ width:228px; height:auto; padding:2px 0 0 10px}

.ask{ width:205px; height:auto; margin:0 auto}
.ask ul{ padding-top:4px;}
.ask ul li{ background:url(../image/dot01.gif) left center no-repeat; padding-left:10px; margin-left:5px}
.ask img{ padding-top:5px}

.tt01{ width:205px; height:27px; margin:0 auto; padding-top:8px; line-height:27px; border-bottom:1px #dcdcdc solid;}
.tt01 h2{font-size:12px; font-weight:700; padding-left:5px}
.tt01 span{ font-weight:400; padding-right:5px}
.tt01 h2 a,.tt01 h2 a:visited{ color:#c03; text-decoration:none}
.tt01 h2 a:hover{ color:#c03; text-decoration:underline}

.equip{ width:100%; height:185px; background:#f9f7f2; margin-top:10px;}
.equip dl{ width:205px; height:auto; margin:0 auto; padding-top:12px}
.equip dt{ width:96px; height:135px; overflow:hidden; background:#ada07b; text-align:center}
.equip dt img{border:1px #af8529 solid; width:94px; height:113px}
.equip dt strong a,.equip dt strong a:visited{ color:#fff; text-decoration:none}
.equip dt strong a:hover{ color:#fff; text-decoration:underline}
.equip dd{ width:97px; text-indent:2em; line-height:20px;}

.enviro{ width:100%; height:142px; background:#f9f7f2;}
.cont01{ width:205px; height:auto; margin:0 auto; padding-top:12px}
.cont01 img{ width:97px; height:80px; border:1px #ddd solid; display:inline}

.gmid{ width:402px; height:auto; margin-left:20px}
.gmhot{ width:351px; height:auto; margin:0 auto; text-align:center}
.gmhot h2{ font-size:17px; font-weight:700; margin-top:10px;}
.gmhot a,.gmhot a:visited{ color:#fa1062; text-decoration:none}
.gmhot a:hover{ color:#fa1062; text-decoration:underline}
.gmhot span{ display:block; padding-top:3px}
.gmhot p{ text-indent:2em; text-align:left; padding-top:3px}
.gmhot p a,.gmhot p a:visited{ color:#666; text-decoration:none}
.gmhot p a:hover{ color:#666; text-decoration:underline}
.gmhot p span{ display:inline; color:#f30000}
.gmcont{ width:386px; height:auto; margin:0 auto}
.gmscont{ width:50%; float:left}
.gmscont ul li{ background:url(../image/dot03.gif) left center no-repeat; padding-left:10px}
.gmimg{ margin-top:10px; width:100%;}
.gmimgCont h2{ font-size:12px; font-weight:400; text-align:center}
.gmimgCont{ padding-left:10px!important; padding-left:0}
.gmimgCont ul li{ float:left; margin-left:10px}
.gmimgCont img{ border:1px #ddd solid;}
.gmimgCont2 img{ border:1px #ddd solid; width:102px; height:70px}
.gmimgCont2 h2{ font-size:12px; font-weight:400; text-align:center}
.gmimgCont2{ padding-left:10px!important; padding-left:0}
.gmimgCont2 ul li{ float:left; margin-left:10px}

.tt03{ width:176px; height:27px; padding-top:8px; line-height:27px;}
.tt03 h2{font-size:12px; font-weight:700;}
.tt03 span{ font-weight:400;}
.tt03 h2 a,.tt03 h2 a:visited{ color:#fa1062; text-decoration:none}
.tt03 h2 a:hover{ color:#fa1062; text-decoration:underline}

.gright{ width:215px; height:auto; padding:0 10px 0 0;}
.tt02{ width:199px; height:34px; margin:0 auto}
.gright dl{ margin-top:10px}
.gright dt img{ border:1px #ddd solid}
.gright dt ul img{ border:0;}
.gright dt ul li{ float:left; margin:2px 0 0 1px}
.gright dd{ width:129px}
.gright dd span{ color:#c33; font-weight:700}
.gright dd a,.gright dd a:visited{ color:#f30000; text-decoration:none}
.gright dd a:hover{ color:#f30000; text-decoration:underline}
/*box3*/
#box3{ margin-top:10px;}
#box3 .title{ width:100%; height:28px; line-height:28px; border-bottom:1px #f54150 solid}
#box3 .title span{ margin-right:10px; background:url(../image/arrow02.gif) left center no-repeat; padding-left:25px}
#box3 .title span a,#box3 .title span a:visited{ color:#f54150; text-decoration:none}
#box3 .title span a:hover{ color:#f54150; text-decoration:underline}
#box3 .cont{ width:908px; height:577px; border:1px #f54150 solid}

#box3 .gmhot a,#box3 .gmhot a:visited{ color:#f54150; text-decoration:none}
#box3 .gmhot a:hover{ color:#f54150; text-decoration:underline}
#box3 .gmhot p a,#box3 .gmhot p a:visited{ color:#666; text-decoration:none}
#box3 .gmhot p a:hover{ color:#666; text-decoration:underline}
#box3 .gmscont ul li{ background:url(../image/dot02.gif) left center no-repeat; padding-left:10px}

#box3 .tt03 h2 a,#box3 .tt03 h2 a:visited{ color:#f54150; text-decoration:none}
#box3 .tt03 h2 a:hover{ color:#f54150; text-decoration:underline}
/*box4*/
#box4{ margin-top:10px;}
#box4 .title{ width:100%; height:28px; line-height:28px; border-bottom:1px #ff4484 solid}
#box4 .title span{ margin-right:10px; background:url(../image/arrow03.gif) left center no-repeat; padding-left:25px}
#box4 .title span a,#box4 .title span a:visited{ color:#fa1062; text-decoration:none}
#box4 .title span a:hover{ color:#fa1062; text-decoration:underline}
#box4 .cont{ width:908px; height:577px; border:1px #ff4484 solid}

.fudNav{ margin-top:10px; width:100%; height:80px; background:url(../image/bg_fuke_dis.gif) left top no-repeat}
.fudNav h2{ font-size:12px; font-weight:700; color:#ff4484; padding:2px 0 0 19px}
.fudCont{ padding:5px 10px 0 10px}
/*guan*/
#guan{ margin-top:10px; width:908px; height:116px; border:1px #e6a3ae solid}
#guan img{ float:left; padding:0 0 0 29px}

/*link*/
#link{ margin-top:10px; width:908px; height:109px; border:1px #e6a3ae solid}
#link .title{ width:16px; height:92px;}
#link .cont{ width:892px}
#link .cont ul li{ display:block; width:90px; height:33px; overflow:hidden; float:left; margin:9px 0 0 15px}
#link .cont img{ border:1px #ccc solid}
#link .cont ul{ padding-left:15px!important; padding:0}
.txtlink{ padding:2px 10px 0 25px}