@charset "UTF-8";

@media all and ( max-width: 1579px ){
/*new*/
.new_polist ul li {width:346px;}
/*indus pro*/
.indpro_onebg ul li {
max-width: 24%;}
/*work	*/
.work_table .tab-content>.tab-pane#work01 {right:-8%; top: 27%;}
.work_table .tab-content>.tab-pane#work02 {right:-4%; top: 57%;}
.work_table .tab-content>.tab-pane#work03 {right:-4%; top: 57%;}
.work_table .tab-content>.tab-pane#work04 {right:-6%; top: 40%;}
.work_table .tab-content>.tab-pane#work05 {right:-4%; top: 25%;}


}

@media all and ( max-width: 1439px ){
.about_botom ul li .about_bg {    padding: 34px 15px;}
/*leader*/
.leader_img {width:46%;}
/*new*/
.new_polist ul li {width:313px;}
/*	contact*/
/* .contup_l ul li:nth-child(1) {border-right:1px solid #ECECEC;width:42%;}
.contup_l ul li:nth-child(1) {border-right:1px solid #ECECEC;width:40%;}
.contup_l ul li:nth-child(2) {width:60%; padding-left:15px;}
.contup_l ul li:nth-child(3) {border-right:1px solid #ECECEC;width:40%;}
.contup_l ul li:nth-child(4) {width:60%; padding-left: 15px;}
.contup_r ul li {padding: 0 10px;max-width: 32%;} */

.yyui_menu1 li .prolistlink span {
    width: 100%;
    text-align: center;
    font-size:16px;
    font-weight: 700;
    color: #333333;
}

/*indus pro*/
.indpro_onebg ul {margin-left:-40px; margin-right: -40px;}	
.indpro_onebg ul li {    max-width: 24%;padding: 0 40px;}
/*work	*/
.work_table .tab-content>.tab-pane#work01 {right:-14%; top: 27%;}
.work_table .tab-content>.tab-pane#work02 {right:-7%; top: 58%;}
.work_table .tab-content>.tab-pane#work03 {right:-10%; top: 57%;}
.work_table .tab-content>.tab-pane#work04 {right:-12%; top: 40%;}
.work_table .tab-content>.tab-pane#work05 {right:-9%; top: 25%;}



}
@media all and ( max-width: 1365px ){
.contup_l ul li {min-height:45px; letter-spacing: -0.8px;}
/*yanfa*/
.res_l {float:left;width:60%; padding-left: 80px; padding-top: 90px; }
.res_r { width:40%; padding-right: 80px; position: absolute;right: 0; bottom: 0;}

/*industry company*/
.indus_bottom .indusb_left {    padding-right: 100px;}
/*indus pro*/
.indpro_onebg ul li {   padding: 0 30px;}
.indusfive_page {padding: 40px 30px;}	

/*work	*/
.work_table .tab-content>.tab-pane#work01 {right:-19.8%; top: 27%;}
.work_table .tab-content>.tab-pane#work02 {right:-12.8%; top: 58%;}
.work_table .tab-content>.tab-pane#work03 {right:-15%; top: 57%;}
.work_table .tab-content>.tab-pane#work04 {right:-17%; top: 40%;}
.work_table .tab-content>.tab-pane#work05 {right:-14%; top: 25%;}



}
@media all and ( max-width: 1279px ){
.about_mid .about_mid01,.about_left h4,.page_title h2  {font-size:32px;}
.x-section-7 .co7 .item span {font-size:34px; height: 50px; line-height: 50px;}
.x-section-7 .co7 .item span.font36 {font-size:34px;}
/*leader*/
.leader_mid {height:320px;}
/*culture*/
.cul_cicle ul li {padding: 0 15px;}
.cul_cicle ul li .ciclew {    width: 180px;    height: 180px;}
/*new*/
.new_polist ul li {width:266px;}
/*contact*/
.contup_l ul li {width:100% !important; min-height: inherit; padding-left: 0 !important;border:none !important;}
.contup_l ul li span {max-width:78%;}
.cont_indus ul li .indus_cont .cont_nav {right: 30px; bottom: 40px;}
/*yanfa*/
.core_img {
padding: 28px 30px 0 30px;}
/*job*/
.job_mid ul {margin-left:-25px; margin-right: -25px;}
.job_mid ul li {  padding: 0 25px;}
.job_positon ul {margin-left:-15px; margin-right: -15px;}
.job_positon ul li {padding:15px; width: 33.33%;}
/*pro detail*/
.prode_three .prode_table table tr td{ padding:14px 10px 14px 20px; }
/*work	*/
.work_table .work_page {
width: 194px;padding: 30px 15px 30px 15px;
}	
.work_table .tab-content>.tab-pane#work01 {right:-0.8%; top: 27%;}
.work_table .tab-content>.tab-pane#work02 {right:-7.8%; top: 58%;}
.work_table .tab-content>.tab-pane#work03 {right:-2%; top: 57%;}
.work_table .tab-content>.tab-pane#work04 {right:0; top: 40%;}
.work_table .tab-content>.tab-pane#work05 {right:4%; top: 25%;}


}

