﻿@media screen and (max-width:1600px){
.w{ max-width:1360px;}
.head{ height:157px;}
.h_top{ height:90px;}
.h_top .txt p{ font-size:18px;}
.h_top .txt p:last-child{ margin-top:9px;}
.h_top .txt i{ padding:0 13.5px;}
.tell{ font-size:21.5px;}
.tell a{ background-size:22px 22px; padding-left:34px; margin-top:2px;}
.nav .plebans{ font-size:18px; line-height:67px;}
.goutp p{ font-size:14.5px;}
.search{ min-width:150px;}
.s_intxt{ padding:0 18px; line-height:40px; font-size:14px;}
.s_inbut{ width:20px; height:20px; right:18px; margin-top:-10px;}
.head_on .head-fixed{ -webkit-transform:translateY(-90px); transform:translateY(-90px);}

.banner .w em{ font-size:61px;}
.banner .w .txt{ font-size:18px; padding-top:13.5px;}
.banner .w a{ font-size:18px; padding:0 27px; margin-top:50px;}
.banner .swiper-pagination-bullet{ font-size:16px; margin:0 7px 0 0!important;}
.banner .swiper-pagination-bullet:after{ width:90px; height:2px; margin-left:7px;}
.banner .m_ico{ width:43px; height:43px; margin-left:-21.5px;}

.titc{ font-size:43px;}

.con1{ padding:105px 0 58px 0;}
.con1 .p_img{ top:252px;}
.con1 .tab{ top:10px;}
.con1 .tab em{ font-size:16px; padding:0 18px; margin-right:22.5px;}
.con1c{ padding:99px 0 0 0;}
.con1_list li .txt{ font-size:16px; min-height:155px;}
.con1_list li .txt i{ width:20px; height:3px; margin:18px 0 36px 0;}
.con1_list li .txt p{ margin-top:7px;}
.con1_list li.hover .txt i{ width:1px; height:90px; margin:-18px 0 22.5px 0;}

.con2{ padding:90px 0;}
.con2_1{ padding:31.5px 0 67.5px 0;}
.con2_1 li p{ font-size:23px;}
.con2_1 li p:last-child{ margin-top:22.5px;}
.con2_1 li img{ height:31.5px;}
.con2_1 li span{ font-size:54px; padding:0 7px 0 5px;}
.con2_lf h3{ font-size:36px;}
.con2_lf .txt{ font-size:18px; margin-top:22.5px;}
.con2_lf ul{ margin-top:54px;}
.con2_lf ul li{ padding:9px 0 5px 0;}
.con2_lf ul li img{ height:36px;}
.con2_lf ul li p{ font-size:18px; margin-top:11px;}
.con2_rt .pic{ border-radius:0 67.5px}

.con3{ padding:145px 0;}
.con3_lf{ border-radius:16px 16px 0 0;}
.con3_lf .txt em{ font-size:25px;}
.con3_lf .txt p{ font-size:16px; margin-top:13.5px;}
.con3_rt .txt{ font-size:16px; margin-top:13.5px;}
.con3c .swiper-pagination{ margin-top:75px;}
.con3c .swiper-pagination-bullet:after{ font-size:16px; margin-top:6px;}

.con4{ padding:135px 0 180px;}
.industry_uls{ margin-top:170px;}
.industry_uls::after{ height:74px;}
.industry_uls li a{ width:160px;}
.industry_uls li .lis_top{ padding-left:22px;}
.industry_uls li .lis_top h4{ font-size:14.5px;}
.industry_uls li .lis_bot{ margin-top:36px;}
.industry_uls li .lis_bot .lis_bot_line{ width:43px; height:162px; bottom:78px;}
.industry_uls li .lis_bot .lis_bot_roto{ width:45px; height:45px; margin-left:36px;}
.industry_uls li .lis_bot .lis_bot_h4{ font-size:20px;}

.con5{ padding:105px 0;}
.con5 .tab{ top:14.5px;}
.con5 .tab em{ margin-right:18px; font-size:16px; padding:0 36px;}
.con5c{ padding:45px 0 0 0;}
.con5_lf .pic .txt em{ font-size:21.5px;}
.con5_lf .pic .txt p{ font-size:18px; margin-top:13.5px;}
.con5_list li h3{ font-size:18px; margin-right:110px;}
.con5_list li .txt{ margin-top:6px; font-size:14.5px;}
.con5_list li em{ font-size:16px; line-height:27px;}
}

