@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: -15px;
		margin-right: -15px;
	}

	.culture_list ul li {
		padding:0 15px;
	}

	/*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;
	}
	.page_ban {
		margin-top: 100px;
	}
	/*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*/


	#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: -25px;
		margin-right: -25px;
	}

	.culture_list ul li {
		width: 50%;
		padding: 25px;
	}

	/*	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-top: 30px;
		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;
	}

}