@charset "utf-8";
*{padding:0px; margin:0px;}
body{font-size:16px; color:#333; 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:16px; 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:#000; text-decoration:none;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
a:hover{color:#df0615; text-decoration:none !important;}
.jt_ct{justify-content:space-between;}
.an_tm{align-items:center;}
.mg_my{margin:0;}
.clear{overflow:hidden; clear:both; height:0px;}
div{max-height:9999999999999999999999999999999999999px;}
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background-color:#000;}
::-webkit-scrollbar-thumb{background-color:#aaa;}
::-webkit-scrollbar-thumb:hover{background-color:#5b5b5b;}
::-webkit-scrollbar-thumb:active{background-color:#df0615;}
@media only screen and (max-width:1024px){
body{font-size:15px;}
input,select,button,textarea{font-size:15px;}
input,textarea{-webkit-appearance:none; border-radius:0;}
.container{padding:0 20px;}
}

@media only screen and (max-width:900px){
.sj_bj{width:100%; height:100%; background-color:rgba(0,0,0,.5); position:fixed; top:0; left:0; content:""; z-index:999; display:none;}
}

.top{width:100%; height:50px; background-color:#0b1732; line-height:50px; color:#fff; overflow:hidden;}
@media only screen and (max-width:640px){
.top{display:none;}
}

.header{width:100%; background-color:#fff; position:relative; z-index:99999;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header.on{box-shadow:0 0 15px rgba(0,0,0,.1); background-color:rgba(255,255,255,.96); position:fixed; top:0; left:0;}
.header .container{position:relative;}
.header .logo{width:320px; position:relative;}
.header .logo img{width:100%; height:auto; display:block;}
.header .sj_lg{display:none;}
.header .an{width:30px; height:22px; position:relative; z-index:999; display:none;}
.header .an span{width:30px; height:2px; background-color:#333; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.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);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:10px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header .nav ul li{margin-left:45px; height:100px; float:left; text-align:center; position:relative;}
.header .nav ul li a{display:block; font-size:18px; font-weight:bold; color:#333; line-height:100px;}
.header .nav ul li:hover a{color:#df0615;}
.header .nav ul li.on a{color:#df0615;}
@media only screen and (max-width:1024px){
.header .logo{width:280px;}
.header .nav ul li{margin-left:25px;}
.header .nav ul li a{font-size:16px;}
}
@media only screen and (max-width:900px){
.header .logo{margin:20px 0;}
.header .an{display:block;}
.header .nav{width:60%; height:calc(100% - 131px); padding:20px 5% 0; margin:0; background-color:#f5f7ff; position:fixed; bottom:0; right:-60%; overflow:auto;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header.on .nav{height:calc(100% - 87px);}
.header .nav.on{right:0;}
.header .nav ul li{width:100%; height:66px; border-bottom:1px solid #d9dae0; float:none; margin:0;}
.header .nav ul li:last-child{border-bottom:0;}
.header .nav ul li a{display:block; font-size:16px; text-align:left; color:#333; line-height:56px;}
}
@media only screen and (max-width:640px){
.header .logo{width:260px; margin:15px 0;}
.header .nav{height:calc(100% - 74px);}
.header.on .nav{height:calc(100% - 74px);}
}
@media only screen and (max-width:320px){
.header .logo{width:220px;}
.header .nav{height:calc(100% - 67px);}
.header.on .nav{height:calc(100% - 67px);}
.header .nav ul li{height:50px;}
.header .nav ul li a{font-size:14px; line-height:50px;}
}

.head_h{width:100%; height:100px; display:none;}
.head_h.on{display:block;}
@media only screen and (max-width:900px){
.head_h{height:87px;}
}
@media only screen and (max-width:640px){
.head_h{height:74px;}
}
@media only screen and (max-width:320px){
.head_h{height:67px;}
}

.pc_ban{width:100%; height:520px; position:relative; overflow:hidden;}
.pc_ban .swiper-pagination-bullet{width:23px; height:8px; border-radius:5px; background-color:#000; opacity:.4; margin:0 6px !important;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.pc_ban .swiper-pagination-bullet-active{width:46px; background-color:#df0615; opacity:.8;}
@media only screen and (max-width:1024px){
.pc_ban{height:400px;}
}
@media only screen and (max-width:900px){
.pc_ban{height:300px;}
.pc_ban .swiper-pagination{bottom:10px;}
.pc_ban .swiper-pagination-bullet{width:20px; height:6px; border-radius:3px;}
.pc_ban .swiper-pagination-bullet-active{width:30px;}
}
@media only screen and (max-width:640px){
.pc_ban{height:160px;}
.pc_ban .swiper-pagination{bottom:0;}
.pc_ban .swiper-pagination-bullet{width:10px; height:2px; border-radius:2px;}
.pc_ban .swiper-pagination-bullet-active{width:20px;}
}
@media only screen and (max-width:375px){
.pc_ban{height:140px;}
}
@media only screen and (max-width:320px){
.pc_ban{height:120px;}
}

.gy_bt{text-align:center; position:relative; margin-bottom:50px;}
.gy_bt h3{font-size:32px; font-weight:bold; line-height:44px; position:relative; z-index:9;}
.gy_bt h4{font-size:16px; color:#aaa; text-transform:uppercase; line-height:26px;}
.gy_bt em{width:80px; height:3px; background-color:#df0615; display:block; margin:15px auto 0;}
@media only screen and (max-width:900px){
.gy_bt{margin-bottom:40px;}
.gy_bt h3{font-size:28px; line-height:36px;}
}
@media only screen and (max-width:640px){
.gy_bt{margin-bottom:30px;}
.gy_bt h3{font-size:22px; line-height:32px;}
.gy_bt h4{font-size:14px; line-height:22px;}
.sy_gy .gy_wz em{width:50px; height:2px; margin:10px auto 20px;}
}

.sy_gg{width:100%; padding:20px 0; background-color:#f5f7ff; border-bottom:1px solid #e8eaf0; overflow:hidden;}
.sy_gg .gg_bt{width:80px; height:80px; padding:14px 6px 10px; background-color:#df0615; border-radius:5px; font-size:20px; letter-spacing:2px; font-weight:bold; line-height:28px; text-align:center; color:#fff;}
.sy_gg .gg_tz{width:calc(100% - 120px);}
.sy_gg .gg_tz .tempWrap{height:80px !important;}
.sy_gg .gg_tz .n_r{font-size:18px; line-height:30px; margin-bottom:20px;}
@media only screen and (max-width:900px){
.sy_gg .gg_bt{width:70px; height:70px; padding:12px 6px 6px; font-size:18px; line-height:26px;}
.sy_gg .gg_tz{width:calc(100% - 90px);}
.sy_gg .gg_tz .tempWrap{height:70px !important;}
.sy_gg .gg_tz .n_r{font-size:16px; line-height:28px; margin-bottom:15px;}
}
@media only screen and (max-width:640px){
.sy_gg .gg_bt{width:auto; height:40px; padding:0 20px; font-size:17px; letter-spacing:0; line-height:40px; margin-bottom:15px;}
.sy_gg .gg_bt br{display:none;}
.sy_gg .gg_tz{width:100%;}
.sy_gg .gg_tz .n_r{font-size:15px; line-height:26px; margin-bottom:20px;}
}

.sy_gy{width:100%; padding:80px 0; overflow:hidden;}
.sy_gy .gy_tp{width:48%;}
.sy_gy .gy_tp img{width:100%; height:auto; display:block;}
.sy_gy .gy_wz{width:48%;}
.sy_gy .gy_wz h3{font-size:32px; font-weight:bold; line-height:44px;}
.sy_gy .gy_wz h4{font-size:16px; color:#aaa; text-transform:uppercase; line-height:26px;}
.sy_gy .gy_wz em{width:80px; height:3px; background-color:#df0615; display:block; margin:15px 0 25px;}
.sy_gy .gy_wz p{font-size:18px; color:#555; line-height:30px;}
@media only screen and (max-width:900px){
.sy_gy{padding:60px 0;}
.sy_gy .gy_tp{width:100%;}
.sy_gy .gy_wz{width:100%; text-align:center; margin-top:30px;}
.sy_gy .gy_wz h3{font-size:28px; line-height:36px;}
.sy_gy .gy_wz h4{font-size:15px; line-height:24px;}
.sy_gy .gy_wz p{font-size:16px; line-height:28px;}
.sy_gy .gy_wz em{margin:15px auto 25px;}
}
@media only screen and (max-width:640px){
.sy_gy{padding:40px 0;}
.sy_gy .gy_wz{margin-top:20px;}
.sy_gy .gy_wz h3{font-size:20px; line-height:30px;}
.sy_gy .gy_wz h4{font-size:13px; line-height:22px;}
.sy_gy .gy_wz p{font-size:15px; line-height:24px; text-align:left;}
.sy_gy .gy_wz em{width:50px; height:2px; margin:10px auto 20px;}
}

.sy_sq{width:100%; padding:80px 0 60px; background-color:#f5f7ff; overflow:hidden;}
.sy_sq .hd ul{justify-content:center;}
.sy_sq .hd ul li{min-width:120px; height:46px; border-radius:5px; margin:0 8px 20px; padding:0 15px; box-shadow:0 0 10px rgba(0,0,0,.05); background-color:#fff; font-size:18px; font-weight:bold; line-height:46px; text-align:center; color:#333; cursor:pointer;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_sq .hd ul li.on{background-color:#df0615; color:#fff;}
.sy_sq .bd ul{justify-content:center;}
.sy_sq .bd ul li{width:23%; margin:0 1% 30px;}
.sy_sq .bd ul.l_g li{width:48%;}
.sy_sq .bd ul.s_g li{width:31.3333333333333%;}
.sy_sq .nr_wz{font-size:18px; line-height:26px; color:#333; text-align:center; margin:20px 0 30px;}
.sy_sq .t_p img{width:100%; height:auto; display:block;}
.sy_sq .w_z{margin-top:15px; text-align:center; font-size:18px; line-height:26px;}
@media only screen and (max-width:900px){
.sy_sq{padding:60px 0 40px;}
.sy_sq .hd ul li{min-width:110px; height:40px; margin:0 8px 15px; padding:0 10px; font-size:16px; line-height:40px;}
.sy_sq .bd ul li{margin:0 1% 20px;}
.sy_sq .nr_wz{padding:0 30px; margin:15px 0 25px;}
.sy_sq .w_z{margin-top:10px; font-size:15px;}
}
@media only screen and (max-width:640px){
.sy_sq{padding:40px 0 30px;}
.sy_sq .hd ul li{min-width:31.33333333333%; height:32px; margin:0 1% 10px; padding:0 10px; font-size:15px; line-height:32px;}
.sy_sq .bd ul li{width:31.3333333333333%; margin:0 1% 15px;}
.sy_sq .bd ul.l_g li{width:48%;}
.sy_sq .bd ul.s_g li{width:31.3333333333333%;}
.sy_sq .nr_wz{padding:0; font-size:15px; line-height:26px;}
}
@media only screen and (max-width:320px){
.sy_sq .bd ul li{width:48%; margin:0 1% 15px;}
.sy_sq .bd ul.s_g li{width:48%;}
}

.sy_cq{width:100%; padding:80px 0 40px; overflow:hidden;}
.sy_cq .n_r{font-size:16px; line-height:28px; margin-bottom:40px;}
.sy_cq .n_r.m_b{margin-bottom:50px;}
.sy_cq .n_r h3{font-size:22px; color:#333; font-weight:bold; padding-left:20px; position:relative; margin-bottom:20px;}
.sy_cq .n_r h3:after{width:5px; height:20px; position:absolute; top:50%; margin-top:-10px; left:0; content:""; background-color:#df0615;}
.sy_cq .n_r h4{font-size:18px; color:#555; margin:15px 0 25px;}
.sy_cq .n_r h5{font-size:18px; line-height:28px; color:#555; margin-bottom:20px;}
.sy_cq .n_r strong{font-size:22px; color:#333; display:inline-block; vertical-align:middle; padding-left:20px; position:relative;}
.sy_cq .n_r strong:after{width:5px; height:20px; position:absolute; top:50%; margin-top:-10px; left:0; content:""; background-color:#df0615;}
.sy_cq .n_r img{width:100%; height:auto; display:block;}
.sy_cq .n_r .row{margin:0 -10px;}
.sy_cq .n_r .col-6{padding:0 10px;}
.sy_cq .n_r .col-12{padding:0 10px;}
.sy_cq .n_r .w_g{padding:0 10px; width:20%;}
.sy_cq .n_r .w_z{font-size:18px; line-height:28px; margin-bottom:20px;}
@media only screen and (max-width:900px){
.sy_cq{padding:60px 0 20px;}
.sy_cq .n_r{margin-bottom:20px;}
.sy_cq .n_r.m_b{margin-bottom:40px;}
.sy_cq .n_r h3{font-size:20px;}
.sy_cq .n_r h4{font-size:15px;}
.sy_cq .n_r h5{font-size:15px; line-height:26px;}
.sy_cq .n_r strong{font-size:20px;}
.sy_cq .n_r .row{margin:0 -5px;}
.sy_cq .n_r .col-6{padding:0 5px;}
.sy_cq .n_r .col-12{padding:0 5px;}
.sy_cq .n_r .w_g{padding:0 5px; width:20%;}
.sy_cq .n_r .w_z{font-size:16px; line-height:26px;}
}
@media only screen and (max-width:640px){
.sy_cq{padding:40px 0 20px;}
.sy_cq .n_r{font-size:15px; line-height:26px;}
.sy_cq .n_r h3{font-size:17px; padding-left:15px; margin-bottom:15px;}
.sy_cq .n_r h3:after{width:3px; height:16px; margin-top:-8px;}
.sy_cq .n_r h4{margin:10px 0 15px;}
.sy_cq .n_r h5{margin-bottom:15px;}
.sy_cq .n_r strong{font-size:17px; padding-left:15px; margin-top:-5px;}
.sy_cq .n_r strong:after{width:3px; height:16px; margin-top:-8px;}
.sy_cq .n_r .col-12 .col-6{margin-bottom:10px;}
.sy_cq .n_r .col-12 h4{margin:0 0 15px;}
.sy_cq .n_r .w_g{padding:0 5px; width:33.3333333333333%;}
.sy_cq .n_r .w_z{margin-bottom:15px;}
}

.sy_rz{width:100%; padding:60px 0; background:url(../images/rz_bj.jpg) no-repeat center / cover; overflow:hidden; position:relative;}
.sy_rz .b_t{font-size:32px; color:#fff; font-weight:bold; text-align:center; line-height:44px; margin-bottom:35px;}
@media only screen and (max-width:900px){
.sy_rz{padding:40px 0 20px;}
.sy_rz .b_t{font-size:22px; line-height:32px; margin-bottom:25px;}
}
@media only screen and (max-width:640px){
.sy_rz .b_t{font-size:17px; line-height:24px; margin-bottom:10px;}
}

.wb_bd{max-width:960px; margin:0 auto; display:flex;}
.wb_bd input{width:35%; height:56px; background:#fff; border-radius:8px; padding:0 15px; font-size:16px; color:#0d0d0d; line-height:56px;}
.wb_bd input::placeholder{color:#999;}
.wb_bd input:focus{box-shadow:0 0 15px rgba(0,0,0,.5);}
.wb_bd a{width:24%; height:56px; background:#df0615; border-radius:8px; font-size:18px; color:#fff; text-align:center; line-height:56px; outline:none; display:inline-block;}
@media only screen and (max-width:900px){
.wb_bd{padding:0 15px;}
.wb_bd input{height:50px; padding-left:15px; font-size:18px; line-height:50px;}
.wb_bd a{height:50px; font-size:18px; line-height:50px;}
}
@media only screen and (max-width:640px){
.wb_bd{height:inherit; padding:20px 15px; flex-wrap:wrap; align-items:end;}
.wb_bd input{width:100%; height:40px; border-radius:3px; padding:0 5px; font-size:14px; text-align:center; line-height:40px; margin-bottom:10px;}
.wb_bd a{width:100%; height:40px; border-radius:3px; font-size:14px; line-height:40px;}
}

.tj_cg{width:100%; height:100%; background-color:#df0615; position:absolute; top:0; left:0; border-radius:8px 8px 0 0; display:flex; justify-content:center; opacity:0; z-index:-1;}
.tj_cg.on{opacity:1; z-index:9;}
.tj_cg .t_b img{width:60px; height:auto; display:inline-block;}
.tj_cg .w_z{margin-left:20px; color:#fff;}
.tj_cg .w_z h4{font-size:18px; line-height:28px;}
.tj_cg .w_z h3{font-size:26px; line-height:36px;}
@media only screen and (max-width:900px){
.tj_cg .t_b img{width:56px;}
.tj_cg .w_z h4{font-size:16px;}
.tj_cg .w_z h3{font-size:24px; line-height:32px;}
}
@media only screen and (max-width:640px){
.tj_cg{height:180px; padding-top:40px; text-align:center; display:block;} 
.tj_cg .t_b img{width:46px;}
.tj_cg .w_z{margin:6px 0 0; width:100%;}
.tj_cg .w_z h4{font-size:15px; line-height:26px;}
.tj_cg .w_z h3{font-size:16px; line-height:28px;}
}

.footer{width:100%; background:#0f1222; line-height:32px; color:#999; overflow:hidden;}
.footer .ft_xx{display:flex; flex-wrap:wrap; padding:50px 0;}
.footer .ft_lx{width:calc(100% - 136px); display:flex; flex-wrap:wrap; padding-right:40px; border-right:1px solid rgba(255,255,255,.1);}
.footer .ft_lx .l_g{width:320px;}
.footer .ft_lx .l_g img{width:100%; height:auto; display:block;}
.footer .ft_lx .l_x{text-align:right;}
.footer .ft_em{width:96px; display:inline-block;}
.footer .ft_em img{max-width:100%; height:auto; display:inline-block;}
.footer .ft_bq{padding:20px 0; border-top:1px solid rgba(255,255,255,.1);}
.footer .ft_bq span{display:inline-block; padding-right:10px;}
@media only screen and (max-width:900px){
.footer .ft_xx{padding:40px 0;}
.footer .ft_lx{width:100%; padding-right:0; border-right:0;}
.footer .ft_lx .l_g{width:320px; margin:0 auto 20px;}
.footer .ft_lx .l_x{width:100%; text-align:center;}
.footer .ft_em{width:96px; margin:20px auto 0;}
.footer .ft_bq{text-align:center;}
.footer .ft_bq span{padding:0 5px;}
}
@media only screen and (max-width:640px){
.footer{line-height:24px; font-size:13px;}
.footer .ft_xx{padding:30px 0;}
.footer .ft_lx .l_g{width:70%;}
.footer .ft_em{width:96px; margin:20px auto 0;}
.footer .ft_bq{text-align:center;}
.footer .ft_bq span{padding:0 5px;}
}

.tc_ts{width:280px; height:60px; border-radius:30px; background-color:rgba(0,0,0,.7); font-size:18px; line-height:60px; text-align:center; color:#fff; position:fixed; top:50%; left:50%; margin:-30px 0 0 -140px; z-index:9999999; display:none;}
@media only screen and (max-width:900px){
.tc_ts{width:240px; height:50px; border-radius:25px; font-size:16px; line-height:50px; margin:-25px 0 0 -120px;}
}

.pc_kf{width:72px; position:fixed; right:10px; bottom:5%; z-index:99999;}
.pc_kf .nr{width:72px; padding:15px 0; height:75px; border:1px solid #ddd; border-radius:3px; background-color:#fff; text-align:center; margin-bottom:6px; cursor:pointer; position:relative;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.pc_kf .nr:hover{border:1px solid #df0615; background-color:#fcedee; color:#df0615;}
.pc_kf .nr img{width:30px; height:auto; display:inline-block;}
.pc_kf .nr p{font-size:14px; line-height:20px; margin-top:6px;}
.pc_kf .ewm{width:120px; min-height:75px; padding:5px; border-radius:5px; box-shadow:0 2px 20px 0 rgba(0,2,33,.1); background-color:#fff; position:absolute; top:50%; right:76px; opacity:0; visibility:hidden;
transform:translate(-10px,-50%);
-webkit-transform:translate(-10px,-50%);
-moz-transform:translate(-10px,-50%);
-ms-transform:translate(-10px,-50%);
-o-transform:translate(-10px,-50%);
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.pc_kf .ewm.tel{width:200px; padding:10px 20px;}
.pc_kf .nr:hover .ewm{opacity:1; visibility:inherit;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.pc_kf .ewm img{width:100%;}
.pc_kf .ewm p{font-size:16px; line-height:26px; color:#333; text-align:left; padding-left:36px; background:url(../images/dh.png) no-repeat left top;}
.pc_kf .ewm strong{color:#df0615; font-size:18px;}
.pc_kf .fh{width:72px; padding:15px 0; height:75px; border:1px solid #ddd; border-radius:3px; background-color:#fff; text-align:center; cursor:pointer; overflow:hidden;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.pc_kf .fh:hover{border:1px solid #df0615; background-color:#fcedee; color:#df0615;}
.pc_kf .fh img{width:30px; height:auto; display:inline-block;}
.pc_kf .fh p{font-size:14px; line-height:20px; margin-top:6px;}
@media only screen and (max-width:900px){
.pc_kf{right:0; margin-top:-100px;}
}
@media only screen and (max-width:640px){
.pc_kf{width:40px; bottom:10px;}
.pc_kf .nr{display:none;}
.pc_kf .fh{width:40px; padding:7px 0; height:40px;}
.pc_kf .fh img{width:20px;}
.pc_kf .fh p{display:none;}
}