/* CSS Document */
* { margin: 0; padding: 0; }
body { font-size: 13px; font-family: "Microsoft YaHei", Tahoma, Arial;  letter-spacing:1.5px; background-color:#4C4646; }
a { text-decoration:none; }
a:hover { text-decoration:none; }
a img { border: 0; }
* { word-break:break-all; }
ul, li { padding:0px; margin:0px; list-style-type: none; }
.Cle { font-size:0; line-height:0; height:0; display:block; clear:both; }
.t10{margin-top:10px;}

/*??????????*/
.tb{font-weight:bold;}
.c1{color: #000000;}
.c2{color: #FFFFFF;}
.c3{color: #FFFF00;}
.c4{color: #00FF00;}
.c5{color: #00FFFF;}
.c6{color: #FF00FF;}
.c7{color: #FF0000;}
.c8{color: #0000FF;}
.c9{color: #008080;}

/*menu*/
#nav {margin:0; width:1225px; display:block; height:40px;}
#nav .jquery_out {float:left;line-height:40px;display:block; text-align:center; color:#fff;font:26px/32px "??????"; background:#2CAF98;}
#nav .jquery_out .smile {padding-left:1em;}
#nav .jquery_inner {margin-left:16px;}
#nav .jquery {margin-right:1px;padding:0 2em;}
#nav .mainlevel {float:left; border-right:1px solid #fff; width:100px;/*IE6 only*/}
#nav .mainlevel a {color:#FFF; text-decoration:none; line-height:40px; display:block; width:100px; text-align:center; font-weight:bold}
#nav .mainlevel a:hover {color:#014DAB; text-decoration:none; background:white; widows:100px;}
#nav .mainlevel ul {display:none; position:absolute;z-index:9999}
#nav .mainlevel li {border-top:2px solid #fff; background:#014DAB; height:40px;line-height:40px;width:100px;/*IE6 only*/}
#nav .mainlevel li a{ color:#fff; font-weight:normal; width:100px;}
#nav .mainlevel li a:hover{height:40px;line-height:40px;}


#shell { width:100%;  background:#FFF; margin:0 auto; }
    .shell1{width:100%;height:40px; background: #EBEBEB;}
        .shell11{width:1125px;height:40px;margin: auto; }
            .shell11l{width:300px;height:40px;  float: left; line-height: 40px;  color: #014DAB;font-size: 13px;}
            .shell11r{width:265px;height:40px;  float: right;line-height: 40px;  color: #014DAB;font-size: 13px;}
    #header1{width: 100%;background:url("../images/bg.png")}
    #header {width:1225px;margin: auto;height:150px;   }
#header h1 { height:62px; position:absolute; }
#h_r { width:500px; float:right; }
#nav1{background:#014DAB; height:40px; overflow:hidden;line-height: 40px;  color: #014DAB;font-size: 14px; }
#nav_l{ width:1225px; margin: auto;line-height: 40px;  color: #014DAB;font-size: 16px; }

#body1{ padding-top:20px;width: 1225px; margin: auto; border: 1px solid red;}
#body1 h1 font{font-size:12px; padding-left:28px; color:#be0913;}
#body2{ padding-bottom:20px}
 
.box1{ float:left;  width:535px;}
.tit1{ width:535px; float:left; padding-bottom:11px; background:url("../images/tit1.png") bottom no-repeat;}
.tit1 h1,.box2 h1,.box3 h1{ height:26px; font-size:14px; line-height:15px;}
.box1_L{ float:left;  width:213px; height:144px;}
.box1_R{ float:right;  width:302px; height:144px;}
.box1_t{  width:213px; height:146px; padding:2px; border:1px solid #CACACA;}
.box1_z{  line-height:25px; width:295px; overflow:hidden;}
.box1_z a{ color:#F00; text-decoration:none;}

.box2{ float:right;  width:322px; line-height:28px;}
.tit2{ width:322px; float:left; padding-bottom:11px; background:url("../images/tit2.png") left bottom no-repeat;}
.tit4{ width:322px; float:left; padding-bottom:11px; background:url("../images/tit4.png") left bottom no-repeat;}


.box3{ float:left;  width:535px;}
.tit3{ width:535px; float:left; padding-bottom:11px; background:url("../images/tit3.png") left bottom no-repeat;}
.box3_L2{ width:530px; height:140px; overflow:hidden; margin-left:5px;}
.box3_L2 td img{height:126px; width:191px; background:#eaeded; border:#cbc9ca solid 1px; padding:2px;}

.box-1{ padding:10px 0;text-align:justify;text-justify:inter-ideograph; line-height:25px}
.box-1 ul.new_index{}
.box-1 ul.new_index li{ padding-left:14px; background:url("../images/sub_lit.gif") left no-repeat}
.box-1 ul.product_index{}
.box-1 ul.product_index li{ width:130px;float:left; padding:5px; padding-left:0;}
.box-1 ul.product_index li a{ line-height:25px; display:block; width:120px; background:#CCC; padding-left:5px}

#body3{ width:1100px; padding:20px 0; margin: auto;}
#body3_l{ width:210px; float:left; padding-left:5px;}
.body3_l1{line-height:40px; font-size:20px; color:#B70912; font-weight:bold; padding-bottom:10px;}
.body3_l2 ul{}
.body3_l2 ul li{ line-height:35px; padding-left:1px; }
.body3_l2_t{display:block;  line-height:35px;  border-bottom:1px #999 dotted; margin-top:1px; font-weight:bold; padding-left:20px;background:url("../images/lit2.gif") left no-repeat;}
.body3_l2 ul li ul li{ line-height:30px; padding-left:30px; background:url("../images/lit.gif") left top no-repeat;}

#body4_l{ width:195px; float:left; padding-left:5px;}
.body4_l1{line-height:35px; font-size:16px; color:#B70912; font-weight:bold; padding-bottom:10px;}
.body4_l2 ul{}
.body4_l2 ul li{ line-height:23px; padding-left:12px; background:url("../images/leftmenubg1.gif") left no-repeat}

#body3_r{ width:725px; float:right}
.body3_r1{ line-height:35px; font-size:16px;font-weight:bold; color:#333; border-bottom:1px #999 dotted}
.body3_r1 p{ width:50%; float:right; text-align:right; font-size:12px; font-weight:normal}
.body3_r2{ padding:10px 0; line-height:200%; color:#666}
.body3_r2 table td{background-color:#fff;height:30px;line-height:30px;padding-left:5px;}
.body3_r2 table td #verifycode{float:left;width:60px;margin-right:7px;}

.news_list li span{float:right;}

#right_a2{ padding-top:20px; text-align:left; line-height:27px; font-size:14px; }
#right_a2 ul{}
#right_a2 ul li{ width:240px; float:left; text-align:center; height:188px;}	
#right_a2 ul li h3{ font-size:12px; line-height:15px; height:15px; overflow:hidden; text-align:center; }
#right_a2 ul li a img{ background:#999; padding:1px;}
		
		
#banner1{ border-bottom:1px #CCC solid}		

#page{ color:#666; border-top:1px #999 dotted; margin-top:20px;}
#page strong{ color:#F00}
#page input.page1{ width:20px;}

.body3_r3{ border-bottom:1px #CCC solid; margin-top:20px; font-size:14px; color:#333; font-weight:bold}
.body3_r5{ padding:20px 0;}
.p{ padding:15px 0;/* border-bottom:1px #CCC solid*/}
.p_img{ width:230px; float:left;}
.p_r{ width:400px; float:right}
.p_r1{ color:#333; font-size:14px; font-weight:bold; line-height:40px;}
.p_cs{ font-size:14px; font-weight:bold; color:#B70912; line-height:60px;}
#p_buy{ padding:10px 0; border-bottom:1px #999 dotted; }
#p_buy2{ padding:10px 0; line-height:180%; color:#999}

.p_class{ border:1px #E6E6E6 solid}
.p_class1{ height:28px; line-height:28px; background:url("../images/bg_p01.png"); padding-left:10px; font-size:14px;} 
.p_class2{ padding:10px;}
.p_class2 a{ padding-right:10px; color:#900}
.p_class2 a:hover,.p_class2 a.hover{ font-weight:bold; text-decoration:underline}
.honor_list{ padding:20px 0}
.honor_list li{ width:165px; float:left; text-align:center; margin-bottom:20px}
.honor_title{ line-height:40px;}

/*????????????*/
#picarea {MARGIN: 0px auto; WIDTH: 700px; BACKGROUND: #fff; HEIGHT: 620px}
#bigpicarea {POSITION: relative; MARGIN: 0px auto; WIDTH: 700px; HEIGHT: 482px; OVERFLOW: hidden}
.image {TEXT-ALIGN: center}
.image IMG {MARGIN: 0px auto;}
#bigpicarea .word {TEXT-ALIGN: center; HEIGHT: 50px; COLOR: #333}
#bigpicarea .word H3 {TEXT-ALIGN: center; LINE-HEIGHT: 48px; HEIGHT: 48px; COLOR: #333; FONT-SIZE: 14px}
#bigpicarea .ui-els-hide {DISPLAY: none}
#thumbs {LIST-STYLE-TYPE: none; MARGIN: 0px auto; WIDTH: 700px; HEIGHT: 110px}
* HTML #thumbs {HEIGHT: 100%}
#thumbs LI {MARGIN: 0px 7px; WIDTH: 90px; DISPLAY: inline; FLOAT: left; HEIGHT: 60px}
#thumbs UL {MARGIN-TOP: 3px}
#thumbs LI.last_img {MARGIN-RIGHT: 4px}
#thumbs LI.first {MARGIN: 25px 10px 0px 15px; WIDTH: 9px; HEIGHT: 16px; CURSOR: pointer}
#thumbs LI.last {MARGIN: 25px 10px 0px 15px; WIDTH: 9px; HEIGHT: 16px; CURSOR: pointer}
#thumbs LI A {BORDER-BOTTOM: #fff 2px solid; BORDER-LEFT: #fff 2px solid; WIDTH: 90px; DISPLAY: block; FONT-SIZE: 0px; BORDER-TOP: #fff 2px solid; BORDER-RIGHT: #fff 2px solid}
#thumbs LI A:hover {BORDER-BOTTOM: #000 2px solid; BORDER-LEFT: #000 2px solid; BORDER-TOP: #000 2px solid; BORDER-RIGHT: #000 2px solid}
#thumbs LI A.current {BORDER-BOTTOM: #f8ae0f 2px solid; BORDER-LEFT: #f8ae0f 2px solid; BORDER-TOP: #f8ae0f 2px solid; BORDER-RIGHT: #f8ae0f 2px solid}
.bigbtnPrev {Z-INDEX: 100; POSITION: absolute; WIDTH: 35px; HEIGHT: 51px; TOP: 186px; CURSOR: pointer; LEFT: 30px}
.bigbtnNext {Z-INDEX: 100; POSITION: absolute; WIDTH: 35px; HEIGHT: 51px; TOP: 186px; CURSOR: pointer; RIGHT: 30px}
#big_play_prev {BACKGROUND-IMAGE: url(../images/leftbig.png); WIDTH: 35px; DISPLAY: block; HEIGHT: 51px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='../images/leftbig.png')}
#big_play_next {BACKGROUND-IMAGE: url(../images/rightbig.png); WIDTH: 35px; DISPLAY: block; HEIGHT: 51px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='../images/rightbig.png')}
#smallpicarea {MARGIN: 0px auto; WIDTH: 700px; BORDER-TOP: #ececec 1px solid; PADDING-TOP: 20px}



/* ?????? QQ*/
#QQFloatDiv { width:118px; margin:0 auto; }
#QQFloatDiv .Head { height:41px; background:url("../images/QQ/head.gif");}
#QQFloatDiv .Body { background:url("../images/QQ/body.gif"); text-align:center; }
#QQFloatDiv .Foot { height:40px; background:url("../images/QQ/foot.gif");}
/* ?????? QQ*/
#t{display: block;}
#tz{ width:200px;height: 200px;   }
    #tzb1{float: right;}
/*??????*/
.a2{ height:128px; width:193px; background:#eaeded; border:#cbc9ca solid 1px; padding:3px;}