﻿@charset "utf-8";

@media (max-width:1439px) {
/*footer*/
.address p strong {    max-width: 80%;}

	/*index first*/
.index_left { width: 66.55%;}
.index_right { width: 33.45%;}

}
@media (max-width:1365px) {
	/*footer*/
	.address p strong {    max-width: 78%;}
/*index first*/
.index_left { width: 66.5%;}
.index_right { width: 33.5%;}
/*pro detail*/
	.pro_form .col-form-label {padding-left:0;}
	
}


@media (max-width:1279px) {
	
	/*footer*/
	.foot_l {max-width:75%;}
	.foot_r {max-width:25%;}
	.footimg table tr td:nth-child(2) {    padding-left: 30px;}
	
/*index first*/
.index_left { width: 66.5%;}
.index_right { width: 33.5%;}
/*culture*/
	.culban {height:550px;}
	.culture_list ul {margin-left:-25px; margin-right: -25px;}
.culture_list ul li { padding: 0 25px;}
/*honor*/
	.historyYear{left:15px;}
/*work*/
	.work_ico {width: 20px;height: 35px;}
.work_eject {top: -18px;left:140%;}
.work_lo08:before { width: 24px; height: 24px; right: 31px; bottom: 10px;}
/*job*/
	.job_midcont { padding:30px 32px 15px 32px;}
	.job_midcont p { max-height: 112px;}
/*contact*/
	.cont_up {height:800px; max-height:inherit;}

}


@media (max-width:991px) {
/*banner*/
	.swiper-container.main-visual .text1 { font-size:30px;}
	
	/*footer*/
	.foot_l { padding-right:5px; }
	.foot_r {width:28%;}
	.footimg table tr td:nth-child(2) {
    padding-left: 15px;}
	.footdown .right {float:left;}
	
/*home first*/
	.index_first .left p,.prosub{font-size:30px;}
	.new_title {font-size:30px;}
	.app_cation ul li h3 {font-size:18px;}
	.newli .copy_box_in {height:84px; line-height: 84px;}
	.newli .copy_box_in .inner {padding: 15px 55px 13px 20px;}
	.newli a .icon_more_arrow {right:20px;}
	.newli a:hover .img_area:after {   height: 84px;}
	.newli .copy_box_in .title {font-size:16px;}
	/*inside page*/
	.page_ban {  margin-top: 80px;}
	#pagenav {position:fixed !important;}
	.page_menur {display:none !important;}
	.pagemask {position:absolute !important; z-index: 9;}
	.pagemask .left a {padding-right:14px;padding-left:10px;}
	.pagemask .right .page_rnav {padding:0 5px;}
	.page_nei h3 {font-size:36px;}
	/*pro channel*/
	.swiper1 {height:500px;}
	.pro_text h3 {font-size:36px;}
	.pro_text p {line-height:1.4;}
	.pro_inside {bottom:15px;}
	.apply_bg strong {font-size:17px;}
	/*pro detail*/
	.de_mid .left strong {font-size:32px;}
	.de_mid .left p {font-size:16px;}
	.pro_form .col-form-label {padding-left:15px;}
	/*about*/
	.about_text h3,.about_up h2 {font-size:30px;}
	.about_wnei {  padding: 70px 30px 30px 30px;}
/*culture*/
	.culban {height:500px;}
	.culture_list ul {margin-left:-15px; margin-right: -15px;}
.culture_list ul li { padding: 0 15px;}
/*	new*/
	.newd_list ul {margin-left:-15px; margin-right: -15px;}
.newd_list ul li {padding: 0 15px; padding-bottom: 30px;}
	/*work*/
	.work_mapn {padding:0 30px;}
	.work_ico {width: 17px;height: 26px;}
	.work_eject {top: -18px;left:105%;}
	.work_mapn .work_locaiton:hover .work_eject{ min-width: 75px; }
	.work_eject span { font-size: 14px;}
	.work_eject em { font-size: 14px;}
	.work_lo08:before { width: 20px; height: 20px; right: 31px; bottom: 15px;}
	/*job*/
	.job_up ul li .job_border {padding: 30px 25px;}
	.job_midlist {margin-left:-15px; margin-right: -15px;}
	.job_midlist li { padding: 30px 15px;}
	.job_midcont {    padding: 35px 25px 15px 25px;}
	.job_up ul li .job_border span{left:25px; bottom: 30px;}
	.jod {    padding: 34px 55px;}
	.joincs {margin-left:-15px; margin-right: -15px;}
	.join-4 {padding:0 15px; max-width:50%;}
	.jos {padding:0 55px;}
/*	contact*/
	.cont_r ul {margin-left:-15px; margin-right: -15px;}
.cont_r ul li {padding:0 15px; }

}


