/* CSS Document */
@charset "utf-8";
body{ background:#F2F2F2/* url(../images/background.gif) */;  height:auto; margin:0 auto; padding:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif;color:#080808; text-align:center;}
.clear{ float:left; clear:both; width:100%;}
h1,h2{ font-weight:bold; font-size:14px;}
ul,li{ list-style:none;}
a{ color: #000000; text-decoration:none;}
a:hover{ color:#2b2b57; text-decoration:underline;}
table{ border-collapse:collapse; margin:5px 0px; padding:0px; float:left; }
td{ border:#d4d4d4 solid 1px; padding:5px; text-align:center;}
h1,h2,h3{ float:left; width:100%; clear:both;}
.more{ background:url(../images/more.jpg) no-repeat;float:right; margin:10px 25px 0 0; padding:0px; text-indent:-9999px; text-decoration:none; border:none; width:34px; height:11px; cursor:pointer;}
.line { height:1px; border-bottom:1px #d4d4d4 double;  width:100%; float:left; margin:5px 0; padding:0px;}


#warp{ width:980px; margin:0px auto; padding:0px;  background:#F2F2F2; text-align:left; overflow:hidden;}
.head{ width:980px; height:auto; float:left; margin:0px 0 15px 0; padding:0x; position:relative;}
.top-box{ width:300px; float:right; margin:20px 0px 0 0px; padding:0px;list-style:none;}
.top-box li{ width:68px; text-align:center; float:right; border-right:1px double #080808;}
.top-box li.first{ border-right:none;}
.tel{ font-size:16px;  text-align:right;  color:#ff6600; width:500px; position:absolute; right:20px; top:55px;}
.tel h2{font-size:22px; color:#333; width:280px; display:inline; margin:0; padding:0; margin-top:-2px;}
.search{ float:right; margin:0px 8px 0 0; padding:0px;}
.top-box .box01 a, .top-box .box01 a:hover{ color:#fff; text-decoration:none;}
.search input{ float:left; margin:0 0 0 14px;}
.input-txt{ background:#262721; border:1px double #515352; width:85px; height:16px; line-height:16px;}

#logo{ background:url(../images/hvr-logo.png) no-repeat left top; width:650px; height:82px; float:left; margin:0px; padding:0px; text-indent:-9999px;}


#menue{ width:980px; height:33px; background:url(../images/main-menuebg2.jpg) no-repeat left top; margin:15px 0 15px 0; padding:0px; float:left; color:#fff;}
#menue ul{ list-style:none; float:left; margin:0px; padding:0px; width:710px;}
#menue ul li{ width:100px; text-align:center; float:left; margin:10px 0 0 0; padding:0px; font-size:14px; font-weight:bold;}
#menue ul li a,#menue ul li a:hover{ color:#fff; text-decoration:none;} 

#search{ float:right; margin:0px; padding:0px; width:235px;}
#search-txt{ background:url(../images/search-txtbg.jpg) no-repeat ; width:195px; height:22px; border:none; margin:5px 5px 0 0; padding:0px; }
#search-button{ position:absolute; top:10px; margin:0px; padding:0px; float:left; border:none;}

#index-about{ width:980px; background:#fff; margin:5px 0 15px 0; padding:0px 0 10px 0; float:left;}
#index-about p{ line-height:25px; margin:0 0 0 15px; padding:0px;}
#index-about1{ width:980px; background:#fff; margin:10px 0 15px 0; float:left;}
.title{background:url(../images/titlebg.jpg) repeat-x top center; height:31px; line-height:31px; width:100%;}
.title span{ background:url(../images/address_citk.gif) no-repeat left center; text-indent:15px; margin:0px; padding:0px; float:left; font-size:14px; font-weight:bold;}
.main-title{ background:url(../images/address_citk.gif) no-repeat left center; text-indent:15px; margin:5px 0 5px 0; padding:0px; float:left; font-size:14px; font-weight:bold;}

#main-list{ width:980px; height:auto; float:left;}
.index-news{ width:340px; float:right; margin:0px; padding:0px; background:#fff;}
.index-news .news-content{float:left; width:210px; line-height:22px; margin:5px 0 0 0; padding:0px;}
.index-news .news-img{ float:left; border:double 1px #d2d2d2; margin:10px 8px 0 5px; padding:0px; width:110px; }
.index-news .news-img img{ width:110px; height:73px;}
.index-news ul{ float:left; width:340px; margin:5px 0; padding:0px;}
.index-news ul li{ background:url(../images/article_elite2.gif) no-repeat left center; height:25px; line-height:25px; text-indent:12px; margin:0 0 0 10px; display: block;}
.index-news ul li span{ margin:0 15px 0 0; padding:0px; float:right;}

.index-pro{ width:340px; float:left; margin:0 25px; padding:0px; background:#fff;}
.index-pro .pro-list{ width:340px; margin:10px 0 10px 0; padding:0px; float: left;}
.index-pro .pro-listimg{ float:left; width:110px; height:90px; margin:0px 10px 0 0 ; padding:0px; }
.index-pro  .pro-content{ width:210px; float:right; line-height:22px;}

.index-pro,.index-news,#index-contact{ height: auto !important; min-height:380px; height:380px; background:#fff;}
#index-contact{ width:245px; float:left;}
.down{ background:url(../images/down.jpg) no-repeat left top; width:245px; height:55px; float:left; line-height:40px; color:#fff; font-weight:bold; font-size:20px; text-indent:90px; margin:10px 0 0 0; padding:0px;}
.down a{ color:#fff;}
#index-contact p{ line-height:25px; margin:0 0 0 5px; padding:0px;}

#footer{ background: url(../images/footbg.jpg) repeat-x top left; width:980px; display:table; float:left; margin:0px; padding:0px;  color:#000; background-color:#FFFFFF;}
.footer-menue{float:left; margin:10px 0 10px 0; padding:0px; font-size:12px; clear:both; width:980px;}
.footer-menue ul{ float:left; margin:0px; padding:0px 0 0 150px; width:900px;  }
.footer-menue ul a{ text-decoration:none;}
.footer-menue ul li{ float:left; margin:0px; padding:0 8px; border-left:1px double #030303; display:inline;}
.footer-menue ul li.first{ border-left:none;}
#footer p{color:#555; padding-left:5px; padding-bottom:0px;}
#footer #links{width:980px;color:#555; padding-left:5px; padding-bottom:5px; line-height:20px;}
#footer #links a{text-decoration:none;}
#footer a{ color:#000; text-decoration:underline; }
#footer a:hover{ color:#2c2b57; text-decoration:none;}

.main_left {width: 200px;float: left;position: relative;overflow-x: hidden;background:url(../images/index_120.gif) repeat-x bottom left #fff;}
.main_left .block {width: 200px;margin:5px 0 10px 0;}
.main_left .catalog {background: url(../images/left_m_bot.gif) no-repeat left bottom #fafaf8 ; float:left}
.block .block_hld { padding:10px 5px 10px 5px;}
.block_top {width: 200px;height:31px; background:url(../images/titlebg.jpg) repeat-x; float:left;}
.block_top span { background:url(../images/button.gif) no-repeat left center; line-height:29px; margin:0 0  0 10px; padding:0px; text-indent:30px; float:left; font-size:14px; font-weight:bold; }
.catalog ul{margin:5px 0 0 0; padding:0px; clear:both; float:left; display:block;}
/*.catalog ul li{ border-bottom:1px dotted #ccc; width:180px; margin:10px 5px; padding:0px; text-indent:20px; line-height:25px;}*/


.main_right_subhld { margin:0px 0 10px 0; padding:0px;width: 771px;float: right;display: table;background:url(../images/right_hld_bot.gif) left bottom no-repeat #ffffff; overflow:hidden;}
.main_right_subhld .m_r_top {width: 771px;height: 8px;position: relative;background: url(../images/right_hld_top.gif) no-repeat left top;}
#main{ width: 770px; height:auto!important; min-height:560px;}



.pro-case{ width:350px; height:150px;margin:10px 15px 10px 15px; padding:0px; float:left; background:url(../images/probg.jpg) no-repeat;}
.pro-img{  width:200px; height:162px; float:left;}
.pro-img img{ width:170px; height:125px; margin:10px 0 0 15px; float:left;}
.pro-case ul{ float:right; margin:0 10px 0 0px; padding:0px; }
.pro-case ul li{ height:25px; line-height:25px; width:135px;}
.pro-case .readmore{ margin:10px 0 0 0;}
.pro-name a{ color:#030303; margin:10px 0 5px 0; float:left; width:140px; display:block;}
.pro-name a:hover{ color:#2c2b57;}
.pro-case p{ line-height:25px; color:#333; display:block;}

/*page*/
.sb_pag{padding:10px 0 10px 120px;margin:10px 0 0px 0px;width:80%;float:left}
.sb_pag ul,.sb_pag li{list-style-type:none;margin:0;padding:0}
.sb_pag li{float:left}
.sb_pag a{display:block;border:1px solid #ccc;padding:.1em .7em;margin:0 .38em 0 0;text-align:center;}
a.sb_pagP,a.sb_pagN{padding:.18em .5em;border:none;}
.sb_pag a:hover,a.sb_pagS{text-decoration:none;background:#ebebeb;border:1px solid #2c2b57; color:#2c2b57;}
a.sb_pagP{margin-right:.7em;padding-left:0}
a:hover.sb_pagP,a:hover.sb_pagN{text-decoration:underline;background-color:transparent;border:none}
a.sb_pagP,a.sb_pagN{padding-top:.5em}
/*page*/


#pro{ float:left; margin:0px; padding:0px;}
#pro h2{ float:left; margin:10px 0 0 20px; padding:0px;}


#pro-detail{ margin:0px 0 10px 10px; padding:0px; float:left;}
#pro-detail p{ line-height:25px; text-indent:20px; margin:10px 0 0 0 ; float:left; width:740px;}
#pro-detail h2{ font-size:14px; color:#2c2b57;}
#pro-detail ul, #pro-detail ol{ list-style:none; float:left; margin:0px; padding:0px;}
#pro-detail ul li{ float:left; margin:5px 0; padding:0px; width:95%; line-height:22px; background:url(../images/article_elite2.gif) no-repeat left center; text-indent:15px;}
#pro-box{ width:760px; float:left; margin:10px 0 0 0; clear:both; padding:0px;}
#pro-pic{ float:left; margin:0px; padding:0px; width:272px; }
#pro-pic img{ margin:10px 0 0 0; padding:0px; float:left; width:272px; height:200px; border:1px double #d2d2d2;}
#pro-Parameter{ float:left; width:500px; margin:0px 20px 0 0; padding:0px;}

#prolist{width:350px; float:right; margin:0px 70px 0 0px;}
#prolist ul{ list-style:none; margin:0px; padding:0px; float:left;}
#prolist ul li{width:80px;margin:10px 10px; padding:0px; float:left; background:none;}
#prolist ul li img{width:75px; height:56px; margin:0px; border:2px double #d2d2d2; }
#prolist h2{ background:url(../images/pd_also_recommend_arrow.gif) no-repeat left center; text-indent:25px;}
#pro-detail h3{ color:#333; font-size:13px; background:url(../images/pd_also_recommend_arrow.gif) no-repeat left center; text-indent:25px; margin:20px 0 0 0; padding:0px; width:740px; float:left; display:block; clear:both;}

#about{float:left; line-height:22px; padding:0px; margin:10px ;}

.mainnews,.news-detail{ margin:15px 5px 0 5px; padding:0px; float:left; width:760px; line-height:22px;}
.news-list{ padding: 0px; margin:0px 5px 5px  5px; float:left; width:740px; border-bottom:1px dotted #D9D9D9; line-height:22px;}
.news-list h2{ background:url(../images/dot.jpg) no-repeat left center; padding:0px; text-indent:12px; clear:both; float:left; margin:0px;}
.news-list a{ color:#030303; text-decoration:underline;}
.news-list a:hover{ color:#030303; text-decoration:none;}

a.link_details:visited,a.link_details:link{color:#2c2b57; font-size:12px; text-decoration: none; font-weight:bold;}

a.link_details:hover{color: #333333; font-size:12px; text-decoration:underline}
.data{ margin:5px 0 0 0; padding:0px; float:right; }
.name{ width:700px; font-size:14px; font-weight:bold; text-align:center;margin:10px 0 20px 0; padding:0px;}
.time{ width:700px; font-size:12px;text-align:center; margin:20px 0 20px 0; padding:0px;}
#prv-page{ float:left; margin:0px 0 20px -25px; padding:0px;}
#prv-page ul li{ float:left; margin:0 0 0px -15px; width:500px;}


#online_main{ float:left; margin:0px 0 0 20px; padding:0px; }
#feedback{margin:0 0 0 35px;}
*.onleft{text-align:right; display:block; float:left; clear:left; width:120px; margin:10px 0  10px 0}
*.online-right{ margin:10px 0 0px 5px;}
textarea{ margin-top:10px; margin-left:5px;}
#onlinesend{ margin:0 0 0 180px;}
*.mark {color:#2c2b57; padding:0 3px 3px 3px;}
*.topground{ margin:10px 10px 10px 10px;}
#ground5{ margin-left:127px;}
#online_main .send{ color:#2c2b57; margin-bottom:20px;}

#contact{ float:left; margin:10px 0  0 10px; padding:0px; line-height:22px; height:auto !important; min-height:790px; height:790px;}
.daohan{float: left;width:100%; color:#030303;float:left; clear:both; margin:5px 0px 10px 0; background: url(../images/localbg.jpg) repeat-x left top; height:29px;}
.title-top{float: left;width:400px;  font-size:14px; font-weight:bold; text-indent:10px; color: #030303; background:url(../images/pd_also_recommend_arrow.gif) no-repeat left center; text-indent:25px;}
.location {float: right;width:300px; text-align:right; font-size:12px; margin:0 10px 0 0; padding:0px; text-transform:capitalize; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.location a{ text-decoration:underline; color: #030303;}
.location a:hover{ text-decoration:none;}

.pro-h2bg{background:url(../images/titlebg.jpg) repeat-x left top; height:29px; line-height:29px; width:750px; float:left; margin:10px 0 0 0; padding:0px;}
.pro-h2bg h2{ background:url(../images/pd_also_recommend_arrow.gif) no-repeat left center; text-indent:25px; line-height:29px; margin:0px; padding:0px; float:left;}

.i_box{width:700px;border-bottom:1px solid #ccc;display:block; margin:0px; padding:0px; float:left; line-height:20px;}
dl.info_list{width:700px;overflow:hidden; border-bottom:1px solid #ccc;}
dl.info_list dt{width:200px; float:left; padding:1px 0 1px 2px;}
dl.info_list dd{width:450px; float:left; padding:1px 0 1px 2px;}
dl.info_bd_none{width:700px; overflow:hidden; border-bottom:0;}
dl.info_bd_none dt{width:200px; float:left; padding:1px 0 1px 2px;}
dl.info_bd_none dd{width:450px; float:left;  padding:1px 0 1px 2px;}

#contacttalk{ float:left; margin:0px; padding:0px;}
#contacttalk input,#contacttalk textarea{ border:1px double #999999;}


.detail{ width:745px; margin:10px 10px 0 10px;}

#sitemap{width:750px; height:auto; float:left; margin:0px 0 10px 0; padding:0px;}
.sitemap-list{margin:10px 0 5px 10px; padding:0px; float:left; width:480px;}
.sitemap-list h2{ margin:0px; padding:0px; float:left; color:#333; clear:both; width:500px; background:url(../images/pd_also_recommend_arrow.gif) no-repeat left center; text-indent:24px;}
.sitemap-list h2 a{ line-height:25px; color:#333; margin:0 5px; padding:0px; clear:both;}
.sitemap-list ul{list-style:none; margin:5px 0 0 10px; padding:0px; float:left;}
.sitemap-list ul li{ float:left; width:480px; margin:3px 0; padding:0px; background: url(../images/link.gif) no-repeat left center; text-indent:15px;}



.lilist dl { width:200px; margin:6px 0; padding:0px; }
.lilist dl dt { background:url(../images/h2-bg.jpg) no-repeat left top; margin:0px 1px 5px 1px; padding:0px; width:200px;  clear:both; text-align:left; height:30px; line-height:30px; border-bottom:1px double #ccc;}
.lilist dl dt a{ margin:0px 1px 5px 1px; padding:0px; width:200px;  clear:both; text-align:left;}
.lilist dl dd {display:none; width:180px; padding:0px; margin:0px 6px; border-bottom: 1px #dbdbd4 solid;}
.lilist dl dd a{ position: relative;display: block;background: url(../images/link.gif) no-repeat 5px 9px;padding-left: 20px;font-size: 12px;color: #000000;padding-bottom: 4px;padding-top: 4px;}
.lilist dl dd a.current{ color:#880c0c;}
.lilist .icon{ background:url(../images/icon.jpg) no-repeat right  center; margin:0px 1px 5px 1px; padding:0px; width:200px;  clear:both; text-align:left; height:30px; line-height:30px; font-weight:bold;}
.lilist dl dd ul{ display:none;}
.lilist dl dd ul li{ padding-left:20px; background:url(images/icon.gif) no-repeat 0 -114px;}

.menu{width:200px;margin:0px;padding:0 0 10px 0; background:#fff; float:left;}
.menu dl dt{text-align:left; margin:0px; padding:3px 0; float:left; }
.menu dl dt a{font-size:12px;width:200px;display:block;color:#000;text-decoration:none; text-indent:9px; margin:0px; padding:0px;}
.menu dl dt.system{width:200px; height:30px; line-height:30px; text-align:left; margin:2px 0; padding:0px 0 0 10px;  border-bottom:1px double #ccc; background:url(../images/link_nar.gif) no-repeat left center;float:left;}
.menu dl dd{ background:#fff; float:left; width:200px; padding:0px 0 10px 0; margin:0px;}
.menu dl dd ul{list-style:none;width:200px;margin:0px; padding:0px; }
.menu dl dd ul li a{position: relative;display: block; background: url(../images/link.gif) no-repeat left center;width:180px;border-bottom:1px dotted #ccc; width:180px; margin:8px 5px; padding:0 0 0 10px; line-height:20px;}
.menu dl dd ul li a:hover{ text-decoration:none;}

.news-nav { width:200px; float: left; margin:0px; padding:0px 0 15px 0; }
.news-nav  ul{margin:5px 0 0 0; padding:0px; clear:both; float:left; display:block; background:#fff;}
.news-nav  ul li{ border-bottom:1px dotted #ccc; width:180px; margin:10px 5px; padding:0px; text-indent:20px; line-height:25px; background:url(../images/link_nar.gif) no-repeat left center;}


#contact h2{ background:url(../images/pd_also_recommend_arrow.gif) left center no-repeat; text-indent:25px; font-size:14px; color:#030303; clear:both; margin:0 0 10px 0px; padding:0px;}
.base-info{ margin:5px 0 0 0; padding:0px; clear:both;}
.i_box a{ text-decoration:underline; color:#354288;}
.i_box a:hover{ text-decoration:none;}

#banner{ float:left; margin:0px; padding:0px;}
.contact-Inside{ float:left; width:200px; margin:0 0 10px 0; padding:0px;}
.contact-Inside p{background:url(../images/index_120.gif) repeat-x bottom left;line-height:25px; margin:0 0 0 10px; padding:0px; text-align:left; float:left;}
.contact-Inside table{ border-collapse:collapse; margin:5px 0px; padding:0px; float:left; }
.contact-Inside td{ border:none; padding:5px; text-align:left;}
#index-contact table{ border-collapse:collapse; margin:5px 0px; padding:0px; float:left; }
#index-contact td{ border:none; padding:5px; text-align:left;}

#win_contact{color:#FFFFFF;width:261px;height:202px;background:url(../images/contact_bg.jpg) no-repeat; position:fixed; top:40px; right:0px;}
#win_contact .win_title{font-size:16px;height:40px;line-height:40px;text-align:center;padding-top:5px;font-weight:bold;}
#win_contact .win_content {padding-top:10px;padding-left:10px; text-align:left;}
#win_contact .win_content p{margin-top:8px; margin-bottom:0px;}
#win_contact .win_content span{display:block;padding-left:40px;}
#win_contact .win_close{ position:absolute; top:5px; right:5px; cursor:pointer;}


#banner1 {
    float: left;
    text-align: center;
    width: 20%;

}
#banner1 ul {
    list-style: none;
    /*display: none;*/
    overflow: hidden;
    /*模拟height:auto时候的情况*/
    max-height: 0px;
    transition: max-height 0.3s;
    /*多浏览器支持*/
    -moz-transition: height 1s;
    -webkit-transition: height 1s;
    -o-transition: height 1s;
}

#banner1:hover ul {
    /*display: block;*/
    width: 100%;
    max-height: 160px;
}

#banner1 ul li {
    overflow: hidden;
}

#banner1 ul li a{
    font-size:#f2f2f2;
}