/* dede58.com 做最好的织梦模板 */ @charset "utf-8"; /* 全局样式 */ body { margin: 0; padding: 0; font-family: "microsoft yahei", "lvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; } a { color:#f75a53; text-decoration:none } a:hover, a:focus { color: #f75a53; text-decoration: underline } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "microsoft yahei", "lvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.5; color: inherit; } .h1, .h2, .h3, .h4, .h5, .h6 { margin:0; } img { padding: 0; margin: 0; border: 0px; } *:link, *:visited, *:hover, *:active, *:focus, .item-on-hover, .btn-success, #button { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, menu, section, summary { margin: 0; padding: 0; display: block; } .clearfix:before, .clearfix:after, .container:before, .container:after, .nav:before, .nav:after, .row:before, .row:after { display: table; content: " "; } .clearfix:after, .container:after, .nav:after, .row:after { clear: both; } ::-moz-selection { /*针对Firefox*/ background:#f75a53; color:#fff; } ::selection { background:#f75a53; color:#fff; } .container { padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto } .container { width:1140px; min-width:1140px } .row { margin-right:-15px; margin-left:-15px } .pull-left { float:left!important } .pull-right { float:right!important } .list-unstyled { padding:0; margin:0; list-style:none } .text-left { text-align:left } .text-right { text-align:right } .text-center { text-align:center } .pingpu-bg { background-repeat: no-repeat; background-position: center top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;/*position: relative;*/ background-attachment: fixed; } .pingpu-bg, .rslides, .fuwu-bg, .news, .ny-banner { min-width:1170px } .sx-padding { padding:45px 0; } .f-title { font-size: 24px; padding: 0; margin:0 0 25px 0; color: #000000; } .f-title small { font-size: 14px; color: #999999; display: block; margin-top: 10px; } .btn-success { color: #fff; background-color: #f75a53; border-width: 0px; border-radius: 5px; padding: 10px 20px 8px 20px; margin: 0 15px; white-space: nowrap; text-overflow: ellipsis; } .btn-success.about-more { padding: 14px 30px 12px 30px; } .btn-success.news-more { padding: 7px 10px 5px 10px; margin-left:0; } .btn-success:hover, .btn-success:focus, .btn-success:active { color: #fff; background-color: #589ED7; text-decoration: none; } .btn { margin: 20px 0 0 0; } .red { color:#f75a53 !important; } .diwen { color:#FFFFFF; background-color:#f75a53; padding:10px 20px; } /* 导航条、菜单、LOGO */ .headroom { position: fixed; top: 0; left: 0; right: 0; transition: all .2s ease-in-out; } .headroom--unpinned { top: -100px; } .headroom--pinned { top: 0; } .header { background-color: rgba(255, 255, 255, 0.95); -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); height: 100px; } .header-top { z-index:999999999 !important; } /* LOGO */ .header h1 { margin:0; padding:0; } .header .logo { padding-top: 30px; padding-bottom: 32px; display: table; } .header h1 small { font-size: 14px; color: #999; display: table; padding-left: 25px; background-image: url(../images/logo-y-xian.png); background-repeat: no-repeat; background-position: left center; margin-left: 25px; line-height: 26px; margin-top: 24px; font-style: italic; } .header h1 small a { color: #999; } /* NAV */ .nav { display: table; } .nav .nav-bar { } .nav-bar > li { display: block; float: left; text-align: center; position: relative; margin-top:28px; border-top-right-radius: 6px; border-top-left-radius: 6px; } .nav-bar > li:hover, .nav-bar > li.active { background-color: #f75a53; } .nav-bar > li > a { padding: 23px 16px 25px 16px; display: block; color: #000000; font-size: 14px; line-height: 24px; } .nav-bar > li > a:hover, .nav-bar > li:hover a, .nav-bar > li.active a { color: #FFFFFF; text-decoration: none; } .nav-bar > li small { display: none; color: #FFFFFF; font-size: 12px; } .nav-bar > li:hover small, .nav-bar > li.active small { display: block; } .nav-bar > li ul { display: none; background-color: #F75A53; border-bottom-left-radius: 5px; padding: 0 0 5px 0; border-bottom-right-radius: 5px; position: absolute; left: 0px; top: 72px; z-index:9999999999; } .nav-bar > li:hover ul { display:block; } .nav-bar > li ul li a { line-height: 28px; padding: 5px 30px; color: #666666 !important; border-bottom: 1px solid #F5F5F5; display: block; background-color: #FFFFFF !important; min-width: 70px; text-align: left; } .nav-bar > li ul li a:hover, .nav-bar > li ul li a.hover { background-color: #FE7A75 !important; color: #FFFFFF !important; text-decoration: none; border-bottom: 1px solid #F75A53; } /* Banner广告 */ .rslides { height:650px; overflow:hidden; margin:0 auto; width:100%; position:relative; list-style:none; } .rslides li { width:100% } .banner { background-repeat: no-repeat; background-position: center top; position: relative; background-attachment: fixed; height:550px; margin-top:100px; } .rslides_nav { height: 56px; width: 36px; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); opacity: 0.5; text-indent: -9999px; overflow: hidden; background-position: left top; background-repeat: no-repeat; top:325px; } .rslides_nav.next { background-image: url(../images/banner-left.png); left: 30px; } .rslides_nav.prev { background-image: url(../images/banner-right.png); right: 30px; } .rslides_tabs { margin:12px auto 0; clear:both; text-align:center; width:50px; } .rslides_tabs li { display:inline; float:none; _float:left; *float:left; margin-right:5px } .rslides_tabs a { text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: right top; background-image: url(../images/rslides_tabs.png); display: inline-block; _display: block; *display:block; width: 9px; height: 9px } .rslides_tabs .rslides_here a { background: rgba(0,0,0, .6); background-repeat: no-repeat; background-position: left top; background-image: url(../images/rslides_tabs.png); } /* 知名客户 */ .kehu { background-color: #F7F7F7; } .kehu .row { margin: 0 2px 15px 2px; border-left: 1px solid #EDEDED; border-right: 1px solid #FFFFFF; border-top: 1px solid #EDEDED; } .kehu figure { width: 188px; float: left; position: relative; height: 100px; border-right: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; background-color:#FFFFFF } .kehu figure:hover figcaption { display:block; } .kehu figure figcaption { position: absolute; width: 188px; height: 100px; top: 0px; left: 0px; display: none; background-color: rgba(247,90,83,0.70); color: #FFFFFF; text-align: center; line-height:100px } .kehu figure figcaption { font-size: 16px; } .kehu figure figcaption a { color:#FFFFFF; } .kehu figure figcaption a:hover { text-decoration: underline; } /* 关于我们 */ .about { line-height: 30px; color: #ffffff; } .about-us { color: #ffffff; } .about .f-title, .about .f-title small, .about-us a:hover { color:#FFFFFF; } .about .about-lianjie { margin-top:20px; } .about a.ry, .about a.td { background-repeat: no-repeat; text-align: center; padding-top: 86px; margin-left: 20px; margin-right: 20px; display: inline-block; background-position: center top; } .about a.ry { background-image: url(../images/about-lianjie-1.png); } .about a.ry:hover { background-image: url(../images/about-lianjie-11.png); } .about a.td { background-image: url(../images/about-lianjie-2.png); } .about a.td:hover { background-image: url(../images/about-lianjie-22.png); } /* 我们的服务 */ .fuwu-bg { background-repeat: no-repeat; background-position: center center; /*position: relative;*/ background-attachment: fixed; background-color: #F2F2F2; } .fuwu .f-title, .fuwu .f-title small { color:#FFFFFF; } .fuwu { position: relative; } .fuwu figure { background-color: rgba(255,255,255,0.80); padding: 58px 40px 40px 40px; margin-bottom: 20px; width: 260px; float: left; margin-top: 80px; position: relative; } .fuwu figure.bianju { margin-left: 60px; margin-right: 60px; } .fuwu figure a.pic1, .fuwu figure a.pic2, .fuwu figure a.pic3 { height: 130px; width: 130px; display: block; background-repeat: no-repeat; background-position: center top; margin: 0 auto; position: absolute; top: -65px; left:105px; } .fuwu figure a.pic1 { background-image: url(../images/sheji.png); background-repeat: no-repeat; } .fuwu figure a.pic2 { background-image: url(../images/gongcheng.png); } .fuwu figure a.pic3 { background-image: url(../images/fuwu.png); } .fuwu figure figcaption { margin-top: 35px; margin-bottom: 15px; font-weight: bold; } .fuwu figure figcaption a { color: #f75a53; font-size: 16px; } .fuwu figure figcaption a:hover { text-decoration: underline; } .fuwu figure p { line-height: 30px; color: #000000; } .fuwu figure figcaption a.btn-success { margin-bottom:10px; } /* 成功案例 无边距样式 .fl-case { height:42px; margin-top: 35px; margin-bottom: 30px; } .fl-case a { background-color: #F7F7F7; color: #666666; width: 228px; height:40px; line-height:40px; display: inline-block; } .fl-case a:hover { background-color: #f75a53; color: #FFFFFF; text-decoration: none; } .case figure { width: 380px; float: left; position: relative; height: 270px; } .case figure .new { width: 108px; height: 108px; display: block; position: absolute; right: 0px; top: 0px; background-image: url(../images/new.png); background-repeat: no-repeat; background-position: 0px 0px; z-index: 2; } .case figure:hover figcaption { display:block; } .case figure figcaption { position: absolute; width: 310px; height: 200px; top: 0px; left: 0px; display: none; background-color: rgba(247,90,83,0.70); padding: 35px; color: #FFFFFF; text-align: left; } .case figure figcaption h3 { font-size: 18px; font-weight: bold; margin:0 0 8px 0; } .case figure figcaption h3 a,.case figure figcaption p a { color: #FFFFFF; text-decoration: underline; } .case figure figcaption h3 a:hover ,.case figure figcaption p a:hover { text-decoration: none; } .case figure figcaption p { margin:0; line-height:28px;} .case .row { margin:10px 0px;} .case-more-top { margin-top:15px !important; } .case-more { padding: 7px 10px 5px 10px; margin-left: 0; background-color: rgba(255,255,255,0.70); color: #f75a53 !important; text-decoration: none !important; } .case-more:hover { color: #FFFFFF !important;} */ /* 成功案例 有边距样式 */ .fl-case { height:42px; margin-top: 35px; margin-bottom: 15px; } .fl-case a { background-color: #F7F7F7; color: #666666; width: 228px; height:40px; line-height:40px; display: inline-block; } .fl-case a:hover { background-color: #f75a53; color: #FFFFFF; text-decoration: none; } .case figure { width: 360px; float: left; position: relative; height: 256px; margin: 15px; } .case figure .new { width: 108px; height: 108px; display: block; position: absolute; right: 0px; top: 0px; background-image: url(../images/new.png); background-repeat: no-repeat; background-position: 0px 0px; z-index: 2; } .case figure:hover figcaption { display:block; } .case figure figcaption { position: absolute; width: 300px; height: 196px; top: 0px; left: 0px; display: none; background-color: rgba(247,90,83,0.70); padding: 30px; color: #FFFFFF; text-align: left; } .case figure figcaption h3 { font-size: 18px; font-weight: bold; margin:0 0 8px 0; } .case figure figcaption h3 a, .case figure figcaption p a { color: #FFFFFF; text-decoration: underline; } .case figure figcaption h3 a:hover, .case figure figcaption p a:hover { text-decoration: none; } .case figure figcaption p { margin:0; line-height:28px; } .case-more-top { margin-top:15px !important; } .case-more { padding: 7px 10px 5px 10px; margin-left: 0; background-color: rgba(255,255,255,0.70); color: #f75a53 !important; text-decoration: none !important; } .case-more:hover { color: #FFFFFF !important; } /* 新闻资讯 */ .news { background-color: #F2F2F2; } .news section { width: 340px; float: left; } .news section.bianju { margin-left: 60px; margin-right: 60px; } .news section h2 { font-size: 16px; color: #000000; font-weight: bold; padding:0; margin:0 0 20px 0; } .news section h2 small { font-size: 16px; } .news section ul li { line-height: 30px; } .news section ul li a { color: #888888; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 280px; display: block; float: left; } .news section ul li a:hover { color: #f75a53; } .news section ul li small { color: #999999; float: right!important; } .news section p { margin-top:25px; margin-bottom:5px; } /* 版权/联系/留言 */ .footer { position: relative; line-height: 28px; } .footer.sx-padding { padding-bottom:0; } .footer section { width: 340px; float: left; } .footer section.bianju { margin-left: 60px; margin-right: 60px; } .footer section h3 { font-size: 16px; font-weight: bold; color:#FFF; padding:0 0 30px 0; margin:0; } .footer section h3 small { font-size: 16px; } .footer section h4 { font-size: 16px; font-weight: bold; color:#FFF; padding:14px 0 10px 0; margin:0; } .footer, .footer a { color: #babcbd; font-size:12px; } .footer a:hover { color: #fff; } .footer p { padding:0; margin:0; } .footer section address { font-style: normal; margin:0; padding:0; } .zhixun a { width: 40px; height: 40px; background-image: url(../images/sns.png); background-repeat: no-repeat; text-indent: -999px; overflow: hidden; display: block; float: left; background-color: #f75a53; border-radius: 5px; margin-right: 15px; margin-top: 10px; } .zhixun a:hover { background-color: #589ED7; } .zhixun a.qq { background-position: 0px -40px; } .zhixun a.sq { background-position:0px -80px; } #xm, #dh, #nr { font-size:12px; height: 36px; width: 320px; background-color: #ededee; color: #666; border-width: 0px; margin-bottom: 25px; vertical-align: middle; padding-right: 10px; padding-left: 10px; border-radius:0px; } #xm { background-image: url(../images/foot-form-bg.png); background-repeat: no-repeat; background-position: right 0px; } #dh { background-image: url(../images/foot-form-bg.png); background-repeat: no-repeat; background-position: right -40px; } #nr { height: 110px; padding-top: 10px; vertical-align: top; background-image: url(../images/foot-form-bg.png); background-repeat: no-repeat; background-position: right -160px; } #xm:focus, #dh:focus, #nr:focus { background-color: #FFF; color: #333; } #button { height: 40px; width: 200px; text-align: center; vertical-align: middle; border-width: 0px; background-color: #f75a53; color: #FFF; font-size: 14px; border-radius:5px; -webkit-appearance: button; cursor: pointer; } #button:hover { background-color: #589ED7; } #savediv { padding: 10px 0; line-height:24px; } .key, .mail { height: 36px; width: 318px; background-color: hsla(0,0%,100%,0.00); color: #babcbd; vertical-align: middle; padding-right: 10px; padding-left: 10px; border: 1px solid #b2b4b7; border-radius: 0px; } .mail-tx { color: #babcbd; font-size: 14px; margin: 15px 0; } .s-button, .m-button { height: 36px; width: 36px; text-align: center; vertical-align: middle; background-color: hsla(0,0%,100%,0.00); border: 0px solid #babcbd; border-radius: 0px; -webkit-appearance: button; cursor: pointer; position: absolute; right:3px; } .s-button { background-image: url(../images/foot-form-bg.png); background-repeat: no-repeat; background-position: right -80px; text-indent: -999px; overflow: hidden; } .m-button { background-image: url(../images/foot-form-bg.png); background-repeat: no-repeat; background-position: right -120px; text-indent: -999px; overflow: hidden; } .mail { margin:0 0 40px 0; } .yq-link, .yq-link a, .yq-link small { color: #8b8e94; line-height: 28px; font-size: 12px; } .yq-link { margin-bottom:40px; } .yq-link a:hover { color: #fff; } .yq-link hr { border-color: rgba(103,108,113,0.50); width: 100%; margin-top: 0px; margin-right: 0; margin-bottom: 20px; margin-left: 0; } .foot { background-color: #14171a; } .foot p { margin:0; padding:0; } .foot .copy { height: 70px; line-height: 70px; } .foot, .foot a { text-transform: uppercase; font-size: 12px; color: #babcbd; } .foot .renzheng img { margin-left: 10px; margin-top:19px; } .kefu { background-color: #f75a53; border: 2px solid #fff; position: fixed; width: 80px; top: 138px; right: 20px; text-align: center; display: block; -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); border-radius: 8px; font-size: 12px; z-index: 9999999; } .kefu ul li a { display: block; color: #FFF; text-decoration: none; border-top: 1px solid #ffb4a6; overflow: hidden; height: auto; width: 100%; padding: 0; height: 30px; width: 80px; z-index: 999999; padding-top: 50px; } .kefu ul li a:hover { background-color: #589ED7; } .kefu a.kefu-lx { border-top: 0px solid #ffb4a6; background-image: url(../images/kefu.png); background-repeat: no-repeat; background-position: 0 -10px; } .kefu a.kefu-lx:hover { border-radius: 6px 6px 0px 0px; } .kefu ul li a.kefu-yy { background-image: url(../images/kefu.png); background-repeat: no-repeat; background-position: center -90px; } .kefu ul li a.kefu-zx { background-image: url(../images/kefu.png); background-repeat: no-repeat; background-position: center -170px; } .kefu ul li a.kefu-wx { background-image: url(../images/kefu.png); background-repeat: no-repeat; background-position: center -250px; } .kefu ul li a.kefu-wx .kefu-weixin { padding: 20px; background-color: #FFFFFF; position: absolute; top:242px; left: -182px; display:none; -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); } .kefu ul li a.kefu-wx:hover .kefu-weixin { display:block; } .kefu ul li a.kefu-top { background-image: url(../images/kefu.png); background-repeat: no-repeat; background-position: center -335px; padding-top:40px; } .kefu ul li a.kefu-top:hover { border-radius: 0px 0px 6px 6px; } .kefu ul li a.kefu-yy, .kefu ul li a.kefu-zx, .kefu ul li a.kefu-top, .kefu ul li a.kefu-wx { display: none; } .kefu:hover ul li a.kefu-yy, .kefu:hover ul li a.kefu-zx, .kefu:hover ul li a.kefu-top, .kefu:hover ul li a.kefu-wx { display: block; } /* 内页代码 */ .info p, .info li { color:#666666; } .ny-banner { margin-top: 100px; padding: 60px 0; background-repeat: no-repeat; position: relative; background-attachment: fixed; background-position: center top; } .ny-banner2 { background-image: url(../images/ny-head-bg2.png); } .ny-banner h2 { margin: 0; font-size: 24px; color: #FFFFFF; } .ny-banner h2 small { color: #ffb3b0; font-size: 18px; padding-left: 15px; margin-left: 15px; font-weight: normal; border-left: 1px solid #ffb3b0; } .ny-banner .weizhi { color:#ffb3b0; text-align:left; margin:0; padding:15px 0 10px 0; } .ny-banner .weizhi a { color:#ffffff } .crumbs { background-color:#f7f7f7; height:60px; } .crumbs ul li { display: inline-block; } .crumbs ul li a { color: #666666; line-height: 60px; padding: 0 15px; display: inline-block; font-size:12px } .crumbs ul li a:hover, .crumbs ul li a.hover { background-color: #FFFFFF; color: #f75a53; text-decoration: none; } .y-m50 { margin-right:50px } .y-m60 { margin-right:60px } .x-m40 { margin-bottom:40px !important; } .x-m30 { margin-bottom:30px; } .x-m20 { margin-bottom:20px; } .s-m40 { margin-top:40px; } zy-m15 { margin-left:15px; margin-right:15px; } .s-m-none { margin-top:0 !important; } .nr-h20 { margin-top:0px; margin-bottom:20px; } .nr-h20-s10 { margin-top:10px; margin-bottom:20px; } .nr-h30 { margin-top:0px; margin-bottom:30px; } .info, .neirong { line-height: 30px; color: #333333; } .info hr, .neirong hr { margin: 30px 0; border: 0; border-top: 1px solid #eee; } .nyfl-case { height:42px; margin-top:0; margin-bottom: 30px; background-color: #F7F7F7; } .nyfl-case a { line-height: 42px; padding:0 25px; display: inline-block; color: #666666; text-align: center; } .nyfl-case a:hover, .nyfl-case a.hover { background-color: #f75a53; color: #FFFFFF; text-decoration: none; } .fanye .pagination { margin: 0; display: inline-block; padding-left: 0; margin: 25px 0 0 0; border-radius: 4px; } .fanye .pagination > li { display:inline } .fanye .pagination > .active > a, .fanye .pagination > .active > span, .fanye .pagination > .active > a:hover, .fanye .pagination > .active > span:hover, .fanye .pagination > .active > a:focus, .fanye .pagination > .active > span:focus { background-color: #f75a53; border-color: #f75a53; color: #FFF; } .fanye .pagination > li > a:hover, .fanye .pagination > li > span:hover, .fanye .pagination > li > a:focus, .fanye .pagination > li > span:focus { color: #f75a53; background-color: #E3E3E3; border-color: #ededed; } .fanye .pagination > li > a, .fanye .pagination > li > span { color: #f75a53; border-color: #ededed; font-size: 14px; } .pagination-lg>li>a, .pagination-lg>li>span { padding: 12px 18px; } .pagination>li>a, .pagination>li>span { color: #428bca; text-decoration: none; background-color: #F7F7F7; } .pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .ny-news { border-bottom: 1px solid #EDEDED; padding-bottom: 30px; margin-bottom: 40px; } .ny-news h1 a { font-size:20px; color:#000000 } .ny-news h1 a:hover { color:#f75a53 } .ny-news .shuoming { color: #666666; } .ny-news .btn-success { margin-left:0; } .ny-news .mulu, .ny-news .guanzhu, .ny-news .time { background-image: url(../images/news-kb.png); background-repeat: no-repeat; background-position: left 3px; margin-right:10px; height: 22px; padding-left: 23px; display: inline-block; color:#999999 } .ny-news .guanzhu { background-position: left -19px; } .ny-news .time { background-position: left -41px; } .ny-news .news-qq a, .ny-news .news-sq a { text-indent: -9999px; width: 22px; height: 22px; display: inline-block; background-image: url(../images/news-zx.png); background-position: left top; background-repeat: no-repeat; } .ny-news .news-sq a { background-position:left -22px; margin-left:5px; } .team-bg { background-color:#e6e6e6; } .team figure { width: 262px; float: left; position: relative; height: 330px; margin: 15px; } .team figure:hover figcaption { display:block; } .team figure figcaption { position: absolute; width: 202px; height: 210px; top: 0px; left: 0px; display: none; background-color: rgba(247,90,83,0.70); padding:60px 30px; color: #FFFFFF; } .team figure h3.team-title { font-size: 14px; font-weight: normal; margin: 0; line-height: 60px; position: absolute; width: 262px; height: 60px; left: 0px; background-color: rgba(255,255,255,0.95); bottom: 0px; color: #999999; } .team figure h3.team-title a { color: #F75A53; font-size: 18px; font-weight: bold; } .team figure:hover h3.team-title { display:none; } .team figure figcaption h3 { font-size: 16px; font-weight: bold; margin:0 0 12px 0; } .team figure figcaption h3 a { color: #FFFFFF; text-decoration: underline; } .team figure figcaption h3 a:hover { text-decoration: none; } .team figure figcaption p { margin:0; line-height:28px; } .team-more { padding: 7px 10px 5px 10px; background-color: rgba(255,255,255,0.70); color: #f75a53 !important; text-decoration: none !important; } .team-more:hover { color: #FFFFFF !important; } .ny-kehu .row { margin: 0 2px 15px 2px; border-left: 1px solid #EDEDED; border-right: 1px solid #FFFFFF; border-top: 1px solid #EDEDED; } .ny-kehu figure { width: 188px; float: left; position: relative; height: 100px; border-right: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; } .ny-kehu figure:hover figcaption { display:block; } .ny-kehu figure figcaption { position: absolute; width: 188px; height: 100px; top: 0px; left: 0px; display: none; background-color: rgba(247,90,83,0.70); color: #FFFFFF; text-align: center; line-height:100px } .ny-kehu figure figcaption { font-size: 16px; } .ny-kehu figure figcaption a { color:#FFFFFF; } .ny-kehu figure figcaption a:hover { text-decoration: underline; } .tags .tags-lie { width:20% } .map { color:#999999 } .map h3 a { color:#000000 } .zzry figure, .tdfc figure { padding:0 15px; float:left; } .tdfc figure { padding-bottom:20px; } .zzry figure img, .tdfc figure img { width:360px; } .zzry figure figcaption, .tdfc figure figcaption { margin-bottom:15px; } .fzlc h3 { background-color: #f75a53; color: #FFFFFF; padding:5px 10px; } .main { width: 790px; margin-right: 50px; } .main img { max-width:790px; } .info .biaoti { font-size:20px; margin-bottom:10px; margin-top:0; } .info .shuoming { color: #999; margin:0 0 30px 0; padding-bottom: 20px; border-bottom: 1px solid #EDEDED; font-size: 12px; } .aside { width:300px; } .aside .ny-h4 { font-size:16px; margin:15px 0; padding-bottom: 15px; border-bottom: 1px solid #EDEDED; } .aside ul li small { color:#999999; } .aside .xx-qq a, .aside .xx-sq a { text-indent: -9999px; width: 22px; height: 22px; display: inline-block; background-image: url(../images/news-zx.png); background-position: left top; background-repeat: no-repeat; } .aside .xx-sq a { background-position:left -22px; margin-left:5px; } .aside figure { margin-top:10px; text-align:center } .aside figure.text-left { text-align:left } .aside .team-gz, .aside .team-yy { height: 40px; margin-right: 20px; border-radius: 4px; padding: 0px 10px 0px 38px; display: block; line-height: 40px; background-image: url(../images/team-yy.png); background-position: left top; background-color: #F75A53; color: #FFFFFF; background-repeat: no-repeat; } .aside .team-gz a, .aside .team-yy a { color:#FFFFFF } .aside .team-gz:hover, .aside .team-yy:hover { background-color: #589ED7; } .aside .team-yy { background-position: left bottom; } .ny-team-tj { font-size:16px; margin:15px 0; } .team figcaption p { color:#FFFFFF !important; } .pages { padding: 30px 0 30px; text-align: center } .pages li { display: inline } .pages li.thisclass, .pages a:hover { padding: 5px 10px; border: 1px solid #f75a53; background: #f75a53; color: #fff; text-decoration: none; border-radius:3px } .pages a { padding: 5px 10px; border: 1px solid #ddd; background: #fff; color: #A4A4A4; line-height: 18px; border-radius:3px; } header{overflow:hidden\9;}/* IE9 */ .banner{margin-top:0\9;}/* IE9 */ .donghua{ -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .case figure{z-index:1;overflow:hidden;} .case figure figcaption{background:none;z-index:3;} .case figure .s,.case figure .x{position:absolute;z-index:2;width:360px;left:0;} .case figure .s{background-color:rgba(247,90,83,0.70);height:176px;top:-176px;} .case figure .x{background-color: rgba(0,124,200,0.70);height:80px;bottom:-80px;} .case figure:hover .s{top:0;} .case figure:hover .x{bottom:0;} .youshi{overflow:hidden;zoom:1;padding:0;margin:30px -20px;} .youshi li{width:275px;height:320px;overflow:hidden;float:left;margin:0 10px;list-style:none;position:relative;background:rgba(255,255,255,0.7) url(../images/hongbg.png) 0 420px no-repeat;padding-top:20px;} .youshi i{background:url(../images/ysicon.png) no-repeat;display:block;width:130px;height:130px;margin:0 auto;border:3px solid transparent;border-radius:50%;} .youshi .tu1{background-position:-139px 0;} .youshi .tu2{background-position:-436px 0;} .youshi .tu3{background-position:-718px 0;} .youshi .tu4{background-position:-1010px 0;} .youshi .quan-l,.youshi .quan-r{width:72px;height:130px;position:absolute;top:0;z-index: 2;border:3px solid #e44242;clip:rect(0,75px,136px,0);top:20px;} .youshi .quan-l{left:68px;border-right:none;border-top-left-radius:75px;border-bottom-left-radius:75px;} .youshi .quan-r{right:68px;border-left:none;border-top-right-radius:75px;border-bottom-right-radius:75px;} .youshi li h3,.youshi li h4{padding:5px 0;font-weight:900;color: #f75a53;margin:0;color:#e44242;} .youshi li h3{margin-top:15px;} .youshi li h4{font-size:16px;} .youshi li p{font-size:14px;line-height:2em;margin-top:100px;color:#fff;} .youshi li:hover{background-position:0 0;transition-delay:.3s;} .youshi li:hover i{transition-delay:.3s;} .youshi li:hover .tu1{background-position:4px 0;} .youshi li:hover .tu2{background-position:-293px 0;} .youshi li:hover .tu3{background-position:-575px 0;} .youshi li:hover .tu4{background-position:-867px 0;} .youshi li:hover .quan-l{clip:rect(136px,75px,136px,0);} .youshi li:hover .quan-r{clip:rect(0,75px,0,0);} .youshi li:hover h3,.youshi li:hover h4,.youshi li:hover p{color:#fff;transition-delay:.3s;} .youshi li:hover p{margin-top:10px;}