*{ margin:0px; padding:0px; box-sizing: border-box; } html{min-width: 1200px;} body{font-family:微软雅黑;} ul{list-style:none;} li{list-style: none;} a{ text-decoration:none;font-size:14px;} img{border:none;} .container{width: 1200px; margin: 0 auto;} .clearfix{zoom:1;} .clearfix:after{display:block;clear:both;content:"";} .fl{float: left;} .fr{float: right;} /* 小标题 title */ .title{ width:100%; padding:0px 0px 10px; border-bottom:1px solid #ccc; position: relative; margin-bottom:40px; text-align:center; } .title .eng{ font-size: 30px; color: #cad1dd; font-family: '微软雅黑'; font-weight: bold; font-style: italic; } .title div{ overflow:hidden; } .title .na{ font-size:26px; font-weight:700; color:#0150a5; } .title .na span{ color:#f3981b; } .title .xian{ width: 70px; height: 3px; background:#0150a5; position: absolute; left:50%; bottom:-1.5px; margin-left:-35px; } /* 小标题 title */ /*欢迎语*/ .header{ width: 100%; background: #efefef; } .header .h-l{ width: 900px; font-size:14px; color: #999; line-height:45px; } .header .h-r{ width: 300px; line-height:45px; text-align: right; color:#999; } .header img{ vertical-align:middle; display: inline-block; } .header .h-r a{ font-size:14px; color: #999; } .header .h-r a:hover{ color:#195ea2; } /*欢迎语*/ /*logo*/ .logo{ width: 100%; } .logo .logo-img{ width: 290px; height: 80px; margin-top:15px; } .logo .logo-img img{ width: 100%; height: 100%; } .logo .logo-nr{ width: 500px; font-size: 14px; color:#333; margin-left:20px; margin-top:27px; } .logo .logo-nr .logo-na{ color:#195ea2; font-size:25px; font-weight:700; margin-bottom:5px; } .logo .logo-nr .desc{ color:#333; font-size:14px; } .logo .logo-dh{ height: 114px; padding-top: 30px; } .logo .logo-dh i{ font-size: 50px; color:#f3981b; margin-right: 20px; } .logo .logo-dh span{ display: block; } .logo .logo-dh .zx{ font-size: 14px; color:#8b8b8b; } .logo .logo-dh .phone{ font-size: 25px; color:#f3981b; font-weight: 700; } /*logo*/ /*导航*/ .navbox{ height:55px; position:relative; z-index:9; margin:auto; background:#195ea2; filter:alpha(opacity=100); -moz-opacity:0.90; opacity:0.90; border-top: 1px solid #e1e1e1; z-index:9999; } .nav{ width:1200px; margin:0 auto; height:55px; list-style:none; display: flex; overflow:inherit; } .nav li{ float:left; height:55px; position:relative; list-style:none; transition:all 0.5s; box-sizing: border-box; flex:1; } .nav .active{ background-color:#f3981b; } .nav li:hover{ background-color:#f3981b; height: 55px; } .nav li.last{ background:none; } .nav li a{ text-decoration:none; } .nav li a span{ float:left; display:block; line-height:55px; font-size:14px; color:#333; cursor:pointer; width:143px; text-align:center; font-size: 16px; color: #fff; } .mj_hover_menu{ text-decoration:none; width:143px; height:55px; } .nav li.selected .submenu{ display:block; } .nav li .submenu{ display:none; position:absolute; top:55px; left:-9px; background-color:#fff; z-index:9999; } .nav li .submenu li{ float:none; padding:0; background:none; height:auto; border-bottom:dotted 0px #bebebe; } .mj_menu_pro_bg{ width:1200px; height:235px; no-repeat; } .mj_menu_pro_main{ width:1180px; margin:auto; padding-top:12px; } .mj_menu_pro_li{ width: 147.5px; float:left; text-align:center; } .mj_menu_li_txt{ line-height:25px; font-size:12px; color:#696969; padding-bottom: 10px; } .mj_menu_li_txt font{ font-size:16px; color:#bb1721; } .mj_menu_li_txt a{ color:#696969; text-decoration:none; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 5px; } .mj_menu_li_txt a:hover{ color:#696969; text-decoration:underline; } .mj_menu_li_txt .img-box{ width: 130px; height: 130px; margin-bottom:10px; display: inline-block; } .mj_menu_li_txt .img-box img{ width: 100%; height: 100%; } .mj_menu_news_bg{ width:480px; height:185px; // background: no-repeat; } .mj_menu_news_main{ width:440px; margin:auto; padding-top:12px; } .mj_menu_news_li{ padding:0px 30px; margin-right:30px; height:150px; float:left; border-right:solid 1px #cccccc; } .mj_menu_news_img{ float:left; text-align:left; color:#bb1721; line-height:30px; font-size:14px; } .mj_menu_news_img img{ width: 227px; height: 110px; } .mj_menu_news_li2{ padding:0px 30px; height:150px; float:right; border-left:solid 1px #cccccc; } .mj_menu_news_img2{ float:left; margin-left:30px; text-align:left; color:#bb1721; line-height:30px; font-size:14px; } .mj_menu_news_li3{ padding:0px 25px; height:150px; float:right; border-left:solid 1px #cccccc; } .mj_menu_news_img3{ float:left; margin-left:10px; text-align:left; color:#bb1721; line-height:30px; font-size:14px; } /*导航*/ /*大图*/ .banner{ // width: 1903px; width: 100%; overflow:hidden; } .banner .banner-container{ width: 100%; } .banner .swiper-container .swiper-slide{ width: 100%; height: 700px; } .banner .swiper-container .banner-img1{ background: center center no-repeat; background-size:cover; } .banner .swiper-container .banner-img2{ background: center center no-repeat; background-size:cover; } .banner .swiper-container .banner-img3{ background: center center no-repeat; background-size:cover; } .banner .swiper-container .banner-img4{ background: center center no-repeat; background-size:cover; } /*大图*/ /* 搜索框 */ .search{ width: 100%; background:#efefef; margin-bottom: 40px;; } .search .search-left{ float: left; width: 700px; height: 60px; } .search .search-left p{ line-height:60px; font-size:13px; color:#a9a9a9; } .search .search-left p span{ color:#666; font-weight: 700; } .search .search-left p a{ font-size: 13px;; color: #777; } .search .search-left p a:hover{ color:#195ea2; } .search .search-right{ float: right; width: 320px; height: 40px; margin-top:10px; background-color: #fff; border:1px solid #f7f7f7; box-sizing: border-box; } .search .search-right .text{ float: left; width: 250px; height: 40px; font-size:14px; color:#a9a9a9; border:none; padding-left: 10px;; } .search .search-right .ss{ float: right; width: 66px; height: 40px; text-align: center; } .search .search-right .ss .a{ display: block; width: 100%; height: 100%; border: none; background: none; cursor: pointer; } .search .search-right .ss i{ font-size:18px; color:#195ea2; line-height:39px; } /* 搜索框 */ /* 产品优势 */ .bes-pro{ width: 100%; padding-bottom:20px; } .bes-pro .bes-ul{ width: 100%; display: flex; overflow:inherit; } .bes-pro .bes-ul li{ flex:1; height: 100%; text-align:center; transition:all 0.5s; padding:20px; box-sizing: border-box; } .bes-pro .bes-ul li .img{ width: 100%; margin-bottom:10px; position: relative; } .bes-pro .bes-ul li .img .hs{ width: 80px; height: 80px; display: inline-flex; background:#195ea2; transition:all 0.5s; border-radius:50%; padding:15px; } .bes-pro .bes-ul li .img .hs img{ width: 50px; height: 50px; } .bes-pro .bes-ul li .tit{ font-size:18px; color:#444; margin-bottom:10px; } .bes-pro .bes-ul li .desc{ font-size: 14px; line-height: 28px; color: #999999; } .bes-pro .bes-ul li:hover{ box-shadow:5px 5px 20px rgba(0,0,0,0.2); } .bes-pro .bes-ul li:hover .hs{ transform: rotatey(360deg); } .bes-pro .bes-ul li:hover .tit{ color:#195ea2; } /* 产品优势 */ /* 产品展示 */ .product{ margin-bottom: 50px; } .product .pro-con{ margin-top:30px; overflow:hidden; } .product .pro-btn-ul{ width: 100%; display: flex; overflow:inherit; margin-top:20px; } .product .pro-btn-ul .pro-btn-li{ flex:1; text-align:center; padding:0 5px; box-sizing: border-box; } .product .pro-btn-ul .pro-btn-li a{ display: inline-block; width: 100%; height: 50px; line-height:48px; font-size:15px; color:#333; border:1px solid #195ea2; box-sizing: border-box; border-radius:5px; transition:all 0.5s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 140px; } .product .pro-btn-ul .pro-btn-li a:hover{ background:#195ea2; color:#fff; } .product .pro-con-ul{ width: 100%; overflow:hidden; } .product .pro-con-ul .pro-con-li{ float: left; width: 276px; height: 300px; margin-right:32px; margin-top:30px; } .product .pro-con-ul .pro-con-li:nth-child(4n){ margin-right:0; } .product .pro-con-ul .pro-con-li .img{ width: 100%; height: 260px; overflow:hidden; border:1px solid #ccc; box-sizing:border-box; } .product .pro-con-ul .pro-con-li .img img{ width: 100%; height: 100%; transition:all 0.5s; } .product .pro-con-ul .pro-con-li .name{ width: 100%; height: 40px; line-height:40px; background:#195ea2; text-align:center; color:#fff; font-size:15px; transition:all 0.5s; } .product .pro-con-ul .pro-con-li:hover .name{ background:#f3981b; } .product .pro-con-ul .pro-con-li:hover .img img{ transform: scale(1.05,1.05); } /* 产品展示 */ /* 关于我们 */ .about{ width: 100%; // background:url(/uploads/image/tpimages/ab-bg.jpg) center center no-repeat; background:#efefef; padding:40px 0px 50px; } .about-con{ width: 100%; margin-top:30px; } .about-con .nr{ width: 570px; } .about-con .nr img{ width: 100%; height: 350px; border-radius: 5px; } .about-con .nr .ab-tit{ margin-bottom:20px; box-sizing: border-box; } .about-con .nr .ab-tit .who{ font-size:31px; color:#333; font-weight:700; margin-bottom:5px; } .about-con .nr .ab-tit .name{ font-size: 30px; color: #195ea2; margin-bottom:20px; } .about-con .nr .ab-tit .xian{ width: 70px; height: 2px; background:#333; } .about-con .nr .ab-desc{ width: 100%; color:#333; margin-bottom:35px; } .about-con .nr .ab-desc p{ font-size: 16px; line-height: 30px; color: #333; text-align:justify; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:5; } .about-con .nr .more{ display: inline-block; width: 130px; height: 35px; border:1px solid #195ea2; text-align:center; line-height:35px; font-size:15px; color:#195ea2; transition:all 0.5s; border-radius:5px; } .about-con .nr .more:hover{ background:#195ea2; color:#fff; } /* 关于我们 */ /* 培训现场 */ .study{ width: 100%; background:#efefef; padding: 0px 0 50px; } .slidegroup{ width:100%; border:1px solid #ddd; text-align:left; } .slidegroup .parhd{ height:50px; line-height:50px; background:#fff; padding:0 20px; border-bottom:1px solid #ddd; position:relative; } .slidegroup .parhd ul{ float:left; position:absolute; left:0px; top:-1px; height:50px; } .slidegroup .parhd ul li{ float:left; padding:0 30px; cursor:pointer; } .slidegroup .parhd ul li.on{ height:50px; background:#195ea2; border:1px solid #ddd; border-bottom:2px solid #fff; color:#fff; } .slidegroup .parhd .duo{ font-size:16px; line-height:50px; color:#333; } .slidegroup .parhd .duo:hover{ color:#6f1718; } .slidegroup .parbd{ width: 100%; background:#fff; } .slidegroup .slidebox{ overflow:hidden; zoom:1; padding:10px 0 10px 0; position:relative; } .slidegroup .parbd ul{ overflow:hidden; zoom:1; } .slidegroup .parbd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; width: 280px; } .slidegroup .parbd ul li .pic{ text-align:center; overflow:hidden; } .slidegroup .parbd ul li .title{ line-height:24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .slidegroup .parbd ul li .title a{ font-size:15px; color:#333; } /* 培训现场 */ /* 为什么好 */ .why{ width: 100%; overflow:hidden; padding:40px 0 50px; } .why .why-con{ width: 100%; height: 493px; background: center center no-repeat; margin-top:30px; } .why .why-con .con-box{ width: 400px; height: 100%; } .why .why-con .con-box ul{ width: 100%; height: 100%; } .why .why-con .con-box ul li{ width: 100%; height: 140px; overflow:hidden; } .why .why-con .con-box ul li:first-child{ margin-bottom:213px; } .why .why-con .con-box ul li .nr{ width: 340px; height: 100%; } .why .why-con .con-box ul li .nr .name{ font-size: 22px; color: #1858a0; display: block; font-weight: bold; line-height: 30px; margin-bottom:20px; } .why .why-con .con-box ul .line3 .nr .name{ margin-top:25px; } .why .why-con .con-box ul .line4 .nr .name{ margin-top:25px; } .why .why-con .con-box ul li .nr .desc{ font-size: 14px; color: #5d5d5d; line-height: 20px; } .why .why-con .why-box{ width: 390px; height: 100%; } .why .why-con .why-box .box-con{ width: 100%; height: 138px; background:red; } .why .why-con .why-box .box-con img{ width: 70px; height: 70px; } .why .why-con .why-box .box-con .box-nr{ width: 295px; height: 120px; } .why .why-con .why-box .box-con .box-nr .name{ color:#195ea2; font-weight:700; font-size:22px; margin-bottom:15px; } .why .why-con .why-box .box-con .box-nr .desc{ color:#999; font-size:15px; text-align:justify; line-height:25px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; } .why .why-con .why-box .box-con .why .why-con .why-box .box-con:first-child{ margin-bottom:170px; } /* 为什么好 */ /* 案例展示 */ .main{ padding:40px 0 0; width: 100%; height: 453px; background:#efefef; } .main .main-content{ width: 100%; height: 423px; overflow:hidden; } .main .main-content #div1{ width: 100%; height: 254px; overflow:hidden; position:relative; margin-top:20px; } .main .main-content .main-ul{ width: 2400px; height: 254px; position:absolute; left:0; } .main .main-content .main-ul .main-list{ margin-right:20px; float:left; width: 320px; height: 254px; overflow:hidden; } .main .main-content .main-ul .main-list a{ display: inline-block; width: 320px; height: 214px; overflow:hidden; } .main .main-content .main-ul .main-list img{ width: 320px; height: 214px; transition-duration: 1s; } .main .main-content .main-ul .main-list img:hover{ transform: scale(1.1, 1.1); } .main .main-content .main-ul .main-list .main-name{ text-align: center; line-height:35px; display:block; width: 320px; height: 40px; background-color:#195ea2; } .main .main-content .main-ul .main-list .main-name a{ font-size:14px; color:#fff; } /* 案例展示 */ /* 新闻资讯 */ .news{ width: 100%; padding: 50px 0 33px; } .news .news-con{ width: 100%; overflow:hidden; } .news .news-con .news-box{ width: 580px; } .news .news-con .news-box .z-news-tit{ width: 100%; height:50px; background:#195ea2; } .news .news-con .news-box .z-news-tit .news-ul{ width: 100%; height: 100%; overflow:hidden; } .news .news-con .news-box .z-news-tit .news-ul .news-li{ float: left; width: 170px; height: 100%; } .news .news-con .news-box .z-news-tit .news-ul .news-li a{ display: inline-block; width: 100%; line-height:50px; text-align:center; color:#fff; font-size:17px; } .news .news-con .news-box .news-con-top{ width: 100%; height: 130px; margin-top:20px; } .news .news-con .news-box .news-con-top .img{ width: 200px; height: 100%; } .news .news-con .news-box .news-con-top .img img{ width: 100%; height: 100%; } .news .news-con .news-box .news-con-top .news-nr{ width: 350px; height: 100%; } .news .news-con .news-box .news-con-top .news-nr a{ display: inline-block; width: 100%; height: 100%; } .news .news-con .news-box .news-con-top .news-nr a .name{ color:#333; font-size:18px; width: 100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; line-height:35px; } .news .news-con .news-box .news-con-top .news-nr a .desc{ color:#666; font-size:15px; width: 100%; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-height:24px; } .news .news-con .news-box .news-nr-ul{ width: 100%; margin-top:20px; } .news .news-con .news-box .news-nr-ul .nr-li{ width: 100%; border-bottom:1px dashed #999; overflow:hidden; } .news .news-con .news-box .news-nr-ul .nr-li .name{ max-width: 480px; line-height:55px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; color:#333; font-size:15px; } .news .news-con .news-box .news-nr-ul .nr-li .time{ color:#666; font-size:14px; line-height:55px; } .news .news-con .news-box .news-nr-ul .nr-li:hover .name{ color:#195ea2; } .news .news-con .news-box .y-news-tit{ width: 100%; height:50px; border-top:5px solid #195ea2; box-sizing:border-box; line-height:50px; } .news .news-con .news-box .y-news-tit p{ color:#333; font-size:18px; } .news .news-con .news-box .y-news-tit a{ color: #727272; font-size:18px; font-weight:700; } .news .news-con .news-box .ques{ width: 100%; margin-top:10px; overflow:hidden; } .news .news-con .news-box .ques .ques-li{ width: 100%; height: 114.6px; margin-top:14.6px; } .news .news-con .news-box .ques .ques-li a{ display: inline-block; width: 100%; height: 100%; } .news .news-con .news-box .ques .ques-li a .ques-top{ width: 100%; height: 30px; margin-bottom:10px; } .news .news-con .news-box .ques .ques-li a .ques-box{ width: 30px; height: 30px; line-height:30px; text-align:center; color:#fff; font-size:16px; border-radius:5px; } .news .news-con .news-box .ques .ques-li a .ques-top .name{ width: 530px; height: 30px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; color:#333; font-size:15px; line-height:30px; } .news .news-con .news-box .ques .ques-li a .ques-bottom{ width: 100%; height: 70px; } .news .news-con .news-box .ques .ques-li a .ques-bottom .desc{ width: 530px; height: 70px; color:#999; font-size:15px; line-height:25px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } /* 新闻资讯 */ /* 合作伙伴 */ .service-product{ width:100%; padding:0px 0px 60px; } .service-product-main{ } .product-container { margin-top:30px; height: 150px; } .service-product-con{ height: 150px; } .service-product .swiper-slide{ height: 150px; } .service-product-pro{ width: 100%; height: 150px; position: relative; } .service-product-icon{ width: 100%; height: 150px; overflow:hidden; } .service-product-icon img{ width: 100%; height: 100%; transition:all 0.5s; } .service-product-pro .mask{ width: 100%; height: 100%; background:rgba(25,94,162,0.8); line-height:30px; text-align:center; color:#fff; font-size:15px; transition:all 0.5s; position: absolute; top:120px; } .service-product-pro:hover img{ transform: scale(1.15,1.15); } .service-product-pro:hover .mask{ top:0; line-height:150px; } /* 合作伙伴 */ /* 友情链接 */ .link{ padding-bottom:20px; } .link .lj-box{ width: 100%; border-bottom:1px dashed #ddd; overflow:hidden } .link .lj{ width: 150px; height: 46px; background:#195ea2; font-size:16px; line-height:46px; text-align:center; color:#fff; } .link p a{ padding-left:15px; font-size:15px; color:#666; line-height:46px; } .link p a:hover{ color:#195ea2; } /* 友情链接 */ /* footer */ .footer{ width: 100%; background-color:#195ea2; } .footer .footer-con{ width: 100%; } .footer .footer-con .foo-top{ padding-top:20px; width: 100%; overflow:hidden; margin-bottom:20px; } .footer .footer-con .foo-top .top-name{ width: 850px; height: 100%; } .footer .footer-con .foo-top .top-name .name{ font-size:34px; color:#fff; margin-bottom:12px; } .footer .footer-con .foo-top .top-name .desc{ font-size: 14px; line-height: 2; color:#fff; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; // display: -webkit-box; // -webkit-box-orient: vertical; // -webkit-line-clamp: 2; } .footer .footer-con .foo-top .top-rem{ width: 300px; height: 100%; } .footer .footer-con .foo-top .top-rem .img{ width: 150px; height: 100%; float: left; } .footer .footer-con .foo-top .top-rem .img img{ width: 109px; height: 109px; margin-right:10px; } .footer .footer-con .foo-top .top-rem .img p{ width: 25px; height: 100%; font-size: 14px; color:#fff; } .footer .footer-con .foo-ul{ width: 100%; display: flex; overflow:inherit; overflow:hidden; margin-bottom:10px; } .footer .footer-con .foo-ul .foo-li{ flex:1; height: 80px; padding-top:10px; } .footer .footer-con .foo-ul .foo-li img{ margin-right:10px; } .footer .footer-con .foo-ul .foo-li .wz{ font-size:15px; color:#fff; margin-bottom:10px; } .footer .footer-con .foo-ul .foo-li .num{ font-size:15px; color:#fff; } .footer .footer-con .bq{ width: 100%; height: 50px; border-top:1px solid #999; line-height:50px; color:#fff; font-size:15px; } .footer .footer-con .bq a{ color:#fff; font-size:15px; } /* footer */ /* 侧边栏 */ .frist{ width: 200px; height: 60px; box-sizing:border-box; position:relative; position: fixed; right:-130px; z-index: 999; bottom:310px; background:#333; transition:all 0.5s; border-bottom:1px solid #fff; box-sizing:border-box; } .frist:hover{ right:0; background:#195ea2; } .frist-content{ display: inline-block; width: 100%; height: 100%; padding:5px 10px 10px 15px; } .frist-content i{ font-size:40px; color:#fff; line-height:50px; vertical-align: middle; padding-right:20px; } .frist-content span{ font-size:15px; color:#fff; line-height:50px; } .two{ width: 170px; height: 60px; border-bottom:1px solid #fff; box-sizing:border-box; position:relative; position: fixed; right:-100px; bottom:250px; background:#333; transition:all 0.5s; z-index: 999; } .two:hover{ right:0; background:#195ea2; } .two-content{ display: inline-block; width: 100%; height: 100%; padding:5px 10px 10px 15px; } .two-content i{ font-size:40px; color:#fff; line-height:50px; vertical-align: middle; padding-right:20px; } .two-content span{ font-size:15px; color:#fff; line-height:50px; } .four{ width: 170px; height: 60px; border-bottom:1px solid #fff; box-sizing:border-box; position:relative; position: fixed; right:-100px; bottom:190px; background:#333; transition:all 0.5s; z-index: 999; } .four:hover{ right:0; background:#195ea2; } .four-content{ display: inline-block; width: 100%; height: 100%; padding:5px 10px 10px 15px; position:relative; } .four:hover .fourbox{ display:block; } .four-content .fourbox{ width: 120px; height: 120px; position:absolute; bottom:-5px; left:-130px; display:none; } .four-content .fourbox img{ width: 120px; height: 120px; } .four-content i{ font-size:40px; color:#fff; line-height:50px; vertical-align: middle; padding-right:20px; } .four-content span{ font-size:15px; color:#fff; line-height:50px; } .five{ width: 70px; height: 60px; text-align: center; position:relative; position: fixed; right:0px; bottom:130px; background:#333; transition:all 0.5s; z-index: 999; } .five:hover{ background:#195ea2; } .five-content{ width: 70px; height: 50px; position:absolute; bottom:2.5px; } .five-content i{ font-size:20px; color:#fff; } .five-content a{ font-size:12px; color:#fff; } /* 侧边栏 */ /* 空白页 */ .kby{ width: 100%; padding:0px 0 50px; overflow:hidden; } /*大图*/ .kby-banner{ } .kby-banner .banner-container{ width: 100%; } .kby-banner .swiper-container .swiper-slide{ width: 100%; height: 500px; } .kby-banner .swiper-container .banner-img1{ background: center center no-repeat; background-size:cover; } .kby-banner .swiper-container .banner-img2{ background: center center no-repeat; background-size:cover; } .kby-banner .swiper-container .banner-img3{ background: center center no-repeat; background-size:cover; } .kby-banner .swiper-container .banner-img4{ background: center center no-repeat; background-size:cover; } /*大图*/ .kby-img{ width: 100%; height: 400px; background:url(/uploads/image/tpimages/kbybanner.jpg) center center no-repeat; } .kby-tit{ width: 100%; height: 55px; margin-top:50px; } .kby-tit .gy{ font-size:48px; color:#195ea2; } .kby-tit span{ color:#c8e3d0; font-size:35px; } .kby-tit .wz{ line-height:55px; color:#999; font-size:14px; } .kby-tit .wz a{ font-size:14px; color:#999; } .kby-btn{ width: 100%; height: 50px; margin-top:40px; } .kby-btn .kby-btn-ul{ text-align:center; border-bottom:1px solid #999; } .kby-btn .kby-btn-list{ min-width: 110px; height: 40px; margin:0 10px; text-align:center; padding:0 10px; display: inline-block; } .kby-btn .kby-btn-list a{ display: inline-block; width: 100%; height: 40px; line-height:42px; color:#333; font-size:17px; transition:all 0.3s; } .kby-btn .active a{ color:#195ea2; border-bottom:3px solid #195ea2; } .kby-btn .kby-btn-list a:hover{ color:#195ea2; border-bottom:3px solid #195ea2; } .kby-con{ padding-top:30px; } /*产品展示*/ .kby .kby-pro-con{ width: 100%; overflow:hidden; } .kby .menu-cate{ width: 255px; margin-top:30px; } .kby .menu-cate .cate-title{ width: 255px; height: 88px; background: #195ea2; text-align: center; } .kby .menu-cate .cate-title .tit-name{ font-size: 26px; color: #fff; padding-top: 15px; } .kby .menu-cate .cate-title .tit-eng{ font-size: 16px; color: #fff; } .kby .menu-cate .sort{ width: 100%; padding:15px; background-color: #f7f7f7; border-bottom:2px solid #195ea2; box-sizing: border-box; } .kby .menu-cate .sort li{ width: 100%; height: 50px; border-bottom:1px dashed #999; } .kby .menu-cate .sort li a{ display: inline-block; width: 100%; height: 100%; line-height: 50px; font-size: 14px; color: #555; text-align:center; } .kby .menu-cate .sort .active a{ color:#195ea2; font-weight:700; } .kby .menu-cate .sort li a:hover{ background-color:#195ea2; color:#fff; font-weight:700; } .kby .menu-cate .sort p{ font-size:14px; color:#555; line-height:30px; } .kby .menu-cate .dianhua-p{ width: 100%; padding:15px 20px; background-color: #f7f7f7; border-bottom:2px solid #195ea2; box-sizing: border-box; } .kby .menu-cate .dianhua-p p{ color: #666; font-size: 14px; margin-bottom: 10px; } .kby .menu-cate .dianhua-p p:last-child{ margin-bottom: 0; } .kby .kby-ri{ width: 900px; margin-top:30px; } .kby .kby-ri .ri-tit{ width: 100%; height: 50px; border-bottom: 1px dashed #333; } .kby .kby-ri .ri-tit .wm{ line-height: 50px; font-size: 30px; color: rgb(42, 42, 42); } .kby .kby-ri .ri-tit .wz{ line-height:50px; color: #999; font-size: 14px; } .kby .kby-ri .ri-tit .wz a{ color: #999; font-size: 14px; } .kby .kby-ri .ri-con{ width: 100%; margin-top:30px; font-size: 16px; color: rgb(42, 42, 42); line-height: 30px; } .kby .kby-ri .ri-con .name{ font-size:20px; color:#195ea2; font-weight:700; } .kby .kby-ri .ri-con .con-tit{ width: 130px; text-align:center; line-height:40px; font-size:18px; font-weight:700; color:#fff; background-color:#195ea2; border-radius:6px; margin-top:20px; } .kby .kby-ri .ri-con .desc{ width: 100%; font-size: 16px; color: rgb(42, 42, 42); line-height: 30px; margin-top:20px; } /*产品展示*/ /* 空白页 */