@media screen and (max-width:1440px){
.w{ max-width:1200px;}
.head{ height:140px;}
.h_top{ height:80px;}
.h_top .txt p{ font-size:16px;}
.h_top .txt p:last-child{ margin-top:8px;}
.h_top .txt i{ padding:0 12px;}
.tell{ font-size:19px;}
.tell a{ background-size:20px 20px; padding-left:30.5px;}
.nav .plebans{ font-size:16px; line-height:60px;}
.goutp p{ font-size:14px;}
.search{ min-width:150px;}
.s_intxt{ padding:0 16px; line-height:36px; font-size:14px;}
.s_inbut{ width:20px; height:20px; right:16px; margin-top:-10px;}
.head_on .head-fixed{ -webkit-transform:translateY(-80px); transform:translateY(-80px);}

.banner .w em{ font-size:54px; text-shadow:1px 3px 0 #000;}
.banner .w .txt{ font-size:16px; padding-top:12px;}
.banner .w a{ font-size:16px; padding:0 24px; margin-top:44px;}
.banner .swiper-pagination-bullet{ font-size:15px;}
.banner .swiper-pagination-bullet:after{ width:80px;}
.banner .m_ico{ width:40px; height:40px; margin-left:-20px;}

.titc{ font-size:38px;}

.con1{ padding:92px 0 52px 0;}
.con1 .p_img{ top:224px;}
.con1 .tab{ top:7.5px;}
.con1 .tab em{ font-size:15px; padding:0 16px; margin-right:20px;}
.con1c{ padding:88px 0 0 0;}
.con1_list li .txt{ font-size:15px; min-height:140px;}
.con1_list li .txt i{ width:18px; height:2px; margin:16px 0 32px 0;}
.con1_list li .txt p{ margin-top:6px;}
.con1_list li.hover .txt i{ width:1px; height:80px; margin:-16px 0 20px 0;}

.con2{ padding:80px 0;}
.con2_1{ padding:28px 0 60px 0;}
.con2_1 li p{ font-size:20.5px;}
.con2_1 li p:last-child{ margin-top:20px;}
.con2_1 li img{ height:28px;}
.con2_1 li span{ font-size:48px; padding:0 6px 0 4px;}
.con2_lf h3{ font-size:32px;}
.con2_lf .txt{ font-size:16px; margin-top:20px;}
.con2_lf ul{ margin-top:48px;}
.con2_lf ul li{ padding:8px 0 5px 0;}
.con2_lf ul li img{ height:32px;}
.con2_lf ul li p{ font-size:16px; margin-top:10px;}
.con2_rt .pic{ border-radius:0 60px}

.con3{ padding:128px 0;}
.con3_lf{ border-radius:14px 14px 0 0;}
.con3_lf .txt em{ font-size:22px;}
.con3_lf .txt p{ font-size:15px; margin-top:12px;}
.con3_rt .txt{ font-size:15px; margin-top:12px; padding-right:22%;}
.con3c .swiper-pagination{ margin-top:65px;}
.con3c .swiper-pagination-bullet{ font-size:43px; margin:0 15.5% 0 0!important;}
.con3c .swiper-pagination-bullet:last-child{ margin-right:0!important;}
.con3c .swiper-pagination-bullet:after{ font-size:15px; margin-top:6px;}

.con4{ padding:120px 0 160px;}
.industry_uls{ margin-top:140px;}
.industry_uls::after{ height:70px;}
.industry_uls li:nth-child(3){ transform:translateY(20px);}
.industry_uls li:nth-child(4){ transform:translateY(50px);}
.industry_uls li:nth-child(5){ transform:translateY(55px);}
.industry_uls li a{ width:150px;}
.industry_uls li .lis_top{ padding-left:20px;}
.industry_uls li .lis_top h4{ font-size:14px;}
.industry_uls li .lis_bot{ margin-top:32px;}
.industry_uls li .lis_bot .lis_bot_line{ width:38px; height:144px; bottom:62px;}
.industry_uls li .lis_bot .lis_bot_roto{ width:40px; height:40px; margin-left:32px;}
.industry_uls li .lis_bot .lis_bot_h4{ font-size:17.5px;}

.con5{ padding:92px 0;}
.con5 .tab{ top:11.5px;}
.con5 .tab em{ margin-right:16px; font-size:15px; padding:0 32px;}
.con5c{ padding:40px 0 0 0;}
.con5_lf .pic .txt em{ font-size:19px;}
.con5_lf .pic .txt p{ font-size:16px; margin-top:12px;}
.con5_list li h3{ font-size:16px; margin-right:100px;}
.con5_list li .txt{ margin-top:6px; font-size:13px;}
.con5_list li em{ font-size:15px; line-height:24px;}

.f_infor{ padding:60px 0 24px 0;}
.f_infor li em{ font-size:15px;}
.f_infor li em:after{ width:33px;}
.f_infor li p{ margin-top:20px;}
.foot1{ min-height:215px; padding:30px 35% 30px 0;}
.f_ewm{ position:absolute; right:0; top:35px; width:29%;}
.f_ewm li{ width:28.41%;}
.f_ewm li p{ font-size:12px; margin-top:15px;}
.foot{ width:100%; margin-top:35px;}
.foot p{ margin-top:10px;}
.foot em{ margin-right:15px;}
.foot p em:last-child{ /*width:100%; display:block;*/}
.foot i{ padding:0 5px;}
}

@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{ height:96px; box-shadow:0 0 5px 0 rgba(0,0,0,.1); -webkit-transform:none!important; transform:none!important;}
.h_top{ height:96px;}
.logo{ width:auto;}
.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%; position:static;}
.nav ul{ width:70%!important; background:#fff; position:absolute; top:0; left:0; bottom:0; right:inherit; display:block; z-index:2; padding:0;}
.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.line{ display:none;}
.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;}
.goutp:before{ display:none;}
.goutp p{ font-size:28px; border-top:1px solid rgba(0,0,0,.05);}
.goutp p a{ padding-left:50px; text-align:left;}
.tell{ display:none;}
.search{ width:60%; margin-right:40px; position:absolute; right:auto; left:5%; bottom:5%; top:auto; z-index:5;}
.s_intxt{ padding:15px 24px; font-size:24px; background:#f9f9f9;}
.s_inbut{ width:29px; height:29px; right:24px; margin-top:-14.5px;}

.banner img{ width:220%; margin-left:-60%;}
.banner .w .ban_txt{ width:100%;}
.banner .w em{ font-size:42px; text-shadow:1px 4px 0 #000; padding-bottom:10px;}
.banner .w .txt{ font-size:24px; padding-top:15px;}
.banner .w a{ font-size:24px; padding:0 30px; margin-top:25px;}
.banner .w .ban_pic{ width:100%; padding-left:40%; margin-top:-20px;}
.banner .w .ban_pic img{ width:100%; margin:0;}
.banner .swiper-pagination-bullet{ font-size:28px; margin:0 8px 0 0!important;}
.banner .swiper-pagination-bullet:after{ width:100px; height:2px; margin-left:8px;}
.banner .m_ico{ width:49px; height:49px; margin-left:-24.5px;}
.ban_page{ left:4%;}

.titc{ font-size:40px;}

.con1{ padding:115px 0 65px 0;}
.con1 .p_img{ top:350px;}
.con1 .tab{ position:static; margin-top:25px;}
.con1 .tab em{ font-size:24px; padding:0 15px; margin-right:0;}
.con1c{ padding:90px 0 0 0;}
.con1_list li .pic_w{ top:10%; bottom:10%;}
.con1_list li .txt{ padding:0 23.5%; font-size:24px; min-height:170px;}
.con1_list li .txt i{ width:32px; height:3px; margin:20px 0 40px 0;}
.con1_list li .txt p{ margin-top:8px;}
.con1_list li.hover .txt i{ width:1px; height:90px; margin:-20px 0 25px 0;}

.con2{ padding:80px 0 100px 0;}
.con2_1{ padding:0 0 75px 0;}
.con2_1 li{ width:50%; text-align:center; margin-top:40px;}
.con2_1 li p{ font-size:24px;}
.con2_1 li p:last-child{ margin-top:25px;}
.con2_1 li img{ height:35px;}
.con2_1 li span{ font-size:50px; padding:0 8px 0 5px;}
.con2_lf{ width:100%; padding-right:0;}
.con2_lf h3{ font-size:40px;}
.con2_lf .txt{ font-size:24px; margin-top:25px;}
.con2_lf ul{ margin-top:60px;}
.con2_lf ul li{ padding:10px 0 6px 0;}
.con2_lf ul li img{ height:45px;}
.con2_lf ul li p{ font-size:24px; margin-top:20px;}
.con2_rt{ width:100%; margin-top:35px;}
.con2_rt .pic{ border-radius:0 75px}

.con3{ padding:160px 0;}
.con3:after{ width:50%;}
.con3_lf{ width:100%; border-radius:18px 18px 0 0;}
.con3_lf .txt{ padding:3.33% 6.25% 6.25% 6.25%;}
.con3_lf .txt em{ font-size:32px;}
.con3_lf .txt p{ font-size:24px; margin-top:15px;}
.con3_rt{ width:100%; padding-left:0; margin-top:35px;}
.con3_rt .txt{ font-size:28px; margin-top:15px; padding-right:0;}
.con3c .swiper-pagination{ margin-top:50px;}
.con3c .swiper-pagination-bullet{ font-size:40px; margin:0 11.5% 0 0!important;}
.con3c .swiper-pagination-bullet:last-child{ margin-right:0!important;}
.con3c .swiper-pagination-bullet:after{ font-size:24px; margin-top:7px;}

.con4{ padding:50px 0;}
.industry_uls::after{ display:none;}
.industry_uls ul{ justify-content:space-between; flex-wrap:wrap;}
.industry_uls li{ width:48%; margin-top:30px!important;}
.industry_uls li:nth-child(n+1){ transform:none;}
.industry_uls li:nth-child(n+4){ margin-top:0;}
.industry_uls li a{ width:100%;}
.industry_uls li .lis_top{ padding-left:0; visibility:visible; opacity:1;}
.industry_uls li .lis_top h4{ padding:0.6em 1em; font-size:24px;}
.industry_uls li .lis_bot{ margin-top:12px;}
.industry_uls li .lis_bot .lis_bot_line{ display:none;}
.industry_uls li .lis_bot .lis_bot_roto{ margin:0 auto;}
.industry_uls li .lis_bot .lis_bot_h4{ width:100%; display:none;}

.con5{ padding:115px 0;}
.con5 .tab{ margin-top:25px; position:static;}
.con5 .tab em{ margin-right:20px; font-size:24px; padding:0 40px;}
.con5c{ padding:50px 0 0 0;}
.con5_lf{ width:100%;}
.con5_lf .pic .txt em{ font-size:28px;}
.con5_lf .pic .txt p{ font-size:24px; margin-top:15px;}
.con5_rt{ width:100%; padding-left:0; margin-top:40px;}
.con5_list{ display:flex; flex-direction:column; height:100%;}
.con5_list li{ padding-bottom:25px; margin-bottom:25px;}
.con5_list li:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:0;}
.con5_list li h3{ font-size:32px; margin-right:110px;}
.con5_list li .txt{ margin-top:10px; font-size:24px;}
.con5_list li em{ font-size:24px; line-height:48px;}

.footer{ font-size:24px;}
.f_infor{ padding:60px 0 40px 0;}
.f_infor li{ width:100%; text-align:center;}
.f_infor li em{ font-size:26px;}
.f_infor li em:after{ width:42px; left:50%; margin-left:-21px;}
.f_infor li p{ margin-top:20px;}
.foot1{ min-height:215px; padding:50px 0; text-align:center;}
.f_ewm{ position:static; width:100%; margin-bottom:30px;}
.f_ewm li{ width:33.333%; padding:0 5%;}
.f_ewm li p{ font-size:24px; margin-top:15px;}
.foot{ width:100%; margin-top:35px;}
.foot p{ margin-top:10px;}
.foot em{ margin:0; width:100%; display:block;}
.foot i{ padding:0 5px;}


.h_top .txt p{ font-size:20px;}
}
@media screen and (max-width:360px){
}


 /*内页Banner条*/
