@charset "utf-8";
/* CSS Document */

/*幻灯片*/
.banner-box,.banner-box .bd li{height:580px;background: #000; }
.banner-box .banner-btn a.prev{background-image:url(../uploadfile/image/20210817/20210817215851_1687330865.png);}
.banner-box .banner-btn a.next{background-image:url(../uploadfile/image/20210817/20210817215851_700670389.png);}
.banner-box .hd ul li.on{background:#096de1;}
.banner-box{min-width:1300px;position:relative;overflow:hidden;margin: 0 auto;z-index: 99; margin-top:0px;}
.banner-box .bd{ width:100% !important;}
.banner-b{position: absolute;bottom: 0;}
.banner-box .bd li{width:100% !important;background-position: center;background-repeat: no-repeat;}
.banner-box .bd li a{display:block;background-size:auto;width:100% !important; height:100% !important;}
.banner-btn a{display:block;width:60px;height:60px;position:absolute;opacity:0.4;-webkit-transition: 0.3s all ease-in-out;transition:0.3s all linear; top:320px;background-repeat:no-repeat; }
.banner-btn a.prev{animation:prev 1.5s linear infinite;} 
.banner-btn a.next{animation:next 1.5s linear infinite;}
@keyframes prev{
	0%{left:60px;opacity:1;}
	50%{left:80px;opacity:0.1;}
	100%{left:60px;opacity:1;}
}

@keyframes next{
	0%{right:60px;opacity:1;}
    50%{right:80px;opacity:0.1;}
	100%{right:60px;opacity:1;}
}

.banner-box .hd {position:absolute;bottom:20px;width: 100%;display: block;}
.banner-box .bd ul{width:100% !important;}
.banner-box .hd ul{ text-align: center;}
.banner-box .hd ul li{ width:20px; height:10px; border-radius:20px; text-indent:-9999px; background:#ccc; cursor:pointer; display:inline-block; margin:0 5px; -webkit-transition: 0.3s all ease-in-out; transition:0.3s all ease-in-out}
.banner-box .hd ul li.on{ width: 32px;}


 /*课程*/
.course_all{ width:100%; padding:55px 0 30px 0;  position:relative; overflow:hidden;}
.course_t{text-align: center;}
.course_all .course_t{ margin-bottom:15px;}
.course_t span { display:block; font-size:16px; color: #898a8a;line-height: 40px; margin-top:10px; }
.course_t p{ font-size:26px; color: #333;line-height: 30px; font-weight:bold;}
.course_t p:after{ content: '';
    position: relative;
    width: 60px;
    height: 2px;
    background: #40bb7d;
    display: block;
    margin: 0 auto;
    bottom: -10px;}
 
  
  
.course_b { margin-top:20px;}
.course_b li { float:left; width:14.28%;}
.imglist { margin-top:20px;}

.product-grid { font-family: 'Quicksand', sans-serif; text-align: center; padding:20px;}
.product-grid .product-image { position: relative; overflow: hidden;}
.product-grid .product-image a.image { border: 1px solid #e1e1e1; display: block;}
.product-grid .product-image img { width: 100%; height: auto;}
.product-image .pic-1 { backface-visibility: hidden; transition: all 0.5s;}
.product-grid:hover .product-image .pic-1 { opacity: 0; filter: blur(10px); cursor:pointer;}
.product-image .pic-2 { width: 100%; height: 100%; backface-visibility: hidden; opacity: 0; filter: blur(10px); position: absolute; top: 0; left: 0; transition: all 0.5s;}
.product-grid:hover .product-image .pic-2 { opacity: 1; filter: blur(0); cursor:pointer;}


.pro_all { background:#ededed; width:100%; padding:55px 0 30px 0;  position:relative; overflow:hidden;}
.pro_all li { float:left; background:#fff; width:424px; border-radius:10px; margin-right:24px; margin-bottom:30px;  }
.pro_all li:nth-child(3n) { margin-right:0;}
.pro_all li img { width:424px; border-top-left-radius:10px; border-top-right-radius:10px;}
.pro_all li .txt { padding:20px 20px; }
.pro_all li .txt p { font-weight:bold; font-size:18px; line-height:28px; }
.pro_all li .txt span { display:block; font-size:16px; line-height:24px; margin-top:10px;}

/*简介*/
.c1 { padding:50px 0px 35px 0px; overflow:hidden; background:#37b877; }
.c1 .container {}

.haha2 {}
.haha2 li { width:16.6666666667%; padding:0x 1%; float: left; text-align: center;}
.haha2 li .img1 { display: block; height: 86px;overflow: hidden;}
.haha2 li img { margin:0 auto; transition: all 0.6s;}

.haha2 li dd { font-size: 20px;color: #fff; line-height: 1; background: url(../img/sec/xian.png) no-repeat center bottom;  margin-top: 20px;}
.haha2 li span.bb { font-weight:bold; font-size:18px; line-height: 22px; margin-top:10px; display: block;}
.haha2 li p {width:80%; margin:0 auto; font-size:14px;  line-height:22px; margin-top:5px;color: #fff;}
.haha2 li:hover dd {color: #fff;}
.haha2 li:hover img { margin-top: -70px; transition: all 0.6s;}

 /*简介*/
.c3 { padding:50px 0px 35px 0px; overflow:hidden;  }
.c3 .container {}

.haha3 { margin-top:40px; position:relative; overflow:hidden;}
.haha3 li { width:33.3333333333%; padding:0x 1%; float: left; text-align: center; justify-content: center; align-items: center; position: relative;}
.haha3 li .img1 { display: block; height:191px;overflow: hidden;}
.haha3 li img { margin:0 auto; transition: all 0.6s;}
.haha3 li .step-num {
    width: 30px;
    height: 30px;
    border: 2px solid #9aabb8;
    border-radius: 25px;
    justify-content: center;
    align-self: auto;
    align-items: center;
    display: flex;
	margin:0px auto;
    margin-top: 10px;
    position: relative;
}
.haha3 li .heading-91 {
    color: #9aabb8;
    text-align: center;
    margin-bottom: 0;
    font-size: 120%;
}

.haha3 li dd { font-size: 20px;line-height: 1; background: url(../img/sec/xian.png) no-repeat center bottom;  margin-top:10px;}
.haha3 li span.bb { font-weight:bold; font-size:18px; line-height: 22px; margin-top:10px; display: block;}
.haha3 li p {width:80%; margin:0 auto; font-size:14px;  line-height:22px; margin-top:5px;}
.haha3 li:hover dd {}
.haha3 li:hover img { margin-top: -10px; transition: all 0.6s;}
 
.div-line {  flex-direction: row; justify-content: center;  display: flex; position: absolute; top: 237px; bottom:0px; left: 0%; right: 0%;}
.div-step-line { width: 412px; height: auto; border: 1px #9aabb8; border-top: 2px solid #9aabb8;  margin-right: 55px;  position: static;  top: auto; bottom: 0;  left: 0%; right: auto;}
.div-step-line-copy-2 { width: 412px; height: auto;  border: 1px #9aabb8; border-top: 2px solid #9aabb8; margin-right: 0;  position: static;  top: auto;  bottom: 0; left: 0%; right: auto;}

/***********设备展示***********/
/*全局页签*/

.case_all { background:#ededed; width:100%; padding:55px 0 30px 0;  position:relative; overflow:hidden;}

.warp-pic-list{ position:relative;width:1320px;height:210px;overflow:hidden; margin-top:25px;}
/*news*/
.kcsz_c li { float: left; display:inline; width:680px; height:210px; padding:0px 20px 0px 0px; margin-bottom: 20px;}
.kcsz_c li .pic { float: left; width:260px;}
.kcsz_c li .pic img { width:260px;height:195px;  border-radius:8px;  }
.kcsz_c li .kc_t {  float: left; width: 400px; height:210px; overflow: hidden; padding-left:20px}
.kcsz_c li .kc_t .kc_tit1 { font-size: 18px; font-weight: bold; line-height:35px;}
.kcsz_c li .kc_t .kc_tit2 { font-size: 14px; line-height:26px;}
.kcsz_c li .kc_t span { line-height:24px; font-size:16px;}

.w-layout-grid {
    width: 135px;
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    justify-content: stretch;
    justify-items: stretch;
    margin-bottom: 10px;}

.image-15 { transform: scale(1.5);}
.w-layout-grid img { width:16px;  vertical-align: middle; display: inline-block; margin-right:5px;}

.kc_t a {color: #f05a00;text-decoration: none;}
.kc_c {width: 260px; padding:0px 10px;  line-height: 23px;overflow: hidden; color: #555;margin-bottom: 15px}

.tabscroll { width:1320px; margin-top:20px; margin-bottom:20px;}
.tab-T-3 { width:60px; margin:0 auto;text-align:center; }
.tab-T-3 li{ width:12px;height:12px; border-radius:6px;font-size:0;background-color:#dfdfdf;float:left;margin-left:8px;cursor:pointer;display:inline;}
.tab-T-3 li.cur{background-color:#d81c1b;}
   
   
/*简介*/
.c4 { padding:50px 0px 55px 0px; overflow:hidden; background:#37b877; }
.c4 .container {}

.haha4 {}
.haha4 li { width:25%; padding:0px 2% 0px 0px; float: left; text-align: left;}
.haha4 li .img1 { display: block; overflow: hidden;}
.haha4 li .img1 i { font-size:45px; transition: all 0.6s; color:#fff; padding-left:3px;}

.haha4 li dd { color: #fff; margin-top: 20px;}
.haha4 li dd a { color: #fff;}
.haha4 li span.aa { font-weight:bold; font-size:20px; line-height: 22px; margin-top:10px; display: block;}
.haha4 li span.bb { font-weight:bold; font-size:16px; line-height: 22px; margin-top:10px; display: block;}
.haha4 li p {width:100%; font-size:14px;  line-height:22px; margin-top:5px;color: #fff;}
.haha4 li:hover dd {color: #fff;}
.haha4 li:hover img { margin-top: -70px; transition: all 0.6s;}