﻿@media screen and (max-width:1600px){
.w{ max-width:1400px;}
.head-fixed{ height:88px; line-height:87px;}
.logo img{ height:61px;}
.nav{ padding-right:26%;}
.nav .plebans{ font-size:15px;}
.goutp p{ font-size:13px;}
.goutp{ width:90px;}
.nav li:nth-child(3) .goutp{ width:130px;}
.telephone_icon{ font-size:26px; padding-left:39px; background-size:27px 26px;}
.search_ico{ width:30px; height:30px; background-size:16px 16px;}
.alibaba img{ height:24.5px;}
.search,.telephone_icon{ margin-right:17.5px;}
.bg1,.bg2,.bg4,.bg5{ padding-top:88px;}
.bg2 .swiper-button-prev,.bg2 .swiper-button-next{ top:88px;}
.titc em{ font-size:31.5px;}
.titc span{ margin-top:17.5px; font-size:16px;}
.titc span:before,.titc span:after{ width:27px;}
.titc span:before{ right:-52px;}
.titc span:after{ left:-52px;}
.con5 .txt h3{ font-size:21px;}
.con5 .txt p{ font-size:13px;}
.con5_bot a{ font-size:14px; margin:0 17.5px; padding:0 48px;}
.con4_list li .txt h3{ font-size:16px;}
.con4_list li .txt p{ font-size:14px;}
.con4_list li .txt .time{ font-size:16px; background-size:30px 30px;}
.con3_list li .txt em{ font-size:22.5px;}
.con3_list li .txt p{ font-size:13px;}
.con3_list li .txt i{ width:30px; height:30px; margin-top:100px;}
.con2_tab .swiper-slide{ font-size:16px; padding:0 17.5px;}
.con2_bot .swiper-slide .txt h3{ font-size:26px; padding-bottom:26px;}
.con2_bot .swiper-slide .txt .txtc{ font-size:14px; margin-top:17.5px;}
.con2_bot .swiper-slide .txt a{ font-size:16px; padding:0 39px; margin-top:35px;}
.con1_txt{ font-size:17.5px; padding-top:35px; padding-bottom:48px;}
.con1_list li p{ font-size:13px;}
.bg2 .swiper-button-prev:after,.bg2 .swiper-button-next:after{ font-size:13px; border-radius:7px; width:50.5px; line-height:21px;}
}

@media screen and (max-width:1440px){
.w{ max-width:1200px;}
.head-fixed{ height:76px; line-height:75px;}
.logo img{ height:52.5px;}
.nav{ padding-right:27%;}
.nav .plebans{ font-size:14px;}
.goutp p{ font-size:12px;}
.goutp{ width:80px;}
.nav li:nth-child(3) .goutp{ width:120px;}
.telephone_icon{ font-size:22.5px; padding-left:33.5px; background-size:23.25px 22.5px;}
.search_ico{ width:25.5px; height:25.5px; background-size:13.5px 13.5px;}
.alibaba img{ height:21px;}
.search,.telephone_icon{ margin-right:15px;}
.bg1,.bg2,.bg4,.bg5{ padding-top:76px;}
.bg2 .swiper-button-prev,.bg2 .swiper-button-next{ top:76px;}
.titc em{ font-size:27px;}
.titc span{ margin-top:15px; font-size:13px;}
.titc span:before,.titc span:after{ width:22.5px;}
.titc span:before{ right:-45px;}
.titc span:after{ left:-45px;}
.con5 .txt h3{ font-size:18px;}
.con5 .txt p{ font-size:13px;}
.con5_bot a{ font-size:14px; margin:0 15px; padding:0 41px;}
.con4_list li .txt h3{ font-size:14px;}
.con4_list li .txt p{ font-size:13px;}
.con4_list li .txt .time{ font-size:14px; background-size:22.5px 22.5px;}
.con3_list li .txt em{ font-size:19.5px;}
.con3_list li .txt p{ font-size:12px;}
.con3_list li .txt i{ width:25.5px; height:25.5px; margin-top:86px;}
.con2_tab .swiper-slide{ font-size:14px; padding:0 15px;}
.con2_bot .swiper-slide .txt h3{ font-size:22.5px; padding-bottom:22.5px;}
.con2_bot .swiper-slide .txt .txtc{ font-size:13px; margin-top:15px;}
.con2_bot .swiper-slide .txt a{ font-size:14px; padding:0 33.5px; margin-top:30px;}
.con1_txt{ font-size:15px; padding-top:30px; padding-bottom:41px;}
.con1_list li p{ font-size:12px;}
.bg2 .swiper-button-prev:after,.bg2 .swiper-button-next:after{ width:43.5px;}
}

@media screen and (max-width:1366px){
.bg5 .clear{ position:relative;}
.con5_bot{ position:absolute; left:0; top:0; width:20%;}
.con5_bot a{ margin:10px auto;}
}

@media screen and (max-width:1200px){
.w{ width:95%;}
}