.banner-news{width:100%;overflow:hidden;position:relative; height:31.2vw;}
.banner-news img{width:100%;height:100%;overflow:hidden;display:block;animation:suofang 80s linear infinite alternate;object-fit:cover;}
.banner-center{width:81.25%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12;color:#fff;}
.banner-center .h3{width:100%;overflow:hidden;font-size:60px;}
.banner-center p{width:100%;overflow:hidden;font-size:20px;font-family:"Arial";margin-top:5px;}
.banner-info{width:40%;overflow:hidden;line-height:28px;font-size:18px;margin-top:10px;}
@media screen and (max-width:1660px){
	
 
.banner-center .h3{font-size:40px;}
.banner-center p{font-size:20px;}
 
.banner-info{width:40%;line-height:26px;font-size:16px;margin-top:8px;}
}

@media screen and (max-width:1440px){
.banner-center .h3{font-size:40px;}
.banner-center p{font-size:18px;}
.bread-nav{height:50px;line-height:50px;}
.bread-nav ul li{padding:0px 30px;}
.bread-nav ul li a{font-size:14px;}
.banner-info{width:42%;line-height:25px;font-size:14px;}
}
@media screen and (max-width:1280px){
 
.banner-center .h3{font-size:26px;}
}

@media screen and (max-width:1000px){
.banner-center,.bread-nav ul,.news-center{width:90%;}

.banner-center .h3{font-size:30px;}
.banner-center p{font-size:25px;}
 
}
 