﻿@media screen and (max-width:1600px){
.nav-index .plebans{ font-size:16px; }
.goutp{ width:220px; padding:9px 0;}
.goutp p{ font-size:15px;}
.hrt{ font-size:16px;}
.hrt em{ margin-right:22px;}
.hrt span{ padding-left:22px;}

.banner .swiper-slide .pos_txt{ top:81px; font-size:16px;}
.banner .swiper-slide .clear em{ font-size:43px;}
.banner .swiper-slide .clear p{ margin-top:27px;}
.banner .swiper-slide .clear i{ margin-top:45px;}
.banner .swiper-slide .clear i a{ padding:0 20px;}

.titc em{ font-size:32px;}
.titc p{ font-size:16px; margin-top:13px;}

.con1{ padding:76px 0;}
.con1_list li .txt{ height:126px; padding-top:40px;}
.con1_list li .txt p{ font-size:27px;}
.con1 .more{ margin-top:40px;}
.con1 .more a{ font-size:21.5px; padding:0 67px;}

.con2{ padding:27px 0 0 0;}
.con2c{ margin-top:31px;}
.con2_list li .txt img{ height:30px; margin-right:14px;}
.con2_list li .txt em{ font-size:21.5px;}
.con2_list li .txt i{ font-size:16px; padding:0 18px;}
.con2_list li.hover .txt img{ height:46px;}
.con2_list li.hover .txt em{ margin-top:26px;}
.con2_list li.hover .txt i{ margin-top:28px;}

.con3{ padding:117px 0 153px 0;}
.con3c .t3 em{ font-size:14px;}
.con3c .t3 p{ font-size:37.5px; margin-top:12px;}
.con3c .txt{ font-size:16px; margin-top:24px;}
.con3c .more{ margin-top:72px; padding:0 31px;}
.video_but{ top:153px;}

.con4{ padding:81px 0 0 0;}
.con4 .con4_txt ul li{ height:162px;}
.con4 .con4_txt ul li em{ font-size:21.5px;}
.con4 .con4_txt ul li i{ width:90px; height:3px; margin:10px auto 0 auto;}
.con4 .con4_txt ul li p{ margin-top:16px; font-size:15px;}

.con5{ padding:76px 0;}
.con5_1{ margin-top:16px; padding:9px;}
.con5_list1 li .txt{ padding:17px 0 0 0;}
.con5_list1 li .txt h3{ font-size:18px;}
.con5_list1 li .txt p{ margin-top:10px; font-size:14px;}
.con5_list1 li .other{ margin:20px 0 3px 0;}
.con5_list1 li .other em{ font-size:15px;}
.con5_list1 li .other em i{ padding-left:9px;}
.con5_list1 li .other span{ font-size:14px;}
.con5_list1 li .other span img{ margin-left:25px; height:13px;}
.con5_2{ padding:14px 0 0 0;}
.con5_list2 li{ min-height:126px;}
.con5_list2 li h3{ font-size:21.5px;}
.con5_list2 li .txt{ font-size:16px; margin-top:10px;}

.con6{ padding:67px 0;}
.con6c .txt{ font-size:30px;}
.con6_list li{ padding-top:9px;}
.con6_list li .t6{ font-size:15px;}
.f_intxt{ font-size:15px;}
.f_buts{ font-size:17px; width:195px; margin-top:14px;}

.footer{ padding:72px 0 54px 0;}
.f_nav{ font-size:15px;}
.f_nav li span{ font-size:16px;}
.f_nav li p{ padding-top:9px;}
.f_nav li .ewm{ margin-top:15px;}
.f_nav li .ewm img{ max-width:120px;}
.links{ font-size:16px; margin:81px -10px 0 0;}
.s_intxt{ font-size:16px; width:calc(100% - 95px);}
.s_inbut{ font-size:16px; width:95px;}
.footer .infor_list{ padding-top:31px;}
.footer .infor_list li em{ font-size:15px;}
.footer .infor_list li p{ font-size:14px;}
.footer .ico6_list{ padding:18px 0 0 0;}
.footer .ico6_list li{ width:34px;}
.footer .ico6_list li i{ width:90px;}
.foot{ margin-top:26px;}
}