@media screen and (max-width:1130px){
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:1023px){
.w{ width:95%;}
.head-fixed{ height:101px;}
.logo{ width:auto; height:76px; margin:10px 0;}
.logo .txt{ display:none;}
.logo img{ height:60px;}
.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; height:auto; line-height:100px!important; text-align:left;}
.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; padding:0;}
.nav li .jd{ position:absolute; display:block; 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.hover .jd{ background-image:url(../images/arrow4.svg);}
.nav li.on .plebans a,.nav li.cur .plebans a{ background:none; color:#012561!important;}
.nav li:nth-child(2) .goutp{ width:100%; margin-left:-100px;}
.goutp{ position:static; box-shadow:none; width:100%!important; text-align:left; margin:0!important; transform:none;}
.goutp p{ font-size:28px; border-top:1px solid rgba(0,0,0,.05);}
.goutp p a{ color:#666; padding-left:50px;}
.hrt{ right:60px; height:96px;}
.telephone_icon{ font-size:30px; padding:0 30px 0 40px; background-size:25px 24px; display:none;}
.alibaba img{ height:36px;}
.search{ margin-right:20px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.search_ico{ background-size:22px 22px; width:44px; height:44px;}
.search_form{ margin-top:-24px;}
.s_intxt{ width:252px; margin-right:-5px; height:48px; padding:0 15px; line-height:48px; font-size:24px;}
.s_inbut{ height:22px; width:22px; margin-top:-11px; right:11px;}

.home .home_pag{ right:2%;}
.home .swiper-pagination font,.home .home_pag span.swiper-pagination-bullet-active font:after{ display:none;}
.bg2 .home_pag span{ border-color:#a7a7a7;}

.banner .swiper-slide .w{ padding-top:50px;}
.banner .swiper-slide .w .clear{ padding:0 12%;}
.banner .swiper-slide .w .ban_pic,.banner .swiper-slide .w .ban_txt{ width:100%!important;}
.banner .swiper-pagination{ bottom:5%;}
.banner .swiper-pagination-bullet{ width:25px; height:4px;}
.banner .swiper-pagination-bullet-active{ width:54px;}

.titc em{ font-size:40px;}
.titc span{ font-size:24px; margin-top:25px;}
.titc span:before,.titc span:after{ width:30px;}
.titc span:before{ right:-60px;}
.titc span:after{ left:-60px;}

.bg1{ padding-top:101px;}
.con1_txt{ font-size:26px; padding:40px 3% 55px 3%;}
.con1_list{ padding:0 2%;}
.con1_list li{ width:24%;}
.con1_list li p{ font-size:22px; margin-top:5px;}

.bg2{ padding-top:101px;}
.con2_c{ width:100%; padding-bottom:100px;}
.con2_c .clear{ width:100%;}
.con2_tab{ position:static; margin-top:30px;}
.con2_tab .swiper-slide{ font-size:24px; padding:0 20px; width:auto;}
.con2_bot{ margin-top:40px;}
.con2_bot .swiper-slide .pic{ width:100%; padding:0 8.55% 0 3%;}
.con2_bot .swiper-slide .txt{ width:100%; padding:30px 0 0 0;}
.con2_bot .swiper-slide .txt h3{ font-size:36px; padding-bottom:30px;}
.con2_bot .swiper-slide .txt h3:after{ width:72px; height:4px;}
.con2_bot .swiper-slide .txt .txtc{ font-size:24px; margin-top:20px;}
.con2_bot .swiper-slide .txt a{ font-size:26px; padding:0 45px; margin-top:40px;}
.bg2 .swiper-button-prev,.bg2 .swiper-button-next{ width:50%; top:inherit; bottom:0; height:100px;}
.bg2 .swiper-button-prev{ right:50%;}
.bg2 .swiper-button-prev:after,.bg2 .swiper-button-next:after{ bottom:inherit; top:50%; transform:translate(-50%,-50%); font-size:20px; width:80px; line-height:40px; height:40px;}

.bg3 .titc{ top:12.75%;}
.con3_list{ display:flex; flex-direction:column; height:100%; padding-top:46%;}
.con3_list li{ width:100%; align-items:center; display:flex; flex:1; border-top:1px solid rgba(255,255,255,.3); border-right:none;}
.con3_list li .txt em{ font-size:36px;}
.con3_list li .txt p{ margin-top:24px; font-size:24px;}
.con3_list li .txt i{ width:44px; height:44px; margin-top:5%;}

.bg4{ padding-top:101px;}
.con4{ padding:0 3%;}
.con4_list li .pic img{ width:100%;}
.con4_list li .txt{ padding:20px 0 0 0;}
.con4_list li .txt h3{ font-size:28px;}
.con4_list li .txt p{ font-size:24px; margin:15px 0 20px 0;}
.con4_list li .txt .time{ font-size:28px; padding:15px 0; background-size:45px 45px;}

.bg5{ padding:101px 0 158px 0;}
.con5{ width:95%; padding:2.8125%; margin:4.6875% auto 0 auto;}
.con5 .txt{ width:100%; padding:0 0 30px 0;}
.con5 .txt h3{ font-size:36px;}
.con5 .txt p{ font-size:24px; margin-top:6px;}
.map{ width:100%; height:415px;}
.map img{ height:100%; width:100%;}
.con5_bot{ padding-top:4.6875%; margin:0 -10px; position:static; width:100%;}
.con5_bot a{ font-size:24px; margin:0 10px; padding:0 50px;}
.foot{ padding:20px 0 30px 0; font-size:24px;}
.foot em{ padding:0; display:block;}
}
@media screen and (max-width:360px){
}