@charset "utf-8";

@media screen and (max-width: 1600px) { 
    .index-banner .info .ifl {width:60%;}
    .Header_Nav li {padding:0 1.0rem;}
	.jobcontact_2 {margin:0 10% 0 10%;}
	
}

@media screen and (max-width: 1400px) { 
    .Header_Nav li {padding:0 0.5rem;}
	.index-banner .info strong {font-size:2.4rem;}
    .index-banner .info b {font-size:2rem;}
    .index-banner .info p {font-size:14px;}
    .index-banner>.l-container {bottom:20px;}
    .index-banner .ndown {bottom:40px;}
	.divBot_05_2 span a,.divBot_06_2 span a {color:#dddddd;padding:0 10px;}
	.divBot_05_2 a,.divBot_06_2 a {color:#aaaaaa;padding:0 10px;}
	.indabout .indabout_txt .txtx {overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
	.jobcontact_2 {margin:0 5% 0 5%;}
	
}

@media screen and (max-width: 1199px) { 
    html {font-size:14px;}
    .Header_Nav li {padding:0 0.2rem;}
    .h_top_c .Header_Nav {margin-right:1.6rem;}
    .orientation .banbox .content2 {font-size:2.4rem;}
    .orientation .banbox .content3 {font-size:1.4rem;}
	.contfr li .Imgg img  {min-height:8rem;}
    .index-banner .info p {display:none;}
    .index-banner .info .more {margin-top:20px;width:13rem;}
    .index-banner .info .more a {font-size:16px;}
	.divBot_01 {width:20.33%;}
	.divBot_02 {width:16.67%;}
	.divBot_04 {width:22.83%;}
    .proList {grid-template-columns:repeat(3, 1fr);}
	.picList {grid-template-columns:repeat(3, 1fr);}
	.quoteList {grid-template-columns:repeat(4, 1fr);}
	.cncList {grid-template-columns:repeat(4, 1fr);}
	.page-lx .item .con {line-height: 2;}
	.jobcenter .jobcenter_1 {padding:30px 1%;}
	.jobcenter .jobcenter_2 {padding:30px 1%;}
	
}

@media screen and (max-width: 992px) {
    .pc {display:none;} 
    .ipad {display:block;} 
    .mobile {display:none;}
    .scroll_wrap::-webkit-scrollbar {width:0px;height:1px;}
    .scroll_wrap::-webkit-scrollbar-thumb {border-radius:5px;background:#E7F3FC;}
    .scroll_wrap::-webkit-scrollbar-track {background:#ffffff;}
	.container {width:92%;}

    header .h_top {background:#ffffff;padding:0;}
    header .h_top.fixed, header .h_top:hover {padding:0;}
    .h_top_c .Header_Nav {display:none;}
    .h_top_c .Header_content_search .Header_wapmenu {display:block;}
    .h_top_c .Header_left .Header_left_logo img {height:50px;}
    .h_top_c .Header_left img.logo2 {opacity:1;}
    .h_top_c .Header_left img.logo1 {opacity:0;}
    .topCon100 {padding-top:70px;}
    .h_top_c .Header_content_search .lang_i {display:flex;font-size:16px;}
    .h_top_c .Header_content_search .lang_box {display:none;}
    .h_top_c .Header_left .Header_left_logo .t_text span,
    .h_top_c .Header_content_search i,.h_top_c .Header_content_search {color:var(--color333);}
    .h_top_c .Header_left .Header_left_logo .t_text {color:var(--colormain1);}
	.divBot_03 {display:none;}
    .MobileNavigation {position:fixed;z-index:3;top:5rem;background:#fafafa;left:0;width:100%;z-index:70;height:calc(100vh - 10px);display:none;}
    .MobileNavigation .box_scroll {max-height:90%;padding:0.5rem 0rem;box-sizing:border-box;overflow:scroll;-ms-scroll-chaining:none;overscroll-behavior:contain;}
    .MobileNavigation .box_scroll::-webkit-scrollbar {display:none;}
    .MobileNavigation .box_scroll .item {border-bottom:1px solid rgba(0,0,0,0.1);padding:0 2rem;}
    .MobileNavigation .box_scroll .item a {line-height:50px;font-size:16px;color:#000000;}
    .MobileNavigation .box_scroll .item a strong {font-weight:normal;}
    .MobileNavigation .box_scroll .item a i {color:#666666;font-size:14px;}
    .MobileNavigation .box_scroll .item .items1 {display:flex;justify-content:space-between;align-items:center;}
    .MobileNavigation .box_scroll .item .items1 p {width:30px;height:50px;cursor:pointer;display:flex;align-items:center;justify-content: center;}
    .MobileNavigation .box_scroll .item .items1 p span {display:block;width:12px;height:1px;background:#666666;position:relative;}
    .MobileNavigation .box_scroll .item .items1 p span::after {position:absolute;top:0;left:0;content:'';width:100%;height:100%;background:#666666;transform:rotate(90deg);transition:0.4s;}
    .MobileNavigation .box_scroll .item .active p span::after {transform:rotate(180deg);}
    .MobileNavigation .box_scroll .item .twoSelect {padding-left:10px;display:none;}
    .MobileNavigation .box_scroll .item .twoSelect .twoSelectItem a {font-size:14px;text-transform:capitalize;}
    .MobileNavigation .box_scroll .item .threeSelect {padding-left:16px;display:none;}
    .MobileNavigation .box_scroll .item .threeSelect .threeSelectItem a {font-size:15px;}
    .MobileNavigation .box_scroll .item .fourSelect {padding-left:16px;display:none;}
    .MobileNavigation .box_scroll .item .fourSelect .fourSelectItem a {font-size:15px;}

    .index-banner .info .ifl {width:80%;}
    .index-banner .info strong {font-size:26px;}
    .index-banner .info b {font-size:20px;}
    .nyBanner img {min-height:18rem;}
    .contactB_l dt {margin:50px 20px 30px 20px;font-size:26px;line-height:30px;}
    .contactB_l dd {margin:0 20px;}
    .contactA_T_l>span {font-size:30px;}
    .lx_map {margin:3rem auto;}
    #allmap {height:450px;}
    .proLeft  {display:none;}
    .proRight {width:100%;}
    .indexLeft {display:none;}
    .modelLeft {display:none;}
    .nyaboutcul ul li {width:30.75506%;margin-left:2.5565%;}
	.step-box .item {width: 33.3333%;}
	.step-box .item .line.three {display:none;}
	.indcontact_2 {padding:30px 30px 30px 30px;}
	.detail_two {display:inline-block;}
	.detail_two .divprev {width:100%;}
	.detail_two .divback {width:100%;}
	.detail_two .divnext {width:100%;}
	.page-lx {flex-wrap: wrap;padding:50px 0;}
	.page-lx .lx_lo:last-child {display: none;}
	.page-lx .lx_lo {width:48%;}
	.jo_message .form-label {font-size:18px;margin-bottom:10px;}
	.jobcenter .jobcenter_1 {width:100%;margin:0 0 0 0;padding:30px 10% 30px 10%;}
	.jobcenter .jobcenter_2 {width:100%;margin:0 0 0 0;padding:30px 10% 30px 10%;}
	
}

@media screen and (max-width: 768px)  {  
    html {font-size:14px;}
    .pc {display:none;}
    .ipad {display:block;}
    .mobile {display:none;}
    .wap_top_c .wap_left .wap_text {display:none;}
	.floatMessmenu {display:none;}
    .wap {display:black;}
    .container {width:94%;}
 
	.search .search_bg .search_content {width:80%;}
    .search .search_content input[type="search"] {height:60px;}
    .search .search_content input[type="submit"] {height:60px;}
    .h_top_c .Header_content_search .search_i {margin-right:2rem;}
    .h_top_c .Header_content_search .Header_wapmenu {margin-left:2rem;}
    .orientation .banbox .content2 {font-size:2rem;}
    .orientation .banbox .content3 {font-size:1.2rem;}
    .index-banner .ndown {display:none;}
    .index-banner .info .more {display:none;}
	.nyBanner img {min-height:15rem;}
    .contactB_l {width:100%;}
    .contactB_l dt {margin:50px 30px 30px 30px;font-size:26px;line-height:30px;}
    .contactB_l dd {margin:0 30px;}
    .contactB_R {float:none;width:100%;margin:20px 0;background:#f5f5f5;} 
    .contactB_R form {padding:10px 10px;}
    
    .botcopyleft {float:none;}
    .divBottom_2 {text-align:center;padding:15px;}
    .divBottom_2 .fl,.divBottom_2 .fr {float:none;}
	.divBot_05_2 span a,.divBot_06_2 span a {color:#dddddd;padding:0 5px;}
	.divBot_05_2 a,.divBot_06_2 a {color:#aaaaaa;padding:0 5px;}
    .proList {grid-template-columns:repeat(2, 1fr);}
	.picList {grid-template-columns:repeat(2, 1fr);}
	.quoteList {grid-template-columns:repeat(2, 1fr);}
	.cncList {grid-template-columns:repeat(2, 1fr);}
    .contactA_T_l {width:35%}
    .contactA_T_m {width:45%;}
    .infoBoxContent .list {width:300px;}
    .infoBoxContent .eright {font-size:16px;}
    .infoBoxContent .eright p {font-size:14px;}
    .nyabout {flex-wrap:wrap;}
    .nyabout .nyabout_txt {width:98%;}
    .nyabout .nyabout_img {width:96%;padding:0 0 0 1%}
    .nyaboutcul {width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
    .nyaboutcul ul li {width:30.75506%;margin-left:2.5565%;}
    .reasonUl li {width:99%;}
    .indexNews .News1 {width:100%;margin:0 0 20px 0;}
    .indexNews .News1:first-child {margin:0 0 20px 0;}
    
    .news_con dt {width:150px;height:100px;}
    .news_con dd {width:calc(100% - 190px);height:175px;}
    .news_con dl:hover dd {width:calc(100% - 180px);}
    .divHonorShow {width:47.33%;}
	.joblist .tbody .tr_content {padding:20px 20px;}
    .sr_lists .c li a.small_pic {width:160px;}
    .sr_lists .c li a.small_pic img {width:150px;height:150px;}
    .sr_lists .c li div.adds {float:right;}
    .message .form-group {width:80%;}
    .download_list .content .Dleft_1 {width:98%;}
    .download_list .content .Dleft_2 {width:98%;}
    .download_list .content .Dright {float:none;padding:0 10px 0 20px;}
	.divBot_01 {width:33%;}
	.divBot_02 {width:30%;}
	.divBot_04 {width:28%;}
	.indexProTop_1 {margin:0 0 10px 0;}
	.indexProList_1 .ProList_ul {grid-template-columns:repeat(2, 1fr);}
	.plist li {width: 46.46%;}
	.step-box .item {width: 33.3333%;}
	.step-box .item .line.three {display:none;}
	.indabout {flex-wrap: wrap;}
	.indabout .indabout_txt {width: 100%;}
	.indabout .indabout_txt .txtx {}
	.indabout .indabout_img {width: 100%; text-align: center;padding-top:2.6rem;}
	.indabout .indabout_img img {width:100%;}
	.indabout .indabout_txt .tit2 {font-size: 14px;}
	.indcontact {flex-wrap: wrap;}
	.indcontact_1 {display:none;}
	.indcontact_2 {width:100%;height:500px;min-height:500px;}
	.indcontact_2_6 {display:none;}
	.indcontact_2_7 {margin:120px 0px 0px 0px;}
	.indexNewsList  {flex-wrap: wrap;}
	.indexNList_left  {width:100%;}
	.indexNList_right {width:100%;}
	.page-lx .lx_lo {margin:20px auto;}
	.page-lx .item { padding:20px 20px}
	#mapContainer {height: 400px;}
	.jo_message .form-group {width: 100%;margin:30px 0 0;}
	.jo_message .form-label {font-size: 16px;padding-left:5vw;}
	.jo_message .form-content {padding:10px;}
	.jo_message .form-control {font-size:14px;}
	.jo_message .form-submit {width: 60%;height:46px;font-size:16px;}
	.aboutCulList li.li2 .div2 .h-title {top:25%;left:20%;}
	.aboutCulList li.li2 .div2 .config-title {top:50%;left:20%;}
	.proList li .div2 a:after {display:none;}
	.picList li .div2 a:after {display:none;}
	.quoteList li .div2 a:after {display:none;}
	.cncList li .div2 a:after {display:none;}
	.cncList2 {grid-template-columns:repeat(3, 1fr);}
	.cncList3 {grid-template-columns:repeat(2, 1fr);}
	.cncList4 {grid-template-columns:repeat(1, 1fr);}
	
}

@media screen and (max-width: 640px)  { 
    .h_top_c .Header_left p {display:none;}
}

@media screen and (max-width: 576px)  {
    .container {width:96%;}
	.pc {display:none;} 
    .ipad {display:none;} 
    .mobile {display:block;}
    .toTop {width:30px;height:30px;background-size:30px auto;}

    .h_top_c .Header_left .Header_left_logo .t_text {margin-left:4.5rem;}
    .h_top_c .Header_content_search .search_i {margin-right:1rem;}
    .h_top_c .Header_content_search .Header_wapmenu {margin-left:1rem;}
    .divBottom_2{font-size:14px;}
	.divBot_01 {width:100%;}
	.divBot_02 {width:100%;}
	.divBot_04 {width:100%;}
    .toTop {width:30px;height:30px;background-size:30px auto;}

    .index-banner>.l-container {bottom:10px;}
    .index-banner-btn .iPrev, .index-banner-btn .iNext {width:2rem;height:2rem;}
    .index-banner-num .bannerHd {width:65px;}
    .index-banner-num span {width:25px;}
    .index-banner .info strong {font-size:20px;}
    .index-banner .info b {font-size:16px;padding-bottom:1.5rem;}
	
    .proList {grid-template-columns:repeat(2, 1fr);}
	.picList {grid-template-columns:repeat(2, 1fr);}
	.quoteList {grid-template-columns:repeat(2, 1fr);}
	.cncList {grid-template-columns:repeat(2, 1fr);}
    .contactA_T_l {display:none;}
    .contactA_T_m {width:100%;}
    .contactA_T_R {display:none;}
    .wraptop_4_2_1 .searchinput {width:100px;}
    .nyaboutcul {width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
    .nyaboutcul ul {margin-left:0;}
    .nyaboutcul ul li {width:100%;margin:10px 0;text-align:center;}
    
    .news_con dt {width:100px;height:60px}
    .news_con dd {width:calc(100% - 120px);height:125px;}
    .news_con dl:hover dd {width:calc(100% - 110px);}
    .divHonorShow {width:47.33%;}
    .divHonorShow_1 {height:auto;}
    .divHonorShow_1 img {width:100%;height:100%;}
    .div  {width:98%;}
    .div img {width:100%;height:100%;}
    .sr_lists .c li p {overflow:hidden;}
    .sr_lists .c li div.adds {float:right;}
	.indexProList_1 .ProList_ul {grid-template-columns:repeat(2, 1fr);}
	.indexProList_1 li .div2 a {overflow:hidden;}
	.indexProList_1 li .div2 a:after {display:none;}
	.step-box .item {width: 49.9999%;}
	.indcontact_2 {height:450px;min-height:450px;}
	.indcontact_2_2 strong {font-size:20px;}
	.step-box .item .line {width:50px;}
	.step-box .item .line.second,.step-box .item .line.four {display:none;}
	.step-box .item .line.three {display:inline-block;}
	.hrefBtn1,.hrefBtn2 {width:120px;}
	.indabout {margin:20px 0;}
	.indabout .indabout_txt .tit {font-size:18px;}
	.indabout .more {width:10rem;}
	.page-lx {padding:30px 0;}
	.page-lx .lx_lo {width:100%;margin:20px auto;}
	.page-lx .item {padding:40px 20px;background-size:12% auto;}
	.page-lx .item .tit {font-size:18px;width:150px;margin:0px auto;}
	.page-lx .item .con {font-size:14px;margin-top:20px;}
	.lx_map .Img img {width: 40px;}
	.jobcontact_1 {display:none}
	.jobcontact_3 {margin:10px 0 0 15%;}
	.aboutCulList li.li1 {width:100%;margin:20px 0 0 0!important}
	.aboutCulList li.li1 .div1 {min-height:100px!important;padding:2% 10px 0 10px;}
	.aboutCulList li.li2 {width:100%;margin:20px 0 0 0!important}
	.aboutCulList li.li2 .div2 .h-title {top:22%;left:15%;}
	.aboutCulList li.li2 .div2 .config-title {top:50%;left:15%;}
	
}