@media screen and (max-width:1440px){
.nav-index .plebans{ font-size:15px;}
.goutp{ width:164px; padding:8px 0;}
.goutp p{ font-size:14px;}
.hrt{ font-size:15px;}
.hrt em{ margin-right:20px;}
.hrt span{ padding-left:20px; background-size:14px 14px;}

.banner .swiper-slide .pos_txt{ top:72px; font-size:15px;}
.banner .swiper-slide .clear em{ font-size:38px;}
.banner .swiper-slide .clear p{ margin-top:24px;}
.banner .swiper-slide .clear i{ margin-top:40px;}
.banner .swiper-slide .clear i a{ padding:0 17px;}

.titc em{ font-size:29px;}
.titc p{ font-size:15px; margin-top:12px;}

.con1{ padding:68px 0;}
.con1_list li .txt{ height:112px; padding-top:36px;}
.con1_list li .txt p{ font-size:24px;}
.con1 .more{ margin-top:36px;}
.con1 .more a{ font-size:19px; padding:0 60px;}

.con2{ padding:24px 0 0 0;}
.con2c{ margin-top:28px;}
.con2_list li .txt img{ height:27px; margin-right:13px;}
.con2_list li .txt em{ font-size:19px;}
.con2_list li .txt i{ font-size:15px; padding:0 16px;}
.con2_list li.hover .txt img{ height:42px;}
.con2_list li.hover .txt em{ margin-top:23px;}
.con2_list li.hover .txt i{ margin-top:24px;}

.con3{ padding:104px 0 136px 0;}
.con3c .t3 p{ font-size:33px; margin-top:10px;}
.con3c .txt{ font-size:15px; margin-top:21px;}
.con3c .more{ margin-top:64px; padding:0 28px;}
.video_but{ top:136px;}

.con4{ padding:72px 0 0 0;}
.con4 .con4_txt ul li{ height:144px;}
.con4 .con4_txt ul li em{ font-size:19px;}
.con4 .con4_txt ul li i{ width:80px; height:3px; margin:9px auto 0 auto;}
.con4 .con4_txt ul li p{ margin-top:14px; font-size:14px;}

.con5{ padding:68px 0;}
.con5_1{ margin-top:15px; padding:8px;}
.con5_list1 li .txt{ padding:15px 0 0 0;}
.con5_list1 li .txt h3{ font-size:16px;}
.con5_list1 li .txt p{ margin-top:10px; font-size:14px;}
.con5_list1 li .other{ margin:17px 0 3px 0;}
.con5_list1 li .other em{ font-size:14px;}
.con5_list1 li .other em i{ padding-left:8px;}
.con5_list1 li .other span{ font-size:14px;}
.con5_list1 li .other span img{ margin-left:22px; height:12px;}
.con5_2{ padding:12px 0 0 0;}
.con5_list2 li{ min-height:120px;}
.con5_list2 li h3{ font-size:19px;}
.con5_list2 li .txt{ font-size:15px; margin-top:10px;}

.con6{ padding:60px 0;}
.con6c .txt{ font-size:29px;}
.con6_list li{ padding-top:8px;}
.con6_list li .t6{ font-size:14px;}
.f_intxt{ padding:4px 10px; font-size:14px;}
.f_buts{ font-size:16px; width:180px; margin-top:12px;}

.footer{ font-size:13px; padding:64px 0 48px 0;}
.f_nav{ font-size:14px;}
.f_nav li span{ font-size:15px;}
.f_nav li p{ padding-top:8px;}
.f_nav li .ewm{ margin-top:15px;}
.f_nav li .ewm img{ max-width:110px;}
.links{ font-size:15px; margin:72px -10px 0 0;}
.search_form{ padding:5px; margin-top:10px;}
.s_intxt{ font-size:15px; padding:0 16px; width:calc(100% - 85px);}
.s_inbut{ font-size:15px; width:85px;}
.footer .infor_list{ padding-top:28px;}
.footer .infor_list li{ padding:10px 0;}
.footer .infor_list li em{ font-size:14px;}
.footer .infor_list li p{ font-size:17px;}
.footer .ico6_list{ padding:16px 0 0 0;}
.footer .ico6_list li{ width:32px; margin:8px 8px 0 0;}
.footer .ico6_list li i{ width:80px;}
.foot{ font-size:13px; margin-top:23px;}
}