@media (max-width:767px) {
	.hide-xs {display:none !important;}
	.visible-xs { display:block !important;}
	
	
/*footer*/
	.footmid {    background: url(../images/footbg.png) no-repeat left bottom;}
	.footer {    padding-bottom: 0px;}
	.foot_l {width:100%;padding-right: 0; max-width: inherit; padding-bottom: 10px;}
	.foot_l ul.footnav li {width:100%;}
	.foot_l ul.footnav li:last-child {width:100%;}

	.foot_l ul.footnav li h2 {    margin-bottom: 0px; line-height: 1;}
	.foot_l ul.footnav li a {display:inline-block; margin-right: 15px; margin-top: 0;}
	.foot_r {width:100%;max-width: inherit; padding-top: 0; padding-bottom: 15px;	}
	.footimg {text-align:center;}
	.footimg table tr td p {max-width:inherit;}
	.footshare {padding:15px 0;}
	.footsharer {float:left; width: 100%; text-align: center; padding:0;}
	.footlogo {  width: 100%; padding-bottom: 15px; display: block;}
	.foot_l ul.footnav {margin-top:15px;}
	.footlogo span.left {width:100%;}
	.footlogo p {padding-left:0; padding-top: 15px;}
	.newlxr04 {
    float: left;
    padding-top: 0px;
    width: 100%;}
	
.newlxr04 ul li {
    margin-right: 25px;
    margin-left: 0;
}

.newlxr04 ul {
    margin-left: -10px;
    margin-right: -10px;
}
.newlxr04 ul li {
    float: left;
    margin: 0;
    padding: 0 10px;
    text-align: center;
    padding-top: 15px;
    z-index: inherit;
}
	.newlxr04 ul li:last-child {display:none;}
	.lximg {
    width: 110px;
    height: 110px;
    right: -43px;
		bottom: 95%;}
	.lximg:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 10px solid #fff;
    bottom: -18px;
    left: 25px;
}
	.homemess {right:5px;}
	.homemess ul li {
		width: 40px;
		height: 40px;
		padding: 5px;
		line-height: 30px;
	}
	.footdown .left {width:100%; padding-right: 0; max-width: 100%; padding-top: 0;}
	.footdown .right {width:100%; padding-top: 15px;}
	.link .dropdown {float:left;}
	

/*home first*/
.new_title {font-size:28px; padding-bottom: 30px;}
	.index_sub {bottom:15px; left: 15px; font-size: 24px;}
	.index_position:after {right:15px; top: 15px;}
.index_first {    padding: 35px 0 30px 0;}
.index_left {  width: 100%; padding-bottom: 15px;}
.index_right {  width: 100%;}
.index_first .left {width:100%; max-width: 100%; padding-right: 0;}
	.index_first .left p {font-size:28px;}	
