﻿@media screen and (max-width:1600px){
.w{ max-width:1400px;}
.head-fixed{ height:85px;}
.logo img{ height:36px;}
.navc{ padding-right:130px;}
.nav .plebans{ font-size:14px; line-height:85px;}
.nav li{ margin-right:25px;}
.goutp{ width:160px; margin-left:-80px;}
.goutp p{ font-size:13px;}
.nav li.li2 .goutp{ width:140px; margin-left:-70px;}
.hrt{ margin-top:-16px;}
.search_ico{ width:16px; height:16px;}
.dropdown{ font-size:13px;}
.dropdown em{ background-size:16px 17px; padding:0 16px 0 28px;}
.dropdown p{ line-height:32px;}
.head_on{ height:65px;}
.head_on .nav .plebans{ line-height:65px;}

.banner .swiper-slide .ban_pos{ top:24%; padding:0 8%;}
.banner .swiper-slide .ban_pos em{ font-size:30px;}
.banner .swiper-slide .w p{ font-size:16.5px;}
.banner .swiper-slide .ban_pos span{ font-size:14px;}
.banner .swiper-slide .ban_pos span a{ width:140px;}
.banner .swiper-pagination-bullet{ width:60px; height:7px; margin:0 17px!important;}

.titc{ font-size:40px;}
.c_more{ font-size:20px; padding:0 20px; top:-3.5px;}

.con1{ padding:55px 0;}
.con1_list li .txt h3{ font-size:22px;}
.con1_list li .txt p{ margin-top:14px;}
.con1_list li.hover{ border-radius:16.5px;}
.con1_list li.hover p{ font-size:16.5px;}

.con2{ padding:165px 0 145px 0;}
.con2 .txt{ font-size:15px; padding:50px 0 0 0;}
.con2_list{ padding-top:30px;}
.con2_list li .pic{ border-width:2px; border-radius:8px;}
.con2_list li p{ font-size:16.5px; padding-top:20px;}

.con3{ padding:125px 0 66px 0;}
.con3c{ margin-top:45px;}
.con3_list li .pic img{ height:498px;}
.con3_list li h3{ font-size:15px; left:23px; right:23px; bottom:29px;}
.con3_list li.swiper-slide-active h3{ font-size:16.5px;}
.con3c .swiper-button-prev{ left:-58px;}
.con3c .swiper-button-next{ right:-58px;}

.con4_list li .com_c4{ height:125px;}
.con4_list li .nub .lc em{ font-size:39px;}
.con4_list li .nub .lc p{ font-size:12px; margin-top:6px;}
.con4_list li .txt{ font-size:13.5px;}
.con4_list li.li4 .txt{ bottom:135px;}
.bot_txt em{ font-size:40px; padding:26px 0 50px 0;}

.con5{ padding:162px 0 88px 0;}
.con5 .ico{ top:58px;}
.con5_lf .txt{ bottom:18px;}
.con5_lf .txt h3{ font-size:20px;}
.con5_lf .txt p{ font-size:13.5px; margin-top:8px;}
.con5_lf .txt em{ font-size:12px; background-size:18px 5px; margin-top:15.5px;}
.txt_list li h3{ font-size:16.5px;}
.txt_list li p{ font-size:13.5px; margin-top:9px;}

.footer{ padding:70px 0 8.5px 0;}
.footer .f_lf{ padding-bottom:66px;}
.footer .f_lf .f_logo img{ height:38px;}
.footer .f_lf .txt{ margin-top:26.5px; font-size:13px;}
.footer ul{ padding-bottom:66px;}
.footer ul li{ margin-top:8.5px;}
.footer ul li span{ font-size:15px; margin-bottom:10px;}
.footer ul li p{ font-size:13px;}
.foot{ font-size:13px; padding:18.5px 0; border-top-width:2px;}
.foot img{ height:16px;}
.foot em:last-child a{ margin-left:16.5px;}
}

