﻿@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;word-wrap:break-word; list-style:none}
body{background:#177CAC;font:12px/1.75 "\5FAE\8F6F\96C5\9ED1", arial;color:#4c4c4c;line-height:24px;}

a{color:#333; text-decoration:none}
a:hover{color:#c00;}

.m{width:960px;margin:0 auto; background:#fff;padding:5px 20px;border-left:5px solid #105473;border-right:5px solid #105473;}

.CL{clear:both;}
.fl{float:left;}
.fr{float:right;}

/*Top开始*/
.Top{width:960px;height:80px;margin:0 auto; background:#fff;padding:0 20px;border-left:5px solid #105473;border-right:5px solid #105473;}
.Logo{height:55px;width:260px;margin-top:20px;margin-left:20px;}
.Logor{height:24px;width:500px;margin-top:45px;text-align:right;line-height:24px; font-size:14px;padding-right:28px;}
/*Top结束*/

/*--------菜单开始--------------*/
.Menu{width:960px;height:36px;margin:0 auto;background:#fff;padding:0 20px;border-left:5px solid #105473;border-right:5px solid #105473;font-size:14px;}
.Menu ul {padding:0; margin:0;list-style-type: none;width:960px;height:36px;background:#5999D6}
/* make menu horizontal */
.Menu ul li{float:left;line-height:36px;width:120px;height:36px;text-align:center;font-weight:bold;overflow:hidden}
/* set up the default top level links */
.Menu ul li a{line-height:36px;display:block;color:#fff}
.Menu ul li span{width:120px;}
.Menu ul li span a{width:120px;color:#fff;}
.Menu ul li span a:hover{line-height:36px;width:120px;display:block;background:#105473;}
.Home{background:#3B73AA;}
/*--------下拉菜单结束--------------*/

/*banner开始*/
.Banner{width:960px;height:280px;margin:0 auto;background:#fff;padding:0 20px;border-left:5px solid #105473;border-right:5px solid #105473;}
.Ban01{float:left;width:168px;height:278px;border-left:2px solid #5999D6;border-right:2px solid #5999D6;border-bottom:2px solid #5999D6;}
.Ban02{float:right;width:778px;height:270px;margin-top:9px;background:url(b01.jpg) left top no-repeat}

.Ban01 ul li{ background:url(ff.gif) 15px center no-repeat; display:block}
.Ban01 ul li a{line-height:25px;padding-left:25px; background:url(ff.gif) 15px center no-repeat;display:block}
.Ban01 ul li a:hover{line-height:25px;padding-left:25px; background:#5999D6; display:block;color:#fff}

#img img { display: none; border: 0; }
#SwitchNav { position: absolute; top:260px; right: 0px; }
    #SwitchNav div { float: right; margin-right:0px; width:160px; height:30px; background-image: url(../images/adbg.gif); background-repeat: no-repeat; }
    #SwitchNav ul { padding-top: 6px; }
    #SwitchNav .nocurrent { display: block; width: 14px; height: 14px; }
    #SwitchNav li { float: left; width: 14px; height: 14px; overflow: hidden; margin-left: 12px; _margin-left: 6px; margin-right: 14px; _margin-right: 20px; cursor: pointer; text-indent: 999px; list-style: none; }
    #SwitchNav .current { display: block; width: 14px; height: 14px; background-image: url(../images/adbg2.jpg); }
/*banner结束*/


/*Tab 选项卡开始*/
.page{width:480px;text-align:left;}
/*内容模块 */
.tab_mo{border-top:none; padding:15px 0;}
/*菜单模块 */
.tab{border-bottom:1px solid #ccc; /* 菜单模块的底部边框，也就是内容模块的上边框 */
 list-style:none;padding:4px;}
.tab li{display:inline; /* 【重点】让li横向排列。*/ font-size:14px; }
.tab li a{padding:8px 18px; /* 因为没有固定高度，所以用填充来调整显示效果。 */
  /* 菜单项的边框 */
color:#666;border-bottom:none; /* 底部无边框 */
text-decoration:none;}
/*鼠标经过时的样式 */
.tab li a:hover{height:30px;width:120px;background:#fff;}
/*选中时的样式 */
.tab li.no a{background:#fff;border:1px solid #ccc;border-bottom:none; /*  隐藏菜单项的底部边框 */
position:relative;  /* 【重点】菜单项里面的连接使用了相对定位 */
top:1px;           /* 【重点】相对于外层顶部为1像素，正好是底部边框的像素。所以就遮住了ul的底部边框 */
color:#000;font-weight:bold}
/*Tab 选项卡结束*/
.NewPhoto{width:223px;}
.NewPhoto p{line-height:24px;padding-top:8px; text-align:center}
.NewPhoto img{width:217px;height:164px;padding:2px;border:1px solid #ccc}
.NewList ul{width:230px;}
.NewList ul li{background:url(newsf.gif) left center no-repeat;padding-left:20px;line-height:29px;}




/*CASE滚动开始*/
.blkwebtryx {POSITION: relative;BORDER-RIGHT-WIDTH: 0px;ZOOM: 1; margin:0 10px}
.blkwebtryx .LeftButton {Z-INDEX:6;POSITION:absolute; WIDTH:20px; BACKGROUND:url(L.gif) no-repeat left 50%;FLOAT: left;HEIGHT:40px; CURSOR: pointer; TOP:50px; LEFT:0}
.blkwebtryx .RightButton {Z-INDEX:5;POSITION: absolute; WIDTH:20px; BACKGROUND:url(R.gif) no-repeat right 50%;FLOAT: right; HEIGHT:40px; CURSOR: pointer; RIGHT:0; TOP:50px}
.blkwebtryx .Cont {MARGIN:0 auto;WIDTH:730px; HEIGHT:200px;OVERFLOW: hidden;}
.blkwebtryx .Cont p{ text-align:center}
.blkwebtryx .Cont ul li{float:left;list-style:none;width:220px;margin:10px;height:200px; display:block}
.blkwebtryx .Cont ul li img{width:220px;height:150px;padding:2px;border:1px solid #ccc}
/*CASE滚动结束*/



.BotMenu{margin:0 auto;width:960px;border:1px solid #DCDCDC;line-height:36px; text-align:center; font-size:14px}
.BotMenu ul li{float:left;width:222px;margin:6px}
.BotMenu ul li h3{font-size:14px;color:#777; text-align:left;line-height:30px;height:30px;pading-left:20px;background:url(adbg2.jpg) left center no-repeat}
.BotMenu ul li dl{padding-left:38px;font-size:12px}
.BotMenu ul li dl dd{text-align:left;borer-bottom:1px dashed #ccc;line-height:22px;width:180px;font-size:12px}

.Footer{margin:0 auto;width:960px;height:80px;line-height:24px;text-align:center;padding-top:10px;}

.Center{width:1004px;margin:0 auto;height:350px;margin-top:16px;padding-top:35px;background:#fff url(c-top.gif) top center no-repeat;}
.C-m{padding:0 36px;height:350px;background:url(c-cbg.gif) center top repeat-y}
.C-m-L{float:left;width:360px;height:165px;}
.C-m-c{height:15px; background:url(hline.gif) center top no-repeat}

.NewsT{background:url(newsp.gif) left top no-repeat;line-height:36px;height:36px;margin-bottom:10px;}
.NewsP img{float:left;width:100px;height:80px;padding:1px;border:1px solid #ccc;margin-top:6px;}
.NewsList{float:right;width:242px;}
.NewsList ul li{padding-left:16px; background:url(f.gif) left center no-repeat;line-height:24px;}
.NewsList ul li span{color:#ccc}

.C-m-R{width:570px;}
.InPro{width:380px;height:145px; background:url(line.gif) left 35px no-repeat;padding-left:30px;}
.InPro ul li{float:left;width:80px;height:84px;margin:5px 10px;}
.InPro ul li img{width:76px;height:80px;padding:1px;border:1px solid #ccc}

.InCon{width:120px;height:125px; background:url(line.gif) left 35px no-repeat;padding-left:32px;padding-top:30px;}

.ProT{background:url(prop.gif) left top no-repeat;line-height:36px;height:36px;margin-bottom:10px;}

.LianT{background: url(lsd.gif) left top no-repeat;line-height:36px;height:36px;margin-bottom:10px;padding-left:200px;}
.Lian{height:120px;}
.Lian ul li{float:left;width:130px;height:90px;margin:5px 10px;}
.Lian ul li img{width:127px;height:90px;}
/*中部结束*/

.Bottom{height:113px; background:#6F0D0A;color:#FFB0B3}
.Foot{width:1002px;height:92px;margin:0 auto; background:url(bottop.gif) left top no-repeat;padding-top:20px;}
.F-left{float:left;width:202px;margin-left:28px;margin-top:8px; background:url(b-left.gif) left top no-repeat;height:16px;}
.F-left span{float:left;width:67px;height:16px; display:block} 
.F-right{float:right;width:740px; text-align:right;margin-top:8px;margin-right:20px}

/*尾部结束*/
.N_List ul{padding:10px}
.N_List ul li{line-height:30px;border-bottom:1px dashed #ccc;padding-left:20px}

/*内页开始*/

.Nei{width:960px;margin:0 auto;background:#fff;padding:0 20px;border-left:5px solid #105473;border-right:5px solid #105473;}
.Nei_left{float:left;width:172px;}
.Nei_right{float:right;width:778px;}
.Nei_R{float:right;width:758px;margin-top:15px}

.P10{padding:10px}
.About h3{line-height:36px;height:36px}

.Fenye{text-align:center;margin:10px}
.Fenye a{border:1px solid #ccc;padding:3px 8px;margin:2px;}
.Fenye a:hover{border:1px solid #c00;padding:3px 8px;margin:2px}



.L-Title{font-size:16px;font-weight:bold;color:#333;border-bottom:3px solid #c00;line-height:36px;padding-left:32px; background:url(f.gif) left center no-repeat}
.SubL{border-bottom:2px solid #ccc}
.SubL ul li{line-height:35px;font-size:14px;border-bottom:1px solid #dcdcdc;height:36px;}
.SubL ul li a{line-height:35px;padding-left:60px;height:35px; background:#f0f0f0 url(nf.gif) 30px center no-repeat;display:block}
.SubL ul li a:hover{line-height:padding-left:60px;36px;height:35px;color:#fff;background:#c00 url(nf-.gif) 30px center no-repeat;display:block}
.SubCon{border:1px solid #dcdcdc;padding:10px;}
.NewsLeft ul li{line-height:24px; background:url(newsf.gif) left center no-repeat;padding-left:15px;}
.NewsLeft ul li span{color:#999}
.NewsLeft h3{border-bottom:1px solid #ccc;line-height:36px;margin:10px 0;padding-left:15px; background: url(tbg.gif) left center no-repeat}

.Title{font-size:16px;font-weight:bold;color:#333;border-bottom:1px solid #dcdcdc;line-height:36px;padding-left:32px; background:url(f.gif) left center no-repeat}
.P20{padding:30px 20px;line-height:24px;font-size:14px;}
.List_N{margin:10px 0;border-bottom:1px dashed #ccc;padding:10px 0;}
.Newsimg{width:200px;height:130px;}
.Newsimg img{width:180px;height:120px;border:1px solid #Ccc;padding:1px;}
.NewsTit{width:530px;height:130px;}
.News-more{width:130px;height:30px;line-height:30px;text-align:center;}
.News-more a{width:130px;height:30px;line-height:30px;background:#f0f0f0;border:1px solid #ccc; display:block}
.News-more a:hover{width:130px;height:30px;line-height:30px;background:#c00;color:#fff;border:1px solid #ccc; display:block}


/*Reg*/
.w{width:980px;margin:0 auto}
.BigTit{font-size:24px;font-weight:bold;color:#f60;padding-top:10px;padding-left:18px;}
.user_topd h1{maegin-left:20px;maegin-top:10px;}
.usertopd{margin:20px 25px;}
.usertopd h2{ background:url(line.png) no-repeat center bottom; height:40px; line-height:40px; font-size:12px; font-weight:bold; color:#333;}
.usertopd dl{ height:40px; line-height:40px;}
.usertopd dt{width:90px; float:left; font-size:14px; color:#000;}
.usertopd dd.put{width:230px; float:left}
.usertopd dd.put .input{width:220px;height:30px; line-height:30px; border:#E0E0E0 1px solid;}
.usertopd dd.put .input:hover{ background:#CCFF99;}
.usertopd dd.put #Question{height:30px; line-height:30px;}
.select{border:1px solid #ccc; height:30px; line-height:30px;color:#666;margin:-1px;*margin:0px;_margin:0px; padding:4px 3px;font-size:14px;}

.usertopd dd.Tips { width:200px;text-align:left; float:right;height:35px; line-height:35px;padding-right:0; margin:0; }
.user_topd .usertopd dl.cc{clear:both}
/*===============注册表单=====================*/


.user_topc{width:980px;margin:10px auto;background:#f8f8f8;}
.user_topc h2{width:128px; border:#E1DFDF 1px solid; background:#f8f8f8; border-right:none; float:left; height:31px; line-height:31px; color:#c00; text-align:center; }
.user_topc span{ width:40px; float:left;background:url(righttitle.png) no-repeat right top; height:33px; display:block;}
.user_topc .topc_r{width:810px; float:right; border:#E1DFDF 1px solid; background:#f8f8f8; border-left:none; height:31px; line-height:31px;}

.user_topF{width:980px;margin:10px auto;background:#fff}
.user_topF .left{width:450px; float:left; background:url(loginbg.gif) no-repeat; height:320px;}
.user_topF .right{width:500px; float:right;border:#ccc 1px solid;margin-top:10px;}
.user_topF .right h2{ height:40px; line-height:40px; padding-left:30px;}
.user_topF .right h2  span{ width:250px; text-align:center; border-left:#ccc 1px solid; border-bottom:#ccc 1px solid; background:#F7F7F7; float:right; }
.user_topF .right h2  span a:hover{ text-decoration:none;}
.user_topF .right .box1{ padding:20px 40px; background: url(p_login.gif) 320px 30px no-repeat}
.user_topF .right .box1 .form_detail{}
.user_topF .right .box1 .form_detail p{ height:40px; line-height:40px;}
.user_topF .right .box1 .form_detail p label{ color:#000;}
.user_topF .right .box1 .form_detail p .ipt_tx{ height:26px; line-height:26px; border:#ccc 1px solid;}
.user_topF .right .box1 .form_detail .loginbut a{ color:#333;}
.user_topF .right .box1 .form_detail .loginbut a:hover{ color:red; text-decoration:none;}
.user_topF .right .box1 h3{ font-size:12px; font-weight:normal; line-height:35px;}
.user_topF .right .box1 h3 a{ color:#ff6600;}
.user_topF .right .box1 h3 a:hover{ color:red; text-decoration:none;}


/*IndexCss*/
.M11{margin:0 auto;width:1080px;padding-top:16px;border-left:1px solid #DCDCDC;border-right:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC;background:#fff url(tbg.gif) left top repeat-x}
.M1-Left{float:left;width:200px;margin-left:25px;margin-top:20px;}
.M1-Right{float:right;width:800px;margin-right:25px;margin-top:20px;}

.m h3{background:url(f.gif) left center no-repeat;padding-left:30px;font-size:14px;height:40px;line-height:40px;margin-left:10px;}
.M22-P{margin-left:4px}
.M22-P ul li{float:left;width:218px;height:200px;margin:10px;text-align:center; display:block}
.M22-P ul li img{width:210px;height:140px;padding:2px;border:1px solid #ccc;}
.M22-P ul li a:hover{filter: alpha(opacity=70); opacity: 0.7;}
.M22-P ul li p{width:200px;line-height:24px;padding-top:3px;margin:0 auto}
.M22-P ul li span{}
.M22-P ul li .Price{color:red;font-size:14px;font-weight:bold}
.M22-P ul li .Price b{color:red;font-size:12px;font-weight:normal}
.M22-P ul li .Order{color:#555;font-size:12px; text-decoration:line-through}
.M22-P ul li .Order a{color:red;border:1px solid #ccc;padding:2px 5px}
.M22-P ul li .Order a:hover{color:#000;border:1px solid #ccc;padding:2px 5px}

.C-P{margin-left:4px}
.C-P ul li{float:left;width:218px;height:170px;margin:10px;text-align:center; display:block}
.C-P ul li img{width:210px;height:140px;padding:2px;border:1px solid #ccc;}
.C-P ul li a:hover{filter: alpha(opacity=70); opacity: 0.7;}
.C-P ul li p{width:200px;line-height:24px;padding-top:3px;margin:0 auto}


#menubox{ width:200px; overflow:hidden;border-left:5px solid #E00E17;border-top:5px solid #E00E17;border-right:5px solid #333;border-bottom:5px solid #222}
#menubox ul li{line-height:32px;background:#eee; border-bottom:#999 solid 1px; display:block}
#menubox a{padding-left:6px; padding-right:6px; display:block;font-size:14px;font-weight:bold}

#menubox .thismenu{ background:#f60; color:#ffffff; border:none;}
#menubox .thismenu a{ color:#ffffff;  display:block;}

#menubox .submenu{ display:none; background-color:#ffffff;}
#menubox .submenu a{ height:30px; line-height:30px; color:#030; display:block;border-bottom:#f0f0f0 solid 1px;font-size:14px;font-weight: normal}
#menubox .submenu a:hover{ background-color:#f00; color:#ffffff;}


