@charset "utf-8";
/* CSS Document */
/*body_img*/
body{ width:100%; background-color:#f1f1f1; background:url(../images/nbj.jpg) repeat-x left top #fff; font-size:12px; font-family:"����",Arial; color:#444444;}

.contentera{ width:1004px; margin:0 auto;}
.header{ width:1004px;}
.header .top{ width:1004px; height:70px; padding-top:15px;}
.header .nav{ width:1004px; height:89px; background:url(../images/nav.jpg) no-repeat center top;}
.banner{ width:1004px; height:312px;}
.banner_img{ width:970px; height:300px; padding:6px 8px; margin:0 auto; background:url(../images/bannerbj.jpg) repeat-x center top;}

.gg_full {
	position: relative; margin: 0px auto 0px; width: 970px;
}
.gg_full .gg_fbtn {
	position: absolute; width: 19px; display: none; height: 55px; TOP: 0px; right: -30px
}
.gg_full .gg_fbtn A {
	display: block; background: url(../images/gg_btn.png) no-repeat 0px 0px; HEIGHT: 55px;overflow:hidden;
}
.gg_full .gg_fbtn .gg_fclose {
	background: url(../images/gg_btn.png) no-repeat -19px 0px;
}
.gg_full .gg_fcon {
	display: none; HEIGHT: 500px; margin-bottom:10px;
}
/*���չ��*/

.main{ width:974px; height:229px; padding:18px 15px 0 15px; background:url(../images/main_bg.jpg) no-repeat center top;}
.pro_i{ width:1004px; height:218px; background:url(../images/pro_i.jpg) no-repeat center top;}
.footer{ width:1004px; height:73px; padding:5px 0; background:url(../images/footer_bg.jpg) repeat-x left top; text-align:center; line-height:20px;}
/*====================*/
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:both;}
.bor{ border-bottom:1px dashed #d0d0d0;}
a{ color:#444444; text-decoration:none;}
a:hover{ color:#f00; text-decoration:underline;}
.name{ color:#B4B4B4;}
/*top_logo*/
.top .logo{ height:60px; padding-left:40px;}
.top .logo h2{ margin-left:10px; padding-top:40px; height:18px; line-height:18px;}
/*top_right*/
.sc{ height:60px; padding-right:40px;}
.sc_a{ height:18px; text-align:right;}
.sc_a a{ margin:0 5px; padding-left:20px; line-height:18px;}
.sc_b{ background:url(../images/sc_b.png) no-repeat left center transparent;}
.sc_c{ background:url(../images/sc_c.jpg) no-repeat left center;}
.sc_d{ height:42px; text-align:right;}
/*nav*/
.nav ul{ width:927px; margin:0 auto;}
.nav ul li{ float:left; width:103px; height:69px; margin:0; text-align:center; background:url(../images/nav_li.jpg) no-repeat right top;}
.nav ul li a{ float:left; outline:none; width:101px; height:50px; line-height:50px; color:#fff; padding:15px 2px 0 0px; margin:0 0 0 0; font-weight:bold; font-size:14px;}
.nav ul li a:hover{ background:url(../images/navaa.jpg) no-repeat left 9px;}
/*main_news*/
.main_news{ width:390px; height:229px; padding:0 10px;}
.main_news h2{ width:100%; height:35px;}
.main_news h2 a{ float:right; margin:10px 20px 0px 0;}
.main_news ul{ width:380px; height:150px; padding:10px 5px 0 5px;}
.main_news ul li{ width:370px; padding:0 0 0 10px; background:url(../images/arc_1.png) no-repeat left 9px; height:24px; line-height:24px;}
.main_news ul li label{ float:right; color:#CCC;}
/*main_about*/
.main_about{ width:500px; height:229px; padding:0 10px;}
.main_about h2{ width:100%; height:35px;}
.main_about h2 a{ float:right; margin:10px 20px 0px 0;}
.main_about ul{ width:490px; height:150px; padding:5px 5px 0 5px;}
.main_about ul li{ height:142px; line-height:20px; padding:3px 0 0 0; overflow:hidden;}
.main_about ul li img{ float:left; margin:0px 5px 0px 0;}
/*��ҳ��Ʒ����*/
.pro_i h2{ width:100%; height:35px;}
.pro_i h2 a{ float:right; margin:20px 45px 0px 0;}
.pro_i_pic{ width:940px; height:165px; margin:15px auto 0;}

.left_arc{ width:25px; height:165px; background:url(../images/arc_2.png) no-repeat left 55px; }
.right_arc{width:25px; height:165px; background:url(../images/arc_3.png) no-repeat left 55px;}
.pro_i_pic .left_arc a,.pro_i_pic .right_arc a{ float:left; width:25px; height:165px;}
.pro_i_pic ul{ float:left; width:890px; height:165px; overflow:hidden;}
.pro_i_pic ul li{ float:left; width:122px; text-align:center; margin:10px 10px 0 15px;}
.i_pro_di{ float:left; width:120px; height:120px; border:1px solid #d7d7d7; background-color:#fff;}
.pro_i_pic ul li span{ float:left; width:100%; height:22px; line-height:22px; overflow:hidden;}
/*��Ʒ����*/
.rollBox{width:940px;overflow:hidden;padding:0px 0px 0px 0px;} 
.rollBox .LeftBotton{height:165px;width:25px;background:url(../images/arc_2.png) no-repeat left 55px;overflow:hidden;float:left;display:inline;margin:0px 0 0 0;cursor:pointer;} 
.rollBox .RightBotton{height:124px;width:25px;background:url(../images/arc_3.png) no-repeat left 55px;overflow:hidden;float:left;display:inline;margin:0px 0 0 0;cursor:pointer;} 
.rollBox .Cont{width:890px;overflow:hidden;float:left;} 
.rollBox .ScrCont{width:10000000px;} 
.rollBox .Cont .pic{float:left; width:122px; text-align:center; margin:10px 10px 0 15px; display:inline;} 
.i_pro_di{ float:left; width:120px; height:120px; border:1px solid #d7d7d7; background-color:#fff;}
.rollBox .Cont .pic span{float:left; width:100%; height:22px; line-height:22px; overflow:hidden;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;} 
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;} 
.rollBox #List1,.rollBox #List2{float:left;} 
/*footer*/
.footer ul{ width:100%; text-align:center;}
.footer ul a{ margin:0 10px; line-height:22px;}
/*page.html*/
.main_page{ height: auto !important;margin: 10px 6px;min-height: 533px;}
/*left*/
.main_page .leftbar{width: 224px;}
.main_page .rightbar{width: 755px;}
.leftbar_side{ margin-bottom:10px;}
.leftbar .leftbar_side h2{ background: url("../images/leftbar_side.jpg") no-repeat scroll left top transparent;color: #FFFFFF; font-size: 13px;font-weight: bold;
    height: 33px;line-height: 33px; padding-left: 30px; padding-top: 10px;}
.leftbar_side ul { border:1px solid #D0D0D0; border-top:0;margin: 0 0 0 3px; padding: 10px; background-color:#FFF;}
.leftbar_side ul li {background: url("../images/btbj.jpg") repeat-x scroll left top transparent;color: #444444;font-size: 12px; font-weight: bold; height: 33px;
    line-height: 33px;}
.leftbar_side ul li a {background: url("../images/arc_1.png") no-repeat scroll 14px 3px transparent; color: #444444; padding-left: 30px;}
.leftbar_side ul li ul{position:absolute; margin-left:10px; border-top:1px solid #d0d0d0; margin-top:0px; display:none; padding:5px;z-index:1000;width:140px; background-color:#FFF}

.leftbar_side .lxwm { border:1px solid #D0D0D0; border-top:0;margin: 0 0 0 3px; padding: 10px; line-height:18px;}
.leftbar_side .lxwm a{ margin-right:5px;}
/*right*/
.rightbar .title h2{background: url("../images/rightbar_title.jpg") no-repeat scroll left top transparent;color: #FFFFFF;font-size: 13px;font-weight: bold; height: 33px;line-height: 33px; padding-left: 50px; padding-top: 10px; text-align:left;}
.rightbar .title h2 a{ color:#fff;}
.rightbar .title h2 span{ float:right; margin-right:20px; font-size:12px; width:600px; text-align:right; overflow:hidden;}
.rightbar .title h2 span a{ color:#fff;font-size:12px;}
.page_about{ border:1px solid #D0D0D0; border-top:0; height: auto !important; margin: 0 3px 5px 0; line-height:24px; min-height: 500px; padding: 15px; background-color:#FFF;}
/*��������*/
.news{ border:1px solid #D0D0D0; border-top:0; height: auto !important; margin: 0 3px 5px 0; line-height:24px; min-height: 500px; padding: 15px; background-color:#FFF;}
.news ul,.product ul{ width:100%;}
.news ul li{ border-bottom:1px dotted #DADADA; margin-bottom:5px; background:url(../images/arc_4.jpg) no-repeat 7px 9px;}
.news ul li h2 { background-image: none; line-height: 30px; margin: 0; padding: 0 15px 0 24px;}
.news ul li h2 a{ font-weight:bold; font-size:13px;}
.news ul li p {color:#999999; font-family: "����";line-height: 18px;}
.news ul li h4 {color:#B4B4B4;font-size: 12px;font-weight: normal; line-height: 20px; text-align: right;}
.news ul li h4 span{ margin:0 5px;}
#page{ width:100%; height:40px; line-height:40px; text-align:center;}
#page a{border:1px #ddd solid; padding:2px 5px;}
#page span.active{border:1px #cfcfcf solid;background-color:#eee;padding:2px 5px;color:red;font-weight:blod;}
/*��Ʒ����*/
.product{ border:1px solid #D0D0D0; border-top:0; height: auto !important; margin: 0 3px 5px 0; line-height:24px; min-height: 500px; padding: 15px; background-color:#FFF;}
.product li {display: inline;float: left;margin: 15px 37px; padding: 1px; width: 160px;}
.pro_show_di {border: 1px solid #DADADA;width: 160px;height: 160px;overflow: hidden;text-align: center !important;vertical-align: middle !important;}
.pro_show_di:hover{ border:1px solid #008eec;}
.product li span {float: left;height: 24px;line-height: 24px;text-align: center;width: 160px; overflow:hidden;}
/*show*/
.show{ border:1px solid #D0D0D0; border-top:0; height: auto !important; margin:0 3px 5px 0; line-height:24px; min-height: 500px; padding: 15px; background-color:#FFF;}
.show h1{ width:100%; text-align:center; height:30px; line-height:30px; overflow:hidden; font-family:"΢���ź�","����",Arial; font-size:17px;}
.prew{float:left; text-align:left; width:46%; height:24px; line-height:24px; overflow:hidden; background:url(../images/ui_pre_info.gif) left 7px no-repeat; padding-left:15px; color:#6b6b6b; margin:5px auto;}
.nextw{float:right; text-align:right; width:46%; height:24px; line-height:24px;overflow:hidden;background:url(../images/ui_next_info.gif) right 7px no-repeat;text-align:right;padding-right:15px; color:#6b6b6b; margin:5px auto;}
.prew a, .nextw{ color:#6b6b6b;}
/* ���TAG */
#tag_show{ width:100%; text-align:left;}
#tag_show a{ margin-left:5px; }
/*�������*/
#show_news{ float:left; display:inline; width:100%; margin:0px 0px 10px 0px;}
#show_news h3{ float:left; width:100%; line-height:30px; background-color:#e8e8e8; color:#333;}
#show_news ul{ width:100%;}
#show_news ul li{ float:left; width:48%; padding-left:2%; padding-right:0; border-bottom:1px solid #d7d7d7; height:30px; line-height:30px; overflow:hidden;}
#show_news ul li a:hover{ color:#f00;}
/*��Ʒ����*/
.show_pic{ border:1px solid #D0D0D0; border-top:0; height: auto !important; margin:0 3px 5px 0; line-height:24px; min-height: 500px; padding: 15px; background-color:#FFF;}

.show_picture_{ width:100%; min-height:560px;}
.show_picture_ .leftshow_picture_{width:402px; margin-right:18px;}

#con_ { float:left;font-size: 12px; width: 402px;}
#thumb { float:left; display:inline; padding:0; margin: 0px 0px 0px 0px; width:402px; height:102px; overflow:hidden;}
#thumb li { float:left; border:1px solid #dadada; width:70px; height:70px; margin:10px 4px 0 4px ; display:inline; text-align:center;}
#thumb li img{/* width:70px; height:70px;*/}
#thumb li A {float: left;LINE-HEIGHT:70px; HEIGHT: 70px}
#thumb li.emptyTag {	}
#thumb li.selectTag {position: relative;}
#thumb li.selectTag A {}
#tagContent_ { float:left; display:inline; width:400px; height:400px; border:1px solid #dadada; text-align:center; vertical-align:middle; overflow:hidden;}
.tagContent_ { display: none;width: 400px; HEIGHT:430px;overflow:hidden; text-align:center!important; vertical-align:middle!important;}
.tagContent_ a{ width:100%; height:430px;}
.tagContent_ a img{ margin:auto; padding:0;}
#tagContent_ div.selectTag {display: block}

/*��Ʒ��ϸҳ*/
.probar{ padding:10px 0 0 0;}
.probar_left{ width:402px;}
.probar_right{ width:296px; height:402px;}
#tagContent_{ width:400px; height:400px; border:1px solid #DADADA; text-align:center; overflow:hidden;}
#thumb {float: left;overflow: hidden;width: 402px;}
#thumb li {background-color: #FFFFFF;border: 1px solid #DADADA;display: inline;float: left;height: 70px;margin: 10px 4px 10px;text-align: center;width: 70px;}
#thumb li:hover{ border:1px solid #008eec;}
#thumb li img {/*height: 70px;width: 70px;*/}
#thumb li A {float: left; width:70px;height: 70px;line-height: 70px; text-align:center;}
#thumb li.emptyTag {}
#thumb li.selectTag {position: relative;}
#thumb li.selectTag A {}
/*LEFTͼƬ�������*/
.probar_right ul{ padding:0 0 0 15px;}
.probar_right ul li{ padding:0 0 0 5px;}
.inp{
    background: url("../images/cons_bg1.png") no-repeat scroll left top transparent;
    border: 0 none;
    color: #999999;
    font-family: "����";
    height: 27px;
    line-height: 27px;
    margin-bottom: 4px;
    padding: 0 5px 0 7px;
    width: 230px;
}
.textarea {
    background: url("../images/cons_cont.png") no-repeat scroll left top transparent;
    border: 0 none;
    color: #999999;
    font-size: 12px;
    height: 93px;
    line-height: 18px;
    overflow: hidden;
    padding: 5px 5px;
    width: 254px;
}
.sub{
    background: url("../images/zixun.gif") no-repeat scroll left center transparent;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 18px;
    width: 61px;
}

.content{ width:100%;}
.content h2{width: 96%; height:30px; line-height:30px; padding:0 2%; font-size:14px; border-bottom:1px dashed #d7d7d7;}
.content .content_{ width:96%; padding:10px 2%; line-height:24px;}

#xg_pic{ width:722px;}
#xg_pic h4{ width:96%; height:30px; line-height:30px; padding:0 2%; font-size:14px; border-bottom:1px dashed #d7d7d7;}
#xg_pic ul{ float:left; width:100%; padding:10px 0px; height:184px; overflow:hidden;}
#xg_pic ul li{ float:left; display:inline; width:162px; text-align:center; margin:0 10px 0 9px;}
#xg_pic ul li span{ float:left; width:100%; height:24px; line-height:24px; overflow:hidden; background:url(../images/bg_16.jpg) repeat-x left top;}

#demo { overflow:hidden;width:100%; margin:0 auto;} 
#demo img { margin:0 auto;} 
#indemo { float: left; width:600%; overflow:hidden;} 
#demo1 {float: left;overflow:hidden;} 
#demo2 {float: left; overflow:hidden;} 
#demo1 a,#demo2 a{ color:#333; font-size:12px;text-decoration:none;}
#demo1 a:hover,#demo2 a:hover{ color:#000;text-decoration:underline;}
#demo1 ul li,#demo2 ul li{float:left;text-align:center;display:block;overflow:hidden;padding:0px;margin-top:10px; display:inline; line-height:24px;}
#demo2 ul li img{}

#marquee { float:left;
    position:relative;
	width:100%;
    overflow:hidden;
	margin-top:10px;
}
#marquee img {
    /*border:1px solid #d7d7d7;*/
}
#marquee dl, #marquee dt,#marquee dd,#marquee a {
    float:left; text-align:center;
    margin:0 7px 0 7px;
    padding:0;
}
#marquee dl dt a{ float:left; display:inline; line-height:20px;width:162px; text-align:center;} 
#marquee a{ width:162px;}
#marquee dl{
    width:1000%;
}

/*��������*/
#guest{ width:638px; padding:20px;line-height:22px; color:#545454;}
.input_on{ float:left; margin:0;
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #999;
background-color:#FFFFCC; background-image:none;
}
.input_off{ float:left; margin:0;
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #CCC;
background-color:#FFF; background-image:none;
}
.input_move{ float:left; margin:0;
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #0088cd;
background-color:#FFFFCC; background-image:none;
}
.input_out{ float:left; margin:0;
/*height:16px;Ĭ�ϸ߶�*/
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #CCC;
background-color:#FFF; background-image:none;
}
.input_out1{ float:left; margin:0;
/*height:16px;Ĭ�ϸ߶�*/
padding:2px 8px 0pt 3px;
height:70px;
border:1px solid #CCC;resize:none;
background-color:#FFF; background-image:none;
}
.input_out2{ float:left; margin:0;
/*height:16px;Ĭ�ϸ߶�*/
padding:2px 8px 0pt 3px;
width:80px;height:18px;
border:1px solid #CCC;
background-color:#FFF; background-image:none;
}
#guest  .input_test{
margin:20px auto 0 auto;
width:500px; height:400px; padding-bottom:10px;
list-style-type:none;
}
#guest  ul.input_test .hr{ float:left; margin:0; padding:0; width:100%; line-height:25px; display:block; overflow:hidden;}
#guest  ul.input_test li{ float:left;
width:500px;
height:25px;
margin-bottom:10px; background-image:none; display:inline;
}
#guest  .input_test label{
float:left; margin:0; padding:0;
padding-right:10px;
width:90px;
line-height:25px;
text-align:right;
font-size:12px; background-image:none;
}
#guest  .input_test span{ float:left;margin-left:0;
padding-left:10px;
line-height:25px;
text-align:left;
font-size:12px;
color:#999; background-image:none;
}
/*新添加css*/
.nav ul li ul{ display:none; width:94px; height:auto; position:absolute; z-index:10000; margin:60px 0 0 0; padding:0; background:url(../images/menubg1.jpg) repeat-y center bottom; border:1px solid #228bcf; border-top:4px solid #228bcf;}
.nav ul li ul li{ height:34px; line-height:34px; background:none; text-align:center;}
.nav ul li ul li a{ width:94px; font-size:12px; height:34px; line-height:34px; padding:0; border-bottom:1px solid #228bcf; background:#0268bd;}
.nav ul li ul li a:hover{ border-bottom:1px solid #228bcf; background:#035192;}

#guest .input_test .red{ float:none;color:#f00;}

#sub_btn, #sub_reset {width:50px; height:24px; line-height:24px; margin-right:10px;}
/*background:url({dede:global.cfg_templeturl /}/yh/images/bg_btn.gif) no-repeat; */
#sub_btn:hover, #sub_reset:hover {width:50px; height:24px; line-height:24px;}
/*background:url({dede:global.cfg_templeturl /}/yh/images/bg_btn_hover.gif) no-repeat; */