@charset "utf-8";
.ab_banner{ width: 100%; position: relative;/*margin-left: -960px;left: 50%;*/}
.ab_banner img{ display:table; width:100%}
.ab_wrap{ width:100%;  color:#595757; background:#fff;/*margin-top:15px;*/}
.hz_k1{ width:100%; background:#fff; text-align:center; padding:50px 0}
.hz_k1_n{ min-width:1200px; display:table; margin:0 auto; font-size:24px; line-height:1.5;}
.hz_k1_n h1{ font-size:36px; font-weight:bolder; line-height:1.2; padding:20px 0 30px}
.hz_btn1{ display:table; margin:40px auto 20px auto}
.hz_btn1{
-webkit-animation:pulse 2s .3s ease both;
-moz-animation:pulse 2s .3s ease both;
-webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.15)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulse{
0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(1.15)}
100%{-moz-transform:scale(1)}
}
/*.hz_k2*/
.hz_k2{ background:#eedc63; width:100%; display:table; padding:80px 0}
.hz_k2_n{ min-width:1200px; display:table; margin:0 auto}
.hz_k2_n dl{ width:33.33%; float:left; text-align:center; color:#fff; font-weight:bolder; font-size:25px;}
.hz_k2_n dl h1{ font-size:36px;font-weight:bolder; line-height:1z}
.hz_k2_n dl span{ display:table; line-height:2; margin:0 auto; }
.ab_wrap .sortt{max-width: 600px;}

/**/
.hz_k3{ width:100%;}
.hz_k4{ width:100%; background:#fff}

.hz_k5{ width:100%;}
.hz_k5 img,.hz_k3 img,.wm_k2 img,.wm_k4 img{ display:table}
/*wm*/
.wm_k1{ width:100%; background:#fff; text-align:center; padding:50px 0}
.wm_k1_n{ min-width:1200px; display:table; margin:0 auto; font-size:24px; line-height:1.5; padding:20px 0 0}
.wm_k1_n h1{ font-size:36px; font-weight:bolder; line-height:1.2; padding:20px 0 30px}
.wm_k1_n img{ display:table; margin:0 auto; padding:40px 0}

.wm_k3{ width:90%; background:#fff; padding:40px 5%; display:table;display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;}
.wm_k3 dl{ width:50%; padding:0 5%; box-sizing:border-box; float:left; margin:35px 0; line-height:1.4;}
.wm_k3 dl .wm_t{ cursor: pointer;overflow: hidden;width:100%;display:block; margin:0 0 10px; /*border:1px dashed #0f050b*/}
.wm_k3 dl .wm_t img{ width:100%; display:table}
.wm_k3 dl h1{ font-size:20px; color:#eedc63; font-weight:bolder}
.wm_k3 dl h2{ font-size:56px;color:#eedc63; font-weight:bolder}
.wm_k3 dl h3{margin: 20px 0 0;
    font-weight: bold;}
.wm_k3 dl p{ font-size:22px; color:#595757; line-height:32px; height:160px; overflow:hidden; margin:20px 0 0}
/*gd*/
.gd_k1{ width:100%; box-sizing:border-box; text-align:center; display:table; margin:0 auto; background:#fff; padding:100px 5% 50px;}
.gd_k1 dl{padding:10px 0}
.gd_k1 dl a{ font-size:30px; line-height:1.2; font-weight:bolder;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s; }
.gd_k1 dl a:hover{ color:#f8e363;transform: scale(1.8); font-size:44px;}

.gd_k2{ background:#f8e363; width:100%; display:table; margin:0 auto; text-align:center}

.fy{ font-size:30px; text-align:center; padding:60px  0; display:table; margin:0 auto; }
.fy span{ text-align:right; font-size:28px; padding:0 20px; font-weight:bolder; color:#eedc63; line-height:26px; display: inline-block;    vertical-align: middle;}
.fy ul{ display: inline-block; text-align:center;    vertical-align: middle; margin:0 auto; padding:0 20px}
.fy ul li{ display:inline-block; padding:0 20px; line-height:52px;    vertical-align: middle;}
.fy ul li a{ color:#cfcfcf; font-size:36px; font-weight:bolder; padding:0 8px;}
.fy ul li .on,.fy ul li a:hover{ color:#eedc63; border-bottom:5px solid #eedc63}
.fy span a:hover{color:#eedc63;}


.gd_about{ background:#fff; width:1200px; display:table; margin:0 auto; padding:80px 0; min-height:500px; color:#595757;}
.gd_bt{ text-align:center; }
.gd_bt h1{ color:#f8e363; font-size:60px; font-weight:bolder; display:table; margin:0 auto; line-height:1.4;}
.gd_bt time{ font-size:30px; padding:20px 0; display:table; margin:0 auto}
.gd_about_n{ font-size:18px; line-height:1.8; padding:30px 0;text-align:left;}

.case_k2{ position: relative;width:100%; display:table;}
.case_k2_t{width:100%; display:table;}
.case_k2_t img{ display:table; width:100%}
.case_k2_w{ width:20%; position:fixed; color:#fff;height:40%; top:20%;
    z-index: 999;
}
.case_k2_w .case_xx{ margin-left:8%; float:left; background:#ffeb01; width:12px; height:100%; display:table; border-radius:10px}
.case_k2_w .case_wz{ width:80%; float:left; height:100%}
.case_k2_w .case_wz dl{ width:100%; height:33.33%; padding:5% 3% 0; box-sizing:border-box}
.case_k2_w .case_wz dl h1{cursor: pointer; font-weight:bolder; font-size:25px; color:#000; line-height:30px; height:30px;}
.case_k2_w .case_wz dl h1 i{ height:30px; width:6px;border-radius:10px;background:#ffeb01; display:table; float:left; margin-right:10px;}
.case_k2_w .case_wz dl h1 span{ font-weight:bolder; line-height:1; padding:8px 0 0 16px; font-size:25px; color:#ffeb01;  display:none; text-transform: uppercase;}
.case_k2_w .case_wz dl h1:hover span{ display:block;}



.case_k3{ width:100%; display:table;position:relative;}
.case_k3 dl{width:33.333%;float:left;position:relative;}
.case_k3 dl,.case_k3 dl a{}
.case_k3 dl a img{width:100%; display:table;}


.case_about{ width:100%; display:table; }
.case_about img{ display:table; width:100%;}
.case_about {}
.case_about_w{ width:90%;font-size:16px; line-height:1.8; margin:0 auto}
/*切换*/
/*banner*/
.swiper-container {  width: auto;   height: 100%;    }
.swiper-slide {  text-align: center;   font-size: 18px; background: #fff;}
.swiper-container .swiper-slide img {width:100%;}
.swiper-pagination-bullet { width:30px; height: 5px; display: inline-block; border-radius:1px;  background: #ffeb01;  opacity: .2;}
.swiper-pagination-bullet-active {  opacity: 1; background: #ffeb01;}	
.hz_k4 h1{text-align: center;
    font-size: 30px;
    font-weight: 300;
    padding: 20px 0;
    line-height: 1.4;
    letter-spacing: 17px;}
.hz_k4 h2{ text-align:center; font-size:34px;line-height:1.4; margin-top:20px;}

/**/
.case_hz{ width:1200px; display:table; margin:0 auto; padding:80px 0}
.case_hz dl{ width:16.66%; float:left;  padding:1%; display:table; box-sizing:border-box}
.case_hz_t{width:100%;height:100%;/*overflow: hidden;*/ cursor:pointer}
.case_hz_t img{width: 100%;height:100%;transition:all .5s; display:table; margin:0 auto}
.case_hz_t:hover img{transform: scale(1.5);} 

@media screen and (max-width:1199px) {
.case_hz{ width:94%; padding:50px 0}	
.hz_k4 h1{ text-align:center; font-size:30px; font-weight:bolder; padding:15px 0; line-height:1.4;}
.hz_k4 h2{ text-align:center; font-size:22px;line-height:1.4;}
	
.hz_k1_n,.wm_k1_n{ width:100%; min-width:100%; padding:0 4%; font-size:15px;box-sizing:border-box}	
.hz_k2_n{ min-width:100%; }
.hz_k1_n h1,.wm_k1_n h1{ font-size:26px;}
.hz_bt1 img{ display:table; margin:0 auto; width:60%}
.hz_k2_n dl h1{ font-size:26px;}
.hz_k2_n dl{ font-size:16px;}

.wm_k3{ width:100%; background:#fff; padding:40px 5%; box-sizing:border-box;  display:table }
.wm_k3 dl{ width:100%; padding:0 2%; box-sizing:border-box; float:left; margin:15px 0; line-height:1.4;}
.wm_k3 dl h1{ font-size:14px;}
.wm_k3 dl h2{ font-size:28px;}
.wm_k3 dl p{ font-size:14px; line-height:1.4; height:auto;}

.gd_k1{ width:100%;padding:60px 5%;}
.gd_k1 dl{padding:5px 0}
.gd_k1 dl a{ font-size:20px;}
.gd_k1 dl a:hover{ color:#f8e363;transform: scale(1.8); font-size:24px;}
.fy{padding:60px 4%}
.fy span{ float:left; text-align: left; padding:0}
.fy ul{ text-align:left; padding:5px 0; float:left}
.fy ul li{ padding:0 10px}

.gd_about{ width:94%; display:table; margin:0 auto;    padding: 60px 0;}
.gd_bt h1{ font-size:30px;}
.gd_bt time{ font-size:20px;}
.gd_about_n{ font-size:15px;}
.case_k2_w .case_wz dl h1{ font-size:18px;line-height: 20px;    height:20px;}
.case_k2_w .case_wz dl h1 span{ display:block;font-size:18px;padding:4px 0 0 16px;}
.case_k2_w .case_wz dl h1 i{ height:20px;}
}

@media screen and (max-width:767px) {
    .gd_bt h1{ font-size:20px;}
    .gd_bt time{ font-size:16px;}
    .case_about_w p iframe{width:100%;height:auto;}
}