﻿@media screen and (max-width:1600px){
}

@media screen and (max-width:1440px){
}

@media screen and (max-width:1300px){
}

@media screen and (max-width:1200px){
}

@media screen and (max-width:1130px){
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:1023px){
.w{ width:95%;}
.head-fixed{ height:126px;}
.logo{ width:65%;}
.logo img{ height:96px;}
.sanh{ display:block;}
.nav{ width:100%; position: fixed; left: -100%; height:100%; top:0; z-index: 10; padding:0; display:block;}
.nav_bg{ display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.5); z-index:1;}
.nav .w{ width:100%;}
.nav ul{ width:65%; background:#fff; position:absolute; top:0; left:0; bottom:0; right:inherit; display:block; z-index:2;}
.nav .plebans{ font-size:30px; width:100%; padding-left:30px; line-height:100px!important; position:relative;}
.nav .plebans a{ display:inline; padding:0!important; color:#333!important; font-weight:500;}
.nav li .plebans:after{ display:none;}
.nav li{ width:100%; border-bottom:1px solid rgba(0,0,0,.05); height:auto;}
.nav li .jd{ position:absolute; top:50%; margin-top:-13px; right:8%; width:15px; height:26px; display:block; background:url(../images/arrow4.svg) no-repeat center; background-size:100%; transition:transform 0.5s; z-index:-1; transform:rotate(90deg);}
.nav li.on .plebans a,.nav li.cur .plebans a{ background:none; color:#fd288d!important;}
.nav li:nth-child(2) .goutp{ width:100%; margin-left:-100px;}
.goutp{ position:static; background:#fff; box-shadow:none; border-top:1px solid rgba(0,0,0,.03); width:100%!important; text-align:left; margin:0!important;}
.goutp p{ font-size:28px; border-top:1px solid rgba(0,0,0,.05);}
.goutp p a{ color:#666; padding-left:50px;}
.lag{ position:absolute; top:50%; margin-top:-13px; right:65px;}
.lag a img{ display:block; height:26px;}

.banner{ background-size:160%; height:525px;}
.banner img{ height:auto; width:82%;}
.banner a em{ font-size:26px;}

.ny{ background-size:cover; height:552px; padding-top:154px;}
.ny img{ height:auto; width:82%;}

.titc{ font-size:45px;}

.con1{ background-size:cover;}
.con1_c .hd{ width:100%;}
.con1_c .hd ul{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.con1_c .hd ul li{ width:24%; border:2px solid #fff!important; border-bottom:none!important; border-radius:10px 10px 0 0; font-size:24px; line-height:44px; padding:5px 0; margin:0; display:block; text-align:center;}
.con1_c .hd ul li img{ margin:10px auto 0 auto; display:block;}
.con1_c .hd ul li:last-child{ margin-bottom:0;}
.con1_c .bd{ width:100%;}
.con1_c .bd .txt{ font-size:24px;}

.con2{ background-size:cover;}
.con2_txt{ font-size:24px; padding:30px 3%;}

.con3{ background-size:cover; padding:60px 40px;}
.con3_c .swiper-button-prev{ left:-40px;}
.con3_c .swiper-button-next{ right:-40px;}
.con3_c ul li{ padding:32px 3% 125px 36px;}
.con3_c ul li em{ font-size:38px; margin-bottom:15px;}
.con3_c ul li .txt{ font-size:24px; min-height:234px;}
.con3_c ul li a.more{ bottom:35px;}
.con3_c ul li a.more img{ height:24px;}

.ab_com .pic{ width:100%; position:relative; margin:8px 0; overflow:inherit;}
.ab_com .pic:after{ right:60px!important; left:60px!important; top:inherit; bottom:-30px; height:30px; width:auto;}
.ab_con1 .pic:after{ right:60px;}
.ab_com .txt{ width:100%; margin-top:45px;}
.ab_com .ab_tit{ font-size:36px;}
.ab_com .txtc{ font-size:24px;}

.ab_con2{ background-size:cover;}
.ab_con2 .pic:after{ left:-60px;}

.bus_1_t1{ line-height:72px;}
.bus_1_t1 i{ width:72px; height:72px;}
.bus_1_t1 em{ font-size:48px;}
.bus_1 .txt{ font-size:28px;}
.bus_2 ul{ width:104.15%; margin-top:-50px;}
.bus_2 ul li{ margin:0 4.15% 0 0; width:100%; padding-top:50px;}
.bus_2_t1{ line-height:52px;}
.bus_2_t1 i{ width:52px; height:52px;}
.bus_2_t1 em{ font-size:40px;}
.bus_2 .txt{ font-size:24px;}

.pj_tab{ width:94%;}
.pj_tab .swiper-slide em{ font-size:25px;}
.pj_infor .pic{ width:28%;}
.pj_infor .txt{ width:67.5%; padding:0 2% 0 0;}
.pj_infor .txt h3{ font-size:36px;}
.pj_infor .txtc{ font-size:24px;}
.pj_pic_list{ width:102%;}
.pj_pic_list li{ margin:2% 2% 0 0; width:48%;}

.honer_list{ width:102%;}
.honer_list li{ margin:0 2% 2% 0; width:48%;}
.honer_list li.li1{ width:100%;}
.honer_list li img{ width:100%;}
.honer_list li p{ font-size:28px;}

.contact .txt{ width:100%;}
.contact .txt h3{ font-size:38px;}
.contact .txt_ck{ padding-top:12px; display:flex; flex-wrap:wrap;}
.contact .txt_ck li{ font-size:24px; padding:12px 0 12px 32px; width:50%;}
.contact .txt_ck li:before{ margin-top:-10px; width:18px; height:18px;}
.contact .txt_ck li.cur:after{ left:7px; margin-top:-3px; width:6px; height:6px;}
.contact .form{ width:100%;}
.contact .form ul li{ padding-bottom:15px;}
.contact .form ul li em{ font-size:28px;}
.f_intxt{ font-size:24px;}
.f_inbut{ width:100%; font-size:28px;}

.c_infor li{ width:100%; padding:25px 4%;}
.c_infor li:before{ left:0; top:inherit; bottom:0; width:inherit; height:1px;}
.c_infor li i{ width:80px;}
.c_infor li em{ font-size:28px;}
.c_infor li p{ font-size:24px;}

/*foot style*********************************************************************/
.footer{ background-size:cover;}
.foot1 .f1_lf{ font-size:24px; justify-content:space-between; width:100%;}
.foot1 .f1_lf a{ margin-right:0!important;}
.foot1 .f1_rt{ width:100%; margin-top:15px; justify-content:center; align-items:center;}
.foot1 .f1_rt a{ margin:0 10px!important;}
.adr_list{ padding:50px 0;}
.adr_list li.li1,.adr_list li.li2,.adr_list li.li3{ width:100%; text-align:center; padding:10px 0;}
.adr_list li em{ font-size:28px;}
.adr_list li p{ font-size:24px;}
.foot{ font-size:24px;}
.foot em{ width:100%; text-align:center;}

#zoom p{ font-size:24px;}
}
@media screen and (max-width:360px){
}