@media screen and (max-width:1600px){
.w{ max-width:1400px;}
.head{ height:90px;}
.nav .plebans{ font-size:16px; line-height:90px;}
.goutp{ width:100px; padding:5px 0;}
.goutp p{ font-size:14px;}
.nav li:nth-child(3) .goutp{ width:160px;}
.search_ico{ height:18px; margin-right:40px;}
.search{ top:110px;}
.s_intxt{ padding:12px 20px; font-size:14px;}
.s_inbut{ font-size:14px; padding:0 27px;}
.h_tell{ font-size:18px;}

.banner .swiper-slide .clear span{ font-size:32px;}
.banner .swiper-slide .clear em{ font-size:57px; margin-top:13px;}
.banner .swiper-slide .clear p{ font-size:16px; margin-top:31px;}
.banner .swiper-slide .clear i{ font-size:16px; margin-top:54px;}
.banner .swiper-slide .clear i a{ padding:0 31px; border-width:3px; margin-right:27px;}
.banner .swiper-pagination-bullet{ width:18px; height:18px; margin:0 9px!important;}
.banner .swiper-pagination-bullet:after{ width:6px; height:6px;}

.titc{ font-size:43px;}

.con1{ padding:72px 0 18px 0;}
.con1_lf{ padding-left:27px;}
.con1 .w{ top:72px;}
.con1c{ padding-left:calc(50% + 9px);}
.con1c .txt h3{ font-size:27px;}
.con1c .txt p{ font-size:14px; margin-top:14px;}
.con1 .con1_tab{ margin-top:45px;}
.con1 .buts{ margin-top:58px;}
.con1 .buts a{ margin:0 27px 0 0; padding:0 36px; font-size:16px;}

.con2 .w{ padding:0 18px;}
.con2_list li{ width:calc(50% - 9px); margin-top:18px; padding:36px 0 9px 0;}
.con2_list li .txt h3{ font-size:21px;}
.con2_list li .txt p{ font-size:16px; margin-top:8px;}
.con2_list li .buts{ margin-top:16px;}
.con2_list li .pic{ margin:18px auto 0 auto;}

.con3{ padding:90px 0 85px 0;}
.con3_lf h3{ font-size:36px; margin-top:-13px;}
.con3_lf .line{ width:52px; margin:33px 0;}
.con3_lf h4{ font-size:27px;}
.con3_lf .txt{ font-size:14px; margin-top:22px;}
.con3_lf .more{ font-size:14px; margin-top:40px;}
.con3_lf .more a{ padding:0 40px;}
.con3_lf .more a img{ height:10px; margin-left:18px;}
.con3_lf .more a:hover{ border-radius:27px 0 27px 0;}
.con3_rt .swiper-pagination{ bottom:22px;}
.con3_rt .swiper-pagination-bullet{ width:14px; height:14px; margin:0 7px!important;}
.con3_list{ margin-top:54px;}
.con3_list li{ min-width:180px;}
.con3_list li span{ font-size:16px;}
.con3_list li em{ font-size:58px; margin-right:10px;}
.con3_list li p{ font-size:18px; margin-top:16px;}

.con4{ padding:76px 0;}
.con4c{ margin-top:54px;}
.con4c .swiper-button-prev,.con4c .swiper-button-next{ width:32px; height:54px; margin-top:-27px;}
.con4c .swiper-button-prev:after,.con4c .swiper-button-next:after{ font-size:18px;}
#zoom p{ font-size:16px;}

.con5{ padding:76px 0;}
.con5c{ margin-top:54px;}
.con5_list li p{ font-size:16px; margin-top:13px;}
.con5c .swiper-pagination{ margin-top:36px;}
.con5c .swiper-pagination-bullet{ width:40px; height:4px; margin:0 10px!important;}

.con6{ padding:90px 0;}
.con6_tab ul li{ font-size:14px; padding-bottom:9px;}
.con6_tab ul li.swiper-slide-thumb-active:after{ height:4px;}
.con6_list li p{ font-size:16px; height:48px; margin-top:12px;}
.con6_list li em{ font-size:14px; margin-top:18px;}
.con6 .more{ padding-top:43px;}
.con6 .more a{ font-size:14px; padding:0 22px;}
.con6 .more a img{ margin-left:18px; height:12px;}
.con6 .more a:hover{ border-radius:22px 0 22px 0;}

.con7{ padding:90px 0;}
.con7_0 .bd ul li{ margin:0 9px 0 0; width:14.0625%;}
.con7_0 .bd ul li.t7{ width:160px!important;}
.con7_0 .bd ul li.t7 em{ font-size:14px;}
.con7_0 .bd ul li.t7 p{ margin-top:14px;}
.con7_0 .bd ul li.t7 p img{ margin-left:7px; height:7px;}

.footer{ font-size:14px;}
.f_nav{ padding:58px 0 45px 0;}
.f_nav span{ font-size:15px;}
.f_nav li .txt{ margin-top:22px;}
.f_nav li .ewm{ margin-top:22px;}
.f_nav li .ewm img{ width:100px;}
.f_links{ padding:12px 0; margin-right:-9px;}
.f_links a{ margin-right:9px;}
.foot{ padding:22px 0;}
.foot em{ margin-right:16px;}
}