@media all and ( max-width: 1200px ){
.index-wrapper #headerInnerWrap {position:relative !important;}


}

@media all and ( max-width: 991px ){
.about_bg p {font-size:14px; line-height: 25px;}
.x-section-7 {float: left;width: 60%;padding-left: 60px;}
.about_mid .left_a {padding-right:60px;}
.about_botom ul li .about_bg {    padding: 34px 8px;}
.about_mid .about_mid01, .about_left h4,.about_botom h3,.page_title h2  {font-size: 28px;}

/*culture*/
.cul_cicle ul li .ciclew {    width: 140px;    height: 140px; padding-top: 35px;}
.cul_cicle ul li .ciclew span {margin-bottom:15px;height:40px;}
.cul_cicle ul li .ciclew span img {max-height:100%;}
.cul_cicle ul li .ciclew p {font-size:18px;}
.cul_cicle ul li strong {font-size:17px;}

/*new*/
.new_title h2 {font-size:28px;}
.new_polist ul li {width:313px;margin-right: 50px;}
.new_list ul {margin-left:-25px; margin-right: -25px;}
.new_list ul li {padding: 24px 25px;}
/*contact*/
.cont_up .conttitle {font-size:28px;}
	.cont_up .cont_nav {right:inherit; bottom: inherit;  position: relative;}
	.contup_l,.contup_r {width:100%;}
.contup_r {text-align:left; padding-top: 15px;}
.contup_r ul li {max-width:120px;}
.indus36 {font-size:28px;}
.indus_cont {padding:25px 25px; height: 280px;}
.cont_indus ul li .indus_cont .cont_nav {right:inherit; bottom: inherit; position: relative;}
.cont_indus ul {margin-left:-15px; margin-right: -15px;}
.cont_indus ul li {width:50%;padding:0 15px;padding-bottom: 36px;}
/*	job*/
.job_positon ul li a {padding:40px 30px;}

/*industry company*/
.indus_bottom .indusb_left {    padding-right: 60px;}
.index_first .left p,.ings_lc .ings_left h3 {font-size:30px;}
.ings_lc .ings_left h3:before {  max-width:130px; width: 30%; left:144px; }
.indus_midbg {height:540px;}
.indus_midbg .indus_midmask h3 {font-size:34px;}
.indus_bottom .indusb_left h3 {font-size:32px; margin-top: 20px;}
.indus_bottom .indusb_left p {padding-bottom:25px;}
/*indus pro*/
.homepro .nav li {    padding: 0 14px;}
.indpro_threbg2 ul {margin-left:-20px; margin-right: -20px;}
.indpro_threbg2 ul li .indpro_cont3 {padding:26px 30px;}	
.indpro_threbg2 ul li {width:50%; padding: 0 20px; padding-bottom: 40px;}
/*pro detail*/
.pro_detwo .left {
width: 58%;
padding-right: 50px;
}
.pro_detwo .right {width:42%;}
.pro_detwo .right .pro_detwod .project_more {margin-left:-5px; margin-right: -5px;}
.pro_detwo .right .pro_detwod .project_more a {
max-width: 46%;
margin: 0 5px;
}
/*work	*/
.work_bg .work_cont {width: 768px; margin: 0 auto;}
.work_table .work_page {width: 300px;}
.work_table .nav-tabs {bottom:-50px;}
.work_page:after {
border-left: 13px solid rgba(13,180,213,0.8);
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
position: absolute;
top: 15px;
left: inherit;
right: -13px;
content: "";
width: 0;
height: 0;
}
.work_bg .work_cont .work_sm {right:5%;}
.work_table .tab-content>.tab-pane#work01 {right:22%; top: 27%;}
.work_table .tab-content>.tab-pane#work02 {right: 34.2%;top: 58%;}
.work_table .tab-content>.tab-pane#work03 {right: 29%;top: 57%;}
.work_table .tab-content>.tab-pane#work04 {right: 27%;top: 40%;}
.work_table .tab-content>.tab-pane#work05 {right: 30%;top: 25%;}
/*honor	*/
.honor_eject  .owl-theme .owl-nav button.owl-prev {left:-10%;}
.honor_eject  .owl-theme .owl-nav button.owl-next {right:-10%;}


}

