@charset "utf-8";
/* CSS Document */

/*----------新版顶部-----------*/
.new1-top{ width:100%; height:68px; background:#fff; position:fixed; top:0; z-index:1000; box-shadow: 1px 0px 8px #ccc;}
.new1-top>.left{ float:left;}
.new1-top>.left>a>.logo{ width:180px; height:68px; float:left; margin:0 30px 0 50px}
.new1-top>.left>.new-nav{ float:left;}
.new1-top>.left>.new-nav li a{ padding:0 15px;height:68px;line-height:68px;display:block;color:#333;text-align:center;font-size:16px;}
.new1-top>.left>.new-nav li{ float:left;}
.new1-top>.left>.new-nav li a:hover,.new1-top>.left>.new-nav li a.active{ color:#2864c1; }
.new1-top>.left>.tp_line{display:block;position:absolute;top:0;height:3px;background-color:#2864c1;}
.new1-top>.right{ float:right; }
.new1-top>.right>.tp_ico{ width:30px; height:30px; float:left; background:url(../../images/fg/new_topico.png) no-repeat; margin-top:19px;}
.new1-top>.right>dl{ float:left; margin:24px 10px 0 5px;}
.new1-top>.right>dl dd{ float:left;}
.new1-top>.right>dl dd span{ color:#ccc; display:block;}
.new1-top>.right>dl dd a{ color:#555; margin:0 15px;}
.new1-top>.right>dl dd a:hover{ text-decoration:underline;}

.new_banner{background:#1f262f; position:relative}
.new_banner .container{position:relative;z-index:5;height:8.56rem;margin-bottom:-3.50rem;background:url(#);}
.new_banner .btn_use{width:2.12rem;height:0.64rem;display:block;line-height:0.99rem;overflow:hidden;position:absolute;top:2.96rem;left:5.38rem;background:url(#);}
.new_banner .focus{height:7.2rem;position:relative;}
.new_banner .focus .f_pic{width:100%;height:7.2rem;}
.new_banner .focus .pagination{bottom:109px;left:0;position:absolute;width:100%;text-align:center;}
.new_banner .focus .pagination .toc{display:inline-block;margin:0 0.07rem;width:0.52rem;height:0.04rem;line-height:0.99rem;overflow:hidden;background:#1344a9; border-radius:0.20rem}
.new_banner .focus .pagination .selected{background:#d6e3ef;}

.newhb_bt{ width:1080px; height:206px; position:absolute; left:50%; margin-left:-540px; bottom:-112px;}
.newhb_bt ul{ width:1080px; height:94px; background:#1344a9; color:#fff;}
.newhb_bt ul li span{ display:inline-block; width:1px; height:30px; margin-top:9px; border-right:1px solid #5a7cc3; position:relative; top:-5px;}
.newhb_bt ul li{ display:inline-block; width:263px; height:66px; text-align:center;}
.newhb_bt ul li .wenz{ cursor:default; position:relative}
.newhb_bt ul li h1{ font-size:36px; margin-top:17px; font-family:Arial, Helvetica, sans-serif}
.newhb_bt ul li p{ font-size:14px; margin-top:-4px}
.newhb_bt .bottom{width:1080px;height:110px; background:#fff;box-shadow:0px 3px 7px #eaeaea;}
.newhb_bt .bottom>.seel{width:713px;height:57px; padding-left:20px;box-shadow:0px 0px 10px #c3c3c3; position:relative; border-radius:50px; float:left; margin-top:26px; margin-left:58px;}
.newhb_bt .bottom>.seel select{width:110px;height:42px; line-height:42px;float:left;margin-top:7px;border:none;font-size:16px;border-radius:6px 0 0 6px;padding:0 10px 0 15px;background-color:#fff;color:#757575;}
.newhb_bt .bottom>.seel input{width:406px;height:57px;float:left;border:none;border-left:1px solid #e0e0e0;font-size:16px;padding:0 150px 0 20px;}
.newhb_bt .bottom>.seel .se_btn{width:160px; height:53px; background-color:#1344a9; border-radius:50px; margin-top:1px; color:#fff; font-size:16px; position:absolute; top:1px; right:4px; text-align:center; line-height:53px; }
.newhb_bt .bottom>.se_btn2{ padding:0 50px; height:53px; line-height:53px; text-align:center; background-color:#d71518; border-radius:50px; color:#fff; font-size:16px; display:block; float:left; margin-left:48px; margin-top:29px;}

.new_hbbt{ padding-top:40px; text-align:center}
.new_hbbt.f1>.fon1>i{border-bottom:1px solid #ccc; width:30px; display:inline-block; position:relative; top:-5px}
.new_hbbt.f1>.fon1>p{ display:inline-block; font-size:16px; color:#666; margin:0 30px;}
.new_hbbt.f1>a{ font-size:30px; color:#01237c; margin-top:10px; display:inline-block}
.new_hbbt.f2>.fon1>i{border-bottom:1px solid #ccc; width:30px; display:inline-block; position:relative; top:-5px}
.new_hbbt.f2>.fon1>p{ display:inline-block; font-size:16px; color:#fff; margin:0 30px;}
.new_hbbt.f2>a{ font-size:30px; color:#fff; margin-top:10px; display:inline-block}

.newhb_wrap1{ width:100%; background:url(../../images/fg/bj1.jpg) no-repeat center; padding-top:125px; background-size: cover;}
.newhb_wrap1>.nr{ width:1200px; position:relative; margin:0 auto;}
.newhb_wrap1>.nr>.nav{ text-align:center; margin-top:27px;}
.newhb_wrap1>.nr>.nav>li{ display:inline-block; font-size:16px; color:#666; cursor:pointer; padding:0 43px 13px;border-bottom:1px solid #e6e6e6; margin:0 -2px}
.newhb_wrap1>.nr>.nav>li.on{border-bottom:2px solid #01237c; padding-bottom:12px}
.newhb_wrap1>.nr .new_nrr{}
.newhb_wrap1>.nr .new_nrr>dl.list{}
.newhb_wrap1>.nr .new_nrr>dl.list dd{ float:left; width:270px; margin:0 50px 20px; padding:15px; border-radius:10px; position:relative; background:#fff}
.newhb_wrap1>.nr .new_nrr>dl.list dd.boxsh{box-shadow: 0px 0px 10px #e0e0e0;}
.newhb_wrap1>.nr .new_nrr>dl.list dd h1{ font-size:24px; color:#040983; font-weight:normal; text-align:center; margin:10px 0 6px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:31px;}
.newhb_wrap1>.nr .new_nrr>dl.list dd h2{ font-size:16px; color:#666; font-weight:normal; text-align:center; line-height:28px; display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis; margin-bottom:5px}
.newhb_wrap1>.nr .new_nrr>dl.list dd h3{ font-size:18px; color:#2a8fdd; font-weight:normal; text-align:center;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:24px;}

.newhb_wrap2{ width:100%; height:600px; background:#f3fafd;}
.newhb_wrap2>.nr{ width:1200px; position:relative; margin:0 auto;}

.book-page-w{width:9000px; min-height:280px; position:absolute; left:0; margin-top:44px;}
.book-page{ height:405px; width:1200px; overflow:hidden; position:relative;}
.book-list{ margin:10px 15px; float:left; width:500px; height:250px; background:#fff;box-shadow:0px 0px 10px #e2e2e2;border-radius:10px; padding:40px 35px;}
.book-list:hover{box-shadow:0px 0px 10px #c3c3c3;}
.book-list>h1{ font-size:24px; color:#404040; font-weight:normal; width:500px; height:31px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.book-list>h2{ font-size:14px; color:#666666; font-weight:normal; margin-top:10px;}
.book-list>span{ border-bottom:1px solid #1344a9; width:70px; display:block; margin-top:25px;}
.book-list>p{ margin-top:23px;line-height:28px; display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;text-overflow:ellipsis; font-size:16px; color:#666; height:84px;}
.book-list>h3{ font-size:14px; color:#9fa4af; font-weight:normal; margin-top:34px; float:left}
.book-list>h3>span{ margin-right:5px;}
.book-list>h3>i{ width:20px; height:12px; background:url(../../images/fg/new_eye1.png) no-repeat; margin-right:5px; display:inline-block}
.book-list>h4{ width:32px; height:32px; float:right; margin-top:24px;}
.book-list>h4.n1{ background:url(../../images/fg/new_peo1.png) 0 0 no-repeat;}
.book-list>h4.n2{ background:url(../../images/fg/new_peo1.png) -32px 0 no-repeat;}
.book-list>h4.n3{ background:url(../../images/fg/new_peo1.png) -64px 0 no-repeat;}
.book-list>h4.n4{ background:url(../../images/fg/new_peo1.png) -96px 0 no-repeat;}
.f-circle{ min-width:10px; height:10px; margin:18px auto 0; text-align:center}
.f-circle p{ background:#d8d6f8; border-radius:50%; width:10px; height:10px; display:inline-block; margin:0 5px;}
.f-circle p.on{ background:#01237c;}

.newhb_wrap3{ width:100%; height:620px; background:url(../../images/fg/new_bj3.jpg) no-repeat center;}
.newhb_wrap3>.nr{ width:1040px; position:relative; margin:0 auto;}


.newhb_wrap4{ width:100%; height:680px; background:#fff;}
.newhb_wrap4>.nr{ width:1200px; position:relative; margin:0 auto;}
.newhb_wrap4>.nr>dl{ margin-top:60px; text-align:center}
.newhb_wrap4>.nr>dl dd{ display: block;  float: left;}
.newhb_wrap4>.nr>dl .bg{width:294px; height:268px; background:url(../../images/fg/new_w4bg1.png) no-repeat; padding:35px 30px; margin:0 22px; text-align:left}
.newhb_wrap4>.nr>dl .bg>h1{ font-size:20px; color:#404040; font-weight:normal;}
.newhb_wrap4>.nr>dl .bg>h2{ font-size:16px; color:#808080; font-weight:normal; margin-bottom:12px; line-height:25px;display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;text-overflow:ellipsis; height:50px;}
.newhb_wrap4>.nr>dl .bg>p{ font-size:14px; color:#808080; text-align:right;}
.newhb_wrap4>.nr>dl .bg>h3{ font-size:20px; color:#404040; font-weight:normal; margin-top:54px;}
.newhb_wrap4>.nr>dl .bg>h4{ font-size:16px; color:#808080; font-weight:normal; margin-top:12px; line-height:25px;display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;text-overflow:ellipsis;}
.newhb_wrap4>.nr>dl .bg:hover{ background:url(../../images/fg/new_w4bg2.png) no-repeat; transition: background .25s linear;-webkit-transition: background .25s linear;}
.newhb_wrap4>.nr>dl .bg:hover h1,.newhb_wrap4>.nr>dl .bg:hover h2,.newhb_wrap4>.nr>dl .bg:hover>p{ color:#fff;}
.newhb_wrap4>.nr>.btn{ width:64px; height:64px; background:url(../../images/fg/new_more.png) #fff no-repeat center; box-shadow:0px 0px 10px #e2e2e2; display:block; border-radius:50%; margin:35px auto 0;}
.newhb_wrap4>.nr>.btn:hover{ box-shadow:0px 0px 10px #c3c3c3;}

.newhb_wrap5{ width:100%; height:620px; background:#fff;}
.newhb_wrap5>.nr{ width:1200px; position:relative; margin:0 auto;}
.newhb_wrap5>.nr>dl{ margin-top:60px; text-align:center}
.newhb_wrap5>.nr>dl dd{ display: block;  float: left;}
.newhb_wrap5>.nr>dl .bg{width:294px; height:268px; background:url(../../images/fg/new_w4bg3.png) no-repeat; padding:35px 30px; margin:0 22px; text-align:left}
.newhb_wrap5>.nr>dl .bg>h1{ font-size:20px; color:#404040; font-weight:normal;}
.newhb_wrap5>.nr>dl .bg>h2{ font-size:16px; color:#808080; font-weight:normal; margin-bottom:12px; line-height:25px;display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;text-overflow:ellipsis; height:50px;}
.newhb_wrap5>.nr>dl .bg>p{ font-size:14px; color:#808080; text-align:right;}
.newhb_wrap5>.nr>dl .bg>h3{ font-size:20px; color:#404040; font-weight:normal; margin-top:54px;}
.newhb_wrap5>.nr>dl .bg>h4{ font-size:16px; color:#808080; font-weight:normal; margin-top:12px; line-height:25px;display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;text-overflow:ellipsis;}
.newhb_wrap5>.nr>dl .bg:hover{ background:url(../../images/fg/new_w4bg2.png) no-repeat; transition: background .25s linear;-webkit-transition: background .25s linear;}
.newhb_wrap5>.nr>dl .bg:hover h1,.newhb_wrap5>.nr>dl .bg:hover h2,.newhb_wrap5>.nr>dl .bg:hover>p{ color:#fff;}
.newhb_wrap5>.nr>.btn{ width:64px; height:64px; background:url(../../images/fg/new_more.png) #fff no-repeat center; box-shadow:0px 0px 10px #e2e2e2; display:block; border-radius:50%; margin:35px auto 0;}
.newhb_wrap5>.nr>.btn:hover{ box-shadow:0px 0px 10px #c3c3c3;}

/*----------环保通用-----------*/
.hbwrap .position a:hover{ color:#3a7bcd;}
.hbwrap .page a.on,.hbwrap .page a:hover{ background-color:#1890ff;border-color:#1890ff;}
.hbwrap input.btn.num{background:#1890ff}
.hbwrap .nodate{margin:40px auto 0;display: block;}
.hbwrap .nodatep{ text-align: center; font-size:14px; color: #999; margin-bottom: 50px;}

.hbwrap .shopleft{ width:300px; background:#fff;box-shadow:0px 0px 8px #c5c5c5; float:left; margin-bottom:30px; margin-right:20px;}
.hbwrap .shopleft>.nr{ padding:19px 19px 5px;}
.hbwrap .shopleft>.nr>img{ padding:5px 10px; border:1px solid #e5e5e5}
.hbwrap .shopleft>.nr>h1{ font-size:18px; color:#333; margin:15px 0 12px 0; }
.hbwrap .shopleft>.nr>ul li{ margin: 9px 0;}
.hbwrap .shopleft>.nr>ul li h1{ width: 70px; font-size:14px; color:#333; float: left; font-weight: normal; }
.hbwrap .shopleft>.nr>ul li p{ width: 192px; font-size:14px; color:#333; float: left;}
.hbwrap .shopleft>a{ width: 300px; height: 48px; line-height: 48px; font-size:16px; color:#fff; background: #2989e3; display: block; text-align: center}
.hbwrap .shopleft>a:hover{ opacity:0.87;filter:alpha(opacity=87);}

.hbwrap .hb_table1 th{ height: 38px; line-height: 38px; color: #333; background: #f7f7f7; padding: 0 20px;font-size: 14px;font-weight: normal}
.hbwrap .hb_table1 td{ border-bottom:1px solid #e5e5e5; padding: 15px 16px 15px 20px; color: #333; font-size: 14px; text-align: center}
.hbwrap .hb_table1 td h1{  color: #333; font-size: 14px; font-weight: normal; text-align: left}
.hbwrap .hb_table1 td h2{  color: #d71518; font-size: 14px; font-weight: normal;}

.hbwrap .hb_list1{ padding:0 20px}
.hbwrap .hb_list1 li{ padding:20px 0; border-bottom:1px solid #dcdcdc;}
.hbwrap .hb_list1 li>a h1{ font-size:20px; color:#333; margin-top:5px; height:26px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left: 20px; float: left; width: 645px;}
.hbwrap .hb_list1 li>a h1:hover{ color:#3a7bcd;}
.hbwrap .hb_list1 li img{ padding:10px; border:1px solid #dcdcdc; float:left;}
.hbwrap .hb_list1 li .middle{ width:445px; height:130px; float:left; margin-left:20px;}
.hbwrap .hb_list1 li .middle a h1{ font-size:20px; color:#333; margin-bottom:5px; height:26px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  float: left; width: 448px;}
.hbwrap .hb_list1 li .middle a h1:hover{ color:#3a7bcd;}
.hbwrap .hb_list1 li .middle p{ font-size:14px; color:#333; margin-top:5px}
.hbwrap .hb_list1 li .middle p i{ font-style:normal; margin:0 10px}
.hbwrap .hb_list1 li .middle p span{ color:#d71518; margin: 0 3px;}
.hbwrap .hb_list1 li .middle h2{ font-size:16px; color:#333; font-weight:normal; width:446px; height:21px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hbwrap .hb_list1 li .right{ width:227px; float:left; margin:10px 0 0 20px;}
.hbwrap .hb_list1 li .right p{ font-size:14px; color:#333; margin:8px 0 1px;}
.hbwrap .hb_list1 li .right h1{ font-size:20px; color:#d71518; }
.hbwrap .hb_list1 li .right h1 span{ font-size:20px; font-family:Arial, Helvetica, sans-serif;}
.hbwrap .hb_list1 li .right .btn{ width:160px; height:38px; line-height:38px; color:#fff; background:#d71518; border-radius:4px; display:block; margin-top:8px; text-align:center; font-size:16px;}
.hbwrap .hb_list1 li .right .btn:hover{ opacity:0.87;filter:alpha(opacity=87);}
.hbwrap .hb_list1 li .right .line{ text-align: center; color:#2989e3; font-size:14px; display: block; margin-top: 14px}
.hbwrap .hb_list1 li .right .line:hover{ text-decoration: underline;}


.hbwrap .hb_list2{ padding:0 20px}
.hbwrap .hb_list2 li{ padding:20px 0; border-bottom:1px solid #dcdcdc;}
.hbwrap .hb_list2 li img{ padding:10px; border:1px solid #dcdcdc; float:left;}
.hbwrap .hb_list2 li>a h1{ font-size:20px; color:#333; margin-top:5px; height:26px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left: 20px; float: left; width: 578px;}
.hbwrap .hb_list2 li>a h1:hover{ color:#3a7bcd;}
.hbwrap .hb_list2 li .middle{ width:395px; height:110px; float:left; margin-left:20px;}
.hbwrap .hb_list2 li .middle p{ font-size:14px; color:#333; margin-top:5px}
.hbwrap .hb_list2 li .middle p i{ font-style:normal; margin:0 10px}
.hbwrap .hb_list2 li .middle p span{ color:#d71518; margin: 0 3px;}
.hbwrap .hb_list2 li .middle h2{ font-size:16px; color:#333; font-weight:normal; width:446px; height:21px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hbwrap .hb_list2 li .right{ width:177px; float:left; margin:0 0 0 20px;}
.hbwrap .hb_list2 li .right p{ font-size:14px; color:#333; margin:8px 0 1px;}
.hbwrap .hb_list2 li .right h1{ font-size:20px; color:#d71518; }
.hbwrap .hb_list2 li .right h1 span{ font-size:20px; font-family:Arial, Helvetica, sans-serif;}
.hbwrap .hb_list2 li .right .btn{ width:160px; height:38px; line-height:38px; color:#fff; background:#d71518; border-radius:4px; display:block; margin-top:8px; text-align:center; font-size:16px;}
.hbwrap .hb_list2 li .right .btn:hover{ opacity:0.87;filter:alpha(opacity=87);}

.hbwrap .zhengshu{ padding: 10px 10px 0}
.hbwrap .zhengshu dd{ width: 155px; text-align: center; font-size: 14px; float: left; margin: 0 17px 15px;}
.hbwrap .zhengshu dd p{ line-height: 20px; margin-top: 5px;}

/*----------列表通用-----------*/
.hbwrap .wenlist>.nr{ background: #fff; margin-bottom: 20px; box-shadow:0px 0px 8px #c5c5c5;}
.hbwrap .wenlist>.nr>.bt{padding: 10px 0 10px 20px;  border-bottom: 1px solid #dcdcdc;}
.hbwrap .wenlist>.nr>.bt>.search{ float: left; }
.hbwrap .wenlist>.nr>.bt>.search input{width:360px;height:40px;float:left;border:1px solid #e0e0e0;border-right:none;font-size:16px;padding: 0 20px; border-radius: 6px 0 0 6px;}
.hbwrap .wenlist>.nr>.bt>.search .se_btn{ float:left; width:42px; height:42px; background:url(../../images/fg/search_1.png) 11px 12px no-repeat; background-color:#2989e3; border-radius:0 6px 6px 0; }
.hbwrap .wenlist>.nr>.bt>.right{ float: right;}
.hbwrap .wenlist>.nr>.bt>.right .btn{ float: left; background: url(../../images/fg/hb_ques.png) 21px 9px no-repeat; padding-left: 24px; cursor: pointer; width: 96px; height: 32px; line-height: 32px; text-align: center; background-color: #2989e3; color:#fff; border-radius:50px; margin: 6px 40px 0 0;}
.hbwrap .wenlist>.nr>.bt>.right .btn:hover{opacity:0.87;filter:alpha(opacity=87);}
.hbwrap .wenlist>.nr>.bt>.right .desc{ float: left; height:42px; line-height:43px; margin-right:25px;}
.hbwrap .wenlist>.nr>.bt>.right .desc p{ color:#333; font-size:14px; float:left;}
.hbwrap .wenlist>.nr>.bt>.right .desc ul{ float:left; margin-top:9px; font-size:14px}
.hbwrap .wenlist>.nr>.bt>.right .desc ul li{ height:26px; line-height:26px; color:#333; background:#eee; border:1px solid #dcdcdc; float:left; border-radius:20px; margin-right:8px; padding:0 13px; cursor:pointer}
.hbwrap .wenlist>.nr>.bt>.right .desc ul li.on{ cursor:default; color:#fff; background:#2989e3; border:1px solid #2989e3;}
.hbwrap .wenlist>.nr>.nnr{ padding: 0 30px; min-height: 200px;}
.hbwrap .wenlist>.nr>.nnr>ul li{ border-bottom: 1px solid #e5e5e5; padding:20px 15px;}
.hbwrap .wenlist>.nr>.nnr>ul li>.ntop a{font-size: 18px; color: #333; float: left; max-width: 830px; margin-right:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hbwrap .wenlist>.nr>.nnr>ul li>.ntop a:hover{color:#3a7bcd;}
.hbwrap .wenlist>.nr>.nnr>ul li>.ntop>.right{ float:right; margin-top: 4px;}
.hbwrap .wenlist>.nr>.nnr>ul li>.ntop>.right p{ float:left; color: #333;margin-right: 20px;}
.hbwrap .wenlist>.nr>.nnr>ul li>.ntop>.right p i{ float:left; }
.hbwrap .wenlist>.nr>.nnr>ul li>.ntop>.right p.eye i{ width: 16px; height: 10px; background: url(../../images/fg/hb_eye.png) no-repeat; margin: 3px 5px 0 0;}
.hbwrap .wenlist>.nr>.nnr>ul li>.ntop>.right p.time i{ width: 13px; height: 13px; background: url(../../images/fg/hb_time.png) no-repeat; margin: 2px 5px 0 0;}
.hbwrap .wenlist>.nr>.nnr>ul li>p{ color: #777; font-size: 13px; margin-top: 5px; line-height: 21px;}



/*----------评星-----------*/
.click_star dd{ cursor:pointer; width:18px; height:16px; background:url(../../images/fg/star_off.png) no-repeat; float:left; margin-right:4px }
.click_star dd.on{ background:url(../../images/fg/star_on.png) no-repeat; }
.show_star dd{ width:18px; height:16px; background:url(../../images/fg/star_off.png) no-repeat; float:left; margin-right:4px }
.show_star dd.on{ background:url(../../images/fg/star_on.png) no-repeat; }

/*----------环保首页-----------*/
.hb_btbg{ width:100%; height:300px; background:url(../../images/fg/hb_bg1.jpg) no-repeat center; position:relative}
.hb_btbg p{ width:176px; height:42px; line-height:42px; text-align:center; border-radius:30px; font-size:22px; color:#fff; border:1px solid #fff; position:absolute; top:210px; left:50%; margin-left:-325px;}
.hb_btbg p:hover{ background:url(../../images/fg/opa_white.png) repeat;}

.hb_bt{ width:100%; height:84px; background:#0064ba; color:#fff;}
.hb_bt ul{ text-align:center; width:1200px; margin:0 auto; height:84px;}
.hb_bt ul li{ display:inline-block; border-right:1px solid #80b2dd; width:250px; height:66px; margin-top:9px; text-align:center}
.hb_bt ul li .wenz{ cursor:default; position:relative}
.hb_bt ul li h1{ font-size:36px; margin-top:3px; font-family:Arial, Helvetica, sans-serif}
.hb_bt ul li p{ font-size:14px; margin-top:-4px}

.hb_wrap1{ width:100%; height:66px; background:#f2f2f2;}
.hb_wrap1 .nr{ width:1200px; margin:0 auto;}
.hb_wrap1 .nr .left{ width:600px; height:66px; float:left; margin-right:30px;}
.hb_wrap1 .nr .left i{ float:left; width:97px; height:18px; margin-top:23px; margin-right:20px; background:url(../../images/fg/hb_notice1.png) no-repeat;}
.hb_wrap1 .hb_scroll{ width:480px; height:66px; float:left; overflow:hidden; }
.hb_wrap1 .hb_scroll li{ width:480px; height:66px; line-height:66px; overflow:hidden;}
.hb_wrap1 .hb_scroll li a{ font-size:14px; color:#333; text-decoration:none;}
.hb_wrap1 .hb_scroll li a p{ float:left; width:388px; margin-right:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hb_wrap1 .hb_scroll li a:hover p,.hb_wrap1 .hb_scroll li a:hover span{ color:#3a7bcd;}

.hb_wrap1 .nr .right{width: 570px;height:66px;float:left;}
.hb_wrap1 .nr .right select{width:110px;height:42px; line-height:42px;float:left;margin-top:12px;border:none;font-size:16px;border-radius:6px 0 0 10px;padding-left:25px;padding:8px 0 10px 25px\9;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;background: url(../../images/fg/sel_jiantou.png)  89% 50%  no-repeat scroll transparent;background-color:#fff;color:#333;}
.hb_wrap1 .nr .right input{width:377px;height:42px;float:left;margin-top:12px;border:none;border-left:1px solid #e0e0e0;font-size:16px;padding: 0 20px;}
.hb_wrap1 .nr .right .se_btn{ float:left; width:42px; height:42px; background:url(../../images/fg/search_1.png) 11px 12px no-repeat; background-color:#0064ba; border-radius:0 6px 6px 0; margin-top:12px}
select::-ms-expand{display: none;}

.hb_wrap2 .nr{ width:1200px; margin:0 auto 30px;}
.hb_wrap2 .nr .bt{margin-top:20px;}
.hb_wrap2 .nr .bt h1{ font-size:26px; color:#333; float:left}
.hb_wrap2 .nr .bt a.more{ font-size:15px; color:#333; float:right; margin-top:8px;}
.hb_wrap2 .nr .bt a.more:hover{ color:#3a7bcd;}
.hb_wrap2 .nr .bt ul{ float:left; margin-top:8px; margin-left:15px}
.hb_wrap2 .nr .bt ul li{ min-width:65px; margin:0 15px; float:left; cursor:pointer; font-size:15px; color:#333; text-align:center}
.hb_wrap2 .nr .bt ul li.on{ color:#3a7bcd; border-bottom:2px solid #3a7bcd; padding-bottom:2px;}
.hb_wrap2 .nr .hbw2_nr{ width:1200px; overflow:hidden}
.hb_wrap2 .nr .hbw2_nr ul{ width:103%}
.hb_wrap2 .nr .hbw2_nr ul li{ margin:20px 20px 0 0; float:left; width:224px; height:218px}
.hb_wrap2 .nr .hbw2_nr ul li img{  border-radius:4px 4px 0 0;}
.hb_wrap2 .nr .hbw2_nr ul li img:hover{ opacity:0.7;filter:alpha(opacity=70);}
.hb_wrap2 .nr .hbw2_nr ul li h1{ font-size:14px; color:#333; font-weight:normal; margin:4px 0; height:19px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hb_wrap2 .nr .hbw2_nr ul li p{ font-size:12px; color:#999; height:32px;}
.hb_wrap2 .nr .hbw2_nr ul li h2{ font-size:12px; color:#333; font-weight:normal; margin-top:16px; height:19px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


.hb_wrap3{ background:#f6f6f6; padding-bottom:30px}
.hb_wrap3 .nr{ width:1200px; min-height:500px; margin:0 auto;}
.hb_wrap3 .nr img:hover{ opacity:0.7;filter:alpha(opacity=70);}
.hb_wrap3 .nr .bt h1{margin:20px 0 15px 0; font-size:26px; color:#333; float:left;}
.hb_wrap3 .nr .line1 img{border-radius:4px; float:left; }
.hb_wrap3 .nr .line1 dl{ margin-left:30px; width:946px; float:left; height:133px; padding-top:15px; background:#fff; box-shadow:0px 0px 8px #c5c5c5; border-radius:4px; font-size:14px; }
.hb_wrap3 .nr .line1 dl dd{ float:left; width:433px; padding:5px 20px}
.hb_wrap3 .nr .line1 dl dd a{ float:left; color:#555; width:334px; height:19px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hb_wrap3 .nr .line1 dl dd a:hover{ color:#3a7bcd;}
.hb_wrap3 .nr .line1 dl dd span{ margin-left:18px; color:#555; font-size:12px; margin-top:1px; display:inline-block}
.hb_wrap3 .nr .line2{ margin-top:20px;}
.hb_wrap3 .nr .line2>a>img{border-radius:4px; float:left;}
.hb_wrap3 .nr .line2 dl{float:left; margin-left:30px;}
.hb_wrap3 .nr .line2 dl dd{ position:relative; margin-right:26px; background:#fff; width:460px; height:300px;box-shadow:0px 0px 8px #c5c5c5; float:left; border-radius:4px}
.hb_wrap3 .nr .line2 dl dd img{ border-radius:4px 4px 0 0}
.hb_wrap3 .nr .line2 dl dd .icon{ position:absolute; top:0; right:25px; width:66px; height:46px; background:url(../../images/fg/hb_ad3.jpg.png); color:#fff; text-align:center}
.hb_wrap3 .nr .line2 dl dd .icon>h1{ margin-top:3px}
.hb_wrap3 .nr .line2 dl dd .btn{ width:70px; height:24px; background:#7ecef4; color:#fff; text-align:center; position:absolute; bottom:10px; right:16px; line-height:24px; border-radius:20px}
.hb_wrap3 .nr .line2 dl dd .wenz{ padding:0 20px;}
.hb_wrap3 .nr .line2 dl dd .wenz>h1{ font-size:18px; color:#222; font-weight:normal; margin:10px 0 4px 0; width:420px; height:24px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hb_wrap3 .nr .line2 dl dd .wenz>p{ font-size:14px; color:#777;width:420px; height:19px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hb_wrap3 .nr .line2 dl dd .wenz .lxftime{ margin-top:30px; color:#ee564f}
.hb_wrap3 .nr .line2 dl dd .wenz .lxftime>h2{color:#555; font-size:14px; font-weight:normal; }
.hb_wrap3 .nr .line2 dl dd .wenz .lxftime>h2 span{ padding:0 4px; margin:0 5px; height:20px; background:#ee564f; color:#fff; display:inline-block; border-radius:3px; text-align:center}
.hb_wrap3 .nr .line3{ margin-top:20px;}
.hb_wrap3 .nr .line3>a>img{border-radius:4px; float:left;}
.hb_wrap3 .nr .line3 .cnr{float:left; margin:0 30px; padding:0 25px; width:622px; height:300px;box-shadow:0px 0px 8px #c5c5c5; background:#fff; border-radius:4px;}
.hb_wrap3 .nr .line3 .cnr .cbt h1{margin:15px 0 0 0; font-size:18px; color:#222; font-weight:normal; float:left}
.hb_wrap3 .nr .line3 .cnr .cbt>a.more{margin:22px 0 0 25px; font-size:12px; color:#555; float:left}
.hb_wrap3 .nr .line3 .cnr .cbt>a.cques{ background:url(../../images/fg/hb_ques.png) no-repeat; padding-left:24px; margin:22px 0 0 25px; font-size:12px; color:#555; float:right}
.hb_wrap3 .nr .line3 .cnr .cbt>a:hover{color:#3a7bcd;}
.hb_wrap3 .nr .line3 .cnr dd{ padding:17px 0;}
.hb_wrap3 .nr .line3 .cnr dd a{ font-size:14px; color:#555; width:482px; height:19px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; float:left; margin-right:10px;}
.hb_wrap3 .nr .line3 .cnr dd a:hover{color:#3a7bcd;}
.hb_wrap3 .nr .line3 .cnr dd h1{ font-size:12px; color:#555; font-weight:normal; float:left; margin-top:1px;}
.hb_wrap3 .nr .line3 .cnr dd p{ font-size:12px; font-weight:normal; float:right;margin-top:1px; color:#297928;}


/*----------服务列表 机构列表-----------*/
.hblist_wrap{width:100%; background:#f6f6f6}
.hblist_top{ width:100%; height:138px; position:relative}
.hblist_top>.bg{ width:100%; height:138px; background:url(../../images/fg/hblist_bg1.jpg) no-repeat center; position:relative}
.hblist_top>.bg a{ width:176px; height:42px; line-height:42px; text-align:center; border-radius:30px; font-size:22px; color:#fff; border:1px solid #fff; position:absolute; top:72px; left:50%; margin-left:306px; background:url(../../images/fg/opa_blue.png) repeat;}
.hblist_top>.bg a:hover{ background:url(../../images/fg/opa_blue1.png) repeat;}

.hblist_top>.search{ position:absolute; top:38px; left:50%; margin-left:-540px; }
.hblist_top>.search select{width:110px;height:42px; line-height:42px;float:left;margin-top:12px;border:none;font-size:16px;border-radius:6px 0 0 10px;padding-left:25px;padding:8px 0 10px 25px\9;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;background: url(../../images/fg/sel_jiantou.png)  89% 50%  no-repeat scroll transparent;background-color:#fff;color:#333;}
.hblist_top>.search input{width:417px;height:42px;float:left;margin-top:12px;border:none;border-left:1px solid #e0e0e0;font-size:16px;padding: 0 20px;}
.hblist_top>.search .se_btn{ float:left; width:42px; height:42px; background:url(../../images/fg/search_1.png) 11px 12px no-repeat; background-color:#0064ba; border-radius:0 6px 6px 0; margin-top:12px}

.hblist_wrap>.main_nr{ width:1200px; margin:0 auto}
.hblist_wrap>.main_nr>.left{ width:208px; background:#fff;box-shadow:0px 0px 8px #c5c5c5; float:left; margin-bottom:30px;}
.hblist_wrap>.main_nr>.left li{ position:relative; width:208px; height:48px; color:#333; border-bottom:1px solid #e5e5e5; line-height:48px; text-align:center; font-size:16px;}
.hblist_wrap>.main_nr>.left li:hover{ cursor:pointer;  background-color:#f5f5f5;}
.hblist_wrap>.main_nr>.left li.on{ background-color:#2989e3; background-image:url(../../images/fg/arrow1.png); background-repeat:no-repeat; background-position:188px 15px; color:#fff; border-bottom:1px solid #e5e5e5; cursor:default;}

.hblist_wrap>.main_nr>.right{ width:972px; min-height:20px; background:#fff;box-shadow:0px 0px 8px #c5c5c5; float:left; margin-left:20px; margin-bottom:30px;}
.hblist_wrap>.main_nr>.right .desc{ height:47px; line-height:47px; border-bottom:1px solid #e5e5e5; padding-left:25px;}
.hblist_wrap>.main_nr>.right .desc p{ color:#333; font-size:14px; float:left;}
.hblist_wrap>.main_nr>.right .desc ul{ float:left; margin-top:10px; font-size:14px}
.hblist_wrap>.main_nr>.right .desc ul li{ height:26px; line-height:26px; color:#333; background:#eee; border:1px solid #dcdcdc; float:left; border-radius:20px; margin-right:8px; padding:0 13px; cursor:pointer}
.hblist_wrap>.main_nr>.right .desc ul li.on{ cursor:default; color:#fff; background:#2989e3; border:1px solid #2989e3;}


/*----------服务详情-----------*/
.hbDetail_wrap{width:100%; background:#f6f6f6}
.hbDetail_wrap>.main_nr{ width:1200px; margin:0 auto}

.hbDetail_wrap>.main_nr>.right{ width:880px; float:left; margin-bottom:30px;}
.hbDetail_wrap>.main_nr>.right>.wrap1{ width:840px; padding: 20px; background:#fff; box-shadow:0px 0px 8px #c5c5c5; margin-bottom: 20px;}
.hbDetail_wrap>.main_nr>.right>.wrap1 img{ padding: 10px; border:1px solid #e5e5e5; float: left; margin-right: 35px;}
.hbDetail_wrap>.main_nr>.right>.wrap1 .right{ float:left; width: 386px;}
.hbDetail_wrap>.main_nr>.right>.wrap1 .right>h1{ font-size: 22px; color: #333;}
.hbDetail_wrap>.main_nr>.right>.wrap1 .right>p{ color: #777;}
.hbDetail_wrap>.main_nr>.right>.wrap1 .right>h2{font-weight: normal; font-size: 14px; color: #777; margin-top: 2px; float: left; margin: 9px 0 0 10px}
.hbDetail_wrap>.main_nr>.right>.wrap1 .right>ul{ margin-top: 10px; margin-bottom:20px;color: #333; font-size: 16px;}
.hbDetail_wrap>.main_nr>.right>.wrap1 .right>ul li{ margin: 9px 0;}
.hbDetail_wrap>.main_nr>.right>.wrap1 .right>ul h1{ width: 80px; font-weight: normal; float: left;}
.hbDetail_wrap>.main_nr>.right>.wrap1 .right>ul p{ width: 306px; float: left;}
.hbDetail_wrap>.main_nr>.right>.wrap1 .right>ul h2{font-weight: normal; color:#d71518; font-size: 22px}
.hbDetail_wrap>.main_nr>.right>.wrap1 .right>.btn{ width: 160px; height: 38px; line-height: 38px; font-size: 16px; background: #d71518; color: #fff; text-align: center; border-radius: 4px; display: block; float: left;}
.hbDetail_wrap>.main_nr>.right>.wrap1 .right>.btn:hover{ opacity:0.87;filter:alpha(opacity=87);}

.hbDetail_wrap>.main_nr>.right>.wrap2{ width:880px; background:#fff; box-shadow:0px 0px 8px #c5c5c5;}
.hbDetail_wrap>.main_nr>.right>.wrap2>ul{ width:880px; border-bottom: 1px solid #e5e5e5;}
.hbDetail_wrap>.main_nr>.right>.wrap2>ul li{ float: left; height: 48px; line-height: 48px; font-size: 14px; color: #777; padding: 0 30px; cursor: pointer;}
.hbDetail_wrap>.main_nr>.right>.wrap2>ul li.on{ color: #3a7bcd; border-bottom: 2px solid #3a7bcd;}
.hbDetail_wrap>.main_nr>.right>.wrap2 .hb-nr{ padding: 25px 29px;}



/*----------服务商主页-----------*/
.hbshop_wrap{width:100%; background:#f6f6f6}
.hbshop_top{ width:100%; height:138px; position:relative}
.hbshop_top>.bg{ width:100%; height:138px; background:url(../../images/fg/hbshop_bg1.jpg) no-repeat center; position:relative}
.hbshop_top>.bg>.nr{ width:1200px; height:138px; margin: 0 auto;}
.hbshop_top>.bg>.nr>h1{ font-size: 32px; color: #fff; font-weight: normal; padding-top: 40px;}
.hbshop_top>.bg>.nr>ul{ margin-top: 26px;}
.hbshop_top>.bg>.nr>ul li{ float: left; margin-right:5px; height: 30px; line-height: 30px; color: #fff; background: #4b81e4; text-align: center; padding: 0 20px; cursor: pointer;}
.hbshop_top>.bg>.nr>ul li.on{ color: #083ba5; background: #f6f6f6; cursor: default;  font-size: 14px}

.hbshop_wrap .hbshop-nr{ width:1200px; margin:20px auto 0;}
.hbshop_wrap .main_nr1>.right{ width:880px; float: left;}
.hbshop_wrap .main_nr1>.right>.wrap{ width:880px; background:#fff; box-shadow:0px 0px 8px #c5c5c5; margin-bottom: 20px;}
.hbshop_wrap .main_nr1>.right>.wrap>.bt{ height: 40px; border-bottom:1px solid #e5e5e5; padding:0 20px; position: relative;}
.hbshop_wrap .main_nr1>.right>.wrap>.bt p{ border-left: 4px solid #4b81e4; padding-left: 10px; color: #333; font-size: 14px; line-height: 22px; position: relative; top: 10px}
.hbshop_wrap .main_nr1>.right>.wrap>.bt a{ color: #333; position: absolute; right: 20px; top: 13px}
.hbshop_wrap .main_nr1>.right>.wrap>.bt a:hover{ color: #3a7bcd;}
.hbshop_wrap .main_nr1>.right>.wrap .fon1{padding: 15px 30px;color: #333;font-size: 14px;line-height: 23px;}

.hbshop_wrap .main_nr2{ background: #fff; margin-bottom: 20px; box-shadow:0px 0px 8px #c5c5c5;}
.hbshop_wrap .main_nr2 .wrap{ border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; position: relative; overflow: hidden;}
.hbshop_wrap .main_nr2 .wrap>.bt{ border-left: 4px solid #4b81e4; padding-left: 10px; color: #333; font-size: 14px; line-height: 22px; margin-bottom: 10px;}
.hbshop_wrap .main_nr2 .wrap>.nr1{ margin-bottom: 20px;}
.hbshop_wrap .main_nr2 .wrap>.nr1 img{ padding:5px 10px; border:1px solid #e5e5e5; float: left;}
.hbshop_wrap .main_nr2 .wrap>.nr1>.right{ float: left; margin-left: 20px; width: 870px;}
.hbshop_wrap .main_nr2 .wrap>.nr1>.right h1{width: 840px; font-size: 18px; color: #333}
.hbshop_wrap .main_nr2 .wrap>.nr1>.right>.fon1{float: left; font-size: 14px; margin-top: 5px;}
.hbshop_wrap .main_nr2 .wrap>.nr1>.right>.fon2{float: right; font-size: 14px; margin: 5px 10px 0}
.hbshop_wrap .main_nr2 .wrap>.nr1>.right>.info{ width: 840px; background: #f5faff; min-height: 43px; margin-top: 10px; padding:10px 20px}
.hbshop_wrap .main_nr2 .wrap>.nr1>.right>.info>.fon1{float: left;}
.hbshop_wrap .main_nr2 .wrap>.nr1>.right>.info>.fon1 p{ font-size: 14px; color: #777; width: 70px; float:left;}
.hbshop_wrap .main_nr2 .wrap>.nr1>.right>.info>.fon1 span{ font-size: 14px; color: #333; float:left; min-width: 150px; margin-right: 20px;}
.hbshop_wrap .main_nr2 .wrap>.nr1>.right>.info>.fon2 p{ font-size: 14px; color: #777; width: 70px; float:left; margin-top: 6px;}
.hbshop_wrap .main_nr2 .wrap>.nr1>.right>.info>.fon2 span{ font-size: 14px; color: #333; float:left; width: 770px; margin-top: 6px; }
.hbshop_wrap .main_nr2 .wrap>.nr2{ margin-bottom: 20px;}
.hbshop_wrap .main_nr2 .wrap>.nr2>.nr{ width: 525px; padding-right: 55px; float: left;}
.hbshop_wrap .main_nr2 .wrap>.nr2>.nr>h1{background: #4b81e4; color: #fff; display: inline-block; font-size: 14px; padding: 2px 5px; font-weight: normal; margin-bottom: 7px}
.hbshop_wrap .main_nr2 .wrap>.nr2>.nr>p{ font-size: 14px; line-height: 22px;}
.hbshop_wrap .main_nr2 .wrap>.nr3{ margin: 20px 0;}
.hbshop_wrap .main_nr2 .wrap>.nr3>h1{background: #4b81e4; color: #fff; display: inline-block; font-size: 14px; padding: 2px 5px; font-weight: normal; margin-bottom: 7px}
.hbshop_wrap .main_nr2 .wrap>.nr3>p{ font-size: 14px; line-height: 22px;}
.hbshop_wrap .main_nr2 .wrap>.btn{ position: absolute; top: 0; right: 10px; font-size: 14px; color: #777; cursor: pointer;}
.hbshop_wrap .main_nr2 .wrap>.btn>i{ display: inline-block; width: 13px; height: 7px; margin-left: 7px; position: relative;}
.hbshop_wrap .main_nr2 .wrap>.btn.close>i{ background:url(../../images/fg/hb_close.png) no-repeat; top: -2px}
.hbshop_wrap .main_nr2 .wrap>.btn.open>i{ background:url(../../images/fg/hb_open.png) no-repeat; top: -1px}

.hbshop_wrap .main_nr3{}
.hbshop_wrap .main_nr3>.nr>.search{ padding: 10px 0 10px 20px; border-bottom: 1px solid #dcdcdc; }
.hbshop_wrap .main_nr3>.nr>.search input{width:360px;height:40px;float:left;border:1px solid #e0e0e0;border-right:none;font-size:16px;padding: 0 20px; border-radius: 6px 0 0 6px;}
.hbshop_wrap .main_nr3>.nr>.search .se_btn{ float:left; width:42px; height:42px; background:url(../../images/fg/search_1.png) 11px 12px no-repeat; background-color:#2989e3; border-radius:0 6px 6px 0; }
.hbshop_wrap .main_nr3>.nr{ background: #fff; margin-bottom: 20px; box-shadow:0px 0px 8px #c5c5c5;}
.hbshop_wrap .main_nr3>.nr .hb_list{ }
.hbshop_wrap .main_nr3>.nr .hb_list li{padding: 20px 20px;border-bottom:1px solid #dcdcdc;}
.hbshop_wrap .main_nr3>.nr .hb_list li img{ padding:10px; border:1px solid #dcdcdc; float:left;}
.hbshop_wrap .main_nr3>.nr .hb_list li>a h1{ font-size:20px; color:#333; margin-top:5px; height:26px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left: 20px; float: left; width: 920px;}
.hbshop_wrap .main_nr3>.nr .hb_list li>a h1:hover{ color:#3a7bcd;}
.hbshop_wrap .main_nr3>.nr .hb_list li .middle{width:685px;height: 100px;float:left;margin-left:20px;}
.hbshop_wrap .main_nr3>.nr .hb_list li .middle p{ font-size:14px; color:#333; margin-top:5px}
.hbshop_wrap .main_nr3>.nr .hb_list li .middle p i{ font-style:normal; margin:0 10px}
.hbshop_wrap .main_nr3>.nr .hb_list li .middle p span{ color:#d71518; margin: 0 3px;}
.hbshop_wrap .main_nr3>.nr .hb_list li .middle h2{ font-size:16px; color:#333; font-weight:normal; width:446px; height:21px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hbshop_wrap .main_nr3>.nr .hb_list li .right{ width:215px; float:left; margin:0 0 0 20px;}
.hbshop_wrap .main_nr3>.nr .hb_list li .right p{ font-size:14px; color:#333; margin:8px 0 1px;}
.hbshop_wrap .main_nr3>.nr .hb_list li .right h1{ font-size:20px; color:#d71518; }
.hbshop_wrap .main_nr3>.nr .hb_list li .right h1 span{ font-size:20px; font-family:Arial, Helvetica, sans-serif;}
.hbshop_wrap .main_nr3>.nr .hb_list li .right .btn{ width:160px; height:38px; line-height:38px; color:#fff; background:#d71518; border-radius:4px; display:block; margin-top:8px; text-align:center; font-size:16px;}
.hbshop_wrap .main_nr3>.nr .hb_list li .right .btn:hover{ opacity:0.87;filter:alpha(opacity=87);}

.hbshop_wrap .main_nr4 {  background: #fff;  margin-bottom: 20px;  box-shadow: 0px 0px 8px #c5c5c5;  }
.ntable {
    width: 100%;
    margin: 0 auto;
}
.ntable th:not(:last-child) {
    border-right: #F2F9FC 1px solid;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.ntable th {
    text-align: center;
    background: #4B81E4;
    border: #e0e0e0 1px solid;
    border-collapse: collapse;
    padding: 10px 12px 10px 12px;
    font-weight: normal;
    color: #fff;
    line-height: 15px;
    font-size: 14px;
}
.ntable td {
    padding: 10px;
    border: #e0e0e0 1px solid;
    word-break: break-all;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    background: #fff;
}
.n1 {
    background: url(../../images/bg/bd-tu1.png) 2px -23px no-repeat;
    display: inline-block;
    margin: 6px 1px 0;
    width: 21px;
    height: 20px;
}
.n3 {
    background: url(../../images/bg/bd-tu1.png) 2px -69px no-repeat;
    display: inline-block;
    margin: 6px 1px 0;
    width: 21px;
    height: 20px;
}
/*----------服务-咨询-弹窗-----------*/
.hbconsult_wrap{width:100%; background:#f6f6f6}
.hbconsult_wrap .main_nr{ width:1200px; margin:0 auto}

.hb_contc{ width: 800px; height: 480px; background: #fff; position: fixed; top: 50%; margin-top: -240px; left: 50%; margin-left: -400px; z-index: 102; border-radius:5px}
.hb_contc>.bt{ border-bottom: 1px solid #e5e5e5; margin: 6px 0 0 0; height: 48px;}
.hb_contc>.bt>.fon1{ float: left; background: url(../../images/fg/hb_ques.png) 21px 17px no-repeat; padding-left: 44px;line-height: 48px; font-size: 16px; color:#333; }
.hb_contc>.bt>.fon2{ float: left; padding-left: 25px;line-height: 48px; font-size: 16px; color:#333; }
.hb_contc>.bt>.close{ width: 17px; height: 17px; cursor: pointer; float: right; background: url(../../images/fg/hb_tclose.png) no-repeat; padding-right: 20px; margin-top: 13px }
.hb_contc>.nr{ padding: 10px 80px;}
.hb_contc>.nr>.line_{ padding: 10px 0;}
.hb_contc>.nr>.line_ input{ color: #333; font-size:14px; height: 36px; line-height: 36px; padding:0 10px; border-radius: 4px; border: 1px solid #dcdcdc; float: left;}
.hb_contc>.nr>.line_ textarea{ color: #333; font-size:14px; height: 180px; padding:10px; border-radius: 4px; border: 1px solid #dcdcdc}
.hb_contc>.nr .front{ color: #333; float: left; width:100px; font-size:14px; line-height: 38px;}
.hb_contc>.nr .front>span{ color: #ff0000; margin-right: 5px}
.hb_contc>.foot{ text-align: center;}
.hb_contc>.foot p{ display: inline-block; margin: 0 5px; text-align: center; width: 120px; height: 38px; line-height: 38px; font-size: 14px; border-radius: 4px; cursor: pointer;}
.hb_contc>.foot p.tcbtn1{ background: #d71518; color: #fff; }
.hb_contc>.foot p.tcbtn2{ background: #fff;  border: 1px solid #bfbfbf; color: #333; }
.hb_contc>.foot p:hover{opacity:0.87;filter:alpha(opacity=87);}

/*----------服务-咨询详情-----------*/
.hbconsult_wrap .detail>.nr{ background: #fff;box-shadow:0px 0px 8px #c5c5c5; padding: 0 25px; margin-bottom: 20px}
.hbconsult_wrap .detail>.nr>.top{ border-bottom: 1px solid #e5e5e5; padding:20px 15px;}
.hbconsult_wrap .detail>.nr>.top>.ntop a{font-size: 18px; color: #333; float: left; max-width: 830px; margin-right:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hbconsult_wrap .detail>.nr>.top>.ntop a:hover{color:#3a7bcd;}
.hbconsult_wrap .detail>.nr>.top>.ntop>.right{ float:right; margin-top: 4px;}
.hbconsult_wrap .detail>.nr>.top>.ntop>.right p{ float:left; color: #333;margin-right: 20px;}
.hbconsult_wrap .detail>.nr>.top>.ntop>.right p i{ float:left; }
.hbconsult_wrap .detail>.nr>.top>.ntop>.right p.eye i{ width: 16px; height: 10px; background: url(../../images/fg/hb_eye.png) no-repeat; margin: 3px 5px 0 0;}
.hbconsult_wrap .detail>.nr>.top>.ntop>.right p.time i{ width: 13px; height: 13px; background: url(../../images/fg/hb_time.png) no-repeat; margin: 2px 5px 0 0;}
.hbconsult_wrap .detail>.nr>.top>p{ color: #777; font-size: 13px; margin-top: 5px; line-height: 21px;}
.hbconsult_wrap .detail>.nr>.middle{padding:20px 15px;}
.hbconsult_wrap .detail>.nr>.middle h1{ color: #555; font-size: 14px; margin-bottom: 10px}
.hbconsult_wrap .detail>.nr>.middle .bt{ margin-bottom: 10px; }
.hbconsult_wrap .detail>.nr>.middle .bt p{ float:left; color: #333;margin-right: 20px;}
.hbconsult_wrap .detail>.nr>.middle .bt p i{ float:left; }
.hbconsult_wrap .detail>.nr>.middle .bt p.time i{ width: 13px; height: 13px; background: url(../../images/fg/hb_time.png) no-repeat; margin: 2px 5px 0 0;}
.hbconsult_wrap .detail>.nr>.middle .bt h2{ font-weight: normal; float: left;}
.hbconsult_wrap .detail>.nr>.middle>p{ font-size: 14px; margin-left: 17px}

/*----------服务-咨询详情-----------*/
.hbrequire_wrap{width:100%; background:#f6f6f6}
.hbrequire_wrap .main_nr{ width:1200px; margin:0 auto;}
.hbrequire_wrap .main_nr>.nr{ background: #fff;box-shadow:0px 0px 8px #c5c5c5; padding: 0 75px 40px; margin-bottom: 20px}
.hbrequire_wrap .main_nr>.nr .nnr{ width: 525px; float: left;}
.hbrequire_wrap .main_nr>.nr .nnr>h1.bt{ padding-left: 10px; border-left:4px solid #4b81e4; font-size: 14px; color: #333; line-height: 22px; margin-bottom: 10px;}

.hbrequire_wrap .main_nr>.nr .nnr.q1 li{ padding: 1px 0 1px 13px;}
.hbrequire_wrap .main_nr>.nr .nnr.q2 li{ padding: 5px 0 5px 13px;}
.hbrequire_wrap .main_nr>.nr .nnr .fon1{ float: left; font-size:14px; color: #777; width: 84px; margin-right: 10px; line-height: 26px;}
.hbrequire_wrap .main_nr>.nr .nnr .fon2{ float: left; font-size:14px; line-height: 26px; width: 370px}
.hbrequire_wrap .main_nr>.nr .nnr .inp{ float: left; width: 260px; height: 32px; border-radius: 4px; border: 1px solid #dcdcdc; padding:0 10px}

.hbrequire_wrap .main_nr>.nr>.foot{text-align: center; margin-top: 60px; }
.hbrequire_wrap .main_nr>.nr>.foot p{ width: 160px; height: 38px; line-height: 38px; font-size: 16px; border-radius: 4px; display: inline-block; margin: 0 5px;}
.hbrequire_wrap .main_nr>.nr>.foot .fbtn1{ color:#fff; background: #d71518; }
.hbrequire_wrap .main_nr>.nr>.foot .fbtn2{ color:#333; background: #fff; border: 1px solid #bfbfbf}


/*----------服务-讲座 列表-----------*/
.hbecture_wrap{width:100%; background:#f6f6f6}
.hbecture_wrap .main_nr{ width:1200px; margin:0 auto}
.hbecture_wrap .main_nr>.nr{ background: #fff;box-shadow:0px 0px 8px #c5c5c5; margin-bottom: 20px}
.hbecture_wrap .main_nr>.nr .lecnr{ padding: 0 23px; }
.hbecture_wrap .main_nr>.nr .lecnr>ul{ margin-top: 20px; }
.hbecture_wrap .main_nr>.nr .lecnr>ul li{ float: left; margin-right: 10px; padding: 0 15px 5px; font-size: 14px; color: #333; border-bottom: 2px solid #fff; cursor: pointer;}
.hbecture_wrap .main_nr>.nr .lecnr>ul li.on{ color: #3a7bcd; border-bottom: 2px solid #3a7bcd; cursor: default;}
.hbecture_wrap .main_nr>.nr .lecnr .lec-nr{ width:100%; overflow: hidden;}
.hbecture_wrap .main_nr>.nr .lecnr .lec-nr>dl{ width:103%; }
.hbecture_wrap .main_nr>.nr .lecnr .lec-nr>dl dd{ position:relative; margin:26px 26px 0 0; background:#fff; width:370px; padding-bottom: 15px; box-shadow:0px 0px 8px #c5c5c5; float:left; border-radius:4px}
.hbecture_wrap .main_nr>.nr .lecnr .lec-nr>dl dd img{ border-radius:4px 4px 0 0}
.hbecture_wrap .main_nr>.nr .lecnr .lec-nr>dl dd .icon.on{ position:absolute; top:0; right:15px; width:66px; height:46px; background:url(../../images/fg/hb_ad3.jpg.png); color:#fff; text-align:center}
.hbecture_wrap .main_nr>.nr .lecnr .lec-nr>dl dd .icon.off{ position:absolute; top:0; right:15px; width:66px; height:46px; background:url(../../images/fg/hb_huise.png); color:#fff; text-align:center}
.hbecture_wrap .main_nr>.nr .lecnr .lec-nr>dl dd .icon.on>h1{ margin-top:3px}
.hbecture_wrap .main_nr>.nr .lecnr .lec-nr>dl dd .icon.off>h1{ margin-top:12px}
.hbecture_wrap .main_nr>.nr .lecnr .lec-nr>dl dd .btn{ width:70px; height:24px; background:#7ecef4; color:#fff; text-align:center; position:absolute; bottom:10px; right:16px; line-height:24px; border-radius:20px}
.hbecture_wrap .main_nr>.nr .lecnr .lec-nr>dl dd .wenz{ padding:0 20px;}
.hbecture_wrap .main_nr>.nr .lecnr .lec-nr>dl dd .wenz>h1{ font-size:16px; color:#222; font-weight:normal; margin:10px 0 4px 0; width:330px; height:24px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hbecture_wrap .main_nr>.nr .lecnr .lec-nr>dl dd .wenz>p{ font-size:12px; color:#777;width:330px; height:19px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hbecture_wrap .main_nr>.nr .lecnr .lec-nr>dl dd .wenz .lxftime{ margin-top:20px; color:#ee564f}
.hbecture_wrap .main_nr>.nr .lecnr .lec-nr>dl dd .wenz .lxftime>h2{color:#555; font-size:14px; font-weight:normal; }
.hbecture_wrap .main_nr>.nr .lecnr .lec-nr>dl dd .wenz .lxftime>h2 span{ padding:0 4px; margin:0 5px; height:20px; background:#ee564f; color:#fff; display:inline-block; border-radius:3px; text-align:center}

/*----------服务-讲座 详情-----------*/

.hbecture_wrap .main_nr>.detail_nr{ background: #fff;box-shadow:0px 0px 8px #c5c5c5; margin-bottom: 20px; padding: 25px 30px}
.hbecture_wrap .main_nr>.detail_nr>.bt{border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; position: relative;}
.hbecture_wrap .main_nr>.detail_nr>.bt>.img{  position:relative; float:left; border-radius:4px; margin-right: 28px}
.hbecture_wrap .main_nr>.detail_nr>.bt>.img img{ border-radius:4px 4px 0 0}
.hbecture_wrap .main_nr>.detail_nr>.bt>.img .icon.on{ position:absolute; top:0; right:15px; width:66px; height:46px; background:url(../../images/fg/hb_ad3.jpg.png); color:#fff; text-align:center}
.hbecture_wrap .main_nr>.detail_nr>.bt>.img .icon.off{ position:absolute; top:0; right:15px; width:66px; height:46px; background:url(../../images/fg/hb_huise.png); color:#fff; text-align:center}
.hbecture_wrap .main_nr>.detail_nr>.bt>.img .icon.on>h1{ margin-top:3px}
.hbecture_wrap .main_nr>.detail_nr>.bt>.img .icon.off>h1{ margin-top:12px}
.hbecture_wrap .main_nr>.detail_nr>.bt>.wen{ height: 125px;}
.hbecture_wrap .main_nr>.detail_nr>.bt>.wen>h1{ color: #333; font-size: 18px; font-weight: normal; width: 652px; float: left;}
.hbecture_wrap .main_nr>.detail_nr>.bt>.wen>p{ color: #777; font-size: 14px; float: left; width: 480px; margin-top: 5px}
.hbecture_wrap .main_nr>.detail_nr>.bt>.lxftime{ margin-top:20px; color:#ee564f; float: left;}
.hbecture_wrap .main_nr>.detail_nr>.bt>.lxftime>h2{color:#555; font-size:14px; font-weight:normal; }
.hbecture_wrap .main_nr>.detail_nr>.bt>.lxftime>h2 span{ padding:0 4px; margin:0 5px; height:20px; background:#ee564f; color:#fff; display:inline-block; border-radius:3px; text-align:center}
.hbecture_wrap .main_nr>.detail_nr>.bt>.btn{ position: absolute; bottom:23px; right: 10px; }
.hbecture_wrap .main_nr>.detail_nr>.bt>.btn>h1{ color:#777; font-size: 14px; font-weight: normal; margin-bottom: 6px;}
.hbecture_wrap .main_nr>.detail_nr>.bt>.btn>p{ color:#fff; background: #d71518; font-size: 16px; width: 154px; height: 38px; line-height: 38px; text-align: center; border-radius: 4px; cursor: pointer; float: right; margin-right: 5px;}
.hbecture_wrap .main_nr>.detail_nr>.bt>.btn>p.on:hover{ opacity:0.87;filter:alpha(opacity=87);}
.hbecture_wrap .main_nr>.detail_nr>.bt>.btn>p.off{ cursor: default; background: #c9c9c9;}

.hbecture_wrap .main_nr>.detail_nr>.nr{ padding: 20px 0 0;}


/*------------顶部导航条修改------------*/
.new1-top>.left>a>.logo{ margin:0 0 0 0;}
.new1-top>.right>dl dd{ position:relative}
.new1-top>.right>dl dd span{position:relative; top:-1px}
.new1-top>.right>dl dd a{ max-width:108px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;    font-size: 12px;}
.new1-top>.right>.tp_ico{ position:relative}
.new1-top>.right>.tp_ico>b{ color:#fff; background:#ff0000; border-radius:50px; font-style:normal; position:absolute; top:-4px; left:21px; font-family:arial; font-weight:normal; padding:0 4px; }
.new1-top>.right>dl dd>p{ color:#555; margin:0 15px; cursor:pointer; background:url(../../images/fg/new_tu1.png) -128px -7px no-repeat; padding-left:23px; font-size: 12px;}
.new1-top>.right>dl dd>p.on{ color:#2864c1; background:url(../../images/fg/new_tu1.png) -128px -37px no-repeat;}

.new1-top>.right>dl dd>ul{ position:absolute; top:39px; right:0; background:#fff; border-radius:4px; box-shadow:0px -1px 4px #e4e4e4;}
.new1-top>.right>dl dd>ul>i{ position:absolute; top:-13px; right:70px; background:url(../../images/fg/yin_shang1.png) no-repeat; width:16px; height:13px;}
.new1-top>.right>dl dd>ul>li{ float:left; width:106px; background:url(../../images/fg/top_bg.png) repeat;}
.new1-top>.right>dl dd>ul>li>a{ width:106px; height:86px; display:block; margin:0; position:relative}
.new1-top>.right>dl dd>ul>li>a>p{ text-align:center; color:#666}
.new1-top>.right>dl dd>ul>li>a>b{ position:absolute; bottom:0; left:50%; margin-left:-15px; width:30px; height:2px; background:#2864c1; display:none}
.new1-top>.right>dl dd>ul>li>a:hover{ text-decoration:none}
.new1-top>.right>dl dd>ul>li>a:hover>p{ color:#2864c1;}
.new1-top>.right>dl dd>ul>li>a:hover>b{ display:block;}
.new1-top>.right>dl dd>ul>li>a>i{ width:28px; height:28px; display:block; margin:20px auto 10px;}
.new1-top>.right>dl dd>ul>li>a>i.n1{ background:url(../../images/fg/new_tu1.png) -1px -1px no-repeat;}
.new1-top>.right>dl dd>ul>li>a>i.n2{ background:url(../../images/fg/new_tu1.png) -1px -51px no-repeat;}
.new1-top>.right>dl dd>ul>li>a>i.n3{ background:url(../../images/fg/new_tu1.png) -1px -101px no-repeat;}
.new1-top>.right>dl dd>ul>li>a>i.n4{ background:url(../../images/fg/new_tu1.png) -1px -151px no-repeat;}
.new1-top>.right>dl dd>ul>li>a>i.n5{ background:url(../../images/fg/new_tu1.png) -1px -201px no-repeat;}
.new1-top>.right>dl dd>ul>li>a>i.n6{ background:url(../../images/fg/new_tu1.png) -1px -251px no-repeat;}
.new1-top>.right>dl dd>ul>li>a>i.n7{ background:url(../../images/fg/new_tu1.png) -1px -301px no-repeat;}
.new1-top>.right>dl dd>ul>li>a>i.n8{ background:url(../../images/fg/new_tu1.png) -1px -351px no-repeat;}

.new1-top>.right>dl dd>ul>li>a:hover>i.n1{ background:url(../../images/fg/new_tu1.png) -61px -1px no-repeat;}
.new1-top>.right>dl dd>ul>li>a:hover>i.n2{ background:url(../../images/fg/new_tu1.png) -61px -51px no-repeat;}
.new1-top>.right>dl dd>ul>li>a:hover>i.n3{ background:url(../../images/fg/new_tu1.png) -61px -101px no-repeat;}
.new1-top>.right>dl dd>ul>li>a:hover>i.n4{ background:url(../../images/fg/new_tu1.png) -61px -151px no-repeat;}
.new1-top>.right>dl dd>ul>li>a:hover>i.n5{ background:url(../../images/fg/new_tu1.png) -61px -201px no-repeat;}
.new1-top>.right>dl dd>ul>li>a:hover>i.n6{ background:url(../../images/fg/new_tu1.png) -61px -251px no-repeat;}
.new1-top>.right>dl dd>ul>li>a:hover>i.n7{ background:url(../../images/fg/new_tu1.png) -61px -301px no-repeat;}
.new1-top>.right>dl dd>ul>li>a:hover>i.n8{ background:url(../../images/fg/new_tu1.png) -61px -351px no-repeat;}