@media screen and (max-width:1440px){
/*.w{ max-width:1200px;}*/
.head-fixed{ height:75px;}
.logo img{ height:32px;}
.navc{ padding-right:130px;}
.nav .plebans{ font-size:13px; line-height:75px;}
.nav li{ margin-right:22px;}
.goutp{ width:160px; margin-left:-80px;}
.goutp p{ font-size:12px;}
.nav li.li2 .goutp{ width:130px; margin-left:-65px;}
.hrt{ margin-top:-16px;}
.search_ico{ width:14px; height:14px;}
.dropdown{ font-size:13px;}
.dropdown em{ background-size:14px 15px; padding:0 16px 0 24px;}
.dropdown p{ line-height:30px;}
.head_on{ height:60px;}
.head_on .nav .plebans{ line-height:60px;}

.banner .swiper-slide .ban_pos{ top:20.5%; padding:0 7%;}
.banner .swiper-slide .ban_pos em{ font-size:26px;}
.banner .swiper-slide .w p{ font-size:14.5px;}
.banner .swiper-slide .ban_pos span{ font-size:14px;}
.banner .swiper-slide .ban_pos span a{ width:125px;}
.banner .swiper-pagination-bullet{ width:50px; height:6px; margin:0 15px!important;}

.titc{ font-size:36px;}
.c_more{ font-size:17.5px; padding:0 17px; top:-2.6px;}

.con1{ padding:48px 0;}
.con1_list li .txt h3{ font-size:19px;}
.con1_list li .txt p{ margin-top:12px;}
.con1_list li.hover{ border-radius:15px;}
.con1_list li.hover p{ font-size:15px;}

.con2{ padding:145px 0 130px 0;}
.con2 .txt{ font-size:13.5px; padding:45px 0 0 0;}
.con2_list{ padding-top:25.5px;}
.con2_list li .pic{ border-width:1px; border-radius:7px;}
.con2_list li p{ font-size:15px; padding-top:17px;}

.con3{ padding:105px 0 60px 0;}
.con3c{ margin-top:40px;}
.con3_list li .pic img{ height:445px;}
.con3_list li h3{ font-size:13px; left:20px; right:20px; bottom:25px;}
.con3_list li.swiper-slide-active h3{ font-size:15px;}
.con3c .swiper-button-prev{ left:-50px;}
.con3c .swiper-button-next{ right:-50px;}

.con4_list li .com_c4{ height:110px;}
.con4_list li .nub .lc em{ font-size:34px;}
.con4_list li .nub .lc p{ font-size:12px; margin-top:5px;}
.con4_list li .txt{ font-size:12px;}
.con4_list li.li4 .txt{ bottom:118px;}
.bot_txt em{ font-size:35px; padding:24px 0 66px 0;}

.con5{ padding:145px 0 77px 0;}
.con5 .ico{ top:51px;}
.con5_lf .txt{ bottom:16px;}
.con5_lf .txt h3{ font-size:17.5px;}
.con5_lf .txt p{ font-size:13px; margin-top:7px;}
.con5_lf .txt em{ font-size:12px; background-size:15px 4px; margin-top:14px;}
.txt_list li h3{ font-size:14.5px;}
.txt_list li p{ font-size:12px; margin-top:8px;}

.footer{ padding:61px 0 8px 0;}
.footer .f_lf{ padding-bottom:58px;}
.footer .f_lf .f_logo img{ height:34px;}
.footer .f_lf .txt{ margin-top:24px; font-size:12px;}
.footer ul{ padding-bottom:58px;}
.footer ul li{ margin-top:8px;}
.footer ul li span{ font-size:13px; margin-bottom:8px;}
.footer ul li p{ font-size:12px;}
.foot{ font-size:12px; padding:16.5px 0; border-top-width:1px;}
.foot img{ height:14px;}
.foot em:last-child a{ margin-left:14.5px;}
}

@media screen and (max-width:1300px){
}

