﻿@charset "utf-8";
*{padding:0px; margin:0px;}
body{font-size:14px; line-height:1.8; color:#555; font-family:"Microsoft YaHei",Arial,sans-serif;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td{margin:0; padding:0; font-style:normal;}
h1,h2,h3,h4,h5,h6{list-style:none;}
input,select,button,textarea{font-size:14px; border:0; background:none; outline:none; vertical-align:middle; font-family:"Microsoft YaHei",Arial,sans-serif;}
button{overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#333; text-decoration:none;
transition:all .5s;
-webkit-transition:all .5s;}
a:hover{color:#fabb04; text-decoration:none !important;}
.clear{clear:both;}
.jt_ct{justify-content:space-between;}
.jt_cn{justify-content:center;}
.an_tm{align-items:center;}
@media only screen and (max-width:1100px){
body{font-size:14px;}
input,select,button,textarea{font-size:14px;}
}

@media only screen and (max-width:1100px){
html.on{width:100%; height:100vh; overflow:hidden;}
}

.header{width:100%; padding:0 5%; position:fixed; top:0; left:0; z-index:9999;
transition:all .5s;
-webkit-transition:all .5s;}
.header:hover{background-color:rgba(255,255,255,.95); box-shadow:0 0 15px rgba(0,0,0,.1);}
.header.on{background-color:rgba(255,255,255,.95); box-shadow:0 0 15px rgba(0,0,0,.1);}
.header .row{margin:0;}
.header .logo{width:86px; position:relative;}
.header .logo img{width:100%; height:auto; display:block;
transition:all .5s;
-webkit-transition:all .5s;}
.header:hover .logo img{opacity:0;}
.header.on .logo img{opacity:0;}
.header .logo img.d_w{position:absolute; top:0; left:0; opacity:0;}
.header:hover .logo img.d_w{opacity:1;}
.header.on .logo img.d_w{opacity:1;}
.header .an{width:36px; height:22px; display:none; position:relative;}
.header .an span{width:36px; height:2px; background-color:#fff; display:block; position:absolute;
transition:all .5s;
-webkit-transition:all .5s;}
.header:hover .an span{background-color:#333;}
.header.on .an span{background-color:#333;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:10px; left:0;}
.header .an span.a3{top:20px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:10px;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:10px;
transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header .nav{display:flex; flex-wrap:wrap; align-items:center;}
.header .nav ul{display:flex;}
.header .nav ul li{margin-right:60px; position:relative;}
.header .nav .y_j{position:relative;}
.header .nav .y_j i{display:none;}
.header .nav .y_j a{display:inline-block; font-size:18px; font-weight:bold; color:#fff; line-height:100px;}
.header:hover .nav .y_j a{color:#000;}
.header:hover .nav ul li:hover .y_j a{color:#fabb04;}
.header:hover .nav ul li.on .y_j a{color:#fabb04;}
.header.on .nav .y_j a{color:#000;}
.header.on .nav ul li:hover .y_j a{color:#fabb04;}
.header.on .nav ul li.on .y_j a{color:#fabb04;}
.header .nav .y_j:after{width:0; height:3px; background-color:#fabb04; position:absolute; bottom:0; left:0; content:"";
transition:all .5s;
-webkit-transition:all .5s;}
.header .nav ul li:hover .y_j:after{width:100%;}
.header.on .nav ul li.on .y_j:after{width:100%;}
.header .nav .e_j{width:120px; padding:8px 0; background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,.03); position:absolute; top:100px; left:50%; margin-left:-60px; display:none;}
.header .nav ul li:hover .e_j{display:block;}
.header .nav .container{width:100%;}
.header .nav .row{margin:0 -15px;}
.header .nav .f_l p a{font-size:14px; line-height:40px; color:#555; text-align:center; display:block;}
.header .nav .f_l p a:hover{background-color:#f7f7f7; color:#fabb04;}
.header .nav .s_b{display:none;}
.header .s_ch{line-height:36px; color:#fff; font-weight:bold; cursor:pointer; display:inline-block; margin-right:20px;
transition:all .5s;
-webkit-transition:all .5s;}
.header:hover .s_ch{color:#000;}
.header.on .s_ch{color:#000;}
.header .s_ch i{font-weight:bold; margin-top:-2px; vertical-align:middle; display:inline-block;}
@media (min-width:992px) {
.header .nav .container{max-width: 100%}
}
@media (min-width:1200px) {
.header .nav .container{max-width:1130px;}
}
@media only screen and (max-width:1440px){
.header .nav ul li{margin-right:30px;}
}
@media only screen and (max-width:1300px){
.header{padding:0 calc(5% + 15px);}
.header .logo{margin:15px 0;}
.header .an{display:block;}
.header .yc_nr{margin-top:15px;}
.header .nav{width:100%; height:calc(100vh - 78px); padding:10px 5% 20px; margin:0; background-color:#f7f7f7; position:fixed; bottom:0; right:-100%; z-index:9999; overflow:auto; display:block;
transition:all .5s;
-webkit-transition:all .5s;}
.header .nav.on{right:0;}
.header .nav ul{width:100%; float:none; display:block;}
.header .nav ul li{width:100%; height:auto; text-align:left; border-bottom:1px solid #ddd; float:none; padding:0; margin:0;}
.header .nav .y_j:after{display:none;}
.header .nav .y_j i{display:block; width:80%; position:absolute; top:0; right:0; font-size:16px; font-weight:bold; text-align:right; line-height:66px; z-index:99;}
.header .nav .y_j a{font-size:16px; color:#333; line-height:66px; text-shadow:none;}
.header .nav .y_j a:hover{color:#333;}
.header .nav ul li:hover .y_j a{color:#333;}
.header .nav ul li.on .y_j a{color:#333;}
.header .nav .row{margin:0 -10px;}
.header .nav .e_j{width:100%; height:calc(100vh - 78px); padding:10px 5% 20px; background-color:#f7f7f7; position:fixed; top:auto; left:auto; bottom:0; right:-100%; z-index:9999; overflow:auto; display:block; opacity:1; visibility:inherit;
transition:all .5s;
-webkit-transition:all .5s;
transform:none;
-webkit-transform:none;}
.header .nav .e_j.on{right:0;}
.header .nav .e_j:after{display:none;}
.header .nav .f_l{width:100%; padding:0; margin-bottom:0;}
.header .nav .f_l p{margin:0;}
.header .nav .f_l p a{font-size:16px; line-height:66px; color:#333; text-align:left; border-bottom:1px solid #ddd;}
.header .nav .f_l p a:hover{color:#333;}
.header .nav .s_b{display:block; line-height:50px;}
.header .nav .s_b i{font-size:16px; font-weight:bold;}
.header .s_ch{color:#555;}
}
@media only screen and (max-width:992px){
.header{padding:0 20px;}
.header .nav .cp_xl{width:calc(33.33333333% - 20px);}
}
@media only screen and (max-width:640px){
.header .logo{width:66px;margin: 8px 0;}
.header .nav{width:100%; height:calc(100vh - 60px);}
.header .nav .e_j{width:100%; height:calc(100vh - 60px);}
.header .nav .container{padding:0;}
.header .nav .row{margin:0;}
}

.search{width:100%; height:calc(100vh - 100px); background-color:rgba(0,0,0,.8); position:fixed; top:100px; left:0; z-index:9999999999; display:none;}
.search .sc_bj{width:100%; padding:40px 0; background-color:#f7f7f7; position:relative;}
.search .sc_gb{position:absolute; top:15px; right:calc(10% + 15px); cursor:pointer; color:#777;
transition:all .5s;
-webkit-transition:all .5s;}
.search .sc_gb:hover{color:#fabb04;
transform:rotate(360deg);
-webkit-transform:rotate(360deg);}
.search .sc_gb i{font-size:28px;}
.search .sc_nr{width:500px; padding-left:20px; background-color:#fff; border-radius:25px; margin:0 auto; display:flex; justify-content:space-between; overflow:hidden;}
.search input{width:380px; height:50px; font-size:15px; line-height:50px; color:#333;}
.search input::placeholder{color:#999;}
.search button{width:80px; height:50px; line-height:50px; text-align:center; color:#000; outline:none;
transition:all .5s;
-webkit-transition:all .5s;}
.search button:hover{color:#fabb04;}
.search button i{font-weight:bold;}
@media only screen and (max-width:1300px){
.search{height:100vh; top:0;}
.search .sc_bj{padding:60px 0;}
}
@media only screen and (max-width:640px){
.search .sc_nr{width:90%;}
.search .sc_gb{top:10px; right:20px;}
.search .sc_gb i{font-size:22px; font-weight:lighter;}
.search input{width:85%; font-size:15px;}
.search button{width:15%;}
.search button i{font-size:24px; font-weight:lighter;}
}

.head_h{width:100%; height:100px; overflow:hidden;}
@media only screen and (max-width:1300px){
.head_h{height:78px;}
}
@media only screen and (max-width:640px){
.head_h{height:69px;}
}

.pc_ban{width:100%; height:100vh; position:relative; overflow:hidden;}
.pc_ban .swiper-button-prev{width:50px; height:50px; border-radius:50%; background:rgba(255,255,255,.1) url(../Images/zj.png) no-repeat center / 40px 40px; top:0; left:15px; margin:0; z-index:99;
transition:all .5s;
-webkit-transition:all .5s;}
.pc_ban .swiper-button-prev:hover{background-color:rgba(250,187,4,.6);}
.pc_ban .swiper-button-next{width:50px; height:50px; border-radius:50%; background:rgba(255,255,255,.1) url(../Images/yj.png) no-repeat center / 40px 40px; top:0; right:auto; left:85px; margin:0; z-index:99;
transition:all .5s;
-webkit-transition:all .5s;}
.pc_ban .swiper-button-next:hover{background-color:rgba(250,187,4,.6);}
.pc_ban .swiper-pagination{bottom:12px; right:0;}
.pc_ban .swiper-pagination-bullet{width:10px; height:10px; border-radius:10px; background-color:#fff; opacity:.6; margin:0 5px !important;
transition:all .5s;
-webkit-transition:all .5s;}
.pc_ban .swiper-pagination-bullet-active{width:36px; opacity:1;}
.pc_ban .swiper-slide{overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pc_ban .swiper-slide:after{width:100%; height:100%; position:absolute; top:0; left:0; content:""; background-color:rgba(0,0,0,.3)}
.pc_ban .container{position:absolute; top:50%; left:50%; z-index:99; color:#fff;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);}
.pc_ban .bn_cz{top:auto; bottom:50px; height:50px;}
.pc_ban .bn_vd{width:380px; border:5px solid #fff; box-shadow:0 0 15px rgba(0,0,0,.5); position:relative;}
.pc_ban .bn_vd img{width:100%; height:auto; display:block;}
.pc_ban .bn_vd i{width:50px; height:50px; position:absolute; top:50%; left:50%; cursor:pointer;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);}
.pc_ban .bn_wz{width:500px;}
.pc_ban .bn_wz h1{font-size:50px; font-weight:bold; line-height:60px; margin:15px 0 20px;}
.pc_ban .bn_wz h3{font-size:30px; font-weight:bold; line-height:40px;}
.pc_ban .bn_wz h5{font-size:18px; line-height:32px;}
.pc_ban .bn_wz a{width:150px; height:46px; border-radius:23px; font-size:16px; line-height:46px; text-align:center; color:#333; display:inline-block; position:relative; margin-top:30px;
background:linear-gradient(#fa8904, #fa8904) repeat-y;
background:-webkit-linear-gradient(#fa8904, #fa8904) repeat-y;
background-size:0 100%;
background-color:#fabb04;}
.pc_ban .bn_wz a:hover{background-size:100% 100%; color:#fff;}
@media only screen and (max-width:1300px){
.pc_ban{height:600px;}
.pc_ban .bn_wz .t_b{width:280px;}
.pc_ban .bn_wz h1{font-size:28px; line-height:38px;}
.pc_ban .bn_wz a{width:120px; height:38px; border-radius:19px; font-size:15px; line-height:36px; margin-top:25px;}
}
@media only screen and (max-width:1100px){
.pc_ban .swiper-button-prev{display:none;}
.pc_ban .swiper-button-next{display:none;}
.pc_ban .container{width:100%;}
.pc_ban .bn_wz .t_b{width:230px;}
}
@media only screen and (max-width:992px){
.pc_ban{height:500px;}
.pc_ban .bn_wz{width:90%; margin:30px auto 0}
.pc_ban .bn_wz .t_b{width:200px;}
.pc_ban .bn_wz h1{font-size:22px; line-height:32px;margin: 5px 0 5px;}
.pc_ban .bn_wz h3{font-size:16px; line-height:26px;}
.pc_ban .bn_wz h5 {
  font-size: 14px;
  line-height: 26px;
}
.pc_ban .bn_wz a{width:120px; height:30px; border-radius:19px; font-size:13px; line-height:30px; margin-top:15px; margin-bottom:15px}
.pc_ban .bn_cz{top:auto; bottom:0px; height:10px;}
}
@media only screen and (max-width:640px){
	.pc_ban{height:550px;}
.pc_ban .bn_wz .t_b{width:160px;}
.pc_ban .bn_wz h1{font-size:20px; line-height:28px;}
.pc_ban .bn_wz h3{font-size:16px; line-height:22px;}
.pc_ban .bn_vd{width:380px; border:5px solid #fff; box-shadow:0 0 15px rgba(0,0,0,.5); position:relative; margin:0 auto}

}

.sy_ys{width:100%; padding:80px 0 50px; overflow:hidden; position:relative;}
.sy_ys .container{position:relative; z-index:99;}
.sy_ys .row{margin:0;}
.sy_ys .ys_zc{width:35%; position:relative;}
.sy_ys .ys_zc .t_p{width:100%; position:absolute; bottom:30px; left:0;}
.sy_ys .ys_zc .t_p img{width:100%; height:auto; display:block;}
.sy_ys .ys_bt{margin:10px 0 50px;}
.sy_ys .ys_bt .b_t{font-size:44px; line-height:52px; font-weight:bold; color:#000; margin-bottom:10px;}
.sy_ys .ys_bt .b_t strong{color:#fabb04;}
.sy_ys .ys_bt .x_b{font-size:22px; font-weight:bold; line-height:32px; color:rgba(0,0,0,.5); text-transform:uppercase;}
.sy_ys .ys_yc{width:60%;}
.sy_ys .ys_yc ul{display:flex; flex-wrap:wrap; margin:0 -15px;}
.sy_ys .ys_yc ul li{width:calc(50% - 30px); background-color:#f7f7f7; padding:40px 30px 30px; margin:0 15px 30px; border-radius:5px; overflow:hidden; position:relative;
transition:all .5s;
-webkit-transition:all .5s;}
.sy_ys .ys_yc ul li:hover{background-color:#fabb04;}
.sy_ys .ys_yc .t_b{width:100px; height:100px; border-radius:50%; background-color:#fabb04; background-position:top center; background-repeat:no-repeat; background-size:cover; margin:0 auto 30px;
transition:all .5s;
-webkit-transition:all .5s;}
.sy_ys .ys_yc ul li:hover .t_b{background-position:bottom center; background-color:#fff;}
.sy_ys .ys_yc .w_z{width:100%; text-align:center; color:#777;}
.sy_ys .ys_yc .w_z h3{font-size:22px; line-height:28px; color:#000; font-weight:bold; margin-bottom:10px;}
.sy_ys .ys_yc .w_z p{font-size:15px; line-height:22px;
transition:all .5s;
-webkit-transition:all .5s;}
.sy_ys .ys_yc ul li:hover .w_z p{color:#555;}
.sy_ys img{width:100%; height:auto; display:block;}
@media only screen and (max-width:1100px){
}
@media only screen and (max-width:992px){
.sy_ys{width:100%; padding:20px 0 20px; overflow:hidden; position:relative;}
.sy_ys .row{ display:block}	
.sy_ys .ys_bt{margin:10px 0 20px;}
.sy_ys .ys_zc{width:100%; position: inherit ;}
.sy_ys .ys_yc{width:100%; margin-top:20px}
.sy_ys .ys_zc .t_p{width:100%; position: inherit; bottom:30px; left:0;}
.sy_ys .ys_bt .b_t{font-size:20px; line-height:32px; font-weight:bold; color:#000; margin-bottom:0px;}
.sy_ys .ys_bt .x_b{font-size:12px; font-weight:bold; line-height:32px; color:rgba(0,0,0,.5); text-transform:uppercase;}
.sy_ys .ys_yc .w_z h3{font-size:16px; line-height:28px; color:#000; font-weight:bold; margin-bottom:5px;}
.sy_ys .ys_yc .w_z p{font-size:14px; line-height:22px;
transition:all .5s;
-webkit-transition:all .5s;}
.sy_ys .ys_yc ul{display:flex; flex-wrap:wrap; margin:0 -10px;}
.sy_ys .ys_yc ul li{width:calc(50% - 20px); background-color:#f7f7f7; padding:20px; margin:0 10px 20px; border-radius:5px; overflow:hidden; position:relative;
transition:all .5s;
-webkit-transition:all .5s;}
}
@media only screen and (max-width:640px){
}

.sy_zl{width:100%; padding:90px 0 190px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.sy_zl img{width:100%; height:auto; display:block;}
.sy_zl .zl_bt{margin-bottom:50px;}
.sy_zl .zl_bt .b_t{font-size:44px; line-height:52px; font-weight:bold; color:#000; margin-bottom:10px;}
.sy_zl .zl_bt .b_t strong{color:#fabb04;}
.sy_zl .zl_bt .x_b{font-size:18px; line-height:30px; color:#777;}
.sy_zl .row{margin:0;}
.sy_zl .zl_tp{width:47.5%; padding:0 20px 20px 0;}
.sy_zl .zl_tp:after{width:calc(100% - 20px); height:calc(100% - 20px); position:absolute; right:0; bottom:0; content:""; background-color:#f8e3a7; z-index:-1;}
.sy_zl .zl_tp img{width:100%; height:auto; display:block;}
.sy_zl .zl_nr{width:47.5%;}
.sy_zl .zl_nr ul li{margin-bottom:50px; padding-left:110px; position:relative;}
.sy_zl .zl_nr ul li:last-child{margin-bottom:0;}
.sy_zl .zl_nr h3{font-size:24px; font-weight:bold; line-height:36px; color:#000; margin-bottom:10px;}
.sy_zl .zl_nr p{font-size:18px; color:#666; line-height:30px;}
.sy_zl .t_b{width:80px; height:80px; border:2px solid #fabb04; border-radius:50%; position:absolute; top:50%; margin-top:-40px; left:0;}
.sy_zl .t_p img{width:100%; height:auto; display:block;}
@media only screen and (max-width:1100px){
}
@media only screen and (max-width:640px){
.sy_zl{width:100%; padding:20px 0 20px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.sy_zl .zl_tp{width:100%; padding:0 20px 20px 0;}
.sy_zl .zl_nr{width:100%; margin-top:20px}	
.sy_zl .zl_bt{margin-bottom:20px;}
.sy_zl .zl_bt .b_t{font-size:20px; line-height:32px; font-weight:bold; color:#000; margin-bottom:10px;}
.sy_zl .zl_bt .x_b{font-size:14px; line-height:26px; color:#777;}
.sy_zl .zl_nr h3{font-size:16px; font-weight:bold; line-height:26px; color:#000; margin-bottom:10px;}
.sy_zl .zl_nr p{font-size:14px; color:#666; line-height:26px;}
.sy_zl .zl_nr ul li{margin-bottom:20px; padding-left:110px; position:relative;}

}

.sy_cp{width:100%; padding:80px 0; margin-top:-180px; overflow:hidden;}
.sy_cp .cp_bt{width:calc(30% - 30px); background-color:#f8e3a7; padding:40px; margin:0 15px;}
.sy_cp .cp_bt .b_t{font-size:32px; line-height:40px; font-weight:bold; color:#000; margin:10px 0;}
.sy_cp .cp_bt .x_b{font-size:16px; line-height:28px; color:#555;}
.sy_cp .cp_bt .x_q{font-size:22px; font-weight:bold; line-height:30px; color:#775e33;}
.sy_cp .cp_pt{width:calc(70% - 30px); margin:0 15px;}
.sy_cp .cp_pt img{width:100%; height:100%; display:block;
object-fit:cover;
object-position:center;
-webkit-user-select:none;
user-select:none;}
.sy_cp .cp_zs{position:relative; margin-top:50px;}
.sy_cp .swiper-cp{padding-bottom:60px;}
.sy_cp .swiper-slide{background-color:#f6f6f6; padding:50px 30px;
transition:all .5s;
-webkit-transition:all .5s;}
.sy_cp .swiper-slide:nth-child(2n){background-color:#fdfaf2;}
.sy_cp .swiper-slide:hover{background-color:#f5f0e1;}
.sy_cp .swiper-button-prev{width:40px; height:40px; border-radius:10px; background:none; background-color:#eee; left:-60px; display:flex; justify-content:center; align-items:center;
transition:all .5s;
-webkit-transition:all .5s;}
.sy_cp .swiper-button-prev:hover{background-color:#fabb04; color:#fff;}
.sy_cp .swiper-button-next{width:40px; height:40px; border-radius:10px; background:none; background-color:#eee; right:-60px; display:flex; justify-content:center; align-items:center;
transition:all .5s;
-webkit-transition:all .5s;}
.sy_cp .swiper-button-next:hover{background-color:#fabb04; color:#fff;}
.sy_cp .swiper-pagination{bottom:0;}
.sy_cp .swiper-pagination-bullet{width:10px; height:10px; border-radius:10px;
transition:all .5s;
-webkit-transition:all .5s;}
.sy_cp .swiper-pagination-bullet-active{width:30px; background-color:#fabb04;}
.sy_cp .cp_zs .b_t{font-size:22px; line-height:28px; font-weight:bold; color:#000; height:56px; overflow:hidden; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;}
.sy_cp .cp_zs .n_r{font-size:16px; line-height:30px; color:#555; height:120px; margin:25px 0; overflow:hidden; display:-webkit-box;
line-clamp:4;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;}
.sy_cp .cp_zs .r_q{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.sy_cp .cp_zs .r_q img{width:100%; height:auto; display:block;}
.sy_cp .cp_zs .r_q i{width:80px; height:80px; border-radius:50%; display:inline-block; overflow:hidden;}
.sy_cp .cp_zs .s_j{font-size:16px; color:#555;}
.sy_cp .cp_zs .s_j strong{font-size:30px; line-height:40px; color:#000; display:block;}
@media only screen and (max-width:1100px){
.sy_cp{padding:40px 0;}
.sy_cp .cp_bt{margin-bottom:30px; text-align:center;}
.sy_cp .cp_bt .b_t{font-size:32px; line-height:40px; margin-bottom:0;}
.sy_cp .cp_bt .x_b{font-size:16px; line-height:26px;}
.sy_cp .swiper-cp{padding-bottom:40px;}
.sy_cp .swiper-slide{padding:10px;}
.sy_cp .swiper-button-prev{display:none;}
.sy_cp .swiper-button-next{display:none;}
.sy_cp .swiper-pagination-bullet{width:8px; height:8px; border-radius:8px;}
.sy_cp .swiper-pagination-bullet-active{width:20px;}
.sy_cp .cp_bt .b_t{font-size:20px; line-height:30px; font-weight:bold; color:#000; margin:5px 0;}
.sy_cp .cp_bt .x_b{font-size:14px; line-height:26px; color:#555;}
.sy_cp .cp_bt .x_q{font-size:16px; font-weight:bold; line-height:30px; color:#775e33;}

}
@media only screen and (max-width:640px){
.sy_cp{padding:20px 0;margin-top: 0;}
.sy_cp .row{ display:block; margin:0}
.sy_cp .cp_bt{width:100%; background-color:#f8e3a7; padding:10px 20px; margin:0 ;box-sizing:border-box}
.sy_cp .cp_pt{width:100%; margin:0 ;}
 .sy_cp .swiper-cp{padding-bottom:30px;}
.sy_cp .swiper-slide{width:76%; padding:7px;}
.sy_cp .swiper-pagination-bullet-active{width:16px;}
.sy_cp .cp_zs{position:relative; margin-top:20px;}
.sy_cp .cp_zs .b_t{font-size:16px; line-height:28px; font-weight:bold; color:#000; height: auto; overflow:hidden; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;}
.sy_cp .cp_zs .n_r{font-size:14px; line-height:26px; color:#555; height: auto; margin:5px 0 15px; overflow:hidden; display:-webkit-box;
line-clamp:4;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;}
}

.sy_bz{width:100%; padding:90px 0; background-color:#555; background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; overflow:hidden;}
.sy_bz .bz_nr{width:100%; padding:80px; background-color:rgba(0,0,0,.1); text-align:center; color:#fff;}
.sy_bz .bz_nr .d_b{font-size:40px; font-weight:bold; color:#fff; line-height:50px; margin-bottom:10px;}
.sy_bz .bz_nr .x_b{display:inline-block; font-size:18px; line-height:32px; color:rgba(255,255,255,.6); margin-bottom:50px;}
.sy_bz .bz_zs ul{display:flex; flex-wrap:wrap;}
.sy_bz .bz_zs ul li{width:26%;}
.sy_bz .bz_zs ul li:last-child{width:16%;}
.sy_bz .bz_zs input{width:100%; height:56px; background-color:#fff; padding:0 15px; border-radius:3px; line-height:56px; display:block;}
.sy_bz .bz_zs button{width:100%; height:56px; border-radius:3px; font-size:17px; line-height:56px; text-align:center; color:#333; display:inline-block; position:relative;
background:linear-gradient(#fa8904, #fa8904) repeat-y;
background:-webkit-linear-gradient(#fa8904, #fa8904) repeat-y;
background-size:0 100%;
background-color:#fabb04;
transition:all .5s;
-webkit-transition:all .5s;}
.sy_bz .bz_zs button:hover{background-size:100% 100%; color:#fff;}
@media only screen and (max-width:1100px){
}
@media only screen and (max-width:640px){
.sy_bz{width:100%; padding:20px 0; background-color:#555; background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; overflow:hidden;}
.sy_bz .bz_nr{width:100%; padding:40px; background-color:rgba(0,0,0,.1); text-align:center; color:#fff;}
.sy_bz .bz_nr .d_b{font-size:20px; font-weight:bold; color:#fff; line-height:30px; margin-bottom:10px;}
.sy_bz .bz_nr .x_b{display:inline-block; font-size:14px; line-height:26px; color:rgba(255,255,255,.6); margin-bottom:20px;}
.sy_bz .bz_zs ul li{width:49%; margin-bottom:2%}
.sy_bz .bz_zs ul li:nth-child(3) {width:99%;}	
.sy_bz .bz_zs ul li:last-child{width:99%;}
.sy_bz .bz_zs button{width:100%; height:56px; border-radius:3px; font-size:14px; }
}

.footer{width:100%; padding:20px 0; background-color:#000; font-size:12px; line-height:22px; color:rgba(255,255,255,.4); position:relative; z-index:101;}
.footer a{color:rgba(255,255,255,.6);}
.footer a:hover{color:#fff;}
.footer .container{max-width:1460px;}
.footer .ft_dh{width:100%; padding:15px 0 35px; border-bottom:1px solid rgba(255,255,255,.2); font-size:14px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.footer .ft_lm ul{margin:0;}
.footer .ft_lm ul li{margin-right:30px;}
.footer .bq_rt ul{display:flex;}
.footer .bq_rt ul li{margin-left:15px;}
.footer .bq_rt ul li:first-child{margin-left:0;}
.footer .bq_rt i.icon-tuite{font-size:20px;}
.footer .bq_rt i.icon-instagram{font-size:18px;}
.footer .bq_rt i.icon-youtube{font-size:20px;}
.footer .ft_xx{width:100%; padding:50px 0 10px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; position: relative;}
.footer .ft_xx span{display:inline-block; margin-right:10px;}
.footer .ft_xx span img{width:16px; display:inline-block; vertical-align:middle; margin-top:-2px;}
.footer .ft_xx .y_c img{width:80px; height:auto; display:inline-block;}
@media only screen and (max-width:1300px){
.footer .container{max-width:90%;}
}
@media only screen and (max-width:992px){
.footer .container{max-width:100%;}
.footer .ft_dh{padding:15px 0 25px;}
.footer .ft_lm{width:100%; margin-bottom:15px;}
.footer .ft_xx{width:100%; padding:30px 0 15px;}
}
@media only screen and (max-width:640px){
.footer{text-align:center;padding: 20px 0 0;}
.footer .ft_dh{padding:15px 0;}
.footer .ft_lm{display:none;}
.footer .ft_yy{width:100%;}
.footer .ft_xx{width:100%; padding:15px 0;}
.footer .ft_xx .y_c{width:100%; margin-top:15px;}
.footer .ft_xx .y_c img{width:100px;}
}

.zx_kf{width:60px; position:fixed; bottom:10%; right:35px; z-index:999;}
.zx_kf .kf_zs{background-color:#fabb04; color:#fff; text-align:center; border-radius:60px; padding:5px 0;}
.zx_kf .kf_zs a{color:#fff;}
.zx_kf .kf_zs p{font-size:14px; color:#000; line-height:16px;}
.zx_kf .kf_zs ul li{position:relative; padding:10px 0; color:#000;}
.zx_kf .kf_zs ul li:after{width:30px; height:1px; background-color:rgba(255,255,255,.5); position:absolute; bottom:0; left:50%; margin-left:-15px; content:"";}
.zx_kf .kf_zs ul li:last-child:after{display:none;}
.zx_kf .kf_zs i{font-size:20px;}
.zx_kf .kf_zs i.icon-zixun1{font-size:22px;}
.zx_kf .tel{width:210px; padding:10px 15px; border-radius:5px; background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,.1); position:absolute; top:0; right:76px; opacity:0; visibility:hidden;
transform:translateY(10px);
-webkit-transform:translateY(10px);
transition:all .5s;
-webkit-transition:all .5s;}
.zx_kf .kf_zs ul li:hover .tel{opacity:1; visibility:inherit;
transform:translateY(0);
-webkit-transform:translateY(0);}
.zx_kf .tel p{font-size:14px; line-height:26px; text-align:left; color:#777;}
.zx_kf .tel strong{font-size:26px; line-height:36px; color:#fabb04; font-family:Arial;}
.zx_kf .tel span{font-size:15px; font-weight:bold; line-height:28px; color:#fabb04; font-family:Arial;}
.zx_kf .tel img{max-width:100%; border:1px solid #ddd; border-radius:5px; display:block; margin:5px 0;}
.zx_kf .ewm{width:120px; padding:10px; border-radius:5px; background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,.05); position:absolute; top:0; right:76px; opacity:0; visibility:hidden;
transform:translateY(10px);
-webkit-transform:translateY(10px);
transition:all .5s;
-webkit-transition:all .5s;}
.zx_kf .kf_zs ul li:hover .ewm{opacity:1; visibility:inherit;
transform:translateY(0);
-webkit-transform:translateY(0);}
.zx_kf .ewm img{width:100%; height:auto; display:block;}
.zx_kf .ewm p{font-size:14px; line-height:22px; text-align:center; color:#777; margin-top:5px;}
@media only screen and (max-width:1400px){
.zx_kf{width:52px; right:20px;}
.zx_kf .kf_zs{border-radius:52px; padding:7px 0}
.zx_kf .kf_zs p{font-size:13px;}
.zx_kf .kf_zs ul li{padding:7px 0;}
.zx_kf .kf_zs ul li:after{width:26px; margin-left:-13px;}
.zx_kf .kf_zs .t_b{width:90px; top:-80px; margin-left:-45px;}
.zx_kf .kf_zs i{font-size:18px;}
.zx_kf .ewm{width:120px; padding:8px; margin-top:-72px; right:62px;}
.zx_kf .ewm p{font-size:13px; line-height:20px;}
}
@media only screen and (max-width:992px){
.zx_kf{bottom:30%;}
}
@media only screen and (max-width:640px){
.zx_kf{display:none;}
}

.zx_kf .fh_top{width:50px; height:50px; border-radius:50%; background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,.05); border-radius:50%; cursor:pointer; text-align:center; line-height:50px; color:#000; margin:15px auto 0; display:none;}
.zx_kf .fh_top:hover{background-color:#fabb04;}
.zx_kf .fh_top i{font-size:26px; margin-left:-2px;}
@media only screen and (max-width:1400px){
.zx_kf .fh_top{width:40px; height:40px; line-height:40px;}
.zx_kf .fh_top i{font-size:22px;}
}
@media only screen and (max-width:992px){
.zx_kf .fh_top{width:36px; height:36px;}
}

.tc_sp{width:100%; height:100%; background-color:rgba(0,0,0,.75); position:fixed; top:0; left:0; z-index:99999; display:none;}
.tc_sp .g_b{position:absolute; top:-50px; right:-50px; cursor:pointer; color:#eee;
transition:all .5s;
-webkit-transition:all .5s;}
.tc_sp .g_b:hover{color:#ea5b18;
transform:rotate(360deg);
-webkit-transform:rotate(360deg);}
.tc_sp .g_b i{font-size:22px;}
.tc_sp .vd_zs{width:800px; position:absolute; top:50%; left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);}
.tc_sp .vd_nr iframe{width:800px; height:450px; margin:0 auto; background-color:#fff; display:block;}
@media only screen and (max-width:1400px){
.tc_sp .g_b{top:30px; right:30px;}
.tc_sp .g_b i{font-size:22px;}
}
@media only screen and (max-width:1100px){
.tc_sp .g_b{top:50px; right:50px;}
.tc_sp .vd_nr iframe{width:650px; height:366px;}
}
@media only screen and (max-width:768px){
.tc_sp .g_b{top:30px; right:30px;}
.tc_sp .vd_nr iframe{width:560px; height:315px;}
}
@media only screen and (max-width:640px){
.tc_sp .vd_nr{max-width:90%;}
.tc_sp .vd_nr iframe{width:100%; height:260px;}
}
.flexcen {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ny-banner .container{width: 100%;position:relative;height: 25.33vw;text-align: center;}
.ny-banner span{font-size: 2vw;text-transform: capitalize;font-weight: bold; }
.ny-banner .cfff{color: #fff;}
.ny-banner .breadDiv{font-size: 20px;margin-top: 0px;font-weight: 400; text-transform:uppercase } 
.ny-banner .breadDiv a{color: #fff; }
.ny-banner .breadDiv a:hover{text-decoration: underline;text-underline-offset: 4px; }
.adTitleDiv p{display: block;font-size: 24px;color: #379AD4;margin-bottom: 10px; }
.adTitleDiv span{display: block;font-size: 40px;color: #fabb04;font-weight: bold; }
.flexbet{display: flex;justify-content: space-between;align-items: center;}
.indDiv1{padding: 70px 0; }
.indDiv1 .bdDiv .leftDiv{width: 48%;}
.indDiv1 .bdDiv .leftDiv .p{margin-top: 50px;color: #333;font-size: 17px;line-height: 2; }
.indDiv1 .bdDiv .rightDiv{width: 50%;}
.indDiv1 .bdDiv .rightDiv img{ width:100%}
.indDiv3{padding: 70px 0;background: #F2F3F3; }
.indDiv3 .bdDiv{flex-direction: row-reverse; }
.indDiv3 .bdDiv .leftDiv{width:46%;}
.indDiv3 .bdDiv .leftDiv .p{margin-top: 50px;color: #666;font-size: 17px;line-height: 2; }
.indDiv3 .bdDiv .rightDiv{width: 50%;}
.indDiv3 .bdDiv .rightDiv img{ width:100%}
.aboutDiv1 { height:auto; overflow:hidden; padding:80px 0}
.aboutDiv1 .bdDiv{ color: #666; }
.aboutDiv1 p{ font-size:16px; line-height:36px}
@media only screen and (max-width:640px){
.ny-banner .container{width: 100%;position:relative;height: 45.33vw;text-align: center;}
.ny-banner span{font-size: 4vw;text-transform: capitalize;font-weight: bold; }	
.ny-banner .breadDiv{font-size:14px;margin-top: 0px;font-weight: 400; text-transform:uppercase } 
.flexbet{display: block  ;justify-content: space-between;align-items: center;}
.indDiv1{padding: 20px 0; }
.indDiv1 .bdDiv .leftDiv{width: 100%;}
.indDiv1 .bdDiv .leftDiv .p{margin-top: 0px;color: #333;font-size: 14px;line-height: 2; }
.indDiv1 .bdDiv .rightDiv{width: 100%; margin-top:20px}
.adTitleDiv span{display: block;font-size: 20px;color: #fabb04;font-weight: bold; }
.indDiv3{padding: 20px 0;background: #F2F3F3; }
.indDiv3 .bdDiv{flex-direction: row-reverse; }
.indDiv3 .bdDiv .leftDiv{width:100%;}
.indDiv3 .bdDiv .leftDiv .p{margin-top: 0px;color: #666;font-size: 14px;line-height: 2; }
.indDiv3 .bdDiv .rightDiv{width: 100%; margin-top:20px}
.aboutDiv1 { height:auto; overflow:hidden; padding:20px 0}
.aboutDiv1 p{ font-size:14px; line-height:26px}
.aboutDiv1 img{ width:100%}
}

.news2Div{padding: 0 0 100px; }
.news2Div .bdDiv{margin-top: 50px; }
.news2Div .listDiv{margin-bottom: 50px; }
.news2Div .listDiv ul li a{padding: 40px 0;border-bottom: 1px solid #cccccc;display: block; }
.news2Div .listDiv ul li a:hover{background: #fafafa; }
.news2Div .listDiv ul li .imgDiv{width: 480px;height: 300px;overflow: hidden;margin-right: 70px; }
.news2Div .listDiv ul li .imgDiv img{width: 100%;height: 100%;object-fit: cover; }
.news2Div .listDiv ul li .textDiv{flex: 1; }
.news2Div .listDiv ul li .textDiv .date{color: #666; }
.news2Div .listDiv ul li .textDiv .title{color: #333333;font-size: 22px;margin: 15px 0 10px; }
.news2Div .listDiv ul li .textDiv .p{color: #666666;margin-bottom: 30px;line-height: 1.8; font-size:16px }
.news2Div .listDiv ul li .textDiv .moreBtn{ background:#fabb04; color:#fff; width:160px; line-height:36px; text-align:center;border-radius:8px; text-align:center}
.news2Div .listDiv ul li .textDiv .moreBtn img{margin-left: 20px; }

@media only screen and (max-width:640px){
.news2Div{padding: 0 0 20px; }	
.news2Div .bdDiv{margin-top: 0px; }

.news2Div .listDiv ul li a{padding: 20px 0 20px;border-bottom: 1px solid #cccccc;display: block; }
.news2Div .listDiv ul li .imgDiv{width: 100%;height: auto  ;overflow: hidden;margin-right: 0; }
.news2Div .listDiv ul li .textDiv .title{color: #333333;font-size: 18px;margin: 15px 0 10px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.news2Div .listDiv ul li .textDiv .p{color: #666666;margin-bottom: 10px;line-height: 1.8; font-size:16px ;overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:2;}
	
}
.pageDiv{text-align: center; margin-top:50px}
.pageDiv a{display: inline-block;line-height: 32px;margin: 0 3px;color: #666;padding: 0 11px;font-size: 16px;border: 1px solid #cccccc;border-radius: 4px; }
.pageDiv a.cur{color: #fff;border: 1px solid #fabb04;background: #fabb04; }
.pageDiv a:hover{color: #fabb04; }

.contactDiv1 .bdDiv{align-items: flex-start; }
.contactDiv1 .blDiv{width: 62.5%; }
.contactDiv1 .blDiv .formDiv{margin-top: 60px; }
.contactDiv1 .blDiv .formDiv .row{margin: 0 -10px; }
.contactDiv1 .blDiv .formDiv .row>div{padding: 0 10px;margin-bottom: 20px; }
.contactDiv1 .blDiv .formDiv .row>div input{border: 1px solid #ccc;padding: 0 20px;width: 100%;line-height: 58px; }
.contactDiv1 .blDiv .formDiv .row>div input:focus{border-color: #fabb04; }
.contactDiv1 .blDiv .formDiv .row>div textarea{width: 100%;height: 220px;border: 1px solid #ccc;padding: 10px 20px;resize: none; }
.contactDiv1 .blDiv .formDiv .row>div textarea:focus{border-color: #fabb04; }
.contactDiv1 .blDiv .formDiv button{width: 100%;max-width: 440px;margin: 20px auto 0;background: #fabb04;color: #000;height: 50px;border: 0;padding: 0;cursor: pointer;  }
.contactDiv1 .blDiv .formDiv button:hover{opacity: .8; }
.pd60{padding: 60px 0; }
.contactDiv1 .brDiv{width: 33.33%; }
.contactDiv1 .blDiv p{ font-size:18px}
.contactDiv2 .row>div{margin-top: 30px; }
.contactDiv2 .row>div .conDiv{background: #fff;padding: 30px;height: 100%; }
.contactDiv2 .row>div .conDiv .line{width: 30px;height: 3px;margin: 10px 0 20px;background: #fabb04; }
.contactDiv2 .row>div .conDiv .p{flex-wrap: wrap; }
.contactDiv2 .row>div .conDiv a{width: 40px;height: 40px;border: 1px solid #ccc;border-radius: 50%;margin-right: 20px;margin-bottom: 10px; }
.contactDiv2 .row>div .conDiv a:last-child{margin-right: 0; }
.contactDiv2 .row>div .conDiv a .hImg{display: none; }
.contactDiv2 .row>div .conDiv a:hover{background: #fabb04;border-color: #fabb04; }
.contactDiv2 .row>div .conDiv a:hover .dImg{display: none; }
.contactDiv2 .row>div .conDiv a:hover .hImg{display: block; }
.contactDiv2 .mapDiv{margin-top: 30px; }
.contactDiv2 .mapDiv img{ width:100%}
.f36{font-size: 30px; }
.f20{font-size: 20px; }
.bold { font-weight:bold}
.bgf5f5f5 {
  background: #f5f5f5;
}
.flexsta{display: flex;justify-content: flex-start;align-items: center;}


.casesDiv{padding:  60px 0 ; }
.casesDiv .row{margin: 0 -15px; }
.casesDiv .row>div{margin-bottom: 30px;padding: 0 15px;}
.casesDiv .row>div .imgDiv{position: relative;padding-top: 60%; }
.casesDiv .row>div .imgDiv .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden; }
.casesDiv .row>div .imgDiv .pic img{height: 100%;width: 100%;object-fit: cover; }
.casesDiv .row>div .textDiv{ background:#fafafa; padding:20px  }
.casesDiv .row>div .textDiv h1{ font-size:20px; margin-bottom:10px; font-weight:bold}
.casesDiv .row>div .textDiv p{ font-size:16px; line-height:30px; overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:2;}
.casesDiv .row>div .titleDiv{ color: #333333;font-size: 24px; }
.casesDiv .row>div .p{color: #000;line-height: 36px; }
.casesDiv .row>div a:hover .titleDiv{color: #C89A5B; }
@media only screen and (max-width:640px){
.casesDiv{padding:  20px 0 ; }
.casesDiv .row>div{margin-bottom: 20px;padding: 0 15px;}
.casesDiv .row>div .textDiv h1{ font-size:16px; margin-bottom:10px; font-weight:bold}
.casesDiv .row>div .textDiv p{ font-size:14px; line-height:26px; overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:2;}
.pageDiv{text-align: center; margin-top:20px; margin-bottom:20px}	

.pd60{padding: 20px 0; }
.contactDiv1 .brDiv{width: 100%; display:none}
.contactDiv1 .blDiv{width: 100%; }
.f36 {
  font-size: 20px;
}
.contactDiv1 .blDiv p {
  font-size: 14px;
}
.contactDiv1 .blDiv .formDiv{margin-top: 20px; }
.contactDiv2 .row>div{margin-top: 20px; }
}