@charset "utf-8"; body { font-size: 14px; line-height: 22px; font-family: "微软雅黑"; color: #333; background: #fff; margin: 0px; padding: 0px; } a:hover, a:focus { color: #23527c; text-decoration: none!important; cursor: pointer; } ol { margin-bottom: 0; } ul, li { margin: 0; padding: 0; list-style: none; } .container{ width: 1170px; max-width: none !important; } .thumbnail { border: 0; padding: 0; border-radius: 0; margin-bottom: 0; background: transparent; } /*头部*/ .top { position: relative; } .top .fullnav { width: 100%; background-color: rgb(255, 255, 255); } .top .fullnav .logo { float: left; height: 100px; } .top .fullnav .logo img { height: 74px; margin-top: 10px; } .top .fullnav .menuNav { float: right; } .top .fullnav .menuNav ul { list-style: none; margin: 0px; padding: 0px; } .top .fullnav .menuNav ul li { list-style: none; float: left; position: relative; } .top .fullnav .menuNav ul li a { color: #414242; display: block; height: 100px; line-height: 100px; font-size: 15px; padding: 0px 10px; position: relative; } .top .fullnav .menuNav ul li a:hover { color: #004ea2; } .top .fullnav .menuNav ul li.sel a { color: #004ea2; } .top .fullnav .menuNav ul li.sel a:after { content: ""; width: 60px; height: 5px; background: #004ea2; position: absolute; bottom: 0px; left: 16px; } .top .fullnav .menuNav ul li a:after { content: ""; width: 0px; height: 0px; background: #004ea2; position: absolute; bottom: 0px; left: 56px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .top .fullnav .menuNav ul li a:hover:after { content: ""; width: 60px; height: 5px; background: #004ea2; position: absolute; bottom: 0px; left: 16px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .top .fullnav .menuNav ul li.home a:after { content: ""; width: 0px; height: 0px; background: #004ea2; position: absolute; bottom: 0px; left: 43px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .top .fullnav .menuNav ul li.home a:hover:after { content: ""; width: 30px; height: 5px; background: #004ea2; position: absolute; bottom: 0px; left: 16px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .top .subnav { position: absolute; top: 100px; width: 100%; height: 70px; overflow: hidden; } .top .subnav .item { position: absolute; top: 0px; left: 0px; z-index: 100; width: 100%; display: none; height: 70px; line-height: 70px; background: #fff; opacity: 0.9; border-top: 1px solid #eee; z-index: 10000; } .top .subnav .item a { font-size: 16px; position: relative; padding: 0px 10px 0px 15px; margin-right: 15px; color: #414242; font-weight: 500; } .top .subnav .item a i { position: absolute; background: #666; height: 3px; width: 3px; border-radius: 50%; top: 9px; left: 0px; } .top .subnav .item a:hover { color: #004ea2; } .top .subnav .item a:hover i { background: #004ea2 } .top .subnav .m0 { padding-left: 464px; } .top .subnav .m1 { padding-left: 456px; } .top .subnav .m2 { padding-left: 646px; } .top .subnav .m3 { padding-left: 520px; } .top .subnav .m4 { padding-right: 210px; text-align: right; } .top .subnav .m5 { text-align: right; padding-right: 116px; } .menuSearch { position: relative; margin-top: 40px; margin-left: 20px; float: right; } .menuSearch .navbar-form { display: none; position: absolute; right: 0; padding: 0; width: 200px; margin: 6px 0; } .menuSearch .navbar-form .btn-default { color: #FFFFFF; background-color: #3a6ea5; border-color: #3a6ea5; border-radius: 0; } .menuSearch .navbar-form .form-control { border: 1px solid #E5E5E5; border-radius: 0; outline: none; box-shadow: none; } #searchdropmenu { color: #999999; } /*banner*/ .banner { position: relative; height: auto; } .banner .swiper-slide { background-position: center center; width: 100%; height: 600px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .banner .swiper-slide>a { display: block; width: 100%; height: 100% } /*新闻*/ .news { padding: 40px 0 50px; } .news h2 { position: relative; border-bottom: 1px solid #e8e9ea; height: 38px; margin-bottom: 35px; } .news h2 strong { position: absolute; color: #175eb0; border-bottom: 2px solid #175eb0; font-size: 20px; padding: 0 5px; left: 0; top: 0; height: 38px; } .news h2 span { color: #bbbbbb; padding: 8px 0 0 100px; font-size: 14px; float: left; } .news h2 .more { margin-top: 8px; color: #BBBBBB; font-size: 14px; float: right; } .news h2 .more:hover { color: #175eb0; } .news .thumb { overflow: hidden; height: 355px; position: relative; } .news .thumb .bd { height: 325px; overflow: hidden; } .news .thumb .bd li { float: left; width: 100%; height: 325px; position: relative; } .news .thumb .bd li a { overflow: hidden; height: 100%; } .news .thumb .bd li a img { width: 100%; height: 100%; } .news .thumb .bd li .bg { position: absolute; bottom: 0; left: 0; height: 60px; width: 100%; background: url(../images/index_news_txtbg.png) repeat; } .news .thumb .bd li .txt { position: absolute; bottom: 0; left: 0; height: 40px; font-size: 16px; margin: 10px 15px; color: #FFF; line-height: 40px; overflow: hidden; } .news .thumb .hd { position: absolute; bottom: 0; right: 0; height: 20px; width: 70px; text-align: right; } .news .thumb .hd a { width: 20px; height: 20px; background: url(../images/index_arrows.jpg) no-repeat; } .news .thumb .hd a.prev { background-position: 0 center; float: left; } .news .thumb .hd a.next { background-position: right center; float: right; } .news .news-box .top_news { padding-bottom: 15px; border-bottom: 1px dotted #bbbbbb; } .news .news-box .top_news .title { line-height: 25px; height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news .news-box .top_news .title a { font-size: 15px; color: #175eb0; } .news .news-box .top_news.title a:active, .news .news-box .top_news .title a:hover, .news .news-box .top_news .title a:focus { color: #0268b3; } .news .news-box .top_news .time { font-size: 14px; color: #bbbbbb; } .news .news-box .top_news .desp { line-height: 21px; font-size: 15px; color: #454545; height: 42px; overflow: hidden; text-indent: 30px; } .news .news-list ul li { padding: 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.10); } .news .news-list ul li a { display: block; font-size: 15px; position: relative; padding-left: 10px; } .news .news-list ul li a:hover .tit { color: #175eb0; } .news .news-list ul li a .tit { float: left; width: 80%; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666666; } .news .news-list ul li a .tit i { position: absolute; background: #175eb0; height: 3px; width: 3px; border-radius: 50%; top: 10px; left: 0px; } .news .news-list ul li a .date { float: right; color: #888888; padding-right: 5px; } .news a.thumbnail { overflow: hidden; } .news a.thumbnail img { transition: all 0.6s; } .news a.thumbnail img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); } /*业务领域*/ .ywjs { padding: 40px 0 50px; background-color: #F0F0F0; } .ywjs h2 { position: relative; border-bottom: 1px solid #e8e9ea; height: 38px; margin-bottom: 35px; } .ywjs h2 strong { position: absolute; color: #175eb0; border-bottom: 2px solid #175eb0; font-size: 20px; padding: 0 5px; left: 0; top: 0; height: 38px; } .ywjs h2 span { color: #bbbbbb; padding: 8px 0 0 100px; font-size: 14px; float: left; } .ywjs h2 .more { margin-top: 8px; color: #BBBBBB; font-size: 14px; float: right; } .ywjs .content_list .item_block { background-color: #FFFFFF; box-sizing:border-box; padding:20px; transition:none; } .ywjs .content_list .item_block:hover { box-shadow:0 14px 50px -8px; color:rgba(0,0,0,.1); } .ywjs .content_list .item_img { position:relative; overflow:hidden; } .ywjs .content_list .item_img img { transition:all .36s ease; display:inline; position:relative; overflow:hidden; width: 320px; height: 213px; } .ywjs .content_list .item_block:hover .item_box .item_img img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); } .ywjs .content_list .item_block .item_box .item_wrapper { padding: 20px 0px 10px; transition: all .36s ease; } .ywjs .content_list .item_info .title { margin-top: 10px; transition:all .36s ease; color:#333; font-size:16px; line-height:30px; } .ywjs .content_list .item_des { margin-top:8px; } .ywjs .content_list .item_des .description { transition:all .36s ease; font-size:13px; line-height:26px; height:98px; overflow:hidden; color:#999; } .ywjs .content_list .item_block:hover .item_box .item_wrapper .item_des .description { color: #868585; } .ywjs .content_list .item_des, .ywjs .content_list .item_info .subtitle, .ywjs .content_list .item_info .title { text-align: center; } /*图文展示*/ .section03 { padding: 50px 0; } .index_metro { box-shadow: 0 5px 15px 0 rgba(0,0,0,0.10); } .index_metro li { width: 25%; float: left; position: relative; height: 252px; } .index_metro li img { width: 285px; height: 252px; } .index_metro li .more { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); text-align: center; display: none; } .index_metro li .more a { display: block; height: 30px; width: 92px; margin: 110px auto; border: 1px solid #FFF; background: #175eb0; text-align: center; font-size: 14px; line-height: 30px; color: #FFF; } .index_metro li .more a:active, .index_metro li .more a:hover, .index_metro li .more a:focus { color: #F6AF3B; } .index_metro li .indexmetro { padding: 15px 20px; height: 252px; background: #FFF; } .index_metro li .indexmetro h4 { font-size: 18px; line-height: 37px; font-weight: bold; padding-bottom: 10px; } .index_metro li .indexmetro h4 a { color: #175eb0; } .index_metro li .indexmetro h4 a:active, .index_metro li .indexmetro h4 a:hover, .index_metro li .indexmetro h4 a:focus { color: #0268b3; } .index_metro li .indexmetro .desp { height: 124px; overflow: hidden; font-size: 14px; line-height: 24px; } .index_metro li .indexmetro .details { float: right; font-size: 14px; padding-top: 10px; } .index_metro li .index_hr dd { font-size: 14px; line-height: 34px; height: 35px; border-bottom: 1px dashed #E0E0E0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .index_metro li .arrow { position: absolute; top: 20px; border: 10px solid transparent; width: 0; height: 0; z-index: 2; } .index_metro li.metro1 .arrow, .index_metro li.metro3 .arrow { right: 0; border-right-color: #FFF; } .index_metro li.metro6 .arrow, .index_metro li.metro8 .arrow { left: 0; border-left-color: #FFF; } .index_metro li.on .indexmetro { background: #175eb0; color: #FFF; } .index_metro li.on .indexmetro a { color: #FFF; } .index_metro li.on .indexmetro a:active, .index_metro li.on .indexmetro a:hover, .index_metro li.on .indexmetro a:focus { color: #F6AF3B; } .index_metro li.on.metro1 .arrow, .index_metro li.on.metro3 .arrow { right: 0; border-right-color: #0180C5; } .index_metro li.on.metro6 .arrow, .index_metro li.on.metro8 .arrow { left: 0; border-left-color: #0180C5; } /*底部*/ footer { padding: 50px 0; background: #175eb0; } footer h4 { font-size: 20px; line-height: 50px; height: 50px; border-bottom: 1px solid #86a6c7; margin-bottom: 20px; } footer h4 strong { font-weight: normal; float: left; color: #FFF; } footer h4 a { float: right; color: #FFF; padding: 0 20px; font-weight: normal; } footer h4 a:hover { color: #F6AF3B; } footer .about .intro { font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, .7); padding-bottom: 10px; } footer .link .link-txt a { display: inline-block; font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, .7); padding-right: 25px; } footer .link .link-txt a:hover { color: #F6AF3B; } footer .info { margin-bottom: 10px; } footer .info .info-txt { color: rgba(255, 255, 255, .7); font-size: 14px; line-height: 24px; } footer .info .info-share .thumbnail { width: 95px; background: transparent; float: left; font-size: 14px; line-height: 26px; text-align: center; color: #FFFFFF; } footer .info .info-share .thumbnail:first-child { margin-right: 30px; } .footer { padding: 10px 0; } .footer p { margin: 0; font-size: 14px; line-height: 16px; color: #666666; } /***内页样式***/ /*.nBanner { width: 100%; height:200px; background-repeat: no-repeat; background-position: center center; background-size: cover; } .nBanner01 { background-image: url(../images/n01.jpg); } */ /*内页banner*/ #nBanner { width: 100%; position: relative; overflow: hidden; } #nBanner { position:relative; width:100%; min-height:auto; background:#fff; } #nBanner .bd { position:relative; margin:0 auto; z-index:90; overflow:hidden; } #nBanner .bd ul { width:100%!important; } #nBanner .bd li { width:100%!important; min-height:auto; overflow:hidden; text-align:center; } #nBanner .bd li a { display:block; min-height:auto; } #nBanner img { /*left: 50%; margin-left: -50%;*/ width: 100%; min-height: auto; position: relative; } .breadcrumb { background-color: transparent; } /*位置信息*/ .page-header { margin: 0; padding-bottom: 0; border-bottom: 0; box-shadow: 0 3px 5px 0 rgba(102, 102, 102, 0.1); } .page-header p { color: #999; } .page-header h3 { font-size: 18px; font-weight: normal; line-height: 60px; margin: 0; color: #175eb0; display: inline-block; position: relative; } .page-header h3:after { content: ""; position: absolute; bottom: 0; width: 100%; height: 3px; left: 0; background-color: #175eb0; } .page-header .breadcrumb { padding: 0 15px; margin-bottom: 0; line-height: 60px; } .page-header .breadcrumb span { color: #666666; padding-right: 5px; } .page-header .breadcrumb a { color: #666666; } .page-header .breadcrumb li.active, .page-header .breadcrumb a:hover { color: #175eb0;; } /*内页左侧导航*/ .jquery-accordion-menu, .jquery-accordion-menu * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: 0 } .jquery-accordion-menu { min-width: 260px; float: left; position: relative; border: 1px solid #DDDDDD; border-bottom: 0; } .jquery-accordion-menu .jquery-accordion-menu-footer, .jquery-accordion-menu .jquery-accordion-menu-header { width: 100%; height: 50px; padding-left: 22px; float: left; line-height: 50px; font-weight: 600; color: #f0f0f0; background: #414956 } .jquery-accordion-menu ul { margin: 0; padding: 0; list-style: none } .jquery-accordion-menu ul li { width: 100%; display: block; float: left; position: relative; } .jquery-accordion-menu ul li a { width: 100%; padding: 14px 22px; float: left; text-decoration: none; color: #555; font-size: 16px; background: #FFFFFF; white-space: nowrap; position: relative; overflow: hidden; -o-transition: color .2s linear, background .2s linear; -moz-transition: color .2s linear, background .2s linear; -webkit-transition: color .2s linear, background .2s linear; transition: color .2s linear, background .2s linear; } .jquery-accordion-menu ul li a.one { border-bottom: 1px solid #DDDDDD; } .jquery-accordion-menu ul li.active a.one:before, .jquery-accordion-menu ul li a.one:hover:before { background: #FFFFFF; } .jquery-accordion-menu ul li a.one:before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: #555555; position: absolute; top: 21px; left: 10px; } #demo-list li:hover .submenu { display: block; } #demo-list li .submenu { display: block; } .jquery-accordion-menu>ul>li.active>a, .jquery-accordion-menu>ul>li:hover>a { color: #fff; background: #175eb0; } .jquery-accordion-menu>ul>li:hover>a.one:before { background: #FFFFFF; } .jquery-accordion-menu ul li a i { width: 34px; float: left; line-height: 18px; font-size: 16px; text-align: left } .jquery-accordion-menu .submenu-indicator { float: right; right: 22px; position: absolute; line-height: 19px; font-size: 20px; -o-transition: transform .3s linear; -moz-transition: transform .3s linear; -webkit-transition: transform .3s linear; -ms-transition: transform .3s linear } .jquery-accordion-menu ul ul.submenu .submenu-indicator { line-height: 16px } .jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator { -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) } .jquery-accordion-menu ul ul.submenu, .jquery-accordion-menu ul ul.submenu li ul.submenu { width: 100%; display: none; position: static; float: left; background: #F7F7F7; padding: 10px 0; } .jquery-accordion-menu ul ul.submenu li { clear: both; width: 100% } .jquery-accordion-menu ul ul.submenu li a { width: 100%; float: left; font-size: 15px; background: #F7F7F7; border-top: none; position: relative; border-left: solid 6px transparent; -o-transition: border .2s linear; -moz-transition: border .2s linear; -webkit-transition: border .2s linear; transition: border .2s linear } .jquery-accordion-menu ul ul.submenu li.on a { color: #175eb0; border-left-color: #175eb0; } .jquery-accordion-menu ul ul.submenu li:hover>a { border-left-color: #175eb0; } .jquery-accordion-menu ul ul.submenu>li>a { padding-left: 30px } .jquery-accordion-menu ul ul.submenu>li>a:hover { color: #175eb0; } .jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a { padding-left: 45px } .jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a { padding-left: 60px } .jquery-accordion-menu ul li .jquery-accordion-menu-label, .jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label { min-width: 20px; padding: 1px 2px 1px 1px; position: absolute; right: 18px; top: 14px; font-size: 11px; font-weight: 800; color: #555; text-align: center; line-height: 18px; background: #f0f0f0; border-radius: 100% } .jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label { top: 12px } .ink { display: block; position: absolute; background: rgba(255, 255, 255, .3); border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0) } .animate-ink { -webkit-animation: ripple .5s linear; -moz-animation: ripple .5s linear; -ms-animation: ripple .5s linear; -o-animation: ripple .5s linear; animation: ripple .5s linear } .page-box { padding: 40px 0 80px; min-height: 550px; } /*内页文本样式*/ .post-box { border: 1px solid #EEEEEE; background: #FFFFFF; padding: 40px 30px; } .post-box .post-head { margin-bottom: 25px; } .post-box .post-head h3 { margin-top: 0; font-size: 18px; line-height: 28px; padding-bottom: 20px; text-align: center; font-weight: normal; color: #333333; border-bottom: 1px solid #E0E0E0; } .post-box .post-head .post-meta { text-align: center; color: #D6A256; } .post-box .post-content img{max-width:100%;height:auto} .post-box .post-content h3 { font-size: 20px; line-height: 30px; margin: 0 0 20px; text-align: center; } .post-box .post-content p { font-size: 14px; line-height: 24px; } .post-box .post-content p.thumbnail { margin-bottom: 20px; } .post-box .post-bottom { padding: 10px 20px; background: #F8F8F8; border: 1px solid #EEEEEE; margin-top: 20px; } .post-box .post-bottom ul li { line-height: 20px; padding: 4px 0; } .post-box .post-bottom ul li a { color: #333; } .post-box .post-bottom ul li a:hover { color: #175eb0; } .post-box .post-video { margin-top: 20px; } .post-box .post-video video { width: 100%; } /*关于我们*/ .nAbout { background-color: #FAFAFA; } /*关于我们-企业荣誉*/ .nAbout-qyry article { margin-bottom: 30px; } .nAbout-qyry article .info { text-align: center; } .nAbout-qyry article .info .info-date { padding: 10px 0 6px; font-size: 16px; color: #333333; } .nAbout-qyry article .info .info-txt { font-size: 15px; line-height: 24px; height: 48px; overflow: hidden; color: #333333; } .nAbout-qyry article .thumbnail { overflow: hidden; } .nAbout-qyry article .thumbnail img { transition: all 0.6s; height: auto; } .nAbout-qyry article .thumbnail img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); } /*关于我们-发展历程*/ .nAbout-fzlc .timeline { position:relative; float:left; } .nAbout-fzlc .timeline:before { content: ""; width: 1px; height: 100%; border-left: 1px solid #CCCCCC; left: 119px; top: 0; position: absolute; } .nAbout-fzlc .course_thing { margin-bottom: 20px; } .nAbout-fzlc .course_thing_title { position: relative; width: 130px; margin-left: -6px; float: left; text-align: center; font-size: 25px; color: #175eb0; background: url(../images/circle.png) right center no-repeat; margin-top: 0; } .nAbout-fzlc .course_thing_message { position: relative; float: left; padding-left:10px; top: -6px; } .nAbout-fzlc .course_thing_message li { width: 650px; line-height: 35px; margin-top: 12px; } .nAbout-fzlc .course_thing_message li:first-child { margin-top: 0px; } .ppwh-detail { margin-top: 35px; position: relative; } .ppwh-detail img { display: block; width: 100%; height: auto; } .ppwh-detail ul { position: absolute; top: 58px; left: 24px; white-space: nowrap; font-size: 16px; } .ppwh-detail li { overflow: hidden; line-height: 53px; } .ppwh-detail .tit { color: #fff; float: left; width: 150px; text-align: center; border-bottom: 1px solid rgba(210, 210, 210, .63); background: rgba(210, 210, 210, .3); font-weight: bold; } .ppwh-detail li:first-of-type .tit { border-top: 1px solid rgba(210, 210, 210, .63); } .ppwh-detail .txt { margin-left: 186px; color: #fff; } /*新闻资讯*/ .nNews { background: #FAFAFA; } .nNews-list .item { padding: 19px; display: block; background: #FFFFFF; margin-bottom: 15px; transition: all 0.6s; } .nNews-list .item .info { width: 614px; float: left; } .nNews-list .item .info a.info-tit { display: block; overflow: hidden; font-weight: normal; color: #333333; font-size: 18px; margin-top: 5px; margin-bottom: 5px; height: 20px; line-height: 20px; } .nNews-list .item .info a.info-tit:hover { color: #175eb0; } .nNews-list .item .info p { margin-bottom: 0; } .nNews-list .item .info .info-date { color: #D6A256; font-size: 14px; display: inline-block; margin-bottom: 5px; } .nNews-list .item .info .info-txt { font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #666666; } .nNews-list .item .thumbnail { overflow: hidden; float: left; margin-right: 15px; } .nNews-list .item .thumbnail img { transition: all 0.6s; width: 180px; /*height: 120px;*/ } .nNews-list .item .thumbnail img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); } /*新闻资讯-通知公告*/ .nNews-tzgg .list li { margin-bottom: 20px; } .nNews-tzgg .list li a { font-size: 15px; color: #666666; display: block; float: left; width: 640px; overflow: hidden; height: 22px; } .nNews-tzgg .list li span { display: block; float: right; width: 100px; text-align: right; } .nNews-tzgg .list li a span { padding-right: 15px; } .nNews-tzgg .list li a:hover { color:#175eb0;; } .nNews-tzgg .list li a:hover i { color: #175eb0; } .nNews-tzgg .list li a.read-more { display: block; position: relative; padding-left: 20px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; text-decoration: none; } .nNews-tzgg .list li a.read-more i { font-style: normal; color: #333; font-size: 14px; display: block; width: 12px; height: 12px; line-height: 12px; text-align: center; position: absolute; left: 0px; top: 5px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; } .nNews-tzgg .list li a.read-more:hover i { color: #175eb0; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); } /*联系我们*/ .nContact { padding: 60px 0; } /*企业文化*/ .nQywh { background-color: #FAFAFA; } .nYgfc-list .item { background: #FFFFFF; box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1); margin-bottom: 30px; } .nYgfc-list .item .item-info { padding: 15px 20px; } .nYgfc-list .item .item-info a.tit { display: block; color: #333333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .nYgfc-list .item .item-info a.tit:hover { color: #175eb0; } .nYgfc-list .item .item-info p { font-size: 14px; line-height: 20px; color: #999999; height: 40px; overflow: hidden; margin-top: 8px; margin-bottom: 0; } .nYgfc-list .item a.thumbnail { overflow: hidden; } .nYgfc-list .item a.thumbnail img { transition: all 0.6s; } .nYgfc-list .item a.thumbnail img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); } /*加入我们-福利待遇*/ .nJoin-fldy { text-align: center; } .nJoin-fldy h4 { color: #175eb0; } .nJoin-fldy .row p { font-size: 14px; line-height: 30px; margin-bottom: 30px; } /*加入我们*/ .nJoin { background-color: #FAFAFA; } .nJoin-list article { display: block; background: #FFFFFF; padding: 30px 30px 10px; margin-bottom: 15px; transition: all 0.6s; } .nJoin-list article h3 { margin-top: 0; font-size: 18px; color: #333333; } .nJoin-list article .text { color: #999; font-size: 14px; margin-bottom: 20px; } .nJoin-list article .job-content { margin-bottom: 20px; } .nJoin-list article .job-content h4 { font-size: 16px; font-weight: normal; margin-bottom: 15px; } .nJoin-list article .job-content .editable-text { font-size: 14px; color: #666666; line-height: 24px; } /*联系我们*/ .nContact { padding: 30px 0; } .nContact iframe.thumbnail { border-radius: 0; padding: 4px; border: 1px solid #ddd; } .nContact .nContact-info h4 { font-weight: normal; margin-top: 30px; margin-bottom: 20px; color: #333333; } .nContact .nContact-info p { color: #666666; font-size: 14px; line-height: 20px; } /*业务领域-集中供冷*/ #ywjs-time { width: 100%; margin: 0; position: relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } #ywjs-time:before { content: ""; width: 1px; height: 100%; border: 1px dashed #CCCCCC; left: 0; top: 0; position: absolute; } #ywjs-time:after { content: ""; clear: both; display: table; width: 100% } #ywjs-time .timeline-item { margin-bottom: 40px; position: relative; } #ywjs-time .timeline-item .timeline-icon { background: #FFFFFF; width: 10px; height: 10px; border: 2px solid #50ade6; position: absolute; top: 0; left: 0; overflow: hidden; margin-left: -4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50% } #ywjs-time .timeline-item .timeline-icon img { position: relative; top: 14px; left: 14px; } #ywjs-time .timeline-item .timeline-content { width: 96%; float: right; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } #ywjs-time .timeline-item .timeline-content { text-align: left; font-size: 14px; margin-top: -5px; } #ywjs-time .timeline-item .timeline-content span { padding-right: 20px; font-size: 15px; color: #175eb0; } #ywjs-time .timeline-item:after, #ywjs-time .timeline-item:before { content: ''; display: block; width: 100%; clear: both; } /*业务领域-技术应用*/ .nYwjs { background: #FAFAFA; } .nYwjs .nYwjs-nav { text-align: center; margin-bottom: 50px; } .nYwjs .nYwjs-nav a { margin: 0 5px; display: inline-block; text-align: center; padding: 8px 20px; border: 1px solid rgba(170, 170, 170, 0.20); color: #828282; font-size: 14px; } .nYwjs .nYwjs-nav a.active, .nYwjs .nYwjs-nav a:hover { background: #175eb0; color: #FFFFFF; } .nYwjs-jsyy .item_block { border: 1px solid rgba(170, 170, 170, .2); background-color: #FFFFFF; box-sizing: border-box; padding: 15px; margin-bottom: 30px; transition: none; } .nYwjs-jsyy .item_block:hover { box-shadow: 0 14px 50px -8px; color: rgba(0, 0, 0, .1); border: 1px solid transparent } .nYwjs-jsyy .item_img { position: relative; overflow: hidden; } .nYwjs-jsyy .item_img img { height: auto; transition: all .36s ease; display: inline; position: relative; overflow: hidden; } .nYwjs-jsyy .item_block:hover .item_box .item_img img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); } .nYwjs-jsyy .item_block .item_box .item_wrapper { padding: 10px 15px 0; transition: all .36s ease; } .nYwjs-jsyy .item_info .title { text-align: center; margin-top: 10px; transition: all .36s ease; color: #333; font-size: 16px; line-height: 20px; height: 20px; overflow: hidden; } .nYwjs-jsyy .item_block:hover .title { color: #175eb0; } /*合作发展*/ .nHzfz { background: #FAFAFA; } /*合作发展-合作伙伴*/ .nHzfz-hzhb .item { padding-bottom: 10px; margin-bottom: 15px; box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1); background: #FFFFFF; } .nHzfz-hzhb .item .thumbnail { padding-top: 10px; margin-bottom: 6px; } .nHzfz-hzhb .item p { font-size: 16px; color: #333333; text-align: center; line-height: 26px; margin-bottom: 0; } .nHzfz-hzhb .item .thumbnail { overflow: hidden; } .nHzfz-hzhb .item .thumbnail img { width: 100%; /*height: 100%;*/ height:80px; cursor: pointer; transition: all 0.6s; } .nHzfz-hzhb .item .thumbnail img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); } .post-content img{max-width:100%;} /* 小屏幕(平板,大于等于768px) */ @media (min-width: 768px) { } /* 中等屏幕(桌面显示器,大于等于992px) */ @media (min-width: 992px) { } /* 大屏幕(大桌面显示器,大于等于1200px) */ @media (min-width: 1200px) { } @media screen and (max-width: 1400px) { body{ width: 1400px; } }