@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:100px;}
.logo{ width:auto; height:100px; position:static; left:50%; top:50%; transform:none;}
.logo img{ height:56px;}
.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 .navc{ padding:0; width:65%; background:#fff; position:absolute; top:0; left:0; bottom:0; right:inherit; display:block; z-index:2;}
.nav .pc{ display:none;}
.nav li.li1{ display:block;}
.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; margin-right: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:#1e45a0!important;}
.goutp{ position:static; box-shadow:none; width:100%!important; text-align:left; margin:0!important; background:none;}
.goutp p{ font-size:28px; border-top:1px solid rgba(0,0,0,.05);}
.goutp p a{ color:#666; padding-left:50px;}
.hrt{ position:absolute; right:70px; top:50%; margin-top:-18px;}
.search_ico{ width:36px; height:36px;}
.search_form{ top:130px;}
.search_form .clear{ width:95%; padding:2.1875%;}
.s_intxt{ width:76%; font-size:24px;}
.s_inbut{ font-size:24px; line-height:3; width:24%;}
.dropdown{ font-size:24px; line-height:36px; margin-right:30px;}
.dropdown em{ background-size:29px 30px; padding:0 28px 0 48px;}
.dropdown em:after{ margin-top:-4px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #fff;}
.dropdown p{ line-height:48px;}

.banner .swiper-slide .ban_pos{ top:12%; padding:0 5%; text-align:center;}
.banner .swiper-slide .ban_pos em{ font-size:40px;}
.banner .swiper-slide .w p{ font-size:28px;}
.banner .swiper-slide .ban_pos span{ font-size:28px;}
.banner .swiper-slide .ban_pos span a{ width:40%;}
.banner .swiper-pagination-bullet{ width:70px; height:8px; border:2px solid #fff; margin:0 20px!important;}

.titc{ font-size:48px;}
.c_more{ font-size:24px; line-height:2.25; padding:0 23px; top:-4px;}

.con1{ padding:65px 0;}
.con1_list li{ width:100%; border-radius:20px!important;}
.con1_list li .txt h3{ font-size:32px;}
.con1_list li .txt p{ font-size:24px!important; margin-top:16px; height:auto;}
.con1_list li .c1bg{ height:50%;}

.con2{ padding:185px 0 175px 0;}
.con2c{ padding:0 2.5%;}
.con2 .txt{ font-size:24px; padding:60px 0 0 0;}
.con2_list{ width:102.5%; padding-top:15px;}
.con2_list li{ margin:35px 2.5% 0 0; width:47.5%;}
.con2_list li p{ font-size:26px; padding-top:23px;}

.con3{ padding:145px 0 80px 0;}
.con3 .ico{ width:25%;}
.con3c{ margin-top:55px;}
.con3_list li .pic img{ height:600px;}
.con3_list li h3{ font-size:24px; left:28px; right:28px; bottom:35px;}
.con3_list li.swiper-slide-active{ width:85%!important;}
.con3_list li.swiper-slide-active h3{ font-size:26px; right:33.5%;}
.con3c .swiper-button-prev{ left:10px;}
.con3c .swiper-button-next{ right:10px;}
.con3c .swiper-button-prev,.con3c .swiper-button-next{ width:7%;}

.c4_img{ width:80%;}
.con4 .w{ padding-top:0;}
.con4_list{ position:static; padding:7% 0 5% 0;}
.con4_list li{ text-align:center; position:static; width:100%!important; margin:0 0 25px 0!important; padding:0!important;}
.con4_list li:last-child{ margin-bottom:0!important;}
.con4_list li .nub{ float:none!important; width:180px; margin:0 auto;}
.con4_list li .com_c4{ height:auto; width:100%;}
.con4_list li .nub .lc em{ font-size:47px;}
.con4_list li .nub .lc p{ font-size:22px; margin-top:7px;}
.con4_list li .txt{ font-size:24px; margin-top:15px;}
.con4_list li.li4 .txt{ position:static;}
.bot_txt{ width:50%; margin-left:-25%;}
.bot_txt img{ width:12%;}
.bot_txt em{ font-size:40px; padding:25px 0 40px 0;}

.con5{ padding:195px 0 105px 0;}
.con5 .ico{ top:70px;}
.con5c{ padding-top:60px;}
.con5_lf{ width:100%;}
.con5_lf img{ width:100%!important;}
.con5_lf .txt h3{ font-size:32px;}
.con5_lf .txt p{ font-size:24px; margin-top:10px;}
.con5_lf .txt em{ font-size:24px; background-size:33px 9px; margin-top:19px;}
.con5_rt{ width:100%; margin-top:2.8%;}
.txt_list li a{ padding:4.743589743589744% 4.912280701754386%;}
.txt_list li h3{ font-size:30px;}
.txt_list li p{ font-size:24px; margin-top:11px;}

.footer{ padding:84px 0 10px 0; text-align:center;}
.footer .w{ padding:0;}
.footer .f_lf{ padding-bottom:20px; width:100%;}
.footer .f_lf .f_logo{ margin-left:0;}
.footer .f_lf .f_logo img{ height:66px;}
.footer .f_lf .txt{ margin-top:32px; font-size:24px;}
.footer ul{ width:100%; padding-bottom:60px;}
.footer ul li{ margin-top:20px; width:100%;}
.footer ul li span{ font-size:26px; margin-bottom:12px;}
.footer ul li p{ font-size:24px;}
.foot{ font-size:24px; line-height:1.5; padding:22.5px 0; border-top-width:2px;}
.foot em{ width:100%;}
.foot em:last-child{ justify-content:center; margin-top:20px;}
.foot img{ height:30px;}
.foot em:last-child a{ margin:0 20px;}
}
@media screen and (max-width:360px){
}