@media all and ( max-width: 767px ){
	.headphone{float: left; line-height: 85px; color:#FFF; font-size: 16px; font-weight: 700; display: none;}
/*	page side*/
.top-visual {    height: 260px; margin-top: 80px;}
.top-visual.num1 .bg-img {background-image:none !important;}
.fnt-title-s1 {    font-size:26px;margin-top: 20px;padding-bottom: 26px;}
.fnt-title1 {font-size:26px;}
.gnb-sub-menu {display:none !important;}
.location .lo_print {display:none !important;}
.bg-imgs {display:block;}
/*about*/
.about_cont {    padding-top: 50px;}
.about_left {width:100%;}
.x-section-7 {width:100%; padding-left: 0;}
.x-section-7 .co7 .item p {font-size:14px;}
.x-section-7 .co7 .item {width:48.5%; padding-bottom: 30px; margin-bottom: 10px; margin-left: 0.5%; margin-right: 0.5%;}
.x-section-7 .co7 .item .svg {max-width:30px; height: 35px; margin: 0 auto;}
.x-section-7 .co7 .item span {font-size:26px; height: 30px; line-height: 30px;}
.x-section-7 .co7 .item span.font36 {font-size:26px;}
.about_mid .about_mid01,.about_left h4 {font-size:26px;}
.about_first {
padding-bottom: 30px;
margin-bottom: 40px;
}
.about_mid .left_a {padding-right:0; padding-bottom: 30px;}
.about_mid .left_a,.about_mid .right_a {width:100%;}
.about_video {height:300px;}
.about_video span {width:35px;}
.about_botom { margin-top: 50px;padding: 50px 0 60px 0; }

.about_botom ul {margin-left:-5px; margin-right: -5px; padding-top: 35px;}
.about_botom ul li {width:50%; padding: 5px 5px;}
.about_botom ul li .about_bg {padding:25px 8px; height: 180px;border-radius: 0px 40px 40px 40px;}
.about_bg .aboutsvg {height:40px;}
.about_bg .aboutsvg svg{ max-width: 30px;}
.about_bg p {line-height:22px;}

/*leader*/
.leader_bottom {margin-bottom:50px;}
.leader_text {overflow:hidden;}
.leader_mid {padding: 0 0 30px 15px;}
.leader_mid h3 {font-size: 28px; }
.leader_mid h4 { font-size: 16px; }
.leader_mid {height:155px;}
.leader_mid div:first-child {max-width:100%;}
.leader_mid div:first-child p{margin-top: -500px;max-width:100%; margin-left:-15px;}
.leader_img {right:-10%;}
.leader_bottom .left {width:100%;}
.leader_bottom .right {position:inherit; padding-top: 30px;}
.leader_text {
    padding: 225px 0 0 0;
}
/*culture*/
.case_tit {left:30px; padding-right: 20px;}
.case_tit .fnt_26 {    font-size: 20px;}
.cul_cicle { width:90%; margin: 0 auto;
margin-bottom: 50px;
padding: 80px 15px;
background: #FFFFFF;
border-radius: 0;
border-top-left-radius: 200px;
border-top-right-radius: 200px;
border-bottom-left-radius: 200px;
border-bottom-right-radius: 200px;
}
.cul_cicle ul li {width:50%; padding: 30px 5px;}
.cul_cicle ul li .ciclew {    width: 100px;    height: 100px; padding-top: 25px;}
.cul_cicle ul li .ciclew span {margin-bottom:10px;height:20px;}
.cul_cicle ul li .ciclew p {font-size:17px;}
.cul_cicle ul li strong {font-size:17px;}

/*new*/
.pagesidetwo {margin-top:80px;border-top: 1px solid #ECECEC;}
.select_box{  position:relative;height: 56px; width: 100%; margin-right: 0;line-height: 56px;}
.newinput {width:100%; margin: 20px 0; margin-right: 0;}
.newbut {width:100%;}
.new_polist ul .slick-dots li {margin-right:12px;}
.new_polist ul li {width:313px;margin-right: 30px;}
.new_list ul {margin-left:-25px; margin-right: -25px;}
.new_list ul li {padding: 15px 25px; width: 100%;}
/*pro*/
.pro_list ul.pron li {width:100%;padding: 0 22px 30px 22px;}
.newsroom-item-header-container {padding:20px 15px;}
/*contact*/
.cont_address {width:100%; padding-right: 0; padding-bottom: 15px;}
.cont_indus ul li {width:100%;padding:0 15px;padding-bottom: 36px;}
.contup_r ul li {width:33.33%;display: block;float: left;}
/*	yanfa*/
.res_l { width:100%; padding-left: 30px; padding-right: 30px; max-height: 70%; padding-top: 30px; }
.res_r { width:100%; height: 282px; padding-right: 0; position: inherit;right:inherit; padding: 30px; padding-bottom: 0; bottom: inherit;}
.res_r img {max-height:100%;}
.res_list {height:630px;}
.core_menlist ul li {width:50%;}
.core_img {padding: 15px 15px 0 15px;}
	
/*	job*/
.jobcour_list {height:300px;}
.job_mid ul li {width:100%; padding-bottom: 30px;}
.jobcour_list .home-slider-desc {
padding: 0 30px 50px 30px;
}
.jobcour_list .home-slider .slide.active .home-slider-desc p {font-size:22px;}
.job_mid ul li p {height:auto;}
.job_positon ul {margin-left:-5px; margin-right: -5px;}
.job_positon ul li {padding:5px 5px; width: 50%;}
.job_positon ul li a {padding:30px 15px;}
	.job_positon ul li a.joba {padding:30px 15px;height: 174px;}
	.job_positon ul li .job_time {display:none !important;}
	.job_positon ul li  .jobb_more a {padding:0 0 0 30px;}
	
	/*industry company*/
.index_first .left {max-width:100%; padding-right: 0; padding-bottom: 30px;}	
.index_first .right {max-width:100%;width: 100%;}
.indus_text h3.ind_gsname {font-size:34px;}
.indus_menu {margin:50px 0 50px 0;}
.indus_menu ul li a {font-size:16px;}
.ings_lc {padding:60px 30px;background-attachment: inherit;}
.ings_lc .ings_left {width:100%; padding-bottom: 30px;}
.ings_lc .ings_right {width:100%;}

.index_first .left p,.ings_lc .ings_left h3 {font-size:30px; line-height: 1.4;}
.ings_lc .ings_left h3:before {  max-width:130px; width: 30%; left:144px; }
.indus_midbg {height:440px; background-attachment: inherit;}
.indus_midbg .indus_midmask h3 {font-size:28px;}
.indus_bottom {margin:50px 0 50px 0;}
.indus_bottom .indusb_left h3 {font-size:28px; margin-top: 0; margin-bottom: 30px; line-height: 1.4;}
.indus_bottom .indusb_left p {padding-bottom:25px;}
.indus_bottom .indusb_left {    padding-right: 0; padding-bottom: 30px; width: 100%; float: left;}
.indus_bottom .indusb_right {position:inherit; width: 100%; height: 400px; right: inherit; top: inherit; float: left;}
	
/*indus pro*/
.indus_down ul li { height:auto; padding-left:0;}
.downt01 {  width:90%;border-bottom: 1px solid #E8E8E8; padding-bottom:30px; height:auto;overflow:auto; display:block; min-height:58px; font-size:16px; margin-left:15px;}
.downt02 { max-width:50%; width:100%; border:none;font-size:16px; }
.downt03 { max-width:50%;width:100%;border:none;font-size:16px;}
.downt02 a,.downt03 a {line-height: 60px;}
.indpro_onebg ul li .inpro_bd {    height: 200px;    padding: 45px 5px 0 5px;}
.indpro_onebg ul li .inpro_bd span {    height: 45px;}
.indpro_onebg ul li .inpro_bd span svg {     max-height: 100%;}

.indusfive_sub,.indpro_onebg h3.font36,.pro_threesub h3 {font-size:30px;}
.indpro_onebg {padding: 50px 0 0 0;}
.indpro_onebg ul {margin-left:-15px; margin-right: -15px; padding-top: 50px; padding-bottom: 30px;}	
.indpro_onebg ul li {    max-width:inherit; width: 50%; display: block; padding: 0 15px; padding-bottom: 30px; float:left}
.homepro .nav {overflow:hidden; padding-bottom: 50px;}
.homepro .nav li {width:50%; float: left; display:block; margin-bottom: 15px;}
.homepro .nav li a {padding-bottom:8px;}
.homepro .nav li a strong {line-height:20px; height: 40px; font-size: 16px;}
.indpro_threbg2 ul li {width:100%;}
.indpro_threbg2 ul li .indpro_cont3 {position:inherit; height: auto;}
.indpro_threbg2 ul li .indpro_cont3 p {display:block; }
.indpro_threbg2 ul li:hover .indpro_cont3 {padding:26px 30px;}
.homepro .inpro_twobg {position:relative;background-position: 10%;}
.inpro_cont {
max-width: inherit;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
padding: 30px;
background: rgba(0,0,0,0.5);
}
.inpro_cont .scoll {max-height:70%;}


/*	four*/
.indus_fourlist ul {
margin-left: -5px;
margin-right: -5px;
}
.indus_fourlist ul li {width:33.33%; padding: 0 5px 10px 5px;}
.indus_fourlist ul li .indusfour_bg {height:280px;}
.indus_fourlist ul li .indusfour_bg .line {width:130%;}
.indusfive_sub {padding-bottom:35px;}
.indus_five {    padding: 50px 0 50px 0;}
.indusfive_k {height:400px;}
.indus_lxbg {padding:80px 0;}

.indus_lx ul li {    width:100%;padding: 0 20px; padding-bottom: 15px;}
.induslx_up span {max-width:35px;}
.indussix_k a span {display:inline-block; width: 35px; height: 35px; position: absolute; left: 50%; top: 50%; margin-left: -17px; margin-top: -17px; z-index: 9;}
	
/*pro detail*/
	
.pro_detwo .left {
width: 100%;
padding-right: 0;
}
.pro_detwo .right {width:100%; padding-top: 30px;}
.prode_three .prode_table table tr td:first-child { width: 120px; }
.prode_three .prode_table table tr td {font-size:16px; }
.pro_detwo .right .pro_scoll {height:auto;}

.prode_bgf {
padding: 100px 0 77px 0;background-attachment: inherit;
}
.prode_bgf p {
font-size: 18px;
min-height:inherit;
padding-bottom: 50px;
line-height: 32px;
}
.prode_three { padding-bottom: 30px;}

.prode_five { display: block;padding: 50px 0 50px 0;}
.prode_five .left {width:100%; padding-bottom: 30px;}
.prode_five .right {width:100%;padding-left: 0; display: block;}
.prode_five .right h4 {font-size:30px;margin-bottom: 30px;}
.prode_sev ul li {width:100%; padding-bottom: 15px;}
.prode_sev ul li p {height:auto;}
.prode_sev {    padding-top: 30px;}
	
.prode_ebg .prode_eimg .prode_etext { padding: 0 15px 15px 15px; }
.prode_ebg .prode_eimg .prode_etext h3 {font-size: 20px;}
	
	
/*	solution*/
.solution .h4 {font-size:30px;}
.so_case .left {  width:100%; padding: 35px 30px 30px 30px;}
.so_case .right { height: auto; width:100%;}
.so_case .left .socase_scoll {max-height: 220px;  margin-top: 15px;}
	.so_case .left .case_num {
    font-size: 100px;
    bottom: -12px;
    right: -10px;
    line-height: 1.1;
}
	.so_case .left .socase_scoll p {padding-bottom:0;}
.so_case .case-container01 .swiper-slide {background-image:none !important;}
.so_case .case-container01 .swiper-button-next,.so_case .case-container01 .swiper-button-prev{width: 40px; line-height: 40px;height: 40px;}
.solution .txt1 {    margin-bottom: 30px;}
.so_case  .case-container01 .swiper-button-next {right:40px;}
.solution .page_type1 .left,.solution .page_type1 .right,.solution .page_type1 .right .img_str {opacity:1;transform: none;}

/*work	*/
.work_bg {padding-bottom:50px; background: none;}
.work_bg .work_sub h3 {font-size:30px;}
.work_bg .work_cont {    width: 100%; }
.work_bg .work_map {width:300px; height: 300px;}
.work_table .work_page {width: 100%; margin-bottom: 15px;}
.work_table .nav-tabs {  position: inherit; left: inherit; bottom: inherit; display: none;}
.work_page:after { display:none; }
.work_table .tab-content>.tab-pane { position:inherit; right: inherit; top: inherit; left: inherit; display: block !important; opacity: 1 !important;}
.work_bg .work_cont .work_sm {display:none;}
.work_table {padding-top:30px;}
.work_map li .point {
width:4px;
height:4px;
}
.work_map li .point::before {
width: 16px;
height:16px;
margin-left: -8px;
margin-top: -8px;
}
.work_map li .point::after {
width:24px;
height:24px;
margin-left: -12px;
margin-top: -12px;

}
.work_map li.workpoint01 {
right: 16.8%;
top: 35%;
}

.work_map li.workpoint02 {
right: 29.8%;
top: 70%;
}

.work_map li.workpoint03 {
right: 23.8%;
top: 69.6%;
}

.work_map li.workpoint04 {
right: 21.5%;
top: 49.5%;
}

.work_map li.workpoint05 {
right: 25.4%;
top: 31.8%;
}
/*honor*/
.about-list2 .time-contentbox {
padding: 50px 0 50px 0;
}
.about-list2 .about-list-banner .bgimg .left {
width: 100%;
height: 100%;
padding: 45px 15px 50px 15px;
}
.about-list2 .about-list-banner .bgimg .left h3 {font-size:30px;}
.about-list2 .about-list-banner .bgimg .left p { position: inherit;
font-size: 22px;
line-height: 1.4;
padding-top: 100px;
left: inherit;
bottom:inherit;
}	
.honr_one {padding-bottom:50px;}
.honr_one h3 {font-size:30px;}
.honor_eject  .owl-theme .owl-nav button.owl-prev {left:-10px;}
.honor_eject  .owl-theme .owl-nav button.owl-next {right:-10px;;}
.honor_tab { padding-top: 80px;}
.honor_tab .nav-tabs {top:0; max-width: 100%;right: inherit;}
.honor_tab .nav-tabs .nav-link {min-width: auto;  margin: 0 2px; padding: 0 45px; height: 46px; line-height: 46px;}
.homenewlist {padding:0 50px;}
.honor_title {font-size:20px;}
	.about-list2 .time-contentbox .xianbox2 {display:none !important;}
.time-contentbox .swiper-slide:first-child {padding-top: 0 !important;}
.honor_subs {position: inherit; left: 0; bottom: inherit; top: inherit; padding-top: 15px;}
.time-contentbox .swiper-slide {z-index:99; padding-bottom: 0; }
.time-contentbox .swiper-slide:first-child {padding-top: 0 !important; display: none !important;}
.time-contentbox .swiper-slide:nth-child(2n) {padding-top:0;}
.time-contentbox .swiper-slide:nth-child(2n-1) {    padding-top: 0;}
.honorbut {    padding-top: 50px;}	
.honor_sub {font-size:16px;}	
	.case_fixed_img {background-position: right;}
	/*contact	*/
.lx_map {    height: 400px;}
	.lx_map #map{height:100% !important;}

	.swiper-container.indusfive_c span.swiper-pagination-bullet,.swiper-container.newposition_c .swiper-pagination span.swiper-pagination-bullet {margin:0 3px;}
.select_box ul {width: 100.5%;}
	
}

@media all and ( max-width: 375px ){

.leader_mid h3 {font-size: 22px; }

}

@media all and ( max-width: 340px ){

.leader_mid h3 {font-size: 24px; }

}