@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; background:url(../images/bodybg.gif) no-repeat center top; font-size:12px; color:#656565; font-family:"宋体",Arial, Helvetica, sans-serif;}
a{ color:#656565; text-decoration:none;font-family:"宋体",Arial, Helvetica, sans-serif;}
a:hover{ color:#f66300; text-decoration:underline;}
.cl{ clear:both; height:0; overflow:hidden;}.fl{ float:left;}.fr{ float:right;}.co{ color:#f05a28;}
.h15{ height:15px;}.l10{ margin-left:10px;}.r10{ margin-right:10px;}.t10{ margin-top:10px;}.t15{ margin-top:15px;}.b10{ margin-bottom:10px;}.ov{ overflow:hidden;}
.more{ float:right; margin:3px 10px 0 0; font-size:12px; font-family:"宋体";}

#container{ width:100%; height:auto;}
#header{ width:980px; margin:0 auto;}
#logo{ width:980px; height:80px; padding:10px 0px 0px 0px;}
#menu{ width:980px; height:45px; overflow:hidden; background:url(../images/menubg.jpg) no-repeat left top;}
#menu ul{ height:36px;}
#menu ul li{ float:left; line-height:36px; display:inline; background:url(../images/menuline.jpg) no-repeat right top;}
#menu ul li a{ display:block; line-height:36px; color:#fff; font-size:14px; font-weight:bold; padding:0 24px;}
#menu ul li a.on_i,#menu ul li a.on_i:hover{ background:url(../images/menu_on.jpg) no-repeat left top;}
#menu ul li a.on,#menu ul li a:hover{ background:url(../images/menu_on.jpg) no-repeat right top;}

#banner_index{  height:350px; margin-bottom:15px;}

#main{ width:980px; margin:0 auto;}
.product_i{}
.product_fl,.sidebar{ width:215px; height:300px; overflow:hidden;}
.product_fl h3,.sidebar h3{ height:40px; line-height:32px; text-indent:12px; overflow:hidden; font-size:14px; font-family:"微软雅黑"; color:#fff; background:url(../images/sidebart.jpg) no-repeat left top;}
.b{ float:left; height:10px; overflow:hidden;}
.b img{ float:left;}
.product_fl ul,.sidebar ul{ height:250px; overflow:hidden; background:url(../images/sidebarbg.jpg) repeat-y center top;}
.product_fl ul li,.sidebar ul li{ text-indent:40px; line-height:35px; background:url(../images/sidebarli.jpg) no-repeat left top;}
.product_fl ul li a,.sidebar ul li a{ color:#fff;}
.product_fl ul li ul,.sidebar ul li ul{ height:auto; background:none;}
.product_fl ul li ul li,.sidebar ul li ul li{ background:url(../images/sidebarli.jpg) no-repeat left bottom; text-indent:60px;}
.product_fl ul li a:hover{}

.product_tj{ width:730px; margin-left:15px; height:300px; padding:0 10px; background:url(../images/producttjbg.jpg) no-repeat left top;}
.arc_l,.arc_r{ cursor:pointer; width:25px; height:50px; padding-top:120px;}
.rollBox{overflow:hidden; width:680px;} 
.rollBox .Cont{width:680px;overflow:hidden;float:left;} 
.rollBox .ScrCont{width:10000000px;} 
.rollBox #List1,.rollBox #List2{float:left;} 
.rollBox ul li{ float:left; width:201px; height:255px; margin:20px 5px 20px 10px; padding:0 5px; background:url(../images/lidiv.jpg) no-repeat left top; text-align:center; line-height:22px;}
.rollBox ul li div{ width:195px; height:155px; overflow:hidden; margin:10px auto 5px;}
.rollBox ul li h4{ margin:0 auto; height:28px; line-height:28px; font-weight:bold; color:#f66300;}
.rollBox ul li p{ height:44px; overflow:hidden;}
.rollBox ul li a.mo{ margin:0 auto; width:128px; height:28px; display:block;}

.cases_i,.muscle_i{ width:958px; border:1px solid #dfdfdf; padding:5px 10px 10px; margin-top:15px;}
.cases_i h3,.muscle_i h3{ font-size:15px; font-family:"微软雅黑"; color:#f66300; height:32px; line-height:32px; border-bottom:1px dashed #dfdfdf; background:url(../images/arc.jpg) no-repeat 10px center; text-indent:34px;}
.cases_i h3 .more,.muscle_i h3 .more{ margin:5px 8px 0 0;}
.cases_i ul{ display:inline-table; padding:10px 0 0 0;}
.cases_i ul li{ float:left; width:180px; height:90px; text-align:center; overflow:hidden; border:1px solid #dfdfdf; margin:5px 4px 5px 5px;}

.news_i{ width:310px; margin-top:15px;}
.news_i h3,.about_i h3,.contact_i h3{ height:39px; line-height:31px; font-size:15px; font-family:"微软雅黑"; color:#fff; background:url(../images/newsbg.jpg) no-repeat left top; text-indent:12px;}
.news_i h3 .more{ color:#f66300;}
.news_i ul{ padding:0px 0 0 0; height:285px;}
.news_i ul li{ height:34px; line-height:34px; overflow:hidden; padding:0 0 0 20px; background:url(../images/arc1.jpg) no-repeat 10px center; border-bottom:1px dashed #dfdfdf;}
.news_i ul li label{ float:right; color:#999;}

.about_i{ width:416px; margin:15px 20px 0 20px;}
.about_i h3{ background-position:-332px top;}
.about_i h3 .more{ color:#143899;}
.about_i ul{ padding:10px 5px 0 5px; height:275px; line-height:21px;}
.about_i ul img{ float:left; margin:5px 10px 10px 10px;}

.contact_i{ width:214px; overflow:hidden; margin-top:15px;}
.contact_i h3{ background-position:right top;}
.contact_i ul{ padding:15px 10px 0 10px; height:270px; line-height:22px;}

.muscle_i{ margin-top:15px;}
.muscle_i ul{ display:inline-table;}
.muscle_i ul li,.product_list ul li{ float:left; width:162px; text-align:center; margin:15px 10px 10px;}
.muscle_i ul li .img,.product_list ul li .img,#xg_pic .img{ width:160px; height:120px; overflow:hidden; border:1px solid #dfdfdf;}
.muscle_i ul li p,.product_list ul li p{ line-height:18px; padding:5px 0 0 0;}

#demo{overflow:hidden;} 
#demoimg { margin:0 auto;} 
#indemo { float: left; width:600%; overflow:hidden;} 
#demo1,#demo2 {float: left;overflow:hidden;} 

#footer{ width:100%; height:auto; background:url(../images/footerbg.jpg) repeat left top;}
#footer div{ width:980px; height:auto; display:table; margin:0 auto; padding:10px; line-height:20px; color:#719bff;}
#footer div ul{ height:35px; line-height:35px; text-align:center; margin-bottom:5px;}
#footer div ul a{ margin:0 12px; color:#719bff;}
#footer div a{ margin-right:12px; color:#719bff;}

#left{ width:215px;}
.sidebar{ height:auto;}
.sidebar ul{ height:auto;}

#right{ width:745px;}
#right h2.t{ height:40px; line-height:32px; text-indent:12px; overflow:hidden; font-size:14px; font-family:"微软雅黑"; color:#fff; background:url(../images/rightbg.jpg) no-repeat left top;}
#right h2.t label{ font-size:12px; font-family:"宋体";}
#right h2.t label a{ color:#fff;}
.about{ padding:10px 15px; line-height:26px; font-size:14px;}
.about h1{ font-size:16px; line-height:35px; text-align:center; font-family:"微软雅黑","宋体"; color:#333;}
.about .time {border-bottom: 1px dashed #D9D9D9;color: #999;font-size: 12px;line-height: 30px;margin-bottom: 10px;}
.about .time a{color: #999;font-size: 12px;}
.news{ padding:10px 15px;}
.news ul li { margin:5px 0 10px; border-bottom:1px dashed #d9d9d9;}
.news ul li h4,#xg_news h3,#xg_pic h3,.content h3.tit{ height:30px; line-height:30px; text-indent:30px; background:url(../images/arc.jpg) no-repeat 10px center;}
.news ul li h4 label{ float:right; margin-right:10px; color:#999;}
.news ul li h4 a { font-size:14px;}
.news ul li h5{ line-height:20px; padding:0 10px 10px;}

#pagelist {padding: 20px;text-align: center;}
#pagelist a, span.page_index, span.page_prev, #pagelist span.active, span.page_end, span.page_next, #pagelist span { cursor: pointer; font-family: "宋体";font-size: 12px;/* margin: 0 3px;*/ padding: 5px 8px;}
#pagelist a.on { font-family: "宋体"; font-size: 12px;}
#pagelist span.active { color: #fff; background-color:#f46e17;}
#pagelist a:hover, #pagelist span:hover { color:#fff; background-color:#f46e17;}

.prew, .nextw {
    background: url("../images/ui_pre_info.gif") no-repeat scroll left 6px transparent;
    color: #6B6B6B;
    float: left;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding-left: 15px;
    text-align: left;
    width: 46%;
	 font-size:12px;
}
.nextw {
    background: url("../images/ui_next_info.gif") no-repeat scroll right 6px transparent;
    float: right;
    padding-right: 15px;
    text-align: right;
}
.prew a, .nextw a {
    color: #6B6B6B; font-size:12px;
}
.prew a:hover, .nextw a:hover,.about .time a:hover{ color:#f46e17;}

#xg_news{}
#xg_news h3,#xg_pic h3,.content h3.tit{ border-bottom:1px dashed #d9d9d9; font-family:"微软雅黑","宋体";font-size:15px;}
#xg_news ul li {
    background: url("../images/arc1.jpg") no-repeat scroll 10px center transparent;
    border-bottom: 1px dashed #D9D9D9;
    float: left;
    line-height: 30px;
    padding: 0 1% 0 3%;
    width: 46%; font-size:12px; overflow:hidden;
}

.product_list{ padding:10px 15px;}
.product_list ul li{ margin:10px 30px 10px 44px;}
.product_list ul li p{ height:36px; line-height:18px; overflow:hidden;}

#xg_pic dl a{ float:left; width:162px; text-align:center; margin:10px 10px 0 10px; font-size:12px;}
#marquee {
    overflow: hidden;
    padding: 10px 0;
    position: relative;
    width: 100%;
}
#marquee img {
}
#marquee dl, #marquee dt, #marquee dd, #marquee a {
    float: left;
    padding: 0;
    text-align: center;
}
#marquee dl dt a {
    display: inline;
    float: left;
    line-height: 24px;
    width: 162px;
}
#marquee a {
    line-height: 24px;
}
#marquee dl {
    width: 1000%;
}

.product{ padding:10px 15px;}
.probar {
    padding: 10px 0 0;
}
.probar_left {
    width: 402px;
}
.probar_right {
    height: 402px;
    width: 296px;
}
.probar_right li {
    border: 0 none;
}
.probar_right li h1, .probar_right li h3 {
	border-bottom:1px dashed #DEDEDE;
}
#tagContent_ {
    border: 1px solid #DEDEDE;
    height: 400px;
    overflow: hidden;
    text-align: center;
    width: 400px;
}
#thumb {
    float: left;
    overflow: hidden;
    width: 402px;
}
#thumb li {
    border: 1px solid #DEDEDE;
    display: inline;
    float: left;
    height: 70px;
    margin: 10px 4px;
    overflow: hidden;
    text-align: center;
    width: 70px;
}
#thumb li:hover {
    border: 1px solid #F58F20;
}
#thumb li img {
}
#thumb li A {
    float: left;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 70px;
}
#thumb li.emptyTag {
}
#thumb li.selectTag {
    position: relative;
}
#thumb li.selectTag A {
}
.probar_right ul {
    padding: 0 0 0 15px;
}
.probar_right ul li {
    padding: 0 0 0 10px;
}
.probar_right ul li h1,.probar_right ul li h2{ font-size:12px; text-align:left; font-weight:100; font-family:"宋体"; line-height:30px;}
.inp, .textarea {
    border: 1px solid #DEDEDE;
    color: #777777;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0 5px 0 7px;
    width: 247px;
}
.inp {
    height: 24px;
}
.textarea {
    height: 90px;
}
.sub {
    background: url("../images/zixun.gif") no-repeat scroll left center transparent;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 18px;
    width: 61px;
}

.big{ background:url(../images/big.jpg) no-repeat left center; float:left; height:18px; line-height:18px; padding-left:20px;}

#show{ width:400px; height:400px; overflow:hidden; position:relative; left:0; border:1px solid #eee; text-align:center;}
#show_mark{ position:absolute; top:0; left:0; width:400px; height:400px; background-color:#000; opacity:1; filter:alpha(opacity=50); cursor:crosshair; border:1px solid #999; display:none; }
#zoom{ float:left; position:relative; left:412px; margin-top:-402px; z-index:3; width:300px; height:400px; text-align:center; line-height:400px; display:none; overflow:hidden; border:1px solid #eee; background-color:#fff; z-index:1000;}
#zoom img{ position:absolute; margin:0 auto;}

.content .cont{ padding:0 10px; line-height:24px; font-size:14px;}

/*在线留言*/
#guest{ width:638px;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:550px; height:400px; padding-bottom:10px; font-size:12px;
list-style-type:none;
}
#guest  ul.input_test .hr{ float:left; margin:0; padding:0; width:100%; line-height:27px; 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;
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;
}
#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; */
