/* 初始化样式 */ * { margin: 0; padding: 0; } html, body { overflow-x: hidden; } body { width: 100%; zoom: 1; /* 设置字体 */ font-family: 'Microsoft YaHei'; color: #666; } ul, ol { margin: 0; padding: 0; } /*该设置跟后台编辑器有关*/ .ul, .ul li, .dl, .dl dd { list-style: none; margin: 0; padding: 0; } .h1, .h2, .h3, .h4, .h5, .h6, .p { padding: 0px; margin: 0px; } /* 去除表单自带样式 */ select, input, textarea { color: #878787; -webkit-border-radius: 0; border-radius: 0; } input:focus { outline: none; } input, button, select, textarea { -moz-outline: none; outline: none; } textarea { resize: none; } textarea, input, select { margin: 0; padding: 0; background: none; border: none; } /* html5设置 */ article, aside, footer, header, hgroup, nav, section, figure, figcaption { display: block; } figure, figcaption { margin: 0; padding: 0; } audio, canvas, progress, video { display: inline-block; vertical-align: middle; } img { max-width: 100%; border: none; border: 0; vertical-align: top; } a { text-decoration: none !important; color: #333; } a:hover { color: #00a48b; } a:link, a:visited, a:hover, a:active, a:focus { -moz-outline: none; outline: none; } /* 公共类 */ .clearfix { display: block; zoom: 1; } .clearfix::after { content: ''; display: block; visibility: hidden; height: 0; clear: both; } .img img { max-width: 100%; } .pct-img img { width: 100%; } .scale-img { overflow: hidden; max-height: 500px; } .scale-img img { max-height: 500px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .scale-img:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /* IE溢出隐藏问题解决方案 */ .one-ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .two-ellipsis { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .transform { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .transforml { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .transformt { -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .transition { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } /* Bootstrap */ .content .container { overflow: hidden; } .strategy-recruit .recruit-access .txt{margin: 2% 0;} .strategy-recruit .recruit-access .txt p{ background-repeat: no-repeat;background-position: 0 0;padding-left: 36px;} .strategy-recruit .recruit-access .txt p:nth-child(1){background-image: url(../images/Map001070-ico_03.png);} .strategy-recruit .recruit-access .txt p:nth-child(2){background-image: url(../images/Map001070-ico_05.png);} .strategy-recruit .recruit-access .txt span{display: inline-block;color: #07a970;font-size: 18px;line-height: 35px;margin-top: -4px;} /* swiper初始化 */ .myswiper { position: relative; } .pagination-block { position: absolute; z-index: 2; width: 100%; padding: 10px 0; display: block; text-align: center; } .pagination-block > span { width: 14px; height: 14px; margin: 0 8px !important; background: none; border: 2px solid #fff; opacity: 1; } .pagination-block > .swiper-pagination-bullet-active { background-color: #00a1e2; border-color: #00a1e2; } .pagination-inline .prevbtn, .pagination-inline .nextbtn{ width: 50px; height: 50px; background: #f9f9f9; position: absolute; top: 50%; margin-top: -25px; z-index: 2; } .pagination-inline .prevbtn{ left: 0%; } .pagination-inline .nextbtn{ right: 0%; } /* 分页 */ .pages { margin: 30px 0; text-align: center; } .pages a { display: inline-block; margin: 0 5px; min-width: 45px; height: 45px; line-height: 45px; text-align: center; color: #666; background: #f5f5f5; border-radius: 4px; } .pages a.a_cur, .pages a:hover { color: #fff; background: -webkit-gradient(linear, 100% 0, 0 0, from(#06a874), to(#00a0a9)); background: -moz-linear-gradient(right, #06a874, #00a0a9); background: -o-linear-gradient(right, #06a874, #00a0a9); background: -ms-linear-gradient(right, #06a874, #00a0a9); } .pages .abtn { vertical-align: middle; } .pages .abtn { padding: 0 15px; margin: 0; } .p_page .num a{ font-style: initial; } .pages .a_next, .pages .a_prev { padding: 0 15px; margin: 0; } .pages .nums { display: inline-block; vertical-align: middle; } .pages .nums a { float: left; } .pages .nums a.on { color: #fff; background: -webkit-gradient(linear, 100% 0, 0 0, from(#06a874), to(#00a0a9)); background: -moz-linear-gradient(right, #06a874, #00a0a9); background: -o-linear-gradient(right, #06a874, #00a0a9); background: -ms-linear-gradient(right, #06a874, #00a0a9); } .pagers { margin: 60px 0; text-align: center; } .pagers a { display: inline-block; margin: 0 5px; padding: 0 20px; height: 45px; line-height: 45px; color: #666; background: #f5f5f5; border-radius: 4px; } .pagers a:hover { color: #fff; background: -webkit-gradient(linear, 100% 0, 0 0, from(#06a874), to(#00a0a9)); background: -moz-linear-gradient(right, #06a874, #00a0a9); background: -o-linear-gradient(right, #06a874, #00a0a9); background: -ms-linear-gradient(right, #06a874, #00a0a9); } /* 头部 */ header .header-link { position: relative; margin-top: 5px; background: #f9f9f9; } header .header-link::before { content: ''; position: absolute; left: 0; bottom: 100%; width: 100%; height: 5px; display: block; background: -webkit-gradient(linear, 100% 0, 0 0, from(#4eb849), to(#00a1e2)); background: -moz-linear-gradient(right, #4eb849, #00a1e2); background: -o-linear-gradient(right, #4eb849, #00a1e2); background: -ms-linear-gradient(right, #4eb849, #00a1e2); } header .header-link ul li { margin: 10px 5px 10px 0; padding: 0 20px 0 25px; background-repeat: no-repeat; background-position: left center; border-right: 1px solid #e0e0e0; } header .header-link ul li:last-of-type { margin-right: 0; padding-right: 0; border-right: 0; } header .header-link ul li a { line-height: 20px; } header .header-link ul li.li-service { background-image: url(../images/ico-service.png); } header .header-link ul li.li-contact { background-image: url(../images/ico-contact.png); } header .header-link ul li.li-language { background-image: url(../images/ico-language.png); } header .header-link ul li.li-language a { color: #999; } header .header-link ul li.li-language a:hover { color: #00a48b; } header .header-link ul li.li-language a.on { color: #333; } header .navbar-default { margin-bottom: 0; background: #fff; border: 0; border-radius: 0; } header .navbar-default .navbar-brand { width: 105px; height: 50px; margin: 0 auto; font-size: 0; text-indent: -999em; } header .navbar-right { margin-right: 0; } header .navbar-right .form-group { position: relative; margin: 15px 0; } header .navbar-right .form-group .form-control { padding: 4px 40px 4px 12px; height: auto; border-radius: 15px; } header .navbar-right .form-group input.text{ padding-right: 40px; height: 30px; line-height: 30px; border-radius: 15px; } header .navbar-right .form-group .btn { position: absolute; top: 0; right: 0; width: 40px; height: 30px; background: url(../images/ico-search.png) no-repeat center center; background-size: 20px 20px; outline: none; box-shadow: none; } header .navbar-default #menu > li:hover .dropdown-menu{ display: block; } header .navbar-default #menu > li.on > a, header .navbar-default #menu > li:hover > a, header .navbar-default #menu > li.open > a { color: #fff; background: -webkit-gradient(linear, 100% 0, 0 0, from(#07a971), to(#00a0a9)); background: -moz-linear-gradient(right, #07a971, #00a0a9); background: -o-linear-gradient(right, #07a971, #00a0a9); background: -ms-linear-gradient(right, #07a971, #00a0a9); } header .navbar-default #menu .dropdown-menu li:hover a { /* color: #00a48b; */ background-image: -webkit-linear-gradient(left, rgb(2, 162, 2222), rgb(78, 184, 74), rgb(78, 184, 74)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 底部 */ footer { line-height: 28px; background: url(../uploadfiles/image/footer-bg.jpg) no-repeat center center; background-size: cover; } footer p, footer a { color: #999; } footer .h4 { color: #fff; } footer .h3 { color: #fff; } footer .ftr-top { padding: 30px 0; } footer .ftr-top ul { margin-top: 10px; } footer .ftr-top .ftr-service { text-align: center; } footer .ftr-top .ftr-nav .h4:after { content: ''; width: 50px; height: 3px; display: block; margin-top: 10px; background: -webkit-gradient(linear, 100% 0, 0 0, from(#4eb849), to(#00a1e2)); background: -moz-linear-gradient(right, #4eb849, #00a1e2); background: -o-linear-gradient(right, #4eb849, #00a1e2); background: -ms-linear-gradient(right, #4eb849, #00a1e2); } footer .ftr-bottom { padding: 20px 0; text-align: center; background: #1e1d22; } footer .ftr-bottom .ftr-about ul li { padding-right: 8px; line-height: 20px; border-right: 1px solid #999; } footer .ftr-bottom .ftr-about ul li:last-of-type { padding-right: 0; border: 0; } footer .ftr-bottom .ftr-copyright p { margin-top: 10px; line-height: 20px; } /* 菜单 */ .menubox { background: #f9f9f9; border-bottom: 1px solid #f4f4f4; } .menubox .pull-left li { float: left; } .menubox .pull-left li a { position: relative; display: block; padding: 0 15px; line-height: 50px; } .menubox .pull-left li a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; display: none; background: -webkit-gradient(linear, 100% 0, 0 0, from(#07a970), to(#00a0a9)); background: -moz-linear-gradient(right, #07a970, #00a0a9); background: -o-linear-gradient(right, #07a970, #00a0a9); background: -ms-linear-gradient(right, #07a970, #00a0a9); } .menubox .pull-left li:hover a::after, .menubox .pull-left li.on a::after { display: block; } .menubox .pull-right { margin: 11px 0; } .menubox .pull-right li { line-height: 28px; float: left; color: #555; } .menubox .pull-right li::before { content: ''; width: 28px; height: 28px; display: inline-block; vertical-align: top; background: url(../images/ico-grade.png) no-repeat center center; } .menubox .pull-right li:first-of-type::before { background-image: url(../images/ico-indexcolor.png); } .menubox .pull-right li a { color: #888; } .menubox .pull-right li a:hover { color: #00a48b; } /* banner */ .banner { width: 100%; height: 340px; background-color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } .nybanner img{ display: none;} .pagination-inline.pagination-banner0 .prevbtn{ background-image: url(../images/ico-prev1.png); } .pagination-inline.pagination-banner0 .nextbtn{ background-image: url(../images/ico-next1.png) ; } /* 首页 */ .home .title, .home .text { text-align: center; } .home .title { margin-top: 20px; font-size: 24px; color: #10384f; } .home .text { margin: 10px auto 0; max-width: 480px; } .homeproduct .home-list .back { position: relative; overflow: hidden; display: block; text-align: center; } .homeproduct .home-list .back .img { margin-top: 15px; } .homeproduct .home-list .back .info { margin: 10px; } .homeproduct .home-list .back .info::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; display: none; background: #00a1a6; } .homeproduct .home-list li:hover .back, .homeproduct .home-list li.on .back { background: #f9f9f9; } .homeproduct .home-list li:hover .back .info::after, .homeproduct .home-list li.on .back .info::after { display: block; } .homeproduct .home-content .back { background: #f9f9f9; } .homeproduct .home-content .back .info .h4 { color: #10384f; } .homeproduct .home-content .back .info dl.dl { max-height: 281px; overflow: hidden; } .homeproduct .home-content .back .info dt { margin-top: 5px; line-height: 28px; font-size: 16px; font-weight: bold; color: #333; } .homeproduct .home-content .back .info dd { line-height: 24px; } .homeproduct .home-content .back .info .more { margin-top: 5px; display: inline-block; color: #888; } .homeproduct .home-content .pagination-inline a { background-repeat: no-repeat; background-position: center center; } .homeproduct .home-content .pagination-inline .prevbtn { background-image: url(../images/ico-prev1.png); } .homeproduct .home-content .pagination-inline .nextbtn { background: url(../images/ico-next2.png) no-repeat center center, url(../images/ico-bg.jpg) repeat center center; } .homeproject { color: #fff; background: url(../uploadfiles/image/homeproject-bg.jpg) no-repeat center top; background-size: cover; } .homeproject .title { color: #fff; } .homeproject .myswiper .back { position: relative; height: 400px; display: block; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.5); } .homeproject .myswiper .back:hover { border-color: #4eb849; background: -webkit-gradient(linear, 100% 0, 0 0, from(#4eb849), to(#00a0aa)); background: -moz-linear-gradient(right, #4eb849, #00a0aa); background: -o-linear-gradient(right, #4eb849, #00a0aa); background: -ms-linear-gradient(right, #4eb849, #00a0aa); } .homeproject .myswiper .back .con { position: absolute; top: 66%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; padding: 0 35px; text-align: center; color: #fff; } .homeproject .myswiper .back:hover .con { top: 50%; } .homeproject .myswiper .back .con .img { width: 110px; height: 110px; margin: 0 auto; border: 2px solid #fff; border-radius: 50%; text-align: center; line-height: 110px; } .homeproject .myswiper .back:hover .con .img { background-color: #fff; border-color: #fff; display: flex;align-items: center; } .homeproject .myswiper .back .con .img img { max-width: 100%; margin: 0 auto; align-items: center; display: inline-block; vertical-align: middle; } .homeproject .myswiper .back .con .img img.img2 { display: none; } .homeproject .myswiper .swiper-slide .back:hover .con .img img.img1 { display: none; } .homeproject .myswiper .swiper-slide .back:hover .con .img img.img2 { display: inline-block; } /* .homeproject .myswiper .swiper-slide:nth-of-type(1) .back .con .img { background-image: url(../uploadfiles/image/ico-project1.png); } .homeproject .myswiper .swiper-slide:nth-of-type(2) .back .con .img { background-image: url(../uploadfiles/image/ico-project1.png); } .homeproject .myswiper .swiper-slide:nth-of-type(3) .back .con .img { background-image: url(../uploadfiles/image/ico-project1.png); } .homeproject .myswiper .swiper-slide:nth-of-type(4) .back .con .img { background-image: url(../uploadfiles/image/ico-project1.png); } .homeproject .myswiper .swiper-slide:nth-of-type(1) .back:hover .con .img { background-image: url(../uploadfiles/image/ico-project1-hover.png); } .homeproject .myswiper .swiper-slide:nth-of-type(2) .back:hover .con .img { background-image: url(../uploadfiles/image/ico-project1-hover.png); } .homeproject .myswiper .swiper-slide:nth-of-type(3) .back:hover .con .img { background-image: url(../uploadfiles/image/ico-project1-hover.png); } .homeproject .myswiper .swiper-slide:nth-of-type(4) .back:hover .con .img { background-image: url(../uploadfiles/image/ico-project1-hover.png); } */ .homeproject .myswiper .back .con .info p:not(.h4) { text-align: left; opacity: 0; margin-top: 25px; } .homeproject .myswiper .back:hover .con .info p:not(.h4) { opacity: 1; } .homeproject .myswiper .back .con .info .h4 { margin-top: 15px; font-size: 22px; line-height: 28px; } .homeabout { background: url(../uploadfiles/image/homeabout-bg.png) no-repeat center bottom; background-size: 100% auto; } .homeabout .img { margin: 20px 0; } .homenews { background: url(../uploadfiles/image/homenews-bg.jpg) no-repeat center top; background-size: cover; } .homenews .title, .homenews .text { color: #fff; } .homenews .myswiper { border-bottom: 1px solid #eee; } .homenews .myswiper .back { background: #fff; border: 4px solid rgba(7,169,111,0.3); } .homenews .myswiper .back .info { padding: 15px; } .homenews .myswiper .back .info .h4 { margin-top: 5px; max-height: 76px; overflow: hidden; } .homenews .myswiper .back .info .h4 a { font-size: 18px; line-height: 28px; } .homenews .myswiper .back .info .more { margin-top: 10px; display: inline-block; color: #888; } .homenews .myswiper .back .info .more:hover { color: #00a48b; } .homenews .myswiper .swiper-container-horizontal>.swiper-scrollbar { bottom: 0; left: 0; width: 100%; height: 3px; background: none; } .homenews .myswiper .swiper-scrollbar-drag { background: #fff; border-radius: 0; } /* 产品列表 */ .product { padding-top: 20px; } .product .product-sort .sort-list { position: relative; padding: 0 40px; } .product .product-sort .sort-list .back { display: block; overflow: hidden; text-align: center; background: #f9f9f9; border-left: 1px solid #f2f2f2; } .product .product-sort .sort-list .swiper-slide:first-of-type .back { border: 0; } .product .product-sort .sort-list .back .img { margin-top: 15px; } .product .product-sort .sort-list .back .img img:last-of-type { display: none; } .product .product-sort .sort-list .back .img img:first-of-type { display: inline-block; } .product .product-sort .sort-list .back .info { margin: 10px; } .product .product-sort .sort-list li:hover .back, .product .product-sort .sort-list li.on .back { background: -webkit-gradient(linear, 100% 0, 0 0, from(#07a970), to(#00a0aa)); background: -moz-linear-gradient(right, #07a970, #00a0aa); background: -o-linear-gradient(right, #07a970, #00a0aa); background: -ms-linear-gradient(right, #07a970, #00a0aa); } .product .product-sort .sort-list li:hover .back .img img:first-of-type, .product .product-sort .sort-list li.on .back .img img:first-of-type { display: none; } .product .product-sort .sort-list li:hover .back .img img:last-of-type, .product .product-sort .sort-list li.on .back .img img:last-of-type { display: inline-block; } .product .product-sort .sort-list li:hover .back .info, .product .product-sort .sort-list li.on .back .info { color: #fff; } .product .product-sort .sort-list .pagination-inline a { height: 100%; top: 0; margin-top: 0; background-repeat: no-repeat; background-position: center center; } .product .product-sort .sort-list .pagination-inline .prevbtn { background-image: url(../images/ico-prev3.png); } .product .product-sort .sort-list .pagination-inline .nextbtn { background-image: url(../images/ico-next3.png); } .product .product-sort .sort-content ul li { margin-top: 20px; } .product .product-sort .sort-content ul li .back { text-align: center; border: 2px solid #eee; } .product .product-sort .sort-content ul li .back .img { position: relative; height: 160px; } .product .product-sort .sort-content ul li .back .img a { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: block; } .product .product-sort .sort-content ul li .back .info { padding: 0 10px; } .product .product-sort .sort-content ul li .back .info .more { width: 30px; height: 30px; display: inline-block; margin: 10px 0; border: 1px solid #d0d0d0; border-radius: 50%; background: url(../images/ico-more.png) no-repeat center center; background-size: auto 10px; } .product .product-sort .sort-content ul li .back:hover { border-color: #07a971; } .product .product-sort .sort-content ul li .back:hover .info .more { background-color: #07a971; background-image: url(../images/ico-more-hover.png); border-color: #07a971; } .product-hot { padding-bottom: 30px; background: url(../uploadfiles/image/product-hot-bg.jpg) no-repeat center top; background-size: cover; } .product-hot .title { margin-top: 20px; text-align: center; font-size: 24px; color: #fff; } .product-hot .myswiper { margin-top: 20px; margin-bottom: 20px; padding: 0 65px; } .product-hot .myswiper .back { position: relative; text-align: center; background: #fff; } .product-hot .myswiper .back::before { content: ''; position: absolute; left: 10px; top: 10px; width: 22px; height: 30px; display: block; background: url(../images/ico-hot.png) no-repeat center center; } .product-hot .myswiper .back .img { position: relative; height: 220px; } .product-hot .myswiper .back .img a { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: block; } .product-hot .myswiper .back .info { padding: 0 10px 25px; } .product-hot .myswiper .pagination-inline a { border-radius: 50%; border: 1px solid #fff; background: none; background-repeat: no-repeat; background-position: center center; } .product-hot .myswiper .pagination-inline .prevbtn { background-image: url(../images/ico-prev2.png); } .product-hot .myswiper .pagination-inline .nextbtn { background-image: url(../images/ico-next2.png); } /* 产品详情 */ .product-info p:not(.title), .product-info li { line-height: 24px; } .product-info .title { color: #10384f; } .product-info .text { color: #888; } .product-info .con { height: 36px; line-height: 36px; display: inline-block; margin-top: 15px; padding: 0 15px; font-size: 18px; color: #fff; background: -webkit-gradient(linear, 100% 0, 0 0, from(#06a874), to(#00a0a9)); background: -moz-linear-gradient(right, #06a874, #00a0a9); background: -o-linear-gradient(right, #06a874, #00a0a9); background: -ms-linear-gradient(right, #06a874, #00a0a9); border-radius: 20px; } .product-info .info-detail { padding: 20px 0; background: #f8f8f8; } .product-info .info-detail .title { margin-top: 20px; font-size: 24px; } .product-info .info-detail .img { border: 1px solid #eee; } .product-info .info-detail .swiper-infot, .product-info .info-detail .myswiper { max-width: 480px; margin-left: 0; background: #fff; } .product-info .info-detail .myswiper { padding: 15px 40px; } .product-info .info-detail .myswiper .swiper-slide-active .img { border-color: #00a48b; border-width: 3px; } .product-info .info-detail .myswiper .pagination-inline .prevbtn, .product-info .info-detail .myswiper .pagination-inline .nextbtn { width: 40px; background-color: #fff; background-repeat: no-repeat; background-position: center center; } .homeban .swiper-banner .pagination-inline .prevbtn { background-image: url(../images/ico-prev1.png); } .homeban .swiper-banner .pagination-inline .nextbtn { background-image: url(../images/ico-next2.png) ; } .homeban .swiper-banner .pagination-inline .prevbtn , .product-info .info-detail .myswiper .pagination-inline .prevbtn { background-image: url(../images/ico-prev1.png); } .homeban .swiper-banner .pagination-inline .nextbtn , .product-info .info-detail .myswiper .pagination-inline .nextbtn { background-image: url(../images/ico-next1.png); } .product-info .info-detail .info ul { margin: 10px 0 0; } .product-info .info-detail .info ul li { padding-left: 20px; position: relative; list-style-type: none; min-width: 34%; float: left; } .product-info .info-detail .info ul li:before{ position: absolute; left: 0; width: 5px; height: 5px; border-radius: 100%; background: #cccccc; top: 11px; content: '';} .product-info .info-intro { padding: 20px 0 30px; } .product-info .info-intro .img img { height: auto; } .product-info .info-intro .top { position: relative; height: 60px; line-height: 60px; font-size: 18px; font-weight: bold; background: #f9f9f9; border-left: 3px solid #02a396; } .product-info .info-intro .top .title { padding: 0 30px; } .product-info .info-intro .top .more { position: absolute; right: 0; top: 0; display: inline-block; padding: 0 40px; color: #fff; background: -webkit-gradient(linear, 100% 0, 0 0, from(#06a874), to(#00a0a9)); background: -moz-linear-gradient(right, #06a874, #00a0a9); background: -o-linear-gradient(right, #06a874, #00a0a9); background: -ms-linear-gradient(right, #06a874, #00a0a9); } .product-info .info-intro .top .more img { margin-right: 10px; display: inline-block; vertical-align: middle; } .product-info .info-intro .bottom .con { margin: 20px 0; padding: 0 25px; font-size: 16px; border-radius: 0 6px 6px 0; } .product-info .info-intro .bottom .info { color: #888; } .product-info .info-intro .bottom .back{ margin: 0;} .product-info .info-intro .bottom .back li { list-style-position: inside; } .product-info .info-intro .bottom .back li { padding-left: 20px; position: relative; list-style-type: none; min-width: 34%; float: left; } .product-info .info-intro .bottom .back li:before{ position: absolute; left: 0; width: 5px; height: 5px; border-radius: 100%; background: #cccccc; top: 11px; content: '';} .product-info .info-project .title { color: #fff; } .product-info .info-project .myswiper .back::before { display: none; } .product-info .flexslider { margin-bottom: 0; border: 0; } .product-info #carousel.flexslider .flex-viewport { margin: 0 40px; padding: 15px 0; } .product-info #carousel.flexslider li .img { cursor: pointer; border: 3px solid #fff; } .product-info #carousel.flexslider .flex-active-slide .img { border-color:#00a48b; } .product-info #carousel .flex-direction-nav a { height: 100%; display: block; top: 0; margin-top: 0; } .product-info .flex-direction-nav a { width: 40px; opacity: 1 !important; display: none; background-color: #fff; background-image: none; background-repeat: no-repeat; background-position: center center; } .product-info .flex-direction-nav .flex-prev { left: 0 !important; background-image: url(../images/ico-prev1.png); } .product-info .flex-direction-nav .flex-next { right: 0 !important; background-image: url(../images/ico-next1.png); } .public-con.con { position: relative; width: auto; height: 40px; display: inline-block; padding: 0 20px; margin-left: 35px; margin-top: 30px; text-align: right; line-height: 40px; font-size: 20px; background: #f1f1f1; border-radius: 20px; } .public-con.con::after { content: ''; position: absolute; left: 100%; top: 50%; margin-top: -2px; width: 1050px; height: 4px; margin-left: 20px; display: block; background: #f9f9f9; } .public-con.con span { position: absolute; left: -35px; bottom: 10px; width: 106px; height: 100%; color: #fff; text-align: center; background: -webkit-gradient(linear, 100% 0, 0 0, from(#4eb849), to(#01a2e1)); background: -moz-linear-gradient(right, #4eb849, #01a2e1); background: -o-linear-gradient(right, #4eb849, #01a2e1); background: -ms-linear-gradient(right, #4eb849, #01a2e1); border-radius: 20px; } .public-h4.h4 { margin-top: 20px; padding-left: 44px; background: url(../images/ico-word.png) no-repeat left top; background-size: auto 100%; font-weight: bold; } .menu-list ul { margin: 20px 0; text-align: center; } .menu-list ul li { margin: 0 5px; display: inline-block; } .menu-list ul li a { width: 100px; height: 30px; line-height: 26px; display: block; background: #f7f7f7; border: 2px solid #f7f7f7; border-radius: 15px; } .menu-list ul li:hover a, .menu-list ul li.on a { color: #07a970; background: #fff; border-color: #07a970; } /* 解决方案 */ .project-power p:not(.title) { line-height: 24px; } .project-power .title { text-align: center; } .project-power .power-sort .sort-content .panel-top .info { padding: 0 20px; overflow: hidden; background: url(../uploadfiles/image/product-hot-bg.jpg) no-repeat center top; } .project-power .power-sort .sort-content .panel-top .info p { margin: 20px 0; color: #fff; } .project-power .power-sort .sort-content .panel-bottom { padding-bottom: 20px; } .project-power .power-sort .sort-content .panel-bottom .li-question>p { margin: 10px 0; } .project-power .power-sort .sort-content .panel-bottom .li-question li { position: relative; padding-left: 50px; } .project-power .power-sort .sort-content .panel-bottom .li-question li::before { content: '0'; position: absolute; left: 0; top: 50%; margin-top: -15px; width: 30px; height: 30px; display: block; text-align: center; line-height: 30px; font-size: 18px; color: #fff; background: -webkit-gradient(linear, 100% 0, 0 0, from(#4eb849), to(#00a0aa)); background: -moz-linear-gradient(right, #4eb849, #00a0aa); background: -o-linear-gradient(right, #4eb849, #00a0aa); background: -ms-linear-gradient(right, #4eb849, #00a0aa); border-radius: 6px; } .project-power .power-sort .sort-content .panel-bottom .li-question li:nth-of-type(1)::before { content: '1'; } .project-power .power-sort .sort-content .panel-bottom .li-question li:nth-of-type(2)::before { content: '2'; } .project-power .power-sort .sort-content .panel-bottom .li-question li:nth-of-type(3)::before { content: '3'; } .project-power .power-sort .sort-content .panel-bottom .li-question li:nth-of-type(4)::before { content: '4'; } .project-power .power-sort .sort-content .panel-bottom .li-question li:nth-of-type(5)::before { content: '5'; } .project-power .power-sort .sort-content .panel-bottom .li-question li p { padding: 10px 0; border-bottom: 4px solid #f5f5f5; } .project-power .power-sort .sort-content .panel-bottom .li-question li:last-of-type p { border: 0; } .project-power .power-sort .sort-content .panel-bottom .li-project p { margin-top: 10px; } .project-power .power-product .product-hot { background-image: url(../uploadfiles/image/project-power-bg.jpg); } .project-power .power-product .product-hot .title { color: #333; } .project-power .power-product .product-hot .myswiper .back::before { display: none; } .project-power .power-product .product-hot .myswiper .pagination-inline a { border: 0; } .project-power .power-product .product-hot .myswiper .pagination-inline .prevbtn { background-image: url(../images/ico-prev4.png); } .project-power .power-product .product-hot .myswiper .pagination-inline .prevbtn:hover { background-image: url(../images/ico-prev4_hover.png); } .project-power .power-product .product-hot .myswiper .pagination-inline .nextbtn { background-image: url(../images/ico-next4.png); } .project-power .power-product .product-hot .myswiper .pagination-inline .nextbtn:hover { background-image: url(../images/ico-next4_hover.png); } .project-power .project-related { padding-bottom: 30px; background: url(../uploadfiles/image/product-hot-bg.jpg) no-repeat center top; background-size: cover; } .project-power .project-related .title { margin-top: 20px; color: #fff; } .project-power .project-related .myswiper { margin-top: 20px; padding: 0 65px; } .project-power .project-related .myswiper .back { background: #fff; } .project-power .project-related .myswiper .back .info { padding: 20px 15px; text-align: center; } .project-power .project-related .myswiper .pagination-inline a { border-radius: 50%; border: 1px solid #fff; background: none; background-repeat: no-repeat; background-position: center center; } .project-power .project-related .myswiper .pagination-inline .prevbtn { background-image: url(../images/ico-prev2.png); } .project-power .project-related .myswiper .pagination-inline .nextbtn { background-image: url(../images/ico-next2.png); } /* 新闻列表 */ .news li { margin-top: 20px; } .news li .back { border: 2px solid #eee; } .news li .back:hover { border-color: #44be92; } .news li .back .img { width: 300px; float: left; margin-right: 30px; } .news li .back .info .time { margin-top: 20px; background: linear-gradient(to right,#07a3d4,#4db84b); color: transparent!important; display: inline-block; -webkit-background-clip: text; } .news li .back .info .h4 { margin: 10px 0; font-size: 22px; } .news li .back .info p:not(.h4) { line-height: 24px; color: #999; } .news li .back .info .more { margin-top: 20px; display: inline-block; color: #888; } .news li .back .info .more:hover { color: #00a48b; } /* 新闻详情 */ .news-info { text-align: center; } .news-info p:not(.title) { line-height: 24px; } .news-info .title { margin-top: 50px; font-size: 22px; color: #00a48b; } .news-info .text { margin-top: 20px; color: #999; } .news-info .desc { margin: 30px 0; padding: 30px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .news-info .desc .info { text-align: left; } .news-info .desc .info p { margin: 10px 0; } /* 人才战略 */ .strategy-talent p:not(.title):not(.con) { line-height: 24px; } .strategy-talent .talent-culture { padding-bottom: 20px; } .strategy-talent .talent-culture .back ul { margin-top: 20px; } .strategy-talent .talent-culture li { line-height: 24px; padding-left: 20px; position: relative; } .strategy-talent .talent-culture li:before{ position: absolute; left: 0; width: 5px; height: 5px; border-radius: 100%; background: #cccccc; top: 11px; content: '';} .strategy-talent .talent-value { padding-bottom: 20px; color: #fff; background: url(../uploadfiles/image/strategy-talent-bg.jpg) no-repeat center top; background-size: cover; } .strategy-talent .talent-value .text { margin-top: 20px; } .strategy-talent .talent-value .con { color: #fff; background: #39b5b0; } .strategy-talent .talent-value .con::after { background: #3db8af; } .strategy-talent .talent-value .con span { background: #53bfc0; } .strategy-talent .talent-value .back { margin: 0; margin-top: 20px; } .strategy-talent .talent-value .back .info { min-height: 180px; padding: 30px 30px 0; border: 1px solid #fff; } .strategy-talent .talent-value .back .info:nth-of-type(n+4) { min-height: 205px; } .strategy-talent .talent-value .back .info .h5 { margin-bottom: 15px; padding: 0 15px; display: inline-block; line-height: 30px; background: #00948e; border-radius: 15px; } .strategy-talent .talent-develop { padding-bottom: 20px; } .strategy-talent .talent-develop .back { margin: 0; } .strategy-talent .talent-develop .back>div { margin-top: 20px; } .strategy-talent .talent-develop .back .info { min-height: 180px; padding: 30px; border: 1px solid #00948e; border-radius: 12px; } .strategy-talent .talent-develop .back .info .h5 { margin-bottom: 15px; padding: 0 15px; display: inline-block; line-height: 30px; background: #00948e; border-radius: 15px; color: #fff; } .strategy-school p:not(.title):not(.h4):not(.con) { line-height: 24px; } .strategy-school .school-intro .main, .strategy-school .school-framework .main { margin-top: 30px; } .strategy-school .school-framework { padding-bottom: 30px; } .strategy-school .school-wishes { padding: 30px 0; color: #fff; background: url(../uploadfiles/image/strategy-school-bg.jpg) no-repeat center top; background-size: cover; } .strategy-school .school-wishes .back .con { margin-top: 20px; font-size: 22px; } .strategy-school .school-wishes .back .con::after { content: ''; width: 100px; height: 3px; margin-top: 10px; background: #fff; display: block; } .strategy-school .school-wishes .back .info { margin-top: 15px; } .strategy-recruit .recruit-work { padding-bottom: 20px; } .strategy-recruit .recruit-work .con { margin-top: 10px; } .strategy-recruit .recruit-work .main { margin: 20px 0 0; text-align: center; } .strategy-recruit .recruit-work .main>div { min-height: 280px; padding: 35px; padding-bottom: 0; border: 1px solid #e5e5e5; } .strategy-recruit .recruit-work .back .info p { margin-top: 20px; } .strategy-recruit .recruit-work .back .info .h4 { font-weight: bold; } .strategy-recruit .recruit-life { padding-bottom: 20px; color: #fff; background: url(../uploadfiles/image/strategy-recruit-bg.jpg) no-repeat center top; background-size: cover; margin-bottom: 3%; } .strategy-recruit .recruit-life .con { color: #fff; background: #39b4b2; } .strategy-recruit .recruit-life .con span { background: #53bfc0; } .strategy-recruit .recruit-life .back { margin: 0; margin-top: 20px; } .strategy-recruit .recruit-life .back .info { min-height: 210px; padding: 30px 30px 0; border: 1px solid #fff; } .strategy-recruit .recruit-life .back .info .h5 { min-width: 100px; margin-bottom: 15px; padding: 0 15px; display: inline-block; text-align: center; line-height: 30px; border: 1px solid #fff; border-radius: 15px; } .strategy-recruit .recruit-access ul li { float: left; } .strategy-recruit .recruit-access ul li a { height: 54px; line-height: 54px; display: block; text-align: center; border: 1px solid #e5e5e5; } /* 关于我们 */ .about-intro .title { font-size: 22px; color: #10384f; } .about-intro .intro-company { margin-top: 20px; } .about-intro .intro-company .container { padding-bottom: 20px; } .about-intro .intro-company .container>p:not(.title) { margin-top: 10px; line-height: 24px; } .about-intro .intro-company .container .back { margin-top: 20px; margin-bottom: 20px; } .about-intro .intro-company ul li { margin-top: 20px; } .about-intro .intro-company ul li .info { height: 40px; line-height: 40px; font-size: 14px; } .about-intro .intro-company ul li .info img { margin-right: 10px; height: 100%; } .about-intro .intro-company ul li .info span { vertical-align: bottom; font-size: 24px; color: #00a48b; } .about-intro .intro-idea { padding-bottom: 30px; } .about-intro .intro-idea .title { text-align: center; } .about-intro .intro-idea .row { margin: 0; } .about-intro .intro-idea .row>div { padding: 0; } .about-intro .intro-idea .main { margin-top: 20px; } .about-intro .intro-idea .main .back { min-height: 250px; padding: 0 10%; text-align: center; border: 1px solid #dcdcdc; } .about-intro .intro-idea .main .back .img { margin-top: 40px; } .about-intro .intro-idea .main .back .img img { height: 65px; } .about-intro .intro-idea .main .back .info .h4 { margin: 20px 0 15px; font-weight: bold; } .about-honor .honor-list { margin-left: -10px; margin-right: -10px; } .about-honor .honor-list li { padding-left: 10px; padding-right: 10px; margin-top: 20px; } .about-honor .honor-list li .back { height: 320px; text-align: center; border: 2px solid #eee; } .about-honor .honor-list li .back .img { position: relative; height: 230px; } .about-honor .honor-list li .back .img img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .about-honor .honor-list li .back .info .more { margin-top: 12px; width: 24px; height: 24px; display: inline-block; background: url(../images/ico-search.png) no-repeat center center; } .about-honor .honor-list li .back:hover { border-color: #00a48b; } .about-honor .honor-list li .back:hover .info .more { background-image: url(../images/ico-search-hover.png); } .about-creative .public-h4.h4 { margin-top: 0; margin-bottom: 10px; } .about-creative p:not(.title):not(.con) { line-height: 24px; } .about-creative .creative-intro .con::after { display: none; } .about-creative .creative-intro .con span { left: -50%; width: auto; padding: 0 15px; } .about-creative .creative-intro .info { overflow: hidden; text-align: left; } .about-creative .creative-intro .info p { margin-top: 10px; } .about-creative .creative-platform .back { margin-top: 20px; } .about-creative .creative-platform .back .info { margin-top: 20px; } .about-creative .creative-success .info { margin-top: 20px; } .about-creative .creative-draw { padding-bottom: 30px; } .about-creative .creative-draw li { padding-left: 20px; position: relative; list-style-type: none; } .about-creative .creative-draw li:before{ position: absolute; left: 0; width: 5px; height: 5px; border-radius: 100%; background: #cccccc; top: 11px; content: '';} .about-creative .creative-draw .back { margin-top: 20px; } .about-strength .title { margin-top: 20px; text-align: center; font-size: 22px; color: #10384f; } .about-strength .text { max-width: 480px; margin: 10px auto 0; text-align: center; } .about-strength p:not(.title) { line-height: 24px; } .about-strength .strength-base .row { margin: 20px 0 0; } .about-strength .strength-base .row>div { padding: 0; } .about-strength .strength-equipment { padding-bottom: 30px; } .about-strength .strength-equipment .swiper-infot { margin-top: 20px; } .about-strength .strength-equipment .swiper-infot .swiper-slide { position: relative; } .about-strength .strength-equipment .swiper-infot .swiper-slide .info { position: absolute; left: 0; bottom: 15px; width: 100%; padding: 0 15px; text-align: center; color: #fff; } .about-strength .strength-equipment .myswiper { margin-top: 10px; padding: 0 40px; } .about-strength .strength-equipment .myswiper .pagination-inline .prevbtn, .about-strength .strength-equipment .myswiper .pagination-inline .nextbtn { top: 0; margin-top: 0; width: 30px; height: 100%; background-color: #efefef; background-repeat: no-repeat; background-position: center center; } .about-strength .strength-equipment .myswiper .pagination-inline .prevbtn { background-image: url(../images/ico-prev1.png); } .about-strength .strength-equipment .myswiper .pagination-inline .nextbtn { background-image: url(../images/ico-next1.png); } .fancybox-title-float-wrap { margin-bottom: 45px !important; } .fancybox-title-float-wrap .child { max-width: 359px; overflow: hidden; white-space: nowrap !important; text-overflow: ellipsis !important; } /* 联系我们 */ .contact .contact-message { padding-bottom: 30px; line-height: 24px; color: #555; } .contact .contact-message .message-l ul li { padding: 20px 0; border-bottom: 5px solid #f5f5f5; } .contact .contact-message .message-l ul li:last-of-type { padding-bottom: 0; border: none; } .contact .contact-message .message-l ul li .info .h4 { margin: 5px 0 15px; font-weight: bold; } .contact .contact-message .message-l ul li .info { padding-left: 60px; overflow: hidden; background: url(../uploadfiles/image/ico-contact2.png) no-repeat left top; background-size: 40px 40px; } .contact .contact-message .message-l ul li:nth-of-type(1) .info { background-image: url(../uploadfiles/image/ico-contact1.png); } .contact .contact-message .message-r .leave-word { overflow: hidden; max-width: 400px; margin-top: 30px; margin-right: 0; padding: 0 15px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1); box-shadow: 0 0 15px rgba(0,0,0,.1); } .contact .contact-message .message-r .leave-word .h4 { margin: 20px 0; text-align: center; font-weight: bold; font-size: 22px; color: #10384f; } .contact .contact-message .message-r .leave-word .form-group .form-control { border-color: #eee; border-radius: 0; } .contact .contact-message .message-r .leave-word .form-group input { height: 50px; line-height: 50px; } .contact .contact-message .message-r .leave-word .form-group textarea { padding: 12px; } .contact .contact-message .message-r .leave-word .form-group .btn { width: 100%; height: 50px; line-height: 50px; margin: 10px 0; padding: 0; color: #fff; background: -webkit-gradient(linear, 100% 0, 0 0, from(#4eb849), to(#00a0aa)); background: -moz-linear-gradient(right, #4eb849, #00a0aa); background: -o-linear-gradient(right, #4eb849, #00a0aa); background: -ms-linear-gradient(right, #4eb849, #00a0aa); border-radius: 0; } .contact .contact-map .map{border: 1px solid #ECECEC;padding: 5px;} .contact .contact-map .map #allmap{ height:480px;} .contact .contact-map .map #allmap *{ box-sizing:content-box;} .contact .contact-map .map #allmap img{ max-width:none;} /* 服务支持 */ .service .service-idea .back { margin: 0; padding: 20px 0 30px; } .service .service-idea .back>div { padding: 0; } .service .service-idea .back-r .info { width: 50%; height: 200px; float: left; border: 1px solid #eee; text-align: center; } .service .service-idea .back-r .info .img { margin-top: 45px; } .service .service-idea .back-r .info .h4 { margin-top: 15px; font-weight: bold; } .service .service-system { padding-bottom: 30px; color: #fff; background: url(../uploadfiles/image/service-system-bg.jpg) no-repeat center top; background-size: cover; } .service .service-system .con { color: #fff; background: #39b5b0; } .service .service-system .con::after { background: #3db8af; } .service .service-system .con span { background: #53bfc0; } .service .service-system .desc { margin-top: 20px; font-size: 14px; } .service .service-system .back { margin: 0; padding-top: 30px; } .service .service-system .back>div { min-height: 190px; padding: 25px; border: 1px solid #fff; } .service .service-system .back .h5 { margin-bottom: 15px; padding: 0 25px; display: inline-block; line-height: 30px; border: 1px solid #fff; border-radius: 15px; } .service .service-web .myswiper { padding: 20px 15px; margin: 20px 10px 0; height: 480px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1); box-shadow: 0 0 10px rgba(0,0,0,.1); } .service .service-web .back { margin: 0; padding-bottom: 30px; } .service .service-web .back>div { padding: 0; } .service .service-web .myswiper .swiper-container { width: 100%; height: 100%; } .service .service-web .myswiper .swiper-slide { height: auto; } .service .service-web .myswiper ul { padding-right: 25px; } .service .service-web .myswiper ul li { padding: 20px; border-bottom: 4px solid #fbfbfb; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .service .service-web .myswiper ul li p { font-size: 14px; line-height: 24px; } .service .service-web .myswiper ul li .h5 { margin-bottom: 10px; font-size: 16px; font-weight: bold; } .service .service-web .myswiper ul li:hover { color: #fff; background: -webkit-gradient(linear, 100% 0, 0 0, from(#07a970), to(#00a0aa)); background: -moz-linear-gradient(right, #07a970, #00a0aa); background: -o-linear-gradient(right, #07a970, #00a0aa); background: -ms-linear-gradient(right, #07a970, #00a0aa); } .service .service-web .swiper-container-vertical>.swiper-scrollbar { width: 6px; border-radius: 0; } .service .service-web .swiper-container-vertical>.swiper-scrollbar .swiper-scrollbar-drag { background: #00a1a9; border-radius: 0; } @media (min-width: 768px) { /* 头部 */ header .navbar-default > .container { position: relative; } header .navbar-default .navbar-brand { width: 120px; height: 60px; background-size: 120px 40px; margin-left: 0 !important; } header .navbar-default #menu > li { position: static; padding: 5px 16px 10px; } header .navbar-default #menu > li > a { padding: 0 15px; line-height: 30px; border-radius: 15px; color: #333333; } header .navbar-default #menu > li.on, header .navbar-default #menu > li:hover, header .navbar-default #menu > li.open { background: none !important; } header .navbar-default #menu .dropdown-menu { width: 100%; padding: 0 15px; border: 0; background: none; border-radius: 0; box-shadow: none; } header .navbar-default #menu .dropdown-menu::before { content: ''; position: absolute; left: 0; top: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 3000px; height: 100%; display: block; background: rgba(255, 255, 255, 0.4); } header .navbar-default #menu .dropdown-menu li { margin: 0 15px; position: relative; z-index: 1; display: inline-block; } header .navbar-default #menu .dropdown-menu li:first-of-type { margin-left: 0; } header .navbar-default #menu .dropdown-menu li a { position: relative; padding: 0; line-height: 50px; background: none; color: #333; } header .navbar-default #menu .dropdown-menu li a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; display: none; background: #00a48b; } header .navbar-default #menu .dropdown-menu li:hover a::after { display: block; } /* 底部 */ footer .h4 { line-height: 28px; } footer .h3 { line-height: 38px; font-size:22px; background-image: -webkit-linear-gradient(left, rgb(2, 162, 2222), rgb(78, 184, 74), rgb(78, 184, 74)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } footer .ftr-top .ftr-service { padding-right: 0; } footer .ftr-top .ftr-nav { margin-top: 30px; } footer .ftr-top .ftr-nav .back > div { width: 20%; } /* 首页 */ .home .title { margin-top: 40px; font-size: 36px; } .homeproduct .home-list, .homeproject .myswiper, .homenews .myswiper { margin-top: 30px; } .homeproduct .home-list .back .img { margin-top: 25px; } .homeproduct .home-list .back .info { margin: 15px; } .homeproduct .home-content { margin-top: 20px; } .homeproduct .home-content .back .info { padding: 30px 20px; } .homeproduct .home-content .back .info .h4 { font-size: 20px; } .homeproduct, .homeproject { padding-bottom: 40px; } .homeproduct .home-content .back .info dt { line-height: 32px; } .homeproject .myswiper .back { height: 500px; } .homeabout .img { margin: 30px 0; } .homenews { padding-bottom: 40px; } .homenews .myswiper .back { margin-bottom: 40px; } .homenews .myswiper .back .info { padding: 25px; } .homenews .myswiper .back .info p.time{ background-image: -webkit-linear-gradient(left, rgb(2, 162, 2222), rgb(78, 184, 74), rgb(78, 184, 74), rgb(78, 184, 74)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .homenews .myswiper .back .info .h4 a { font-size: 26px; line-height: 38px; } /* 产品列表 */ .product { padding-top: 30px; } .product .product-hot { padding-bottom: 50px; } .product .product-hot .title { margin-top: 30px; } .product .product-sort .sort-list { padding: 0 70px; } .product .product-sort .sort-list .back .img { margin-top: 25px; } .product .product-sort .sort-list .back .info { margin: 15px; } .product .product-sort .sort-content ul li { margin-top: 30px; } .product .product-sort .sort-content ul li .back .img { height: 220px; } .product .product-sort .sort-content ul li .back .info .more { margin: 20px 0; } .product-hot .title { font-size: 30px; } .product-hot .myswiper { margin-top: 30px; } /* 产品详情 */ .product-info .info-detail { padding: 30px 0; } .product-info .info-intro { padding: 30px 0; } .product-info .info-intro .bottom .con { margin: 30px 0 20px; } .public-con.con { margin-top: 50px; } .menu-list ul { margin: 30px 0; } .menu-list ul li a { width: 130px; height: 44px; line-height: 40px; border-radius: 22px; } /* 解决方案 */ .project-power .power-sort .sort-content .panel-top .info { padding: 0 30px; } .project-power .power-sort .sort-content .panel-top .info p { margin: 20px 0; } .project-power .power-sort .sort-content .panel-bottom { padding-bottom: 30px; } .project-power .power-sort .sort-content .panel-bottom .li-question>p { margin: 20px 0; } .project-power .power-sort .sort-content .panel-bottom .li-question li p { padding: 10px 0; } .project-power .power-sort .sort-content .panel-bottom .li-project p { margin-top: 20px; } .project-power .project-related .title { font-size: 30px; } .project-power .project-related .myswiper { margin-top: 30px; } /* 新闻列表 */ .news li { margin-top: 30px; } .news li .back .info .h4 { font-size: 22px; } /* 人才战略 */ .strategy-talent .talent-culture { padding-bottom: 30px; } .strategy-talent .talent-culture .back ul { margin-top: 30px; } .strategy-talent .talent-value { padding-bottom: 30px; } .strategy-talent .talent-value .text { margin-top: 30px; } .strategy-talent .talent-value .back { margin-top: 30px; } .strategy-talent .talent-develop { padding-bottom: 30px; } .strategy-talent .talent-develop .back>div { margin-top: 20px; } .strategy-recruit .recruit-work { padding-bottom: 30px; } .strategy-recruit .recruit-work .main { margin-top: 30px; } .strategy-recruit .recruit-life { padding-bottom: 60px; } .strategy-recruit .recruit-life .back { margin-top: 30px; } .strategy-recruit .recruit-access { padding-bottom: 30px; } .strategy-recruit .recruit-access ul { margin-top: 30px; } .strategy-recruit .recruit-access ul li { width: 25%; } /* 关于我们 */ .about-intro .title { font-size: 26px; } .about-intro .intro-company { margin-top: 30px; } .about-intro .intro-company .container { padding-bottom: 30px; } .about-intro .intro-company .container>p:not(.title) { margin-top: 20px; } .about-intro .intro-company .container .back { margin-top: 30px; margin-bottom: 30px; } .about-intro .intro-idea { margin-top: 30px; } .about-intro .intro-idea .main { margin-top: 35px; } .about-honor .honor-list { margin-top: 20px; } .about-honor .honor-list li .back .info p { font-size: 16px; } .about-creative .public-h4.h4 { margin-bottom: 20px; } .about-creative .creative-intro .info { padding: 0 30px; } .about-creative .creative-intro .info p { margin-top: 20px; } .about-creative .creative-platform .back { margin-top: 30px; } .about-creative .creative-platform .back .info { margin-top: 30px; } .about-creative .creative-success .info { margin-top: 20px; } .about-creative .creative-draw { padding-bottom: 50px; } .about-creative .creative-draw .back { margin-top: 30px; } .about-strength .title { margin-top: 30px; font-size: 26px; } .about-strength .text { margin-top: 20px; } .about-strength .strength-equipment { padding-bottom: 50px; } /* 联系我们 */ .contact .contact-message { padding-bottom: 40px; } .contact .contact-message .message-l ul li { padding: 40px 0 30px; border-bottom-width: 10px; } .contact .contact-message .message-r .leave-word { margin-top: 40px; padding: 0 35px; } /* 服务支持 */ .service .service-idea .back { padding: 30px 0 50px; } .service .service-system { padding-bottom: 50px; } } @media (min-width: 992px) { /* 头部 */ header .navbar-default #menu { margin-left: 30px; } header .navbar-default #menu > li { padding: 15px 5px; } /* 底部 */ footer .ftr-top { padding: 60px 0; } footer .ftr-top ul { margin-top: 25px; } footer .ftr-top .ftr-nav { margin-top: 0; } footer .ftr-top .ftr-service { text-align: left; } footer .ftr-bottom { padding: 0; height: 100px; text-align: left; } footer .ftr-bottom .ftr-about ul li { margin: 40px 0; } footer .ftr-bottom .ftr-copyright p { margin: 40px 0; text-align: right; } /* 首页 */ .homeproduct .home-content .back .info { padding: 30px 0; } .homeproduct .home-content .back .row>div:last-of-type { padding-right: 30px; } /* 产品列表 */ .product .product-hot .myswiper { margin-top: 35px; padding: 0 80px; } /* 产品详情 */ .product-info .info-detail .title { margin-top: 0; } .product-info .info-intro .bottom>.img { width: 50%; float: right; } /* 人才战略 */ .strategy-school .school-framework { padding-bottom: 90px; } .strategy-school .school-wishes { padding: 60px 0; } .strategy-school .school-wishes .back .con { margin-top: 0; font-size: 26px; } .strategy-recruit .recruit-access ul li { width: 20%; } /* 关于我们 */ .about-honor .honor-list { margin-left: -15px; margin-right: -15px; } .about-honor .honor-list li { padding-left: 15px; padding-right: 15px; margin-top: 30px; } .about-creative .creative-platform .back .info:first-of-type { margin-top: 0; } /* 联系我们 */ .contact .contact-message .message-r .leave-word .h4 { margin: 35px 0; font-size: 26px; } .contact .contact-message .message-r .leave-word .form-group .btn { margin: 30px 0; } /* 服务支持 */ .service .service-web .back { padding: 30px 0 40px; } .service .service-web .back-l { width: 600px; } .service .service-web .back-r { width: 340px; } .service .service-web .myswiper { height: 540px; } } @media (min-width: 992px) and (max-width: 1199px) { /* 服务支持 */ .service .service-idea .back-r .info { height: 156.5px; } .service .service-idea .back-r .info .img { margin-top: 25px; } } @media (min-width: 1200px) { /* Bootstrap */ .container { width: 1200px; padding: 0; } /* 头部 */ header { font-size: 16px; } header .header-link ul li { margin: 15px 16px 15px 0; } header .navbar-default .navbar-brand { width: 180px; height: 100px; background-size: 180px 60px; } header .navbar-default #menu { margin-left: 40px; } header .navbar-default #menu > li { padding: 35px 5px; /* position: relative; */ } header .navbar-default #menu > li .dropdown-menu { left: 50%; margin-left: -375px; width: 750px; text-align: center; justify-content:center; } header .navbar-default #menu > li:first-of-type { padding-left: 25px; background: url(../images/ico-index.png) no-repeat 20px center; } header .navbar-default #menu > li > a { padding: 0 15px; font-size: 16px; } header .navbar-default #menu .dropdown-menu { padding: 0; font-size: 16px; } header .navbar-default #menu .dropdown-menu li.down { width: 0; overflow: hidden; height: 0; } header .navbar-default #menu .dropdown-menu li { display: inline-block ; /* float: left; */ } header .navbar-default #menu .dropdown-menu li.down { display: none; } header .navbar-default #menu .dropdown-menu li:nth-child(10) { display: inline-table; } header .navbar-default #menu .dropdown-menu li a { line-height: 60px; } header .navbar-default .navbar-right .form-group { width: 200px; margin: 30px 0; } header .navbar-default .navbar-right .form-group .form-control { padding:7px 50px 7px 12px; border-radius: 20px; } header .navbar-default .navbar-right .form-group .btn { width: 50px; height: 40px; background-size: 24px 24px; } /* 底部 */ footer { line-height: 28px; } footer .h4 { font-size: 24px; line-height: 36px; } footer .h3 { font-size: 32px; line-height: 48px; } footer .ftr-top { font-size: 16px; } footer .ftr-top .ftr-nav li { margin-bottom: 10px; } /* 分页 */ .pages { margin: 80px 0; } /* 菜单 */ .menubox .pull-left li a { padding: 0 25px; line-height: 80px; font-size: 16px; } .menubox .pull-right { margin: 26px 0; } /* 首页 */ .home { font-size: 16px; } .home .title { margin-top: 80px; font-size: 46px; } .home .text { font-size: 16px; } .homeproduct { padding-bottom: 100px; } .homeproduct .home-list { margin-top: 40px; } .homeproduct .home-content { margin-top: 30px; } .homeproduct .home-content .back .row>div:last-of-type { padding: 0 30px; } .homeproduct .home-content .back .info .h4 { font-size: 26px; } .homeproduct .home-content .back .info dd { line-height: 32px; } .homeproduct .home-content .back .info dt { font-size: 18px; } .homeproduct .home-content .pagination-inline a { top: 100%; margin-top: -50px; } .homeproduct .home-content .pagination-inline .prevbtn { left: 50%; margin-left: -65px; } .homeproduct .home-content .pagination-inline .nextbtn { right: 50%; margin-right: -35px; } .homeproject { padding-bottom: 140px; } .homeproject .myswiper { margin-top: 60px; } .homeproject .myswiper .back { height: 600px; } .homeproject .myswiper .back .con .info p:not(.h4) { line-height: 28px; } .homeabout .img { margin: 55px 0 75px; } .homenews { padding-bottom: 120px; } .homenews .myswiper { margin-top: 80px; } .homenews .myswiper .back { margin-bottom: 80px; } /* 产品列表 */ .product { padding-top: 50px; font-size: 16px; } .product-hot { padding-bottom: 70px; } .product-hot .title { margin-top: 50px; } /* 产品详情 */ .product-info p:not(.title), .product-info li { font-size: 16px; line-height: 28px; } .product-info .con { margin-top: 40px; } .product-info .info-detail { padding: 50px 0 70px; } .product-info .info-detail .title { font-size: 38px; } .product-info .info-detail .info ul { margin-top: 15px; } .product-info .info-intro { padding: 50px 0; } .product-info .info-intro .bottom .con { margin: 50px 0 20px; } .public-con.con { margin-top: 80px; } .public-h4.h4 { margin-top: 35px; } .menu-list ul { margin: 50px 0; } /* 解决方案 */ .project-power { font-size: 16px; } .project-power .power-sort .sort-content p { line-height: 28px; } .project-power .power-sort .sort-content .panel-top .info { padding: 0 100px; } .project-power .power-sort .sort-content .panel-top .info p { margin: 30px 0; } .project-power .power-sort .sort-content .panel-bottom { padding-bottom: 60px; } .project-power .power-sort .sort-content .panel-bottom .li-question>p { margin: 30px 0; } .project-power .power-sort .sort-content .panel-bottom .li-question li { padding-left: 70px; } .project-power .power-sort .sort-content .panel-bottom .li-question li::before { margin-top: -20px; width: 40px; height: 40px; line-height: 40px; font-size: 24px; } .project-power .power-sort .sort-content .panel-bottom .li-question li p { padding: 20px 0; } .project-power .power-sort .sort-content .panel-bottom .li-project p { margin-top: 20px; } .project-power .project-related { padding-bottom: 70px; } .project-power .project-related .title { margin-top: 50px; } /* 新闻列表 */ .news { font-size: 16px; } .news li { margin-top: 50px; } .news li .back .img { width: 380px; margin-right: 60px; } .news li .back .info p:not(.h4) { line-height: 28px; } .news li .back .info .time { margin-top: 30px; } .news li .back .info .more { margin-top: 30px; } /* 新闻详情 */ .news-info { font-size: 16px; } .news-info p:not(.title) { line-height: 28px; } /* 人才战略 */ .strategy-talent p:not(.title):not(.h4) { font-size: 16px; } .strategy-talent .talent-culture { padding-bottom: 55px; } .strategy-talent .talent-culture .back ul { margin-top: 35px; } .strategy-talent .talent-culture .back ul li { font-size: 16px; line-height: 28px; } .strategy-talent .talent-value { padding-bottom: 50px; } .strategy-talent .talent-value .text { margin-top: 30px; } .strategy-talent .talent-value .back { margin-top: 40px; } .strategy-talent .talent-develop { padding-bottom: 85px; } .strategy-talent .talent-develop .back>div { margin-top: 30px; } .strategy-school p:not(.title):not(.h4):not(.con), .strategy-recruit p:not(.title):not(.h4):not(.con) { font-size: 16px; line-height: 28px; } .strategy-recruit .recruit-work { padding-bottom: 65px; } .strategy-recruit .recruit-work .main { margin-top: 35px; } .strategy-recruit .recruit-life .back { margin-top: 40px; } .strategy-recruit .recruit-access { padding-bottom: 70px; } .strategy-recruit .recruit-access ul { margin-top: 40px; } .strategy-recruit .recruit-access ul li a { font-size: 16px; } /* 关于我们 */ .about-intro p:not(.title):not(.h4):not(.info) { font-size: 16px; line-height: 28px; } .about-intro .intro-company { margin-top: 90px; } .about-intro .intro-company .title { margin-top: -20px; } .about-intro .intro-company .container { overflow: visible; padding-bottom: 45px; background: url(../uploadfiles/image/about-intro-bg.jpg) no-repeat top right; background-size: 100% 100%; } .about-intro .intro-company .container>p:not(.title) { margin-top: 35px; margin-right: 60px; } .about-intro .intro-company .container .back { margin-top: 55px; margin-bottom: 55px; } .about-intro .intro-company ul { margin-top: 20px; } .about-intro .intro-company ul li { margin-top: 30px; } .about-intro .intro-company ul li .info { font-size: 16px; height: 50px; line-height: 50px; } .about-intro .intro-idea { margin-top: 55px; padding-bottom: 65px; } .about-creative .public-con.con { margin-top: 50px; } .about-creative p:not(.title):not(.con):not(.h4) { font-size: 16px; line-height: 28px; } .about-creative .creative-intro { margin-top: 80px; background: url(../uploadfiles/image/about-creative-bg.png) no-repeat center top; background-size: 100% 100%; } .about-creative .creative-intro .con { margin-top: -20px; } .about-creative .creative-intro .info { padding: 0 60px 80px; } .about-creative .creative-intro .info p { margin-top: 30px; } .about-creative .creative-platform .con { position: relative; top: 22px; margin-top: 0; margin-top: 2%; } .about-creative .creative-platform .back { margin-top: 40px; } .about-creative .creative-platform .back .info { padding-right: 30px; } .about-creative .creative-success .info { margin-top: 30px; } .about-creative .creative-draw { padding-bottom: 95px; } .about-creative .creative-draw .back { margin-top: 35px; } .about-creative .creative-draw .back ul li { font-size: 16px; line-height: 28px; } .about-strength p:not(.title) { font-size: 16px; line-height: 28px; } .about-strength .strength-base { margin-top: 85px; padding-bottom: 140px; background: url(../uploadfiles/image/about-strength-bg.jpg) no-repeat center top; background-size: 100% 100%; } .about-strength .strength-base .title { margin: 0; position: relative; top: -18px; } .about-strength .strength-base .row { margin-top: 30px; } .about-strength .strength-equipment { padding-bottom: 100px; } .about-strength .strength-equipment .swiper-infot { margin-top: 35px; } .about-strength .strength-equipment .swiper-infot .swiper-slide .info { bottom: 20px; font-size: 18px; } /* 联系我们 */ .contact .contact-message { padding-bottom: 80px; font-size: 16px; line-height: 28px; } .contact .contact-message .col-md-7{ width: 62%;} .contact .contact-message .col-md-5{ width: 36%;float: right;} .contact .contact-message .message-l ul li { padding: 60px 0 45px; border-bottom: 10px solid #f5f5f5; } .contact .contact-message .message-l ul li .info { padding-left: 100px; background-size: 80px 80px; } .contact .contact-message .message-l ul li .info .h4 { margin: 30px 0 15px; } .contact .contact-message .message-r .leave-word { margin-top: 60px; } .contact .contact-message .message-r .leave-word .form-group .btn { font-size: 16px; } /* 服务支持 */ .service { font-size: 16px; line-height: 28px; } .service .service-idea .back { padding: 40px 0 80px; } .service .service-system .back { padding-top: 40px; } .service .service-system .back .h5 { font-size: 16px; } .service .service-system .back ul { margin: 0 -25px; } .service .service-system .back ul li { width: 33.33%; padding: 0 25px; float: left; } .service .service-web .back { padding: 30px 0 80px; } .service .service-web .back-l { width: 800px; } .service .service-web .back-r { width: 400px; } .service .service-web .myswiper { padding: 20px; height: 720px; } } @media (min-width: 1440px) { /* Bootstrap */ header .container, footer .container, .home .container { width: 1400px; } /* 头部 */ header .navbar-default #menu { margin-left: 80px; } header .navbar-default #menu > li { padding: 35px 10px; } header .navbar-default .navbar-right .form-group { width: 280px; } /* 首页 */ .homeproduct .home-content .back .info { padding: 50px 0; } .homeproduct .home-content .back .info dt { margin-top: 25px; } .homeproduct .home-content .back .info .more { margin-top: 20px; } } @media (max-width: 767px) { /* 头部 */ /* header .header-link { display: none; } */ header .navbar-default .navbar-brand { display: block; float: none; background-size: contain!important; } header .navbar-default .navbar-collapse { position: absolute; width: 100%; z-index: 99; background: #fff; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1); box-shadow: 0 2px 4px rgba(0,0,0,.1); } header .navbar-default .navbar-right { display: none; } /* 分页 */ .pages a { min-width: 30px; height: 30px; line-height: 30px; } .pages .abtn { padding: 0 10px; } .pages .nums a { width: 30px; } .pagers { margin: 30px 0; } /* 菜单 */ .menubox { background: #f9f9f9; border-bottom: 1px solid #f4f4f4; } /*.menubox .pull-left { width: 100%; float: none !important; text-align: center; }*/ .menubox .pull-left li { float: none; display: inline-block; } .menubox .pull-left li a { padding: 0 10px; line-height: 40px; } .menubox .pull-right { display: none; } /* 首页 */ .homeproduct .home-list, .homeproduct .home-content, .homeproject .myswiper, .homenews .myswiper { margin-top: 20px; } .homeproduct .home-list .back .img img { height: 50px; } .homeproduct .home-content .back .info { padding: 20px 15px; } .homeproduct .home-content .pagination-inline { display: none; } .homeproduct, .homeproject, .homenews { padding-bottom: 20px; } .homenews .myswiper .back { margin-bottom: 20px; } /* 产品列表 */ .product .product-sort .sort-list .back .img img { height: 50px; } .product .product-sort .sort-list .pagination-inline a { width: 30px; } .product .product-sort .sort-content ul { margin-left: -8px; margin-right: -8px; } .product .product-sort .sort-content ul li { padding-left: 8px; padding-right: 8px; } /* 新闻详情 */ .news-info .title { margin-top: 30px; } .news-info .desc { padding: 20px 0; margin: 20px 0; } .news-info .pagers p { border-radius: 4px; } .news-info .pagers a { padding: 0 10px; } /* 人才战略 */ .strategy-recruit .recruit-access { padding-bottom: 20px; } .strategy-recruit .recruit-access ul { margin-top: 20px; } .strategy-recruit .recruit-access ul li { width: 33.33%; } .navbar-nav>li>.dropdown-menu{ display: none!important;} .nybanner{ height: auto;} .nybanner img{ display:block; width: 100%;} } @media (max-width: 479px) { .public-h4.h4 { background-size: auto 24px; } /* 新闻列表 */ .news li .back .img { width: 100%; margin-right: 0; float: none; } .news li .back .info { padding: 1px 15px 20px; } /* 人才战略 */ .strategy-talent .talent-develop .d-develop .row>div { width: 100%; margin-top: 20px; } .strategy-recruit .recruit-work .main>div { width: 100%; } .strategy-recruit .recruit-access ul li { width: 50%; } /* 关于我们 */ .about-intro .intro-idea .main>.col-xs-6 { width: 100%; } .about-intro .intro-company ul li { width: 100%; } .about-honor .honor-list li .back { height: 250px; } .about-honor .honor-list li .back .img { height: 170px; } .about-honor .honor-list li .back .img img { max-width: 120px; max-height: 160px; } } .dot{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .link_list{ padding-top: 2%;} .link_list ul{ margin: 0;} .link_list li{width: 19.2%;float: left;position: relative;margin-right: 1%;text-align: center;line-height: 30px;margin-bottom: 2%;} .link_list li:nth-child(5n){ margin-right: 0;} .link_list li a{ display: block; width: 100%;} .link_list li figure{ position: relative; padding-top: 50%; border: 1px solid #f2f2f2;} .link_list li img{ position: absolute; left: 50%; top: 50%; max-width: 98%; max-height: 98%; transform: translate(-50%,-50%);} .link_list li a:hover figure{ box-shadow: 0 0 10px #ccc;} @media (max-width: 767px) { .link_list li{ width: 49%; margin-right: 2%;} .link_list li:nth-child(5n){ margin-right: 2%;} .link_list li:nth-child(2n){ margin-right: 0;} } .strength-equipment .pic_list{ width:100%; position:relative;} .strength-equipment .big_img{ position:absolute; left:0; top:0; height:100%; width:83%;} .strength-equipment .big_img li, .strength-equipment .big_img li figure{ position:absolute; left:0; width:100%; top:0; height:100%;} .strength-equipment .big_img li figure{ border:1px solid #dcdcdc;background-size:contain; background-repeat: no-repeat; background-position: center;} .strength-equipment .list{ padding:42px 0 42px 83.9%;} .strength-equipment .list .bd{ position:relative;} .strength-equipment .list a{ position:absolute; width:16.1%; height:37px; right:0; background:url(../images/ico-next8.png) no-repeat center center/auto 50% #efefef; cursor:pointer;} .strength-equipment .list a.prev{ top:0;} .strength-equipment .list a.next{ bottom:0; background-image:url(../images/ico-next6.png);} .strength-equipment .list a.prevStop, .strength-equipment .list a.nextStop{ cursor:default;} .strength-equipment .list li{ height:95px; position:relative;} .strength-equipment .list li figure{ position:absolute; left:0; width:100%; top:5px; bottom:5px; background-size:contain; border:1px solid #f2f2f2;} .strength-equipment .list li.on figure{ border:2px solid #44be92;} .strength-equipment .list li p{ display: none;} .strength-equipment .big_img li p{ position: absolute; left: 0; width: 100%; color: #fff; bottom: 3%;font-size: 18px; text-align: center;} .strength-equipment .list a:hover{ background: url("../images/ico-next5.png") no-repeat center;} .strength-equipment .list a.next:hover{ background-image: url(../images/ico-next7.png); } .swiper-banner .pagination-block > span { width: auto; height: 14px; margin: 0 8px !important; background: none; border:none; opacity: 1; } .swiper-banner .pagination-block > .swiper-pagination-bullet-active { background-color: none; border-color: none; } .swiper-banner .pagination-block > span:before, .swiper-banner .pagination-block > span:after{ content: ''; display: inline-block; vertical-align: middle;} .swiper-banner .pagination-block > span:before{width: 14px;height: 14px;margin: 0 8px !important;background: none;border: 2px solid #fff;opacity: 1; border-radius: 100%;} .swiper-banner .pagination-block > span:after{ width: 80px; height: 2px; background: #fff; display: none;} .swiper-banner .pagination-block > .swiper-pagination-bullet-active:before { background-color: #00a1e2; border-color: #00a1e2; } .swiper-banner .pagination-block > .swiper-pagination-bullet-active:after{ display: inline-block;} @media (max-width: 767px) { .strength-equipment .list li{ height: 50px;} } .RighInfo002228{margin: 3% 0;} .RighInfo002228 .auto{max-width: 1200px;margin:0 auto; text-align: center;} /*PicList001912*/ .PicList001912{} .PicList001912 .auto{max-width: 1200px;margin:0 auto;} .PicList001912 li{ margin-bottom:35px; border:1px solid #e3e3e3; padding:4px;} .PicList001912 li div{ background:url(../images/PicList001912-libg.jpg) repeat-x left bottom #fff; padding:2%; overflow:hidden;} .PicList001912 li .pic{ float:left; width:22.5%;} .PicList001912 li .pic img{ display:block; width:100%;} .PicList001912 li figure{ float:right; border-left:1px solid #f3f3f3; width:75%; padding-left:25px;} .PicList001912 li h3{ margin:0; line-height:50px; font-size:16px;} .PicList001912 li h3 span{ float:right; color:#999; font-size:12px; font-weight:normal;} .PicList001912 li p{ line-height:24px; overflow:hidden; height:72px; color:#999;} .PicList001912 li .more{ color:#00a48b;} @media(max-width:1000px){ .PicList001912 .columnName{ font-size:45px;} .PicList001912 .columnName span{ font-size:24px;} .PicList001912 li h3{ line-height:normal;} .PicList001912 li p{ margin:2% 0; height:48px;} } @media(max-width:640px){ .PicList001912 .columnName{ font-size:35px;} .PicList001912 .columnName span{ font-size:20px;} } @media(max-width:480px){ .PicList001912 li .pic, .PicList001912 li figure{ float:none; width:auto;} .PicList001912 li figure{ border:0; padding-left:0; padding-top:3%;} } .Suspension{ position: fixed; right: 10px; top: 40%; z-index: 999999; } .Other000485{ top: 40% !important; right: 71px !important; display: none; } #qq{ cursor: pointer; } .Suspension ul li{ /* background: #0096e0; */ background: -webkit-gradient(linear, 100% 0, 0 0, from(#4eb849), to(#00a1e2)); background: -moz-linear-gradient(right, #4eb849, #00a1e2); background: -o-linear-gradient(right, #4eb849, #00a1e2); background: -ms-linear-gradient(right, #4eb849, #00a1e2); list-style: none; margin-bottom: 1px; position: relative; } .Suspension ul li:hover{ background: #0096e0; } .Suspension ul li img.img{ width: 30px; margin: 15px; } .Suspension ul li .code{ display: none; position: absolute; top: 0; left: -201px; width: 200px; height: 224px; padding: 10px; background: -webkit-gradient(linear, 100% 0, 0 0, from(#4eb849), to(#00a1e2)); background: -moz-linear-gradient(right, #4eb849, #00a1e2); background: -o-linear-gradient(right, #4eb849, #00a1e2); background: -ms-linear-gradient(right, #4eb849, #00a1e2); } .Suspension ul li .code img{ display: block; width: 180px; height: 180px; } .Suspension ul li .code p{ color: #FFFFFF; font-size: 16px; line-height: 32px; text-align: center; overflow: hidden;/*超出部分隐藏*/ text-overflow:ellipsis;/* 超出部分显示省略号 */ white-space: nowrap;/*规定段落中的文本不进行换行 */ } @media(max-width:1024px){ .Suspension{ display: none; } } .about-creative .creative-chengjiu .info{} .about-creative .creative-chengjiu .info .dl{margin:3% auto 0 auto;} .about-creative .creative-chengjiu .info .dl dd{float: left;width: 20%;text-align: center;border-right: 1px dashed #e8e8e8;margin-bottom: 2%;} .about-creative .creative-chengjiu .info .dl dd:last-child{border-right: 0px dashed #e8e8e8;} .about-creative .creative-chengjiu .info .dl dd em{font-style: normal;font-size: 36px;font-family: Impact;background-image: -webkit-linear-gradient(left, rgb(2, 162, 2222), rgb(78, 184, 74), rgb(78, 184, 74)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .about-creative .creative-chengjiu .info .dl dd i{font-style: normal;font-size: 12px;width:18px;height: 18px;border-radius: 50%;background: #6D6E70;color: #fff;display: inline-block;position: relative;top:-4px;margin-left: 4px;} .about-creative .creative-chengjiu .info .dl dd span{display: block;font-size: 16px;padding-top: 8px;} .about-creative .creative-chengjiu .info .row{margin:2% 0;} .about-creative .creative-chengjiu .info .row_5{margin-bottom:4%;} .about-creative .creative-chengjiu .info .row_2 .pic{text-align: center;display: block;border:1px solid #e8e8e8;} .about-creative .creative-chengjiu .info .row_2 .pic img{padding: 16px 0;} .about-creative .creative-chengjiu .info .row_3 .ul{} .about-creative .creative-chengjiu .info .row_3 .ul li{width:23.5%;float: left;margin-right: 2%;border:1px solid #e8e8e8;padding:4px;} .about-creative .creative-chengjiu .info .row_3 .ul li:last-child{margin-right: 0;} @media(max-width:768px){ .about-creative .creative-chengjiu .info .row_3 .ul li{width: 49%;margin-bottom: 2%;} .about-creative .creative-chengjiu .info .row_3 .ul li:nth-child(2n){margin-right: 0;} } .message{ } .message-por{ float: right; } .message-con{ float: left; width: 50%; } .message-con .form-group p{ line-height: 40px; font-size: 16px; font-weight: 600; color: #555555; } .message-con .form-group p em{ font-style: inherit; color: red; } .message-con .form-group input[type="text"]{ line-height: 38px; height: 40px; border: 1px solid #cccccc; border-radius:0 ; } .message-con .form-group textarea{ border: 1px solid #cccccc; border-radius:0 ; height: 150px; } .message-con .xinming{ width: 47%; margin-right: 6%; float: left; } .message-con .dianhua{ width: 47%; float: left; } .message-con .form-group input[type="button"]{ width: 155px; height: 44px; line-height: 44px; margin: 10px 0; padding: 0; color: #fff; background: -webkit-gradient(linear, 100% 0, 0 0, from(#4eb849), to(#00a0aa)); background: -moz-linear-gradient(right, #4eb849, #00a0aa); background: -o-linear-gradient(right, #4eb849, #00a0aa); background: -ms-linear-gradient(right, #4eb849, #00a0aa); border-radius: 0; } @media(max-width:1200px){ .message-por{ display: none; } .message-con{ width: 100%; } .message-con .form-group input[type="button"]{ width: 100%; } }