@media screen and (max-width:1600px){
.w{ max-width:1300px;}
.nav .plebans{ font-size:17px; line-height:92px;}
.dropdown{ font-size:17px; margin-right:28px; padding-right:28px;}

.banner .swiper-slide .clear p{ font-size:51px; margin-top:37px;}

.titc{ margin-top:-6px;}
.titc em{ font-size:44px;}
.titc p{ font-size:55px;}

.con1{ padding:90px 0;}
.con1_list li .txt{ left:26px; right:26px; bottom:26px;}
.con1_list li .txt em{ font-size:24px;}
.con1_list li .txt em:after{ width:55px;}
.con1_list li.hover .bg{ height:140px;}

.con2{ padding:90px 0;}
.con2:before{ width:6.25%;}
.con2_tab .swiper-slide{ font-size:17px; line-height:64px; height:66px!important; padding-left:23px;}
.con2_list li .txt{ padding:37px 0;}
.con2_list li .txt em{ font-size:27px;}
.con2_list li .txt a{ font-size:14px; padding:0 15px; margin-top:46px;}

.con3{ padding:136px 0;}
.con3 .txt{ font-size:17px; margin:32px auto 0 auto;}
.con3_list{ padding-top:83px;}
.con3_list li em{ font-size:55px;}
.con3_list li p{ font-size:17px;}
.con3 .more{ margin-top:55px;}
.con3 .more a{ font-size:17px; padding:0 41px;}
.con3 .more a i{ padding-left:32px;}

.con4{ padding:99px 0;}
.con4_list li{ padding:50px 0 60px 0;}
.con4_list li em{ font-size:24px; margin-top:32px;}
.con4_list li p{ font-size:17px;}

.con5{ padding:90px 0;}
.con5_1{ margin-top:46px;}
.con5_1_rt ul li.big em{ font-size:28px;}
.con5_2{ margin-top:46px;}

.foot1{ padding:83px 0 55px 0;}
}

@media screen and (max-width:1440px){
.w{ max-width:1200px;}
.nav .plebans{ font-size:16px; line-height:85px;}
.goutp p{ font-size:15px;}
.search_ico{ height:20px;}
.dropdown{ font-size:16px; margin-right:26px; padding-right:26px;}

.banner .swiper-slide .clear p{ font-size:48px; margin-top:34px;}

.titc em{ font-size:41px;}
.titc p{ font-size:51px;}

.con1{ padding:83px 0;}
.con1_list li .txt{ left:24px; right:24px; bottom:24px;}
.con1_list li .txt em{ font-size:22px;}
.con1_list li .txt em:after{ width:51px;}
.con1_list li.hover .bg{ height:130px;}

.con2{ padding:83px 0;}
.con2:before{ width:5.75%;}
.con2_lf{ width:28.57142857142857%;}
.con2_tab{ width:60%; margin:20px 0 0 0;}
.con2_tab .swiper-slide{ font-size:16px; line-height:60px; height:62px!important; padding-left:21px;}
.con2_list li .txt{ padding:34px 0;}
.con2_list li .txt em{ font-size:26px;}
.con2_list li .txt a{ margin-top:40px;}

.con3{ padding:125px 0;}
.con3 .txt{ font-size:16px; margin:30px auto 0 auto;}
.con3_list{ padding-top:77px;}
.con3_list li em{ font-size:51px;}
.con3_list li p{ font-size:16px;}
.con3 .more{ margin-top:51px;}
.con3 .more a{ font-size:16px; padding:0 38px;}
.con3 .more a i{ padding-left:30px;}

.con4{ padding:91px 0;}
.con4_list li{ padding:47px 0 55px 0;}
.con4_list li em{ font-size:22px; margin-top:30px;}
.con4_list li p{ font-size:16px;}

.con5{ padding:83px 0;}
.con5_1{ margin-top:42px;}
.con5_1_rt ul li.big em{ font-size:22px;}
.con5_1_rt ul li.txt em{ font-size:15px;}
.con5_1_rt ul li.txt p{ font-size:16px;}
.con5_2{ margin-top:42px;}
.con5_list2 li h3{ font-size:16px;}
.con5_list2 li em{ font-size:14px;}
.con5_list2 li p{ margin-top:20px; font-size:14px;}

.video-pop .pop-box{ width:1100px; height:575px;}

.foot1{ padding:77px 0 51px 0;}
.foot1 span{ font-size:16px;}
.f_lf .txt{ margin-top:20px;}
.f_lf .txt p{ margin-top:16px;}
.f_lf .txt img{ height:20px;}
.ico6_list{ padding:30px 0 0 0;}
.f_nav{ font-size:14px;}
.f_nav li .txt{ margin-top:20px;}
.foot{ padding:21px 0;}
}

