body { background: #fff; }
.item .pic { overflow: hidden; }
#tbPage { margin: 50px 0 20px 0; display: ; }

.section { padding: 30px 0; margin: 0px; }
.section .row { margin: 0 -5px; }
.section .col-md-8, .section .col-md-6, .section .col-md-4, .section .col-md-3, .section .col-md-2 { padding: 0 5px; }

.section .title { text-align: center; }
.section .title h3 { font-size: 30px; color: #333; }
.section .title p { font-size: 14px; color: #333; line-height: 22px; max-width: 760px; margin: 0 auto; }
.section a.more { line-height: 26px; border-radius: 15px; color: #fff; background: #0b9242; margin: 5px 0; padding: 2px 20px; display: inline-block; }

.sectionBanner { background: url(../images/bg_bannerbg.jpg) center no-repeat; background-size: auto 100%; height: 265px; }

.sectionDetail { margin-top: 10px; }
.sectionDetail .title .item { margin-top: 70px; border-left: 3px solid #478ed4; padding-left: 15px; }
.sectionDetail .title .item h3 { font-size: 20px; font-weight: bold; color: #478ed4; }
.sectionDetail .title .item p { font-size: 14px; color: #478ed4; }
.sectionDetail .title .banner img { width: 100%; }

.sectionList { padding: 40px 0; }
.sectionDetail { padding: 40px 0 0 0; }
.sectionDetail .detailPhoto li { width: 50%; float: left; }
.sectionDetail .detailPhoto li img { width: 100%; padding: 10px; }
.sectionDetail .tab { margin: 40px 0; border-bottom: 1px solid #999; text-align: center; }
.sectionDetail .tab a { display: inline-block; line-height: 36px; font-size: 18px; margin: 0px; padding: 0px 20px; border-bottom: 3px solid #e6e6e6; }
.sectionDetail .tab a:hover, .sectionDetail .tab a.selected { border-bottom: 3px solid #0b9242;color: #000 }



.sectionDetailService .detailMemo h1 { text-align: left; }
.sectionDetailService .detailMemo .intro { position: relative; }
.sectionDetailService .detailMemo .intro a { display: block; width: 120px; height: 80px; position: absolute; background: url(../images/icon_qi.jpg) no-repeat center bottom; background-size: 50%; text-align: center; }
.sectionDetailService .detailMemo .intro a span { background: #fff; border-radius: 10px; padding: 2px 10px; }
.sectionDetailService .intro .tbmap, .sectionDetailService .intro .tbmap td { border: 1px solid; padding: 5px; }



.sectionDetailService .detailMemo .intro1 { display: none; }
a.a1 { top: 25%; left: 5%; }
a.a2 { top: 10%; left: 19.2%; }
a.a3 { top: 60.5%; left: 16.4%; }
a.a4 { top: 31.8%; left: 28.7%; }
a.a5 { top: 60.5%; left: 31.5%; }
a.a6 { top: 55.5%; left: 42.3%; }
a.a7 { top: 53%; left: 54.5%; }
a.a8 { top: 19%; left: 56%; }
a.a9 { top: 26%; left: 69.5%; }
a.a10 { top: 50%; left: 84.7%; }
.sectionDetailCase .detailMemo h1 { text-align: left; }

#secCase { }
#secCase .title { }
#secCase .title a { line-height: 32px; font-size: 18px; border-radius: 5px; margin: 20px 1%; padding: 2px 0; width: 22%; display: inline-block; background: #fff; color: #666; border: 1px solid #999; }
#secCase .title a:hover { background: #0b9242; color: #fff; }
div.side { }
div.side .box { border: 1px solid #ccc; }
div.side .box .title { background: #0b9242; }
div.side .box .title span { font-size: 18px; color: #fff; line-height: 40px; padding: 10px; }
div.side .box .main { padding: 5px 0; }
div.side .box .main li { }
div.side .box .main li a { line-height: 32px; font-size: 14px; border-bottom: 1px dashed #ccc; padding: 5px 10px; display: block; }

div.side .message { }
div.side .message .main li { }
div.side .message .main li .item { padding: 12px 0 6px 0; margin: 5px; }
div.side .message .main li .item h3 { text-align: right; font-size: 16px; font-weight: bold; line-height: 30px; margin: 0px; }
div.side .message .main li .item .intro { text-indent: 2em; font-size: 14px; line-height: 24px; color: #000; }


.side div.master { border: 1px solid #0b9242; }
.side div.master .title { background: #0b9242; text-align: center; }
.side div.master .title span { background: none; color: #fff; }
.side div.master .main {/* background: #f1f1f1;*/ padding: 1px 10px 10px; }
.side div.master .main li { border-bottom: 1px dashed #ccc;}
.side div.master .main li a { display: block; line-height: 30px; margin: 5px 0;/* background: #0b9242;*/ border: none; color: #666; font-size: 15px; padding: 4px 15px; }
.side div.master .main li a:hover,.side div.master .main li a.selected{color: #000 }
.side div.master .main li li { padding: 0 10px; }
.side div.master .main li li a { background: #fff; color: #666; border: 1px solid #ccc; margin: 5px 0; text-align: center; font-size: 14px; line-height: 20px; }
    .side div.master .main li li a:hover { border: 1px solid #429b52; }


div.side .faq { }
div.side .faq .main li { }
div.side .faq .main li .item { padding: 12px 0 6px 0; margin: 5px; }
div.side .faq .main li .item em { text-align: center; font-style: normal; font-size: 16px; margin-right: 10px; display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; color: #fff; background: #478ed4; }
div.side .faq .main li .item h3 { font-size: 16px; font-weight: bold; line-height: 30px; margin: 0px; padding-bottom: 10px; }
div.side .faq .main li .item h3 em { }
div.side .faq .main li .item .intro { font-size: 14px; line-height: 24px; color: #000; }
div.side .faq .main li .item .intro em { background: none; color: #333; margin: 0; font-weight: bold; }

div.side .contact .main { padding: 10px; color: #000; }

div.gototop { text-align: center; margin: 10px 0 30px 0; }
div.gototop .gototop i { font-size: 30px; font-weight: 200; line-height: 40px; display: inline-block; }
div.gototop .gototop { height: 100px; width: 100px; padding: 10px; background: #478ed4; color: #fff; font-size: 16px; border-radius: 100px; text-align: center; display: inline-block; }
div.gototop .tel { color: #333; font-size: 20px; line-height: 24px; }

div.gettopbox { position: fixed; top: 50%; right: 10px; margin-top: -120px; }
div.gettopbox a { background: #c4c4c4; color: #fff; text-align: center; width: 63px; height: 63px; line-height: 60px; border-bottom: 2px solid #fff; display: block; font-family: "simsun"; font-weight: bold; font-size: 44px; }
div.gettopbox a.top { font-family: "Arial"; font-size: 18px; }
div.gettopbox a.cate { font-family: 'Microsoft YaHei'; font-size: 24px; }
div.gettopbox a:hover { background: #478ed4; }



h3.title { border-bottom: 1px solid #cbcbcb; padding: 0 0 15px 0; margin-bottom: 18px; }
h3.title span { font-size: 15px; padding: 0px 15px; }

/*�����ð�Ŧ��*/
div.request { margin: 30px auto 0 auto; text-align: center; }
div.request a { margin: 15px 0; padding: 15px 30px 15px 10px; border: 1px solid #808080; font-size: 16px; line-height: 22px; color: #808080; }


/*��������*/
.listImgAndTitle1 { }
.listImgAndTitle1 .item { margin: 15px 0px; position: relative; }
.listImgAndTitle1 .item img { width: 100%; display: block; }
.listImgAndTitle1 .item .intro { position: absolute; bottom: 0px; left: 0px; width: 100%; line-height: 34px; text-align: center; font-size: 15px; background: rgba(215, 21, 24, 0.81); color: #fff; }


#listNews { }
#listNews .item { margin-bottom: 30px; border-bottom: 1px solid #999;overflow: hidden; }
#listNews .item .newsl{width: 100%}
#listNews .item .newsr{width: 220px;height: 143px;display: table-cell; text-align: center; vertical-align: middle;}
#listNews .item .newsr img{max-width: 100%;max-height: 100%;}
#listNews .item h3 { font-size: 22px; color: #191919; line-height: 30px; margin-top: 0px; font-weight: normal;overflow: hidden; }
#listNews .item h3 a{display: block;width: calc(100% - 200px);float: left;}
#listNews .item h3 span{float: left; color: #666; font-weight: 100; font-size: 16px;}
#listNews .item .intro { margin: 10px 0; font-size: 12px; color: #666; line-height: 22px; }
#listNews .item .pic img { width: 100%; }

#listNews1 { }
#listNews1 .item { margin-bottom: 30px; }
#listNews1 .item h3 { font-size: 16px; color: #191919; line-height: 30px; margin-top: 10px; font-weight: normal; height: 30px; overflow: hidden; text-overflow: ellipsis; }
#listNews1 .item .intro { margin: 10px 0; font-size: 13px; color: #666; line-height: 22px; }
#listNews1 .item .pic img { width: 100%; }

#listCase { margin: 30px 0; border-bottom: 1px solid #999; }
#listCase .item { padding: 0px; width: 25%; float: left; text-align: center; position: relative; }
#listCase .item a { display: block; }
#listCase .item a:hover { z-index: 999; }
#listCase .item a:hover .bg { }
    #listCase .item a:hover .bg img { opacity: 1; }
    #listCase .item a:hover .bg .intro { opacity: 1; background: #fff; }
#listCase .bg { margin: 8px; border: 1px solid #ccc; }
#listCase .bg .pic { overflow: hidden;    width: 274px; height: 220px; display: table-cell; text-align: center; vertical-align: middle; }
#listCase .bg img {     max-height: 207px; }
#listCase .bg h3 { height:24px;line-height:24px;overflow: hidden;margin: 10px 0; }
#listCase .bg .intro { padding: 5px; opacity: 0.5; }


#listpro { border-bottom: 1px solid #999; }
#listpro .item { padding: 0px; width: 25%; float: left; text-align: center; position: relative; }
#listpro .item a { display: block; }
#listpro .item a:hover { z-index: 999; }
#listpro .item a:hover .bg { }
#listpro .item a:hover .bg img { opacity: 1; }
#listpro .item a:hover .bg .intro { opacity: 1; background: #fff; }
#listpro .bg { margin: 8px; border: 1px solid #ccc; }
#listpro .bg .pic { overflow: hidden;    width: 207px; height: 220px; display: table-cell; text-align: center; vertical-align: middle; }
#listpro .bg img {     max-height: 207px; }
#listpro .bg h3 { height:24px;line-height:24px;overflow: hidden;margin: 10px 0; }
#listpro .bg .intro { padding: 5px; opacity: 0.5; }



#listSay { }
#listSay .item { border-bottom: 1px solid #ccc; margin: 15px 0; padding-bottom: 10px; }
#listSay .item bg { padding: 12px 0 6px 0; margin: 5px; }
#listSay .item h3 { text-align: right; font-size: 16px; font-weight: bold; line-height: 30px; margin: 0px; }
#listSay .item .intro { text-indent: 2em; font-size: 14px; line-height: 24px; }

#listFaq { }
#listFaq .item { border-bottom: 1px solid #ccc; margin: 15px 0; padding-bottom: 10px; }
#listFaq .item .bg { padding: 12px 0 6px 0; margin: 5px; }
#listFaq .item em { text-align: center; font-style: normal; font-size: 16px; margin-right: 10px; display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; color: #fff; background: #478ed4; }
#listFaq .item h3 { font-size: 16px; font-weight: bold; line-height: 30px; margin: 0px; padding-bottom: 10px; }
#listFaq .item h3 em { }
#listFaq .intro { font-size: 14px; line-height: 24px; }
#listFaq.intro em { background: none; color: #333; margin: 0; font-weight: bold; }


#listServier1 { margin: 0;  s }
#listServier1 .item { padding: 0px; width: 48%; float: left; text-align: center; position: relative; height: 370px; border: 1px solid #ccc; margin: 10px 0 0 10px; overflow: hidden; }
#listServier1 .item a { position: absolute; top: 0px; left: 0px; width: 100%; display: block; }
#listServier1 .item img { width: 100%; }
#listServier1 .item a:hover img { opacity: 1; }
#listServier1 .item a:hover .intro { opacity: 1; background: #fff; }

#listServier1 .item .intro { }