﻿@media screen and (max-width:1600px){
.banner .swiper-button-prev{ left:2.5%;}
.banner .swiper-button-next{ right:2.5%;}
}

@media screen and (max-width:1440px){
.w{ max-width:1224px;}
.head{ height:82px;}7
.nav{ padding-right:12.84722222222222%;}
.nav .plebans{ font-size:16px; line-height:82px;}
.goutp{ width:120px;}
.goutp p{ font-size:14px;}
/*.goutp p a{ padding-left:11px;}*/
.nav li:nth-child(2) .goutp{ width:140px;}
.nav li:nth-child(3) .goutp{ width:220px;}
.nav li:nth-child(4) .goutp{ width:160px;}
.search_ico{ height:18px; margin-right:35px;}
.search{ top:97px;}
.s_intxt{ font-size:14px;}
.s_inbut{ font-size:14px;}
.dropdown em img{ height:18px; margin-right:10px;}

.banner .swiper-slide .ban_pos em{ font-size:40px; margin-bottom:17px;}
.com_more{ padding:0 30px;}
.banner .swiper-button-prev{ left:2%;}
.banner .swiper-button-next{ right:2%;}
.banner .swiper-button-prev,.banner .swiper-button-next{ width:62px; height:62px;}
.banner .swiper-button-prev:after,.banner .swiper-button-next:after{ font-size:30px;}
.banner .swiper-pagination-bullet{ width:42px; height:7px; border-width:2px; margin:0 8px!important;}

.con1{ padding:72px 0;}
.con1_list .swiper-slide p{ font-size:17px;}
.con1_list .swiper-slide::after{ margin-left:-12px; width:24px; height:24px;}

.con2{ padding:25px 0;}

.titc h3{ font-size:40px;}
.titc p{ font-size:14px; margin-top:13px;}

.con3{ padding:72px 0;}
.con3_lf .com_more{ font-size:16px; margin-top:30px;}
.con3_rtc{ max-height:435px;}
.con3_list li{ padding:0 0 9px 0; margin-bottom:17px;}
.con3_list li h4{ font-size:19px;}
.con3_list li p{ font-size:14px; margin-top:4px;}

.con4{ padding:72px 0 0 0;}
.con4_lf .txt{ margin:-21px 0 42px 0;}
.con4_lf .txt em{ font-size:19px; margin-top:42px;}
.con4_lf .txt p{ font-size:14px;}

.con5{ padding:72px 0 0 0;}
.con5_lf .txt{ font-size:16px; margin:30px 0 34px 0;}

.con6{ padding:60px 0 0 0;}
.con6_list{ margin-top:34px;}
.con6 .swiper-pagination{ margin-top:34px;}
.con6 .swiper-pagination-bullet{ width:16px; height:16px; margin:0 7px!important;}
.con6_bot{ margin-top:60px;}
.con6_bot p{ font-size:25px;}
.con6_bot .com_more{ font-size:16px;}

.con7{ padding:60px 0 68px 0;}
.con7_list{ margin-top:-17px;}
.con7_list li p{ font-size:16px;}

.con8{ padding:17px 0 72px 0;}
.con8_list li{ font-size:17px; padding:9px 0; margin-top:34px;}
.ny_video .play{ width:56px; height:56px;}

.footer{ font-size:15.5px;}
.f_nav{ padding:64px 0 34px 0;}
.f_nav li span{ font-size:21px;}
.f_nav li .txt{ margin-top:17px;}
.foot{ padding:22px 0;}
}

@media screen and (max-width:1300px){
}

@media screen and (max-width:1200px){
.w{ width:92%;}
}

@media screen and (max-width:1130px){
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:1023px){
.w{ width:92%;}
.head{ height:96px;}
.head-fixed{ box-shadow:0 0 5px 0 rgba(0,0,0,.1); -webkit-transform:none!important; transform:none!important;}
.logo{ width:auto; height:96px;}
.logo img{ height:50px;}
.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:30px; width:100%; padding-left:30px; height:auto; line-height:100px!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:-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); 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:#2f318b!important;}
.goutp{ position:static; box-shadow:none; border-top:none; width:100%;}
.goutp p{ font-size:28px; border-top:1px solid rgba(0,0,0,.05);}
.goutp p a{ padding-left:50px; text-align:left;}
.hrt{ right:80px;}
.search_ico{ height:30px; margin-right:48px;}
.search_form{ width:92%;}
.s_intxt{ padding:20px; font-size:26px;}
.s_inbut{ font-size:26px; padding:0 50px;}
.dropdown em{ line-height:96px;}
.dropdown em img{ height:30px; margin-right:12px;}
.dropdown{ font-size:24px;}
.dropdown p{ width:130px; margin-left:-65px;}