@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:92%;}
.head{ height:48px;}
.head-fixed{ background:#040c18; box-shadow:0 0 5px 0 rgba(0,0,0,.1); -webkit-transform:none!important; transform:none!important;}
.logo{ width:auto; height:48px;}
.logo img{ height:25px;}
.sanh{ display:block;}
.nav{ width:100%; position: fixed; left: -100%; height:100%; top:0; z-index: 10; padding:0; display:block; background:none;}
.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:70%!important; background:#fff; position:absolute; top:0; left:0; bottom:0; right:inherit; display:block; z-index:2;}
.nav .plebans{ font-size:16px; width:100%; padding-left:30px; height:auto; line-height:50px!important; text-align:left; position:relative;}
.nav .plebans a{ display:inline-block; padding:0!important; color:#333!important; font-weight:500;}
.nav li .plebans:after{ display:none;}
.nav li:nth-child(1){ display:block;}
.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:-6.5px; right:8%; width:7.5px; height:13px; display:block; background:url(../images/arrow4.svg) no-repeat center; background-size:100%; transition:transform 0.5s; z-index:-1; transform:rotate(90deg); z-index:2;}
.nav li.hover .jd{ background-image:url(../images/arrow4.svg);}
.nav li.on .plebans a,.nav li.cur .plebans a{ background:none; color:#15499a!important;}
.goutp{ position:static; box-shadow:none; border-top:none; width:100%!important; transform:none!important; padding:0;}
.goutp p{ font-size:14px; border-top:1px solid rgba(0,0,0,.05);}
.goutp p a{ padding-left:50px; text-align:left;}
.nav li.pro_li .goutp::after{ display:none;}
.nav li.pro_li .goutp dl{ width:100%; position:relative; z-index:2; margin-top:0;}
.nav li.pro_li .goutp dl dd{ width:100%; margin:0; border-top:1px solid rgba(0,0,0,.05); font-size:28px; line-height:2.6; text-align:left;}
.nav li.pro_li .goutp dl dd .pic{ display:none;}
.nav li.pro_li .goutp dl dd a{ padding-left:50px;}
.hrt{ right:45px;}
.search{ top:68px;}

.banner .swiper-slide .clear{ padding-left:0;}
.banner .swiper-slide .clear em img{ width:30%;}
.banner .swiper-slide .clear p{ font-size:22px; margin-top:20px;}
.banner .swiper-pagination-bullet{ width:10px; height:10px; border-radius:5px;}
.banner .swiper-pagination-bullet-active{ width:30px;}

.titc{ margin-top:-7px;}
.titc em{ font-size:24px;}
.titc p{ font-size:30px;}

.con1{ padding:45px 0;}
.con1_lf{ width:100%;}
.con1_rt{ width:100%;}
.con1_list li{ margin-top:4%;}
.con1_list li .txt{ left:15px; right:15px; bottom:15px;}
.con1_list li .txt em{ font-size:15px;}
.con1_list li .txt em:after{ width:30px; height:2px;}
.con1_list li.li1{ width:calc(50% - 8px);}
.con1_list li.hover .bg{ height:150px;}

.con2{ padding:45px 0;}
.con2 .titc{ text-align:center;}
.con2:before{ width:4%;}
.con2_lf{ width:100%;}
.con2_tab{ width:100%; margin:20px 0 0 0;}
.con2_tab .swiper-slide{ font-size:14px; line-height:36px; height:38px!important; width:auto; margin-top:10px; padding:0 25px;}
.con2_tab .swiper-slide-thumb-active{ padding-right:35px;}
.con2_tab .swiper-slide-thumb-active:after{ margin-top:-8px; right:10px; width:16px; height:16px;}
.con2_pro{ width:100%; margin-top:20px;}
.con2_pro .swiper-button-prev:after,.con2_pro .swiper-button-next:after{ font-size:20px;}
.con2_list li .lf2{ width:100%;}
.con2_list li .pic{ width:50%; margin:0 auto;}
.con2_list li .txt{ width:100%; padding:30px 0 0 0; text-align:center;}
.con2_list li .txt em{ font-size:18px;}
.con2_list li .txt a{ font-size:14px; padding:0 17px; margin-top:20px;}

.con3{ padding:70px 0;}
.con3 .txt{ font-size:14px; margin:35px auto 0 auto; width:95%;}
.con3_list{ padding-top:40px;}
.con3_list li{ width:50%; margin-top:15px;}
.con3_list li em{ font-size:30px;}
.con3_list li p{ font-size:14px;}
.con3 .more{ margin-top:30px;}
.con3 .more a{ font-size:14px; padding:0 25px; line-height:2.5;}
.con3 .more a i{ padding-left:25px;}

.con4{ padding:60px 0;}
.con4_list li{padding:20px 0 25px 0;}
.con4_list li img{ width:37.5%;}
.con4_list li em{ font-size:18px; margin-top:35px;}
.con4_list li p{ font-size:14px; margin-top:15px;}
.con4_list li p br{ display:none;}

.con5{ padding:45px 0;}
.con5_1{ margin-top:20px;}
.con5_1_lf{ width:100%; padding:0 0 4% 0;}
.con5_1_rt{ width:100%;}
.con5_1_rt ul li{ margin-top:4%; width:48%;}
.con5_1_rt ul li.big em{ width:48.73417721518987%; font-size:16px;}
.con5_1_rt ul li.txt .clear{ padding:0 11.5%;}
.con5_1_rt ul li.txt em{ font-size:13px;}
.con5_1_rt ul li.txt p{ font-size:14px; margin-top:12px;}
.con5_2{ margin-top:20px;}
.con5_list2 li h3{ font-size:16px;}
.con5_list2 li em{ font-size:14px;margin-top:10px;}
.con5_list2 li p{ margin-top:15px; font-size:14px;}

.video-pop .pop-box{ width:92%; height:575px;}

.footer{ font-size:14px;}
.foot1{ padding:40px 0 30px 0;}
.foot1 span{ font-size:15px;}
.f_lf{ width:100%;}
.f_logo{ width:33.33333333333333%; max-width:150px;}
.f_lf .txt{ font-size:14px; margin-top:25px;}
.f_lf .txt p{ margin-top:15px;}
.f_lf .txt img{ height:20px; margin-right:10px;}
.ico6_list{ padding:20px 0 0 0;}
.ico6_list li{ width:28px; margin:10px 10px 0 0;}
.ico6_list li i{ width:100px;}
.f_nav{ width:100%; font-size:12px; margin-top:25px;}
.f_nav li .txt{ margin-top:15px;}
.f_nav li em{ margin-top:5px;}
.f_nav li em a i{ padding-left:12px;}
.foot{ padding:24px 0;}
.foot em{ display:block; width:100%; text-align:center;}
.foot i{ margin-right:10px;}
}
@media screen and (max-width:750px){
.con4_list li{ margin:2.5% 2.5% 0 0; width:47.5%;}
.con4_list li p{ padding:0 10px;}
}