@charset "UTF-8";
.adp { display: block; height: 245px; overflow: hidden; }

.arti .arti-head { border-bottom: 1px solid #dddddd; text-align: center; }

.arti .arti-head > h2 { padding-top: 40px; font-size: 30px; line-height: 40px; padding-bottom: 14px; color: #000000; font-weight: normal; }

.arti .arti-head-info { font-size: 12px; line-height: 20px; padding-bottom:40px; color: #999999; }

.arti .arti-content { padding-top: 32px; font-size: 16px; color: #333; line-height: 30px; }

.arti .arti-content p { text-indent: 2em; }

.arti .arti-content img { display: block; margin: 12px auto; }

.arti .arti-content .a-hover { color: #007cc3; }

.arti .arti-content .a-hover:hover { text-decoration: underline; }

.arti .arti-tip { line-height: 22px; font-size: 14px; color: #999999; }

.arti .arti-tip-a { width: 60px; height: 22px; background: #ff9900; text-align: center; color: #fff; margin-left: 7px; }

.arti .arti-tip-a:hover { background: #007cc3; }

.arti .arti-updown-list { width: 50%; font-size: 14px; }

.arti .arti-updown-list > span { color: #2670d5; }

.arti .arti-updown-list-a { max-width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.arti .arti-updown-list-a:hover { color: #007cc3; }

.arti .casedetail-bottom { padding-bottom: 30px; }

.arti .casedetail-about { line-height: 1; color: #999999; line-height: 28px; font-size: 14px; }

.arti .casedetail-about .a-hover { margin-right: 17px; }

.arti .casedetail-about-rel { margin: 0 10px 0 5px; }

.arti .icon-about { width: 14px; margin-top: 7px; height: 15px; background: no-repeat center;background-position: 0 -163px; }

.arti .bshare-custom a { width: 28px; height: 28px; padding: 0; margin-left: 6px; margin-right: 3px; }

.arti .bshare-custom .bshare-qzone { background: no-repeat center;background-position: -48px -48px; }

.arti .bshare-custom .bshare-sinaminiblog { background: no-repeat center;background-position: 0 -48px; }

.arti .bshare-custom .bshare-qqmb { background: no-repeat center;background-position: 0 0; }

.arti .bshare-custom .bshare-weixin { background: no-repeat center;background-position: -48px 0; }

.arti .artical-share-txt { font-size: 14px; color: #999999; line-height: 28px; margin-right: 20px; }

.arti-hi-left { line-height: 28px; }

.arti-hs-list { width: 28px; height: 28px; border: 1px solid #cccccc; text-align: center; line-height: 28px; font-size: 14px; color: #999999; margin-left: -1px; cursor: pointer; }

.arti-hs-list-act { color: #fff; background: #007cc3; border-color: #007cc3; }

.arti-hi-phone { margin-right: 20px; line-height: 28px; color: #999999; cursor: pointer; }

.arti-hi-phone:hover .arti-hipl-show { display: block; }

.icon-phone { width: 15px; height: 23px; background: no-repeat center;background-position: -96px 0; }

.arti-hip-left { position: relative; padding-top: 2px; height: 26px; margin-right: 8px; }

.arti-hipl-show { position: absolute; left: 50%; top: 28px; width: 286px; padding-top: 13px; margin-left: -143px; display: none; }

.arti-hipl-box { position: relative; padding: 25px; background: #fff; border: 1px solid #e1e1e1; -webkit-border-radius: 4px; border-radius: 4px; }

.arti-hipl-box:before { content: ''; display: block; position: absolute; left: 50%; margin-left: -11px; top: -11px; width: 22px; height: 11px; background-position: 0 -96px; }

.arti-hipl-left { width: 88px; height: 88px; }

.arti-hipl-right { width: 130px; }

.arti-hipl-right-tip { font-weight: normal; font-size: 16px; margin-top: -6px; line-height: 28px; padding-bottom: 5px; color: #444444; border-bottom: 1px solid #dcdcdc; }

.arti-hipl-right-title { font-weight: normal; font-size: 12px; line-height: 20px; color: #999999; text-align: left; padding-top: 5px; }

.arti-share-box { margin-left: 45px; padding-top: 6px; }

.icon-share-common { width: 16px; height: 16px; cursor: pointer; margin-right: 7px; background-position: -131px 0; }

.icon-share-qzone { background-position: -131px 0; }

.icon-share-wb { background-position: -131px -36px; }

.icon-share-qwb { background-position: -131px -72px; }

.icon-share-people { background-position: 0 -127px; }

.icon-share-wx { background-position: -36px -127px; }

.arti-wxwrap { display: none; width: 240px; height: 274px; position: fixed; top: 50%; left: 50%; z-index: 100; margin-left: -130px; margin-top: -147px; background: red; background: #fff; padding: 10px; border: solid 1px #d8d8d8; }

.arti-wxwrap-title { font-size: 12px; font-weight: bold; text-align: left; line-height: 16px; height: 16px; color: #000; }

.arti-wxwrap-close { width: 16px; height: 16px; color: #999; font-size: 16px; cursor: pointer; }

.arti-wxwrap-img { width: 185px; height: 185px; margin: 15px auto; }

.arti-wxwrap-img > img { width: 100%; }

.theme-news .arti .arti-hs-list-act { color: #fff; background: #007cc3; border-color: #007cc3; }

.theme-news .arti .arti-content a { color: #007cc3; }

.theme-news .arti .arti-tip-a:hover { background: #007cc3; }

.theme-news .arti .arti-updown-list-a:hover { color: #007cc3; }

.bread { font-size: 20px; line-height: 16px;font-weight: bold }

.bread .icon-home { width: 16px; height: 14px; margin-right: 6px; background: no-repeat center;background-position: -108px -127px; }

.bread .bread-a { color: ##545454; }

.bread .bread-a:hover { color: #007cc3; }

.bread .bread-arrow { margin: 0 6px; }

.bread a{color:#545454}
.theme-news .bread .bread-a { color: #666; }

.theme-news .bread .bread-a:hover { color: #007cc3; }

.gua .ar-mod { padding-top: 15px; padding-bottom: 15px; border-top: 1px dashed #dddddd; }

.gua .ar-mod:first-child { border-top: none; }

.gua .ar-mod-imglink { width: 100px; height: 76px; overflow: hidden; }

.gua .ar-mod-imglink img { width: 100%; height: 100%; }

.gua .ar-mod-right { width: 188px; }

.gua .ar-mod-right h4 { font-size: 14px; line-height: 24px; font-weight: normal; height: 48px; color: #333333; height: 48px; overflow: hidden; }

.gua .ar-mod-right-time { font-size: 12px; line-height: 24px; color: #999999; margin-top: 8px; }

.gua .pt-0 { padding-top: 0; }

.gum .gum-main { margin-right: -18px; }

.gum .gum-list { width: 204px; margin-right: 18px; }

.gum .gum-list-imgbox { width: 100%; height: 136px; overflow: hidden; }

.gum .gum-list-title { padding: 0 10px; width: 184px; margin-bottom: 10px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 34px; color: #333; }

.gum .gum-list-title:hover { color: #007cc3; }

.gup .eyf-main { margin-right: -12px; }

.gup .p-title-sec-text { margin-bottom: 17px; }

.gup .eyf-mod { width: 144px; margin-right: 12px; }

.gup .eyf-mod-piclink { display: block; height: 96px; overflow: hidden; }

.gup .eyf-mod-piclink img { width: 100%; }

.gup .eyf-mod-title { display: block; text-align: center; padding: 0 10px; font-size: 14px; line-height: 32px; padding-top: 2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.hor .ar-mod { padding-bottom: 8px; }

.hor .ar-mod-imglink { width: 144px; height: 96px; overflow: hidden; margin-left: 12px; position: relative; }

.hor .ar-mod-bottom { position: absolute; bottom: 0; padding: 0 10px; width: 124px; color: #fff; height: 30px; line-height: 30px; font-size: 14px; background: rgba(0, 0, 0, 0.5); text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.hor .ar-mod-bottom:hover { color: #007cc3; }

.hor .ar-mod .ar-mod-imglink:first-child { margin-left: 0; }

.hor .hor-list { display: block; line-height: 38px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-top: 1px dashed #dddddd; color: #000; }

.hor .hor-list:hover { color: #007cc3; }

.hor .hor-list:first-child { border-top: none; }

.hor .rr-list-num { width: 24px; height: 24px; margin-top: 4px; background: #dddddd; text-align: center; line-height: 24px; font-size: 14px; font-weight: bold; color: #fff; font-style: normal; margin-right: 15px; }

.hor .rr-list-num1 { background: #ff5e5b; }

.hor .rr-list-num2 { background: #ff9d00; }

.hor .rr-list-num3 { background: #f9d219; }

.hor .rr-list-title { width: 260px; border-top: 1px dashed #dddddd; font-weight: normal; font-size: 14px; height: 36px; line-height: 36px; }

.hor .rr-list-title .a-hover { display: block; max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; }

.hor .rr-list-title .a-hover:hover { color: #007cc3; }

.hor .rr-list:first-child .rr-list-title { border-top: none; }

.hrt .hrt-imgbox { display: block; height: 140px; overflow: hidden; }

.hrt .hrt-head { line-height: 46px; height: 46px; border-bottom: 1px solid #dddddd; font-size: 16px; color: #000000; }

.hrt .hrt-head-list { padding: 0 11px; height: 46px; border-bottom: 1px solid transparent; }

.hrt .hrt-main-list { display: none; }

.hrt .hrt-main-list-show { display: block; }

.hrt .hrt-head-list-hover { border-color: #007cc3; }

.hrt .hrt-main { padding-top: 13px; }

.hrt .rr-list-num { width: 24px; height: 24px; margin-top: 4px; background: #dddddd; text-align: center; line-height: 24px; font-size: 14px; font-weight: bold; color: #fff; font-style: normal; margin-right: 15px; }

.hrt .rr-list-num1 { background: #ff5e5b; }

.hrt .rr-list-num2 { background: #ff9d00; }

.hrt .rr-list-num3 { background: #f9d219; }

.hrt .rr-list-title { width: 260px; border-top: 1px dashed #dddddd; font-weight: normal; font-size: 14px; height: 36px; line-height: 36px; }

.hrt .rr-list-title .a-hover { display: block; max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; }

.hrt .rr-list-title .a-hover:hover { color: #007cc3; }

.hrt .rr-list:first-child .rr-list-title { border-top: none; }

.hos .hos-list { width: 50%; line-height: 36px; font-size: 14px; }

.hos .hos-list .a-hover { color: #000; max-width: 125px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.hos .hos-list .a-hover:hover { color: #007cc3; }

.hos .hos-list-num { font-style: normal; width: 16px; height: 16px; text-align: center; line-height: 16px; font-size: 12px; background: #dddddd; margin-top: 10px; margin-right: 5px; color: #fff; }

.hos .hos-list-num-front { background: #ff5f5f; }

.theme-news .hos .hos-list .a-hover:hover { color: #007cc3; }

.ls-main .ls-mod { display: none; }

.ls-main .ls-mod-act { display: block; }

.ls-list .ma-modone .ma-modone-left + .ma-modone-right { width: 480px; }

.rea .rea-first { display: block; height: 140px; overflow: hidden; position: relative; margin-bottom: 12px; }

.rea .rea-first-bottom { position: absolute; bottom: 0; left: 0; padding: 0 11px; width: 278px; background: #000; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 16px; line-height: 32px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.rea .rea-first-bottom:hover { color: #007cc3; }

.rea .rea-list { font-size: 14px; line-height: 32px; }

.rea .rea-list .a-hover { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.rea .rea-list-title { color: #007cc3; margin-right: 6px; }

.theme-news .rea .rea-first-bottom:hover { color: #007cc3; }

.theme-news .rea .rea-list-title { color: #007cc3; }

.search { margin-bottom: 30px; height: 34px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; border: 1px solid #dddddd; }

.search .search-inp { width: 240px; line-height: 34px; font-size: 14px; text-indent: 13px; height: 34px; }

.search .search-btn { background: #f7f7f7; height: 100%; width: 57px; text-align: center; vertical-align: middle; border-left: 1px solid #dddddd; cursor: pointer; }

.search .search-btn:hover { opacity: 0.8; }

.search .icon-search { width: 16px; height: 16px; background: no-repeat center;background-position: -72px -127px; }

.sidenav .sidenav-head { font-size: 18px; line-height: 48px; color: #fff; font-weight: normal; text-indent: 15px; background: #82baf8; }

.sidenav .sidenav-list { display: block; line-height: 48px; background: #f7f7f7; font-size: 16px; color: #333333; border: 2px solid #f7f7f7; }

.sidenav .sidenav-list-title { padding-left: 19px; border-left: 2px solid #f7f7f7; margin-left: -2px; }

.sidenav .sidenav-list-son { padding-left: 22px; background: #fff; display: none; }

.sidenav .sidenav-list-son-ls { line-height: 36px; height: 36px; font-size: 14px; }

.sidenav .sidenav-list-son-ls-a { display: block; color: #666666; }

.sidenav .sidenav-list-cur .sidenav-list-title { background: #fff; border-left-color: #007cc3; }

.sidenav .sidenav-list-cur .sidenav-list-son { display: block; }

.sidenav .sidenav-list-son-ls-a-cur, .sidenav .sidenav-list-son-ls-a:hover { color: #007cc3; }

.sl .slideBox { width: 870px; height: 329px; overflow: hidden; position: relative; }

.sl .slideBox .hd { width: 92px; overflow: hidden; position: absolute; left: 50%; bottom: 15px; margin-left: -46px; z-index: 1; }

.sl .slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }

.sl .slideBox .hd ul li { float: left; width: 15px; height: 4px; background: #fff; cursor: pointer; margin: 0 4px; }

.sl .slideBox .hd ul li.on { background: #007cc3; }

.sl .slideBox .bd { position: relative; height: 100%; z-index: 0; }

.sl .slideBox .bd li { zoom: 1; vertical-align: top; }

.sl .slideBox .bd img { display: block; }

.sl .sl-list { position: relative; display: block; width: 100%; height: 329px; overflow: hidden; }

.sl .sl-list-bottom { position: absolute; bottom: 0; width: 100%; height: 70px; color: #fff; background: #000; font-size: 24px; background: rgba(0, 0, 0, 0.5); }

.sl .sl-list-bottom-text { max-width: 500px; overflow: hidden; line-height: 54px; margin-left: 77px; font-size: 20px; text-overflow: ellipsis; white-space: nowrap; }

.sl .sl-list-bottom-text:hover { color: #007cc3; }

.sl .slideBox-left { width: 240px; }

.sl .slideBox-left-list { height: 160px; overflow: hidden; margin-bottom: 10px; }

.sl .slideBox-left-main { margin-bottom: -10px; }

.sl .slideBox-ll-link { display: block; position: relative; width: 100%; height: 100%; }

.sl .slideBox-ll-bottom { position: absolute; left: 0; bottom: 0; padding: 0 30px; width: 180px; height: 45px; line-height: 45px; background: url(../images/slide-left-bg.png) repeat-x; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 16px; }

.sl .slideBox-ll-bottom:hover { color: #007cc3; }

.sonnav .ma-nav-wrap { border: 1px solid #dddddd;height: 52px; }

.sonnav .ma-nav-wrap .ma-nav-list { border-bottom: 1px solid transparent; border-top: 2px solid transparent; margin-top: -2px; line-height: 52px; font-size: 16px; padding: 0 18px; position: relative; }

.sonnav .ma-nav-wrap .ma-nav-list:before { content: ''; display: none; width: 0; position: absolute; bottom: -1px; left: 50%; margin-left: -5px; border: 5px solid transparent; border-bottom-color: #fff; }

.sonnav .ma-nav-wrap .ma-nav-list:first-child { margin-left: -1px; border-left: 1px solid transparent; }

.sonnav .ma-nav-wrap .ma-nav-list-hover, .sonnav .ma-nav-wrap .ma-nav-list:hover { border-color: #007cc3; background: #007cc3; color: #fff; }

.sonnav .ma-nav-wrap .ma-nav-list-hover:before, .sonnav .ma-nav-wrap .ma-nav-list:hover:before { display: block; }

.sonnav .ma-nav-wrap .ma-nav-more { color: #666666; font-size: 16px; width: 107px; position: relative; padding-left: 21px; background: #f7f7f7; border-left: 1px solid #dddddd; text-align: center; line-height: 52px; }

.sonnav .ma-nav-wrap .ma-nav-more:hover .ma-nav-more-show { display: block; }

.sonnav .ma-nav-wrap .ma-nav-more:hover .icon-ma-arrow { background-position: -167px -40px; }

.sonnav .ma-nav-wrap .ma-nav-more:hover .ma-nav-more-title { color: #007cc3; }

.sonnav .ma-nav-wrap .icon-ma-arrow { width: 10px; height: 5px; margin-left: 10px; margin-top: 23px; background: no-repeat center;background-position: -167px -65px; }

.sonnav .ma-nav-wrap .ma-nav-more-show { position: absolute; width: 298px; top: 52px; right: -1px; border: 1px solid #dddddd; background: #fff; display: none; }

.sonnav .ma-nav-wrap .ma-nav-more-show-wrap { margin-right: -20px; padding-left: 23px; padding-top: 21px; padding-bottom: 17px; }

.sonnav .ma-nav-wrap .ma-nms-a { font-size: 16px; color: #000000; margin-right: 23px; line-height: 36px; }

.sonnav .ma-nav-wrap .ma-nms-a:hover { color: #007cc3; }

.sonnav .ma-modone { padding: 20px 0; border-top: 1px dotted #dddddd; }

.sonnav .ma-modone .ma-modone-left { width: 136px; height: 102px; margin-right: 20px; }

.sonnav .ma-modone .ma-modone-right { width: 100%; }

.sonnav .ma-modone .ma-modone-left + .ma-modone-right { width: 505px; }

.sonnav .ma-modone .ma-modone-right-title { display: block; max-width: 100%; color: #000; font-size: 18px; line-height: 20px; padding-bottom: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.sonnav .ma-modone .ma-modone-right-title:hover { color: #007cc3; }

.sonnav .ma-modone .ma-modone-right-content { font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; color: #666666; }

.sonnav .ma-modone .ma-modone-right-content .a-hover { color: #999999; }

.sonnav .ma-modone .ma-modone-right-content .a-hover:hover { color: #007cc3; }

.sonnav .ma-modone .ma-modone-right-time { font-size: 14px; color: #999999; line-height: 16px; padding-top: 14px; }

.sonnav .ma-modtwo { padding: 20px 0; margin-right: -22px; border-top: 1px dotted #dddddd; }

.sonnav .ma-modtwo .ma-modtwo-list { width: 213px; margin-right: 21px; height: 141px; position: relative; }

.sonnav .ma-modtwo .ma-modtwo-list-bottom { position: absolute; left: 0; bottom: 0; width: 193px; padding: 0 10px; line-height: 31px; font-size: 14px; color: #fff; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #000; background: rgba(0, 0, 0, 0.5); }

.sonnav .ma-modtwo .ma-modtwo-list-bottom:hover { color: #007cc3; }

.sonnav .ma-addmore { background: #f8f8f8; text-align: center; font-size: 16px; vertical-align: middle; line-height: 48px; }

.sonnav .ma-addmore .a-hover { vertical-align: middle; color: #666666; }

.sonnav .ma-addmore .a-hover:hover { color: #007cc3; }

.sonnav .icon-addmore-arrow { width: 9px; margin-left: 8px; vertical-align: middle; height: 14px; background: url(../images/icon-addmore-arrow.png) no-repeat center; }

.theme-news .sonnav .ma-nav-wrap .ma-nav-list-hover, .theme-news .sonnav .ma-nav-wrap .ma-nav-list:hover { border-color: #007cc3; background: #007cc3; }

.theme-news .sonnav .ma-nav-wrap .ma-nav-more:hover .ma-nav-more-title { color: #007cc3; }

.theme-news .sonnav .ma-nav-wrap .ma-nms-a:hover { color: #007cc3; }

.theme-news .sonnav .ma-modone .ma-modone-right-title:hover { color: #007cc3; }

.theme-news .sonnav .ma-modone .ma-modone-right-content .a-hover:hover { color: #007cc3; }

.theme-news .sonnav .ma-modtwo .ma-modtwo-list-bottom:hover { color: #007cc3; }

.theme-news .sonnav .ma-addmore .a-hover:hover { color: #007cc3; }

.person { /* 本例子css */ /* 下面是前/后按钮代码，如果不需要删除即可 */ }

.person .person-main { width: 100%; max-height: 250px; overflow: hidden; }

.person .slideBox { width: 300px; max-height: 250px; overflow: hidden; position: relative; }

.person .slideBox .bd { position: relative; height: 100%; z-index: 0; }

.person .slideBox .bd li { zoom: 1; vertical-align: middle; }

.person .slideBox .prev, .person .slideBox .next { position: absolute; background: rgba(255, 255, 255, 0.7); left: 10px; top: 50%; margin-top: -20px; display: block; width: 20px; height: 40px; }

.person .slideBox .next { left: auto; right: 10px; }

.person .slideBox .prev:hover, .person .slideBox .next:hover { background-color: rgba(255, 255, 255, 0.9); }

.person .icon-person-left { width: 11px; height: 20px; display: block; margin: 10px auto 0; background: no-repeat;background-position: -167px 0; }

.person .icon-person-right { width: 11px; height: 20px; display: block; margin: 10px auto 0; background: no-repeat;background-position: -96px -43px; }

.person .person-slide-ls { position: relative; max-height: 250px; }

.person .person-slide-ls-bottom { position: absolute; bottom: 16px; width: 280px; height: 18px; left: 0; display: block; padding: 0 10px; color: #fff; font-size: 16px; line-height: 18px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.person .person-slide-ls-bottom:hover { color: #007cc3; }

/* ../images/main.png */
.arti .icon-about,
.arti .bshare-custom .bshare-qzone,
.arti .bshare-custom .bshare-sinaminiblog,
.arti .bshare-custom .bshare-qqmb,
.arti .bshare-custom .bshare-weixin,
.icon-phone,
.arti-hipl-box:before,
.icon-share-common,
.icon-share-qzone,
.icon-share-wb,
.icon-share-qwb,
.icon-share-people,
.icon-share-wx,
.bread .icon-home,
.search .icon-search,
.sonnav .ma-nav-wrap .ma-nav-more:hover .icon-ma-arrow,
.sonnav .ma-nav-wrap .icon-ma-arrow,
.person .icon-person-left,
.person .icon-person-right{
background-image: url(../images/main.png);
}

.gua .no-img-list{
	border: none;
	padding: 0;
}
.gua .no-img-list li{
	line-height: 36px;
}
.no-img-list li .a{
	width: 70%;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.no-img-list li .span{
	color: #999;
	font-size: 12px;
}