@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-index{ width:92%;}
.head{ height:55px;}
.head-fixed{ background:#fff; 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:35px;}
.sanh{ display:block;}
.nav-index{ 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-index .w-index{ width:100%;}
.nav-index ul{ width:70%!important; background:#fff; position:absolute; top:0; left:0; bottom:0; right:inherit; display:block; z-index:2;}
.nav-index .plebans{ font-size:15px; width:100%; padding-left:8%; height:auto;  text-align:left; position:relative;}
.nav-index .plebans a{ display:inline-block; padding:0!important; color:#333!important; font-weight:500;}
.nav-index li .plebans:after{ display:none;}
.nav-index li{ width:100%; border-bottom:1px solid rgba(0,0,0,.05); height:auto; padding:0;}
.nav-index 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-index li.hover .jd{ background-image:url(../images/arrow4.svg);}
.nav-index li.on .plebans a,.nav-index 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; background:none;}
.goutp:before{ display:none;}
.goutp p{ font-size:14px; border-top:1px solid rgba(0,0,0,.05); line-height:2.8;}
.goutp p a{ padding-left:12%; text-align:left;}
.hrt{ font-size:14px; right:35px;}

.banner .swiper-slide .pos_txt{ top:0; font-size:14px;}
.banner .swiper-slide .clear em{ font-size:24px;}

.titc em{ font-size:24px;}
.titc p{ font-size:16px; margin-top:15px; padding:0 5%;}

.con1_list{ width:102.5%;}
.con1_list li{ width:47.5%; margin:2.5% 2.5% 0 0;}
.con1_list li .txt{ height:140px; padding:45px 4% 0 4%;}
.con1_list li .txt p{ font-size:18px;}

.con2_list li .txt img{ height:34px; margin-right:16px;}
.con2_list li .txt i{ padding:0 20px;}
.con2_list li.hover .txt img{ height:52px;}
.con2_list li.hover .txt em{ margin-top:29px;}
.con2_list li.hover .txt i{ margin-top:31px;}

.con3c{ padding:0 25% 0 0;}
.con3c .t3 em{ font-size:14px;}
.con3c .t3 p{ font-size:24px; margin-top:13px;}
.con3c .txt{ font-size:14px; margin-top:20px;}
.con3c .more{ margin-top:40px; font-size:14px; padding:0 35px;}
.video_but{ top:50px; left:90%;}

.con4 .con4_txt ul li em{ font-size:18px;}
.con4 .con4_txt ul li p{ margin-top:14px; font-size:14px;}

.con5_list2 li{ min-height:150px;}

.con6c .txt{ width:100%; padding:0; font-size:18px;}
.con6rt{ width:100%; padding:20px 0 0 0;}
.con6_list li{ padding-top:10px;}
.con6_list li .t6{ font-size:14px;}
.f_intxt{ padding:5px 10px; font-size:14px;}
.f_intxt.f_intxt1{ width:50%;}
.f_buts{ font-size:19px; width:215px; margin-top:15px;}

.video-pop .pop-box{ width:1200px; height:600px;}

.f_rt{ width:100%;}
.f_nav{ font-size:16px;}
.f_nav li span{ font-size:18px;}
.f_nav li .txt{ margin-top:2px;}
.f_nav li p{ padding-top:10px;}
.f_nav li .ewm{ margin-top:17px;}
.f_nav li .ewm img{ max-width:130px;}
.links{ font-size:18px; margin:90px -10px 0 0;}
.links a{ margin-right:10px;}
.search_form{ padding:5px; margin-top:12px;}
.s_intxt{ font-size:18px; padding:0 20px; width:calc(100% - 104px);}
.s_inbut{ font-size:18px; width:104px;}
.f_lf{ width:100%;}
.f_logo{ display:none;}
.footer .infor_list{ padding-top:35px;}
.footer .infor_list li{ padding:12px 0;}
.footer .infor_list li em{ font-size:16px;}
.footer .infor_list li p{ font-size:21px;}
.footer .ico6_list{ padding:20px 0 0 0;}
.footer .ico6_list li{ width:36px; margin:10px 10px 0 0;}
.footer .ico6_list li i{ width:100px;}
}
@media screen and (max-width:768px){
.banner .swiper-slide .clear{ padding-right:25%;}
.banner .swiper-slide .clear em{ font-size:16px;}
.banner .swiper-slide .clear p{ display:none;}
.banner .swiper-slide .clear i{ margin-top:20px;}
.banner .swiper-slide .clear i a{ line-height:2.4;}
.con1{ padding:40px 0;}
.titc em{ font-size:18px;}
.titc p{ font-size:14px; margin-top:8px;}
.con1_list li{ width:100%;}
.con1_list li .txt{ height:100px;}
.con1 .more{ margin-top:25px;}
.con1 .more a{ font-size:14px;}
.con3{ padding:65px 0;}
.con3c{ padding:0;}
.con3c .t3 em{ font-size:12px;}
.con3c .t3 p{ font-size:18px;}
.con3c .txt{ font-size:13px;}
.con3c .more{ line-height:2.5; font-size:13px; margin-top:40px;}
.video_but{ width:8%; left:85%; top:0;}
.con4{ padding:45px 0 0 0;}
.con4 .con4_txt ul li em{ font-size:16px;}
.con4 .con4_txt ul li p{ font-size:13px;}
.con5{ padding:40px 0;}
.con5_1{ padding:0;}
.con5_list1 li .txt h3{ font-size:15px;}
.con5_list1 li .txt p{ font-size:13px;}
.con5_list1 li .other em,.con5_list1 li .other span{ font-size:13px;}
.con5_list2 li{ width:100%; min-height:inherit; padding:15px 20px;}
.con5_list2 li h3{ font-size:16px;}
.con5_list2 li .txt{ display:block; font-size:13px; margin-top:6px;}
.con6{ padding:40px 0;}
.con6c .txt{ font-size:16px;}
.f_intxt{ font-size:13px;}
.f_buts{ font-size:16px;}
.footer{ font-size:12px; padding:40px 0 30px 0;}
.f_nav{ font-size:12px;}
.f_nav li{ width:100%; margin-bottom:15px;}
.f_nav li span{ font-size:14px;}
.f_nav li .txt{ display:flex; flex-wrap:wrap; margin-right:-6px;}
.f_nav li .txt p{ margin-right:6px; padding-top:5px;}
.links{ font-size:13px; margin-top:40px;}
.s_intxt{ font-size:13px; padding:0 10px;}
.s_inbut{ font-size:13px;}
.footer .infor_list li em{ font-size:13px;}
.footer .infor_list li p{ font-size:14px;}
}