@media screen and (max-width:1440px){
.w{ max-width:1200px;}
.head{ height:82px;}
.nav .plebans{ font-size:15px; line-height:82px;}
.goutp{ width:90px; padding:6px 0;}
.nav li:nth-child(3) .goutp{ width:156px;}
.search_ico{ height:16px; margin-right:32px;}
.search{ top:102px;}
.h_tell{ font-size:16px;}

.banner .swiper-slide .clear span{ font-size:28px;}
.banner .swiper-slide .clear em{ font-size:51px; margin-top:12px;}
.banner .swiper-slide .clear p{ font-size:15px; margin-top:28px;}
.banner .swiper-slide .clear i{ font-size:15px; margin-top:48px;}
.banner .swiper-slide .clear i a{ padding:0 28px; border-width:2px; margin-right:24px;}

.titc{ font-size:38px;}

.con1{ padding:64px 0 16px 0;}
.con1_lf{ padding-left:24px;}
.con1 .w{ top:64px;}
.con1c{ padding-left:calc(50% + 8px);}
.con1c .txt h3{ font-size:24px;}
.con1 .con1_tab{ margin-top:40px;}
.con1 .buts{ margin-top:50px;}
.con1 .buts a{ margin:0 24px 0 0; padding:0 32px; font-size:15px;}

.con2 .w{ padding:0 16px;}
.con2_list li{ width:calc(50% - 8px); margin-top:16px; padding:32px 0 8px 0;}
.con2_list li .txt h3{ font-size:20px;}
.con2_list li .txt p{ font-size:15px; margin-top:7px;}
.con2_list li .buts{ margin-top:14px;}
.con2_list li .pic{ margin:16px auto 0 auto;}

.con3{ padding:80px 0 76px 0;}
.con3_lf h3{ font-size:32px; margin-top:-12px;}
.con3_lf .line{ width:52px; margin:30px 0;}
.con3_lf h4{ font-size:24px;}
.con3_lf .txt{ margin-top:20px;}
.con3_lf .more{ margin-top:36px;}
.con3_lf .more a{ padding:0 36px;}
.con3_lf .more a img{ margin-left:16px;}
.con3_lf .more a:hover{ border-radius:24px 0 24px 0;}
.con3_rt .swiper-pagination{ bottom:20px;}
.con3_rt .swiper-pagination-bullet{ width:13px; height:13px;}
.con3_list{ margin-top:48px;}
.con3_list li{ min-width:160px;}
.con3_list li span{ font-size:15px; padding-bottom:3px;}
.con3_list li em{ font-size:52px; margin-right:10px;}
.con3_list li p{ font-size:18px; margin-top:15px;}

.con4{ padding:68px 0;}
.con4c{ margin-top:48px;}
#zoom p{ font-size:15px;}

.con5{ padding:68px 0;}
.con5c{ margin-top:48px;}
.con5_list li p{ font-size:15px; margin-top:12px;}
.con5c .swiper-pagination{ margin-top:32px;}

.con6{ padding:80px 0;}
.con6_tab ul li.swiper-slide-thumb-active:after{ height:3px;}
.con6_list li p{ font-size:15px; height:45px; margin-top:12px;}
.con6_list li em{ margin-top:16px;}
.con6 .more{ padding-top:38px;}

.con7{ padding:80px 0;}

.footer{ font-size:13px;}
.f_nav{ padding:52px 0 40px 0;}
.f_nav li .txt{ margin-top:20px;}
.f_nav li p em{ padding-left:39px;}
.f_nav li .ewm{ margin-top:20px;}
.f_nav li .ewm img{ width:96px;}
}

