* { margin:0; padding:0; }
body  { min-width:1100px; font:14px/1.5 "Microsoft Yahei", Arial; color:#313131; background:#fff; }
img { border:0px; }
ul,ol { list-style-type:none; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }
input,textarea,select { font:14px/1 "Microsoft Yahei", Arial; color:#666; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6,font { font-size:14px; }
a { color:#666; text-decoration:none; cursor:pointer; }
a:hover,a:active { color:#d31a1c; text-decoration:none; }
.clear { clear:both; font-size:0px; line-height:0px; height:0px; }
.clearfix:after{content:""; clear:both;font-size:0px; line-height:0px; height:0px; }
.fl{float: left;}
.fr{float: right;}
.hidden { display:none; }
.center { text-align:center; }
.arrow { font-family:'Small Fonts'; font-style:normal; }
.autocut { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
.wrapper, .wrap { width:1000px; margin:0 auto; position:relative; }
.wrapper { margin-bottom:50px; min-height:auto; padding-top:30px; }


/******************************
 ** 首页风格
 ******************************/
/*top*/
.maiHead{height:100px; width: 100%;  }
.maiHead .logo{ margin-right: 18px; margin-top: 20px;}
.maiHead .topAdv{border-left:1px solid #e57677; height:52px; font-weight: normal; padding-left: 18px; margin-top: 24px;}
.maiHead .topAdv h3{font-size:16px; color:#292929; font-weight: normal;}
.maiHead .topAdv h4{ font-size:18px; color:#d31a1c;  }
.topTel{color:#292929; height: 50px;  margin-top: 26px;}
.topTel h5{font-weight: normal; font-size:14px;  }
.topTel h6{ font-family:"impact"; font-weight: normal; font-size:24px;  line-height: 24px; }

.nav {height:76px;  background:#292929; position:relative; z-index:3; }
.nav .list { height:76px; }
.nav li { float:left; height:76px; position:relative; text-align:center; }
.nav li:hover{background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/inav_hover.png) 2px center no-repeat; }
.nav li > a { display:block; width:111px; height:76px; line-height:76px; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/nav-line.png) left center no-repeat; color:#fff; font-size:15px; }
.nav li:first-child > a { background:none; }
.nav li.Nhover{background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/inav_hover.png) 2px center no-repeat; }
.nav .drop { position:absolute; left:0; top:76px; width:100%;  display:none; background:url(https://web.archive.org/web/20220202095342im_/about:blank); }
.nav .drop dd { margin-bottom:1px; background:#e9eaee;    height:32px; }
.nav .drop dd:hover{background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/icase_listbg.png) center repeat-x;  height:30px; border:1px solid #d62f31; }
.nav .drop a { display:block;  height: 32px;  line-height:32px;  color:#d31a1c;  font-size:14px; }
.nav .drop a:hover {  color:#fff; }

/*banner*/
.banner { width:100%; min-width:1100px; position:relative; overflow:hidden; z-index:2; }
.banner ul { width:100%; }
.banner li { width:100%; position:absolute; z-index:1; overflow:hidden; background:#fff; display:none; }
.banner li:first-child { display:block; }
.banner img { width:1920px; display:block; position:relative; left:50%; margin-left:-960px; top:0; }
.banner .tip { position:absolute; left:0; right:0; bottom:10px; z-index:5; text-align:center; padding-top:7px; 
	height:23px;  
}
.banner .tip span { display:inline-block; width:16px; height:16px; line-height:16px; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/banner_bg.png) left center no-repeat;  margin:0 4px; cursor:pointer;  }
.banner .tip span.cur { background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/banner_bg.png) right center no-repeat;}
.banner, .banner ul,.banner img { height:500px; }
.banner.mini, .banner.mini ul, .banner.mini img { height:300px; }
/*banner结束*/

.searcher { height:44px; padding:15px 0;  margin-bottom:0px; }
.searcher .tag { float:left; }
.searcher .tag h2 { font-size:17px; font-weight:normal;   line-height: 44px;}
.searcher .sos { width:321px;   line-height: 30px; padding:0 0 7px 0; position:absolute; right:0; top:0;  margin-top: 7px;}
.searcher .sos .txt { width:311px; height:30px; line-height:30px;  border:none;  padding:0 0 0 10px; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/sousuo_bg.png) left center no-repeat;}
.searcher .sos .submit { position:absolute; right:0; top:0; width:70px; height:30px;color:#fff;   line-height: 30px; background:none; text-align: center; border:0; cursor:pointer; }
/*icase*/
.case{height:auto; width:1000px;padding:10px 0 46px;  margin:0 auto;  position: relative;}
.case .title{height:106px;width:100%; text-align:center;}
.case .title h2{ font-size:26px;color:#0065cc;border-bottom:1px solid #cfcfcf;padding-bottom:22px;}
.case .title h6{ text-transform:uppercase; color:#ff6c02; font-size:36px; line-height:36px;background:#fff;width:390px; margin:-22px auto 0;}
.case .title p{color:#313131;}
.icaseList{width: 100%; height:46px; padding-bottom: 20px; }
.icaseList .icaseListBox{width: 885px; height:46px; overflow: hidden; position: relative;}
.case .list{width:200%; text-align:center;  height:46px; position: absolute; top:0; left:0; }
.case .list li{ height:44px; line-height:44px; border:1px solid #c6c6c6;  margin-right:5px;  float: left; width: 170px;  background-color: #d7d7d7; position: relative; 
	font-size:18px;  
}
.case .list li a{color:#313131; display: block; }
.case .list li:hover a{color:#fff;}
.case .list li:hover{border:1px solid #d31a1c;  background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/icase_listbg.png) repeat-x; }
.case .list li.cur{border:1px solid #d31a1c;  background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/icase_listbg.png) repeat-x; }
.case .list li.cur a{color:#fff;}
.icaseList .icaseBt{ width: 101px; }
.icaseList .icaseBt span{border:1px solid #C6C6C6;  width:44px; height:44px;  background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/iproBt_bg.png) no-repeat left center; cursor:pointer; }
.icaseList .icaseBt span.icaseR{background-position:right center; border:1px solid #D81423;}

.case .show{height:248px;width:1000px;color:#fff; float: left;}
.case .icase_right{width:100%;height:248px;}
.case .icase_right li{float: left;width:330px;height:248px; position: relative; overflow:hidden; margin-left: 5px;  }
.case .icase_right li:first-child{margin-left: 0;}
.case .icase_right img{ height:248px;width:100%;}
.case .icase_right .topic{height:248px;width:100%; position:absolute;top:248px;left:0; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/icase_bg.png) repeat; }
.case .icase_right .topic a.bt{color:#313131; text-align:center; display:block; width: 268px; height:204px; margin:20px auto 0;  line-height:32px; border:1px solid #959595; }
.icase_right .topic a.bt>span{ padding-top: 0;display: block; font-size:24px; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/icase_bg2.png) no-repeat center bottom; line-height: 64px; height: 64px;}
.case .icase_right .topic a.bt>p{font-size:14px;   line-height:26px; margin:0 auto; text-align:left;  padding:20px 25px; }
.icase_right .topic a.bt>font{ display: none; width:172px; height: 44px;line-height: 44px;  border:1px solid #959595; background-color: #3A3839; color:#ffffff; margin:0 auto;
	opacity:0; filter:alpha(opacity=0);}

.icaseScroll{width:1000px; overflow: hidden; height:248px; position: relative;}
.icaseBox{width:100%; height:248px;  position: absolute; left:0; top:0; }
/*案例标题*/
.case .ititle{position: absolute; top:0; left:0; width:100%;  }
/*iabout*/
.iabout { padding:63px 0 0; height: 478px; position: relative; top:-46px; z-index:1; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/iabout_bg2.png) 15% top no-repeat #eeeeee; }
.iabout .iaboutBai{ position: absolute; width:1036px; height:63px; background-color: #fff; left:50%; margin-left:-518px;  top:0; z-index:3; }
.iabout .sketchmap { float:left; width:400px;height:400px;  overflow:hidden; position: relative; top:40px}
.iabout .sketchmap .list{ width:400px;height:400px;  overflow:hidden; position: relative;  overflow:hidden;}
.iabout .sketchmap .list a{display: block; width:400px;height:400px; overflow:hidden; position: absolute; top:0; left:0; z-index:3;}
.iabout .sketchmap .list a.yinCang{display: none;}
.iabout .sketchmap .img{position: absolute; left:0; top:0; z-index:10; width:400px;height:400px; overflow:hidden; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/iabout_zhezhao.png) no-repeat;}
.iabout .sketchmap img{ display:block; min-width:400px;height:400px; position: absolute; left:0; top:0; z-index:4;  }
.iabout .sketchmap .iabout_tip{text-align: center; position: absolute; height: 16px; left:0; bottom:30px; width: 100%; z-index:20;}
.iabout .sketchmap .iabout_tip span{width: 14px; height: 14px; border:1px solid #c6c6c6;  display: inline-block; background-color: #eee; margin:0 3px;}
.iabout .sketchmap .iabout_tip span:hover{background-color: #fe9393; border-color:#d31a1c ; cursor:pointer;  }
.iabout .sketchmap .iabout_tip span.curr{background-color: #fe9393; border-color:#d31a1c}

.iabout .info { float:right; width: 550px;   height: 422px; font-size:15px;  position:relative; line-height:24px; }
.iabout .info>font{font-size:90px; color:#f8f8f8;   height: 90px; line-height: 90px; display: block; position: absolute; top:-16px;left:0;  z-index:2;}
.iabout .info h1{height: 60px; line-height: 60px; font-size:20px; color:#292929;  background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/iabout_bg.png) center bottom repeat-x; padding-top: 70px; }
.iabout .info > p{line-height: 26px; color:#3a3839; padding-top: 16px;}
.iabout .info>a{display: block; width: 172px; height: 44px; border:1px solid #c6c6c6; position: absolute; right:20px; bottom:0; text-align: center; line-height: 44px; font-size:16px; 
  		background-color: #fff; }
/*inewTwo*/
.inewTwo{border-bottom:1px solid #ededed; padding-bottom: 18px;}
.inewTwo img{width: 300px; height: 400px; background-color: #b8bdc1;}
.inewTwo .inTwoR{width:650px; }
.inewTwo .inTwoR li{height:100px; margin-bottom: 40px;}
.inTwoR li .inDete{float: left; width:110px; height:100px; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/inews1.png) center center no-repeat; position: relative;}
.inTwoR li .DeteBox2{background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/inews2.png) center center no-repeat; }
.inTwoR li .DeteBox3{background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/inews3.png) center center no-repeat; }
.inTwoR li .inDete font{position: absolute;right:0; bottom:7px; font-size:16px; font-weight: bold; line-height: 16px;text-align: center; display: block; width: 45px; height: 32px; }
.inTwoR li .inDete font span{font-weight: normal; line-height: 20px;}
.inTwoR li .inCont{height: 100px; float: left;margin-left: 14px; width: 500px; padding-left: 26px; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/inewsList_bg.png) left center no-repeat;}
.inTwoR li .inCont > a{font-size:18px; font-weight: bold; color:#3a3839;  height: 43px;  line-height: 43px; display: block;   position: relative;}
.inTwoR li .inCont > a:hover{color:#d31a1c; }
.inTwoR li .inCont > a font{position: absolute; top:0px; right:2px; height: 43px; }
.inTwoR li .inCont h6{font-weight: normal;}

.iadv { height:149px; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/iminbn_bg.jpg) center top repeat; position:relative; }
.iadv .minBner{height:149px;}
.iadv .minBner h2 {position: absolute; top:40px; left:0;  font-size:30px;  font-weight:bold; line-height:1.1; color:#292929; }
.iadv .minBner h3 {position: absolute; left:0;  top:88px; font-size:18px; font-weight:normal;  color:#292929;  }
.iadv .minBner > p{height:60px; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/itel_bg.png) left center no-repeat; padding-left: 72px; color:#292929; position: absolute; top:42px; left:564px; }
.iadv .minBner > p span{font-family:"impact"; font-size: 30px; }
.iadv .minBner img{position: absolute; bottom:0; right:15px;}

/*inews*/
.inewsTitle{height:46px; overflow: hidden; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/icase_titlebg2.png) left center repeat-x; }
.inewsTitle h1{font-size:30px; height:46px;  line-height: 46px; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/icase_titlebg.png) left center no-repeat #fff;padding-right: 30px;  padding-left: 22px; }
.inewsTitle h1 font{font-size:18px;font-weight: normal; padding-left: 5px;  }
.inewsTitle>a{height:46px; width: 86px; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/iproBt_bg3.png) right center no-repeat #fff; }

.inews { padding:48px 0 0; position: relative; z-index:2; }
.inews .main {    overflow:hidden; padding-top: 15px;}
.inews .list { width:1004px; float:left;   }
.inews .item { float:left; width:247px; position:relative; margin:0 4px 4px 0; }
.inews .item img { width: 245px; border:1px solid #dcdcdc;  height:183px; display:block; }
.inews .item .inf {height:124px;     border:1px solid #c6c6c6;   background-color: #eeeeee; margin-top: 1px;}
.inews .item .inf > p { padding:10px 20px 0; color:#313131; }
.inews .item .inf h3 { padding-top:20px; width: 205px; margin:0 auto;  height:42px;   border-bottom:1px dashed #bdbdbd; }
.inews .item .inf a {display: block;  height:42px; line-height: 42px; float:left;  color:#313131; font-size:18px;  font-weight: normal;}
.inews .item .inf h3 font{font-size:16px;  line-height: 42px;  font-weight: bold; color:#e60012; }
.inews .item .inf a:hover { color:#d31a1c; }
/*imessage*/
.imessage{height:440px; padding-top: 38px; padding-bottom: 30px;}
.imesLeft{width:455px; padding-left: 35px; height: 400px; border:5px solid #eeeeee; position: relative; }
.imesLeft img{position: absolute; right:-37px;   top:-14px; }
.imesLeft h1{color:#d0d0d0; font-size:90px; font-family:"impact"; font-weight: normal; line-height: 90px; padding-top: 40px;}
.imesLeft h1 font{font-family:"微软雅黑"; font-size:90px; font-weight: bold;}
.imesLeft h2{font-size:42px; color:#3a3839; padding-bottom: 5px;}
.imesLeft h3{font-size:26px; color:#d0d0d0; width:276px; height: 44px; background-color: #3a3839; text-align: center; line-height: 44px;  font-weight: normal;}
.imesLeft h4{font-size:40px; color:#3a3839;  font-family:"impact"; font-weight: normal;}
.imesLeft a{font-size:18px; color:#fff; display: block; width: 158px; height: 36px; text-align: center; line-height: 36px;  border:1px solid #d31a1c; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/icase_listbg.png)  repeat-x;}
.imesLeft a:hover{opacity:.9}

.imesRig{width:410px;height: 400px; }
.imessageBox {   background:#fff;   }
.imessageBox .head { height:60px; line-height:60px; position:relative; border-bottom:1px solid #ddd; }
.imessageBox .head h2 { font-size:18px; }
.imessageBox .main { width:100%; overflow:hidden; padding:16px 0 20px; }
.imessageBox .main > * { float:left; width:100%; clear:both;  position:relative; }
.imessageBox .row-1 { width:360px; height:auto; padding:0 40px 0 10px; border-bottom:1px dashed #ddd; }
.imessageBox .row-2 { width:410px; height:auto; padding:0 0 0 0; border-bottom:1px dashed #ddd; }
.imessageBox .row-3 { width:410px; height:auto; padding-top: 20px;}
.imessageBox .ico-name { background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/imeesages_bg.png) 376px 15px no-repeat; }
.imessageBox .ico-phone { background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/imeesages_bg.png) 376px -124px no-repeat; }
.imessageBox .ico-email { background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/imeesages_bg.png) 376px -78px no-repeat; }
.imessageBox .imap{ background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/imeesages_bg.png) 376px -34px no-repeat; }
.imessageBox .txt { width:100%; height:50px; line-height:50px; background:#fff; border:0; color:#999; }
.imessageBox .text { width:360px; border:0; background:#FFF; padding:0 40px 0 10px;    line-height: 50px ; height:50px; color:#999; 
	background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/imeesages_bg.png) 376px -168px no-repeat;
}
.imessageBox img.code { float:right; width:90px; height:42px; }
.imessageBox input.code { float:right; width:112px; height:40px; line-height:40px; padding-left: 10px; border:1px dotted #ddd; background:#FFF;   color:#3a3839; }
.imessageBox .imessSub{overflow: hidden; width: 100%; padding-top: 20px; }
.imessageBox .submit, .imessageBox .reset { float:right; margin:0 0 0 10px; width:124px; height:34px; border:none; cursor:pointer; color:#FFF; font-size:16px; }
.imessageBox .imessBt{ float:right; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/icase_listbg.png) left -4px repeat-x; border:1px solid #d31a1c; width:124px; height:34px; }
.imessageBox .submit { border:none;   margin-left:0; background:none; width:124px; height:34px; }
.imessageBox .reset { background:#3a3839;  height:36px; width:126px;}
.imessageBox .imessBt:hover { opacity:.9; }
.imessageBox .reset:hover { opacity:.9; filter:Alpha(opacity=90); }
.imessageBox .onfocus, .imessageBox .onfocus input.code { border-color:#aaa; }
/*icontact*/
.icontact{height: 312px; border-bottom:1px solid #d31a1c; }
.icontact .icontaBox{width:908px; margin:0 auto; height:312px; text-align: center;}
.icontact .icontaLeft{background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/iCotac_bg.jpg) no-repeat; width: 440px; height: 303px;}
.icontaLeft h1{background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/icontact_bg.jpg) no-repeat center; height:60px; margin-top:40px;  line-height: 60px; font-size:54px; font-family:"impact" ; font-weight: normal;color:#d0d0d0}
.icontaLeft h6{font-weight: normal; line-height:28px; padding:10px 24px 0; }
.icontact > img{width: 468px; height: 312px; }
/*友情ilink*/
.ilink,.ilink .ilinkBox{height:100px;  }
.ilink span{float: left; width: 147px; height: 84px; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/ilink_bg.png) no-repeat center; text-align: center;  color:#ffffff; font-size:18px; position: absolute; left:0; top:-2px; }
.ilink span font{display: block;  font-family:"impact"; line-height: 26px; font-size:34px; padding-top: 19px;}
.ilink p{float:left; margin-left: 155px;   margin-top: 10px;}
.ilink a{float: left; width: 188px; height: 66px; border:1px solid #c6c6c6;  margin-left: 12px; }
.ilink a img{width: 100%; height: 66px;  }
.ilink a:hover{border:1px solid #d31a1c; }
/*btNav*/
.btNav {height:68px;  background:#3a3839; position:relative; z-index:3; }
.btNav .list { height:68px; }
.btNav li { float:left; height:68px; position:relative; text-align:center; }
.btNav li:hover a{ color:#d31a1c}
.btNav li > a { display:block; width:111px; height:68px; line-height:68px; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/nav-line.png) left center no-repeat; color:#fff; font-size:14px; }
.btNav li:first-child > a { background:none; }
/*bottom*/
.bottomer { background:#e5e5e5; line-height:26px; padding:20px 0; min-height:130px; }
.bottomer a { margin:0 10px; }
.bottomer .pos { position:relative;   }
.bottomer .pos p{padding-top: 17px; }
.bottomer .pos .erweima{position: absolute; right:0; top:10px; text-align: center; }
.bottomer .erweima img{  width:100px; height: 100px; display: block; }



/******************************
 ** 内页架构
 ******************************/
.sidebar { float:left; width:234px; }
.side-menu { border:1px solid #ddd; }
.topclass { width:100%; height:60px; padding:20px 0 0 0; text-align:center; }
.topclass h2 { height:30px; line-height:30px; font-size:24px; }
.topclass p { font-size:15px; }

.side-menu .list { background:#fff; padding:5px 0 15px; }
.side-menu dd { padding:0 20px; }
.side-menu dd > a { display:block; height:45px; line-height:45px; font-size:16px; padding:0 0 0 30px; border-bottom:1px dashed #ddd; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/menu-dd.png) left center no-repeat; overflow:hidden; }
.side-menu dd > a:hover {  }
.side-menu .drop { width:100%; display:none; border-bottom:1px dashed #ddd; padding:5px 0; }
.side-menu .drop li { width:100%; height:30px; line-height:30px; }
.side-menu .drop a { display:block; padding:0 0 0 30px; font-size:15px; }
.side-menu .drop a:hover {  }
.side-menu dd.current { border-left:2px solid #D31A1C; margin-left:-1px; }
.side-menu dd.current .drop { display:block; }
.side-menu li.current > a, .side-menu dd.current > a { color:#000; font-weight:bold; }
.side-menu dd.current > a { background-image:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/menu-dd-hover.png); }

.side-contact { margin-bottom:20px; position:relative; top:20px; background:#FFF; }
.side-contact .sketch { }
.side-contact .main { padding:15px 10px; line-height:2; border:1px solid #ddd;  }
.side-contact .main h2 { font-size:30px; text-align:center; }

.location { height:60px; line-height:60px; background:#3A3839;  position:relative; margin-bottom:-1px; }
.location h2 { font-size:26px; font-weight:normal; padding:0 0 0 30px;  color:#FFF; }
.location .io { position:absolute; top:0; right:20px;  padding:0 0 0 15px; color:#fff; }
.location .io a { color:#fff; }
.location .io a:hover { text-decoration:underline; }

.location + * { border:1px solid #ddd; }

.container { float:right; width:740px; }
.content { padding:20px; border:1px solid #ddd; margin-bottom:20px; }


/******************************
 ** 内页页面通用
 ******************************/
/* 4:3 图片 */
.list-product { width:100%; background:#fff; padding:20px 0; margin-bottom:10px; }
.list-product .list { float:left; width:100%; }
.list-product .item { float:left; width:220px; margin:0 0 0 20px; }
.list-product .item .img { width:100%; overflow:hidden; background:#f1f1f1; }
.list-product .item .img img { display:block; width:100%; height:176px; }
.list-product .item h3 { height:40px; line-height:40px; text-align:center; font-weight:400; }
.list-product .item h3 a { }

/* 4:3 图文 */
.list-case { padding:0 20px; margin-bottom:10px; background:#fff; }
.list-case .list { padding:10px 0 10px; }
.list-case .item { padding:15px 0 15px 200px; height:135px; border-top:1px dashed #ddd; position:relative; }
.list-case .item:first-child { border-top:0; }
.list-case .item .img { position:absolute; left:0; top:15px; width:180px; height:135px; background:#f1f1f1; }
.list-case .item .img img { display:block; width:180px; height:135px; }
.list-case .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-case .item h3 a { }
.list-case .item h3 a:hover { text-decoration:underline; }
.list-case .item p { height:60px; line-height:20px; color:#666; overflow:hidden; margin-bottom:16px; }
.list-case .item .detail { height:20px; }
.list-case .item .detail a { line-height:20px; }

/* 3:4 图文 */
.list-case2 { padding:0 20px; margin-bottom:10px; background:#fff; }
.list-case2 .list { padding:10px 0 10px; }
.list-case2 .item { padding:15px 0 15px 140px; height:90px; border-top:1px dashed #ddd; position:relative; }
.list-case2 .item:first-child { border-top:0; }
.list-case2 .item .img { position:absolute; left:0; top:15px; width:120px; height:90px; background:#f1f1f1; }
.list-case2 .item .img img { display:block; width:120px; height:90px; }
.list-case2 .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-case2 .item h3 a { }
.list-case2 .item h3 a:hover { text-decoration:underline; }
.list-case2 .item p { height:44px; line-height:20px; color:#666; overflow:hidden; margin-bottom:0; }
.list-case2 .item .detail { height:20px; }
.list-case2 .item .detail a { line-height:20px; }

/* 图片相册 */
.list-photo { width:100%; }
.list-photo .list { float:left; width:101.5%; }
.list-photo .item { float:left; width:183px; padding:10px 10px 0; border:1px solid #ddd; margin:0 10px 10px 0; cursor:pointer; }
.list-photo .item .img { width:100%; height:137px; overflow:hidden; background:#f1f1f1; }
.list-photo .item .img img { width:100%; height:137px; }
.list-photo .item h3 { height:40px; line-height:40px; text-align:center; font-weight:400; }
.list-photo .item:hover { border-color:#c8a48e; }

/* 附属简介 */
.list-news { padding:0 20px; margin-bottom:10px; background:#fff; }
.list-news .list { padding:10px 0 10px; }
.list-news .item { padding:15px 0; height:70px; border-top:1px dashed #ddd; position:relative; }
.list-news .item:first-child { border-top:0; }
.list-news .item .date { position:absolute; right:0; top:15px; line-height:20px; color:#777; }
.list-news .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-news .item h3 a {  }
.list-news .item h3 a:hover { text-decoration:underline; }
.list-news .item p { height:40px; line-height:20px; color:#777; overflow:hidden; }

/* 新闻详情页 */
.news-content { }
.news-content h1 { padding:0 0 10px; font-size:24px; color:#ff5d0c; line-height:1.4; }
.news-content .rap { height:40px; line-height:40px; border-bottom:1px dashed #ddd; margin-bottom:20px; }
.news-content .rap span { margin:0 20px 0 0; }
.news-content .rap b { font-weight:400; }

/* 案例详情页 */
.case-content { }
.case-photo { width:100%; text-align:center; }
.case-photo img { max-width:100%; }
.case-content h1 { padding:10px 0 20px; font-size:20px; color:#00792e; line-height:1.4; text-align:center; }

/* 产品详情页 */
.product-content { }
.product-content h1 { font-size:24px; line-height:1.2; color:#D31A1C; margin-bottom:20px; }
.product-photo { float:left; width:400px; }
.product-photo .original { width:400px; height:300px; overflow:hidden; margin-bottom:10px; border:1px solid #ddd; }
.product-photo .original img { display:block; width:auto; height:300px; margin:0 auto; }
.product-info { margin:0 0 0 430px; }
.product-info .inso { margin-bottom:20px; }
.product-info .inso dd { height:20px; line-height:20px; margin-bottom:10px; font-size:16px; }
.product-info .inso span { color:; }
.product-info .tel { padding:15px 0 15px 20px; border:1px solid #ddd; margin-bottom:27px; }
.product-info .tel dt { height:30px; line-height:30px; font-size:18px; padding:0 0 0 35px; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/ico-tel.png) left center no-repeat; }
.product-info .tel dd { font-size:30px; color:#D31A1C; line-height:1.2; }
.product-info .order { margin-bottom:60px; }
.product-info .order a { display:block; width:156px; height:40px; line-height:40px; color:#FFF; font-size:16px; font-weight:700; background:#D31A1C; text-align:center; }
.product-info .order a:hover { background:#e54e03; }
.article-container { border-top:1px dashed #ddd; margin:20px 0 0; padding-top:30px; }
.article-container .article { padding-bottom:10px; }
.article-head { padding:20px 0 10px; }
.article-head h2 { width:240px; height:40px; line-height:40px; padding:0 0 0 15px; background:#f8f8f8; font-size:16px; color:#5f412e; }

/* 产品详情页 */
.original2 { width:600px; height:auto; overflow:hidden; margin:0 auto 10px; }
.original2 img { display:block; max-width:100%; height:auto; margin:0 auto;}
.product-info2 { position:relative; padding:10px 0px 10px 0; min-height:35px; }
.product-info2 h1 { font-size:20px; text-align:center; }
.product-info2 .tel { width:220px; height:; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/ico-tel2.png) left top no-repeat; padding:0 0 0 60px; line-height:1.1; position:absolute; right:0; top:10px; display:none; }
.product-info2 .tel dt { font-size:16px; font-weight:700; }
.product-info2 .tel dd { font-size:30px; color:#ff5d0c; font-weight:700; }


/******************************
 ** 组件类
 ******************************/

.toolbar { width:109px; padding:65px 0 0; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/tool-top.png) center top no-repeat; position:fixed; right:10px; top:200px; z-index:50; }
.toolbar .pointer { width:27px; height:117px; position:absolute; top:95px; left:-27px; cursor:pointer; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/tool-pointer.png) 0 0 no-repeat; }
.toolbar .pointer.active { background-position:0 -120px !important; }
.toolbar .main { width:103px; padding:0 3px 60px; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/tool-main.png) center bottom no-repeat; text-align:center; }
.toolbar .tel { line-height:20px; padding:5px 0 0; }
.toolbar .kf { padding:5px 0; }
.toolbar .kf dd {}
.toolbar .kf a { line-height:24px; }
.toolbar .kf a.ico-qq { width:103px; height:35px; display:block; overflow:hidden; text-indent:-99em; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/tool-kf-qq.png) center center no-repeat; margin-bottom:3px; }
.toolbar .code { }
.toolbar .code dt { width:80px; height:80px; background:#eee; margin:0 auto; }
.toolbar .code img { width:80px; height:80px; }
.toolbar .code dd { font-size:12px; color:#999; overflow:hidden; }
.toolbar .top { width:30px; height:47px; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/tool-itop.png) center top no-repeat; position:absolute; bottom:-30px; left:40px; cursor:pointer; }

.pager { width:100%; height:40px; padding:0; border:1px solid #ddd; overflow:hidden; }
.pager > * { float:left; height:40px; line-height:40px; padding:0 20px; background:#FFF; border-right:1px solid #ddd; }
.pager > *:first-child { display:none; }
.pager > *:first-child + * { margin-left:0px; }
.pager > span { cursor:no-drop; }
.pager > span.cur { cursor:default; background:#f1f1f1; color:#3A3839; font-weight:700; }
.pager > a:hover { background:#f1f1f1; }

.relink { padding:0 20px; height:40px; line-height:40px; background:#fff; margin-bottom:20px; border:1px solid #ddd; }
.relink p { float:right; width:50%; text-align:right; overflow:hidden; }
.relink p:first-child { float:left; text-align:left; }

.recommend-pro { background:#fff; padding:0 20px; margin-bottom:20px; border:1px solid #ddd; }
.recommend-pro .head { height:60px; line-height:60px; position:relative; border-bottom:1px solid #ddd; }
.recommend-pro .head h2 { font-size:18px; }
.recommend-pro .head .mo { position:absolute; right:0; top:0; font-size:16px; color:#999; }
.recommend-pro .head .mo:hover { color:#ff5d0c; }
.recommend-pro .main { width:100%; overflow:hidden; padding:20px 0; }
.recommend-pro .list { float:left; width:110%; }
.recommend-pro .item { float:left; width:163px; margin:0 19px 0 0; }
.recommend-pro .item .img { width:100%; height:122px; overflow:hidden; margin-bottom:10px; background:#f1f1f1; }
.recommend-pro .item .img img { width:100%; height:122px; }
.recommend-pro .item h3 { height:30px; line-height:30px; text-align:center; margin-bottom:10px; font-weight:400; }
.recommend-pro .item h3 a { }
.recommend-pro .item .order { text-align:center; }
.recommend-pro .item .order a { display:block; height:32px; line-height:32px; width:124px; margin:0 auto; color:#fff; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/order.png) center center no-repeat; }
.recommend-pro .item:hover { border-color:#c8a48e; }
.recommend-pro .item .order a:hover { background-image:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/order-hover.png); }

.recommend-form { padding:0 20px; background:#fff; border:1px solid #ddd; }
.recommend-form .head { height:60px; line-height:60px; position:relative; border-bottom:1px solid #ddd; }
.recommend-form .head h2 { font-size:18px; }
.recommend-form .main { width:100%; overflow:hidden; padding:40px 0 20px; }
.recommend-form .main > * { float:left; width:100%; clear:both; margin-bottom:15px; position:relative; }
.recommend-form .row-1 { width:350px; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.recommend-form .row-2 { width:638px; height:auto; padding:0 0 0 0; border:1px solid #ddd; }
.recommend-form .row-3 { width:650px; height:auto; }
.recommend-form .ico-name { background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/form-name.png) 15px center no-repeat; }
.recommend-form .ico-phone { background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/form-phone.png) 15px center no-repeat; }
.recommend-form .ico-email { background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/form-email.png) 15px center no-repeat; }
.recommend-form .required .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.recommend-form .txt { width:100%; height:40px; line-height:40px; background:#fff; border:0; color:#999; }
.recommend-form .text { width:628px; border:0; background:#FFF; padding:5px 5px; line-height:20px; height:100px; color:#999; }
.recommend-form img.code { float:left; width:110px; height:42px; }
.recommend-form input.code { float:left; width:150px; height:40px; line-height:40px; border:1px solid #ddd; background:#FFF; margin-left:10px; padding:0 10px; color:#999; }
.recommend-form .submit, .recommend-form .reset { float:left; margin:0 0 0 10px; width:164px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.recommend-form .submit {   background:#D31A1C; }
.recommend-form .reset { background:#aaa; }
.recommend-form .submit:hover { opacity:.9; filter:alpha(opacity=90);  }
.recommend-form .reset:hover { background:#999; }
.recommend-form .onfocus, .recommend-form .onfocus input.code { border-color:#aaa; }

.bdmap { height:400px; }
.BMap_bubble_title a { display:inline-block; padding:4px 10px; background:#ff6600; color:#fff; border-radius:3px; }
.BMap_bubble_title a:hover { background:#ed6104; }
.BMap_bubble_title + .BMap_bubble_content { line-height:18px; padding:9px 0 0; color:#777; }

.bdshare { width:auto; height:36px; }
.bdshare > * { float:right; }
.bdshare .head { height:36px; line-height:36px; }

.article { line-height:2; padding:20px; font-family:"microsoft YaHei UI" !important; background:#fff; }
.article img { max-width:100%; }

.article-adv { height:100px; background:#5f412e; margin-bottom:20px; }
.article-adv .icon { float:left; width:; height:80px; margin:10px 20px 0 20px; }
.article-adv .tel { float:left; margin:20px 0 0 0; }
.article-adv .tel dt { font-size:16px; color:#c8a48e; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/ico-tel2.png) left center no-repeat; padding:0 0 0 25px; }
.article-adv .tel dd { line-height:1.2; font-size:32px; color:#f0c422; }
.article-adv .qiao { float:right; width:126px; height:36px; margin:32px 20px 0 0; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/ico-qiao.png) center center no-repeat; line-height:33px; text-align:center; color:#5f412e; }
.article-adv .qiao:hover { background-image:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/ico-qiao-hover.png); }

.ajax-pager { text-align:right; padding:10px 0; }
.ajax-pager > * { display:inline-block; height:32px; line-height:32px; padding:0 20px; border:1px solid #ddd; margin-left:-6px; background:#FFF;  }
.ajax-pager span { cursor:no-drop; }
.ajax-pager span.current { cursor:default; }
.ajax-pager a:hover { background:#f1f1f1; }

.ig-form-notice { position:absolute; z-index:101; width:auto; padding:5px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.ig-form-notice:before, .ig-form-notice:after { content:''; position:absolute; left:20px; top:-20px; width:0; height:0; border:10px solid transparent; border-bottom-color:#e0272c; }
.ig-form-notice:after { top:-19px; border-bottom-color:#ffe8e9; }

[ig-null], [ig-loading] { margin-bottom:0px; padding:0 20px;  }

.dialog-alert { width:440px; height:auto; position:fixed; left:50%; top:50%; margin:-150px 0 0 -220px; z-index:100; background:#FFF; background:-webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%); display:none; }
.dialog-alert .head { height:40px; line-height:40px; position:relative; margin-bottom:10px; }
.dialog-alert .head h2 { font-size:16px; padding:0 0 0 15px; }
.dialog-alert .head .close { width:40px; height:40px; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/ico-close.png) center center no-repeat; position:absolute; right:0; top:0; }
.dialog-alert .head .close:hover { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.dialog-alert .main { padding:0 20px 20px 20px; font-size:14px; }
.dialog-alert .main .red { color:#F00; }
.dialog-alert .foot { height:34px; text-align:center; border-top:1px solid #fff; padding:10px 0 20px; }
.dialog-alert .foot a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 25px; background:#ddd; margin:0 10px; font-size:14px; border-radius:3px;}
.dialog-alert .foot .ok { background:#d93636; color:#fff; }
.dialog-alert .foot .ok:hover { background:#a40606; }
.dialog-alert .foot .cancel { background:#bbb; color:#333; }
.dialog-alert .foot .cancel:hover { background:#999; }

.dialog-confirm { width:440px; height:auto; position:fixed; left:50%; top:50%; margin:-150px 0 0 -220px; z-index:100; background:#FFF; background:-webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%); display:none; }
.dialog-confirm .head { height:40px; line-height:40px; position:relative; margin-bottom:10px; }
.dialog-confirm .head h2 { font-size:16px; padding:0 0 0 15px; }
.dialog-confirm .head .close { width:40px; height:40px; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/ico-close.png) center center no-repeat; position:absolute; right:0; top:0; }
.dialog-confirm .head .close:hover { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.dialog-confirm .main { padding:0 20px 20px 20px; font-size:14px; }
.dialog-confirm .main .red { color:#F00; }
.dialog-confirm .foot { height:34px; text-align:center; border-top:1px solid #fff; padding:10px 0 20px; }
.dialog-confirm .foot a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 25px; background:#ddd; margin:0 10px; font-size:14px; border-radius:3px;}
.dialog-confirm .foot .ok { background:#d93636; color:#fff; }
.dialog-confirm .foot .ok:hover { background:#a40606; }
.dialog-confirm .foot .cancel { background:#bbb; color:#333; }
.dialog-confirm .foot .cancel:hover { background:#999; }

.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/log-arrow.png) center center no-repeat; }

.dialog-layout { position:fixed; left:0; top:0; width:100%; height:100%; filter:Alpha(opacity=50); background:#000; background:rgba(0,0,0,.5); z-index:99; }

.dialog-album { position:fixed; _position:absolute; width:100%; height:100%; left:0; top:0; z-index:100; display:none; }
.dialog-album .layout { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9) !important; filter:Alpha(opacity=90); background:#000; z-index:-1; }
.dialog-album .container { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; overflow:hidden; }
.dialog-album .container ul { float:left; width:1000%; height:100%; position:relative; }
.dialog-album .container li { float:left; width:10%; height:100%; position:relative; }
.dialog-album .container .img { width:100%; height:100%;  }
.dialog-album .container .img img { max-height:100%; max-width:80%; width:800px; height:600px; }
.dialog-album .tool .close { position:absolute; width:65px; height:35px; top:0; right:0; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/ico-album.png) 0 -105px no-repeat; z-index:10; overflow:hidden; text-indent:-99em; opacity:0.6 !important; filter:Alpha(opacity=60); }
.dialog-album .tool .close:hover { opacity:0.9 !important; filter:Alpha(opacity=90); }
.dialog-album .tool .right, .dialog-album .tool .left { position:absolute; width:30px; height:30px; top:50%; margin-top:-10px; z-index:10; text-indent:-99em; overflow:hidden; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/ico-album.png) -35px 0 no-repeat; }
.dialog-album .tool .right { left:20px; background-position:-35px -35px; }
.dialog-album .tool .left { right:20px; }
.dialog-album .tool .right:hover { background-position:0 -35px; }
.dialog-album .tool .left:hover { background-position:0 0; }
.dialog-album .tool .play, .dialog-album .tool .plus { position:absolute; width:30px; height:30px; right:20px; bottom:20px; background:#CCC; z-index:10; overflow:hidden; background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/ico-album.png) 0 -70px no-repeat; overflow:hidden; text-indent:-99em; }
.dialog-album .tool .play { background-position:-35px -70px; }
.dialog-album .tip { position:absolute; width:50%; height:15px; left:25%; bottom:20px; z-index:10; text-align:center; }
.dialog-album .tip span { display:inline-block; width:12px; height:12px; border:1px solid #aaa; border-radius:13px; background:#FFF; margin:0 5px; vertical-align:middle; cursor:pointer; }
.dialog-album .tip span.cur { background:#666; }
/*map*/
.dtditu{width:140px; height:30px; line-height:30px; background:#000; color:#fff; font-weight:bold; margin:10px auto 0; text-align:center; font-size:14px;}
.baiduMap{width:715px; height:280px; border:1px solid #000; border-top:3px solid #000;}
/* mapPage  */
.maplist li a {background: #eee;  width: 98%;  height: 30px;  line-height: 30px;  display: block;  margin-bottom: 10px;  padding-left: 2%;  font-weight: bold; }
.maplist li .box {  width: 110%;  height: auto;  margin-bottom: 10px;}
.maplist li .box a { height: 26px;  line-height: 26px;  width: 161px; display:inline-block;  text-align: center;  margin-right: 8px; padding:0px; border:0px; font-weight: normal;}
.maplist li .box a:hover {  background: #d9000f; color: #fff;}


/******************************
 ** 高级动画
 ******************************/



/******************************
 ** 自定义字体
 ******************************/
@font-face{
	font-family: "avgr65w";
	src: url("/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/font/avgr65w.eot");
	src: url("/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/font/avgr65w.eot#iefix") format("eot"),
		 url("/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/font/avgr65w.ttf") format("truetype");
}



/******************************
 ** 兼容性
 ******************************/
body { _background:url(/web/20220202095342im_/http://hnbyc.com/Content/Templaes/C20178N/style/images/ie6.png) center center no-repeat #fff; }
body > * { _display:none; }
/*
     FILE ARCHIVED ON 09:53:42 Feb 02, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 21:21:14 Aug 16, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.762
  exclusion.robots: 0.039
  exclusion.robots.policy: 0.023
  esindex: 0.016
  cdx.remote: 22.58
  LoadShardBlock: 58.461 (3)
  PetaboxLoader3.datanode: 75.02 (4)
  load_resource: 111.207
  PetaboxLoader3.resolve: 81.623
*/