.banner .swiper-slide .dfimg{ width:184%; margin-left:-42%;}
.banner .swiper-slide .pic{ right:15%; width:70%;}
.banner .swiper-slide .ban_pos{ bottom:auto; top:10%;}
.banner .swiper-slide .clear{ text-align:center; padding:0 5%;}
.banner .swiper-slide .ban_pos em{ font-size:36px; margin-bottom:40px;}
.com_more{ font-size:24px; padding:0 35px; line-height:2.5;}
.banner .swiper-button-prev{ left:4%;}
.banner .swiper-button-next{ right:4%;}
.banner .swiper-button-prev,.banner .swiper-button-next{ width:50px; height:50px;}
.banner .swiper-button-prev:after,.banner .swiper-button-next:after{ font-size:26px;}
.banner .swiper-pagination-bullet{ width:50px; height:8px; border-width:2px; margin:0 9px!important;}

.con1{ padding:85px 0;}
.con1_list .swiper-slide{ width:100%!important; -webkit-box-flex:none; -webkit-flex:none; -ms-flex:none; flex:none; height:auto; padding-top:0!important;}
.con1_list .swiper-slide .pbg{ opacity:1; position:static;}
.con1_list .swiper-slide .pbg img{ height:auto;}
.con1_list .swiper-slide .p_con{ position:absolute; z-index:5; left:0; right:0; top:9%; bottom:0;}
.con1_list .swiper-slide .pic{ width:65%!important;}
.con1_list .swiper-slide p{ font-size:28px; color:#fff; padding:3.5vw 16% 0 16%!important;}
.con1_list .swiper-slide::after{ margin-left:-18px; bottom:8%; width:36px; height:36px; filter:invert(100%) brightness(1.5) contrast(1.2);}
.con1_list .swiper-slide.active{ -webkit-box-flex:none; -webkit-flex:none; -flex:none; flex:none;}
.con1_list .swiper-slide.active::after{ opacity:1;}
.con1 .swiper-button-prev:after,.con1 .swiper-button-next:after{ color:#fff; font-size:32px;}

.con2{ padding:20px 0;}
.con2_list li .pic_w{ left:2.5%; top:5%; right:2.5%; bottom:5%;}

.titc{ text-align:center;}
.titc h3{ font-size:36px;}
.titc p{ font-size:24px; margin-top:15px; padding:0 5%;}

.con3{ padding:85px 0;}
.con3_lf{ width:100%; padding:0; text-align:center;}
.con3_lf .com_more{ font-size:24px; margin-top:25px;}
.con3_rt{ width:100%; margin-top:40px;}
.con3_rtc{ padding-right:6%; max-height:600px;}
.con3_list li{ padding:0 0 20px 0; margin-bottom:20px;}
.con3_list li h4{ font-size:28px;}
.con3_list li p{ font-size:24px; margin-top:5px;}

.con4{ padding:85px 0 0 0;}
.con4_lf{ width:100%;}
.con4_lf .txt{ margin:-15px 0 30px 0;}
.con4_lf .txt em{ font-size:28px; margin-top:30px;}
.con4_lf .txt p{ font-size:24px;}
.con4_rt{ width:100%; margin-top:40px;}

.con5{ padding:85px 0 0 0;}
.con5_lf{ width:100%;}
.con5_lf .txt{ font-size:24px; -webkit-line-clamp:12; margin:35px 0 40px 0;}
.con5_rt{ width:100%; margin-top:40px;}

.con6{ padding:70px 0 0 0;}
.con6_list{ margin-top:40px;}
.con6 .swiper-pagination{ margin-top:40px;}
.con6 .swiper-pagination-bullet{ width:20px; height:20px; margin:0 8px!important;}
.con6_bot{ margin-top:70px; padding:4.2% 2.5%; text-align:center;}
.con6_bot p{ font-size:26px;}
.con6_bot .com_more{ font-size:24px; margin:25px auto 0 auto;}

.con7{ padding:70px 0 80px 0;}
.con7_list{ width:102.5%; margin-top:-20px;}
.con7_list li{ margin:2.5% 2.5% 0 0; width:47.5%;}
.con7_list li p{ font-size:24px;}

.con8{ padding:20px 0 85px 0;}
.con8_lf{ width:100%;}
.con8_list li{ font-size:26px; padding:0; line-height:2.5; margin-top:20px;}
.con8_rt{ width:100%; margin-top:40px;}
.ny_video .video_but{ width:66px; height:66px;}

.footer{ font-size:24px;}
.f_nav{ padding:25px 0 50px 0;}
.f_nav li{ width:50%; text-align:center; margin-top:30px;}
.f_nav li span{ font-size:28px;}
.f_nav li .txt{ margin-top:15px;}
.foot{ padding:30px 0;}

.nav li .goutp{ width:100%!important}

}
@media screen and (max-width:360px){
}