@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:55px;}
.head-fixed{ box-shadow:0 0 5px 0 rgba(0,0,0,.1); -webkit-transform:none!important; transform:none!important;}
.logo{ width:auto; height:55px;}
.logo img{ height:30px;}
.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:15px; width:100%; padding-left:20px; 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{ 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:#01aaed!important;}
.goutp{ position:static; box-shadow:none; border-top:none; width:100%!important; transform:none!important; background:none;}
.goutp p{ font-size:14px; border-top:1px solid rgba(0,0,0,.05);}
.goutp p a{ padding-left:25px; text-align:left;}
.hrt{ right:45px;}
.search_ico{ height:18px; margin-right:20px;}
.search{ top:70px;}
.search_form{ width:92%;}
.s_intxt{ padding:10px 20px; font-size:14px;}
.s_inbut{ font-size:14px; padding:0 30px;}
.h_tell{ font-size:14px;}

.banner .swiper-slide .clear span{ font-size:20px;}
.banner .swiper-slide .clear em{ font-size:40px; margin-top:10px;}
.banner .swiper-slide .clear p{ font-size:15px; margin-top:20px;}
.banner .swiper-slide .clear i{ font-size:15px; margin-top:40px;}

.titc{ font-size:24px;}

.con1{ padding:40px 0;}
.con1_lf{ width:100%; padding-left:0;}
.con1 .w{ position:static; transform:none;}
.con1c{ padding-left:0; margin-top:20px;}
.con1c .txt h3{ font-size:20px;}
.con1c .txt p{ font-size:14px; margin-top:16px;}
.con1 .con1_tab{ margin-top:20px;}
.con1 .buts{ margin-top:25px;}
.con1 .buts a{ margin:0 15px 0 0; padding:0 20px; font-size:14px; line-height:2.5;}

.con2 .w{ padding:0 20px;}
.con2_list li{ width:calc(50% - 10px); margin-top:20px;}
.con2_list li .txt h3{ font-size:20px;}
.con2_list li .txt p{ font-size:14px;}
.con2_list li .pic{ width:100%;}

.con3{ padding:50px 0;}
.con3_lf{ width:100%;}
.con3_lf h3{ font-size:24px; text-align:center;}
.con3_lf .line{ display:none;}
.con3_lf h4{ font-size:18px; text-align:center; margin-top:5px;}
.con3_lf .txt{ margin-top:15px;}
.con3_lf .more{ margin-top:20px;}
.con3_lf .more a{ padding:0 25px;}
.con3_lf .more a img{ height:10px; margin-left:12px;}
.con3_lf .more a:hover{ border-radius:20px 0 20px 0;}
.con3_rt{ width:100%; margin-top:25px;}
.con3_list{ margin-top:15px;}
.con3_list li{ min-width:auto; width:48%; padding-top:15px;}
.con3_list li span{ font-size:14px;}
.con3_list li em{ font-size:30px; margin-right:10px;}
.con3_list li p{ font-size:14px;}

.con4{ padding:50px 0;}
.con4c{ margin-top:30px;}
.con4c .swiper-button-prev,.con4c .swiper-button-next{ width:20px; height:40px; margin-top:-20px;}
.con4c .swiper-button-prev:after,.con4c .swiper-button-next:after{ font-size:16px;}

.con5{ padding:50px 0;}
.con5c{ margin-top:30px;}
.con5_list li p{ font-size:14px;}
.con5c .swiper-pagination{ margin-top:20px;}
.con5c .swiper-pagination-bullet{ width:20px; height:5px; margin:0 5px!important;}

.con6{ padding:50px 0;}
.con6_tab ul li{ font-size:14px;}
.con6_tab ul li.swiper-slide-thumb-active:after{ height:4px;}
.con6_list li p{ font-size:14px; height:42px; margin-top:14px;}
.con6_list li em{ font-size:14px; margin-top:5px;}
.con6 .more{ padding-top:24px;}
.con6 .more a{ font-size:14px; padding:0 20px; line-height:2.5;}
.con6 .more a img{ margin-left:10px; height:10px;}
.con6 .more a:hover{ border-radius:20px 0 20px 0;}

.con7{ padding:50px 0;}
.con7_0 .bd{ padding:6px 0;}
.con7_0 .bd ul li{ margin:0 8px 0 0;}
.con7_0 .bd ul li.t7{ width:130px!important; padding:10px;}
.con7_0 .bd ul li.t7 em{ font-size:14px;}
.con7_0 .bd ul li.t7 p{ margin-top:10px;}
.con7_0 .bd ul li.t7 p img{ margin-left:5px; height:6px;}

.footer{ font-size:14px;}
.f_nav{ padding:30px 0 10px 0;}
.f_nav span{ font-size:16px;}
.f_nav li{ width:100%; padding-bottom:20px;}
.f_nav li .txt{ margin-top:8px; margin-right:-10px; display:flex; flex-wrap:wrap;}
.f_nav li:nth-child(6) .txt p{ width:100%;}
.f_nav li .txt p{ margin-right:10px;}
.f_nav li .ewm{ margin-top:15px;}
.f_nav li .ewm img{ width:175px; margin-bottom:3px;}
.f_nav li .ewm p{ width:175px;}
.f_links{ padding:10px 0; margin-right:-10px;}
.f_links a{ margin-right:10px;}
.foot{ padding:15px 0; text-align:center;}
.foot p{ width:100%;}
.foot p:nth-child(1) em{ display:block;}
.foot em{ margin:0 5px;}
}
@media screen and (max-width:768px){
.banner .swiper-slide img{ width:120%; margin-left:-10%;}
.banner .swiper-slide .clear span{ font-size:14px;}
.banner .swiper-slide .clear em{ font-size:18px; margin-top:5px;}
.banner .swiper-slide .clear p{ font-size:14px; margin-top:5px;}
.banner .swiper-slide .clear i{ font-size:14px; margin-top:10px;}
.banner .swiper-slide .clear i a{ padding:0 20px; line-height:2.2; margin-right:20px;}
.banner .swiper-pagination{ bottom:3.462%;}
.banner .swiper-pagination-bullet{ width:16px; height:16px; margin:0 8px!important;}
.banner .swiper-pagination-bullet:after{ width:4px; height:4px;}

.con2_list li{ width:100%; margin-top:20px; padding:40px 0 10px 0;}
}