.index_first .right {width:100%; padding-top: 15px;}
	.pro_sebg {
    padding:30px 15px 15px 15px;
    margin-bottom: 30px;
}
	.formw01,.formw04 {width:100%; padding-right: 0; padding-bottom: 15px;}
	.app_botbg h2 {font-size:28px;}
	.app_botbg p {margin-bottom:30px;}
	.app-pagination {display:block; text-align: center; padding-top: 15px;}
	.app_cation,.industry_list {		padding-bottom: 30px;	}
	.app_botbg {margin-bottom: 30px;}
	.app_cation .swiper-slide .li {border-right: 1px solid #EFEFEF;}

/*pro channel*/
	.prosub {font-size:28px;}
	.pro_apply ul li {width:50%;}
	.apply_bg {height: 80px;}
	.apply_bg strong {font-size:17px;}
/*inside page*/
	.page_ban {
    margin-top: 70px;
}
		.pagemask {display:none !important;}
	.page_nei h3 {font-size:26px;}
	
/*pro channel*/
	.swiper1 {height:300px;}
	.pro_text {top:25%;}
	.pro_text h3 { font-size: 30px;}
	.pro_sort {padding-bottom:30px;}
	.pro_sort ul li  {width:100%;}
	.pro_sort ul li:last-child {padding-bottom:0;}
	.pro_apply {
    padding-top: 30px;
    padding-bottom: 50px;}
	.swiper1 .swiper-slide {    background-position: 85%;}
	.swiper1 .swiper-slide:before {content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
	
/*	pro list*/
	.promid_sub {display:none;}	
	.pro_01 {width:100%; padding-right: 0;}
	.pro_02 {width:100%;padding-right: 0; padding: 15px 0;}
	.pro_03 {width:100%;}
	.promid_cont { padding: 35px 0 35px 0; }
	.promid_cont .pro_03 span {display:block;}
	.promid_cont .pro_more {float:left; line-height: 35px; height: 35px; width: 120px; margin-top: 15px;}
	.pro_load {padding-top:50px;}
	
/*pro detail*/
	.pro_detup {margin-top:70px;}
	.de_mid .left {max-width:100%;}

	.de_mid .left strong {    font-size: 26px;}
	.pro_form {  padding: 38px 15px; margin-bottom: 30px;}
	.de_line {margin-top: 30px;}
	.de_text2 {    padding-top: 30px;}
	.pro_button input{width: 49%;height: 45px; margin: 0;}
	.de_text .left {width:100%;}
	.de_text .left .pro-container {margin-bottom:15px;}
	.de_text .right {width:100%; padding-left:0;}
	.de_page {display:block;padding:30px 0 30px 0;}
	.de_page a {display:block; line-height: 45px; height: 45px; width: 100% !important; max-width: 100% !important; }
	.pro_form .form-control {height:50px;}
	.de_table table {font-size:17px;}
	.de_table table tr td {font-size:16px;}
	.de_aplist ul li {width:100%; padding-bottom: 15px;}
	.pt60 {padding-top:30px;}
/*yyly detail*/
	.fullpage .page_ban img {display:none !important;}
	.de_text.yy_text .right {padding-left:0;}
	.yy_prolist ul li {width:50%;}
	.yy_prolist {
    padding: 0 0 30px 0;}
	.yy_text {
    margin-bottom: 30px;}
	/*about*/
	.about_text h3,.about_up h2 {font-size:28px;}
	.about_bot {height:300px;}
	.about_bot h3 {font-size: 26px;}
	.about_text {width:100%; padding-top: 50px; padding-bottom: 150px;}
	.wave-canvas-wrapper {height:50%;}
	.about_work { padding-top: 50px;}
 	.about_wnei { padding: 30px 15px 30px 15px;}
	.work_map {margin-top:30px;}
	.about_wnei .left {width:100%;}
	.about_wnei .left:first-child {border-right:none;}
	.about_wnei .left:nth-child(2) {padding-left:0px; padding-top: 30px;}
	.work_creer ul {margin-left:-5px; margin-right: -5px;}
	.work_creer ul li {background:none !important; height:auto; width: 50%; padding-left: 5px; padding-right: 5px; padding-bottom: 15px;}
	.creer_mask {background:none; padding-top: 30px; padding-left: 10px; padding-right: 10px;}
	.creer_mask h3{color:#006FBB;}
	.creer_mask p {color:#666; margin-bottom: 15px;}
	.creer_mask p,.creer_mask span {opacity:1;}
	.creer_mask span {
    width: 128px;
    border: 1px solid #006FBB;
    line-height: 41px;
    color: #006FBB;}
	.work_offer span:nth-child(2){max-width:50%;}
	.x-section-7 .co7 .item p {font-size:14px; line-height: 1.2;}
	.x-section-7 .co7 .item span {font-size:40px;}
	.work_offer {    margin-top: 30px;}
	
	.yy_prolist ul li a {
height: 63px; padding:0 5px; display: block;  line-height: 1.4;white-space: break-spaces;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;display: flex;
align-items: center;
justify-content: center;
}
	
	
	/*culture*/
	.culban {height:500px;}
	.culban .page_nei {height:84%;}
	.culban .page_nei h4 {font-size:28px; padding-bottom: 58px; margin-bottom: 35px;}
	.culban .page_nei h4:before { height: 30px;}
	.culban .page_nei p {padding:0;}
	.culban .page_nei p:before,.culban .page_nei p:after {display:none;}
	.culture_list {padding:50px 0 50px 0;}
	.culture_list ul li { width: 100%; padding-bottom: 15px;}
	.culture_list ul li .cul_cont {  padding: 30px 15px 0 15px;  height: 270px;}
/*honor*/
	.honor_r { padding-bottom: 50px;}
	.historyYear {display:none !important;}
	.wi01 .left{  width:34%; padding-left: 0px; text-align: left;}
	.wi01 .right{width:66%; padding-left: 30px;}
	.honer .sss,.wi01 .w1130:after {left:34%;}
	.wi01 .left h4 {font-size:30px; padding-right: 25px;}
	.wi01 .left h4::after {
    width: 16px;
    height: 2px;}
	.wi01 .left span {font-size:16px; padding-left: 2px;}
	.wi01 .right span {width:35px; height: 35px; left: -17px; background-size: 70%;}
	.honornr strong {padding-right:20px;}
/*	new*/
	.newd_list ul li {width:100%; padding-bottom: 30px;}
	.new_up .left h3 {font-size:28px; height: 40px; line-height: 40px; padding-left: 60px;}
	.new_up .left h3::before {
    width: 40px;
    height: 40px;
}
	.new_up .right {max-width:100%; padding-top: 15px;}
	.new_up .right input.ser_l {height:45px;}
	.new_up .right input.ser_r {width:45px; height: 45px;}
	.newd_list ul li .new_cont {padding:28px 15px;}
/*work*/
	.work_down .x-section-7 .co7 .item {width:50%; padding-bottom: 30px;}
	.work_down .x-section-7 .co7 .item p {font-size:16px;}
	.work_down .x-section-7 .co7 .item em {max-width:25%; width:40px; height: 40px; margin: 0 auto;}
	.work_mapn {    padding: 0;}
	.work_locaiton {display:none;}
	.work_botom .left span {line-height:2;}
	.work_botom {position:inherit; padding-top: 15px;}
	.work_botom .right {width:100%; padding-top: 15px;}
	.work_down {margin-bottom:50px;}
	
/*	job*/
	.job_up ul li {width:100%; height: 300px;}
	.job_up ul li .job_border {padding: 30px 15px;}
	.job_up ul li .job_border span{left:15px; bottom: 30px;}
	.job_up ul li .job_border strong {font-size:40px;}
	.job_up ul li .job_border h4 {font-size:18px;}
	.jod {    padding: 34px 35px;}
	.jotxs .arrow {right: 35px;}
	.joinleft {max-width:70%;}
	.joinleft h3 {padding-left:30px; padding-left: 15px;}
	.joinleft h3 strong::after {top:10px;}
	.join-4 {width:100%; margin: 0; max-width: 100%;}
	.job_midlist li {width:100%; padding: 15px;}
	.jod {    padding: 34px 25px;}
	.jotxs .arrow {right:15px; top: 35px;}
	.jos {    padding: 0 25px;}
	.job_mid {    padding: 30px 0 30px 0;}
	.job_midlist li .job_midn span { height: 50px;margin: 30px 0 20px 0;}
	.job_midcont {height:auto;padding: 35px 25px 35px 25px;}
	
/*	contact*/
	.cont_up { height:auto; max-height: inherit; position: relative;margin-top:70px;margin-bottom: 50px;}
	.cont_upd::after {width:80%;background-size: contain; height: 50%;}
	.cont_up #map {height:350px !important;}
	.cont_upd {background:rgba(238,238,238,1);min-height: 390px;  padding: 30px 0; position: inherit; bottom:inherit; left: 0; width: 100%; z-index: 99;}
	.cont_upd h2 {font-size:28px; margin-top: 45px;}
	.cont_phone .cont_l {width: 100%;}
	.cont_phone .cont_r{width:100%; max-width: inherit; padding-top: 15px;}
	.cont_phone .cont_l p span {width:35px; height: 35px; line-height: 35px;}
	.cont_phone .cont_l p strong {font-size:16px; padding-left: 12px; padding-top: 5px;}
	.contpt0 {margin-top:0;}
/*	about*/
	.about_up:before {display:none;}
}

@media (max-width:380px) {
.footmore {    margin: 0 5px;}
	
}


@media (max-width:374px) {
	.app_botbg h2 {font-size:26px;}

}
@media (max-width:359px) {
	.apply_bg strong {font-size:14px;font-weight: 500;}
	.creer_mask h3 {font-size:20px;}
	
}







