@charset "utf-8";
@media only screen and (max-width: 1800px){
    .fixtop .toper .logo { width:250px; height:33px;top:33px}    
    .fixtop .toper ul.navpc {margin:0 0 0 50px}
    .fixtop .toper ul.navpc li a.a {padding:0 10px}
    .fixtop .toper .tel {top:28px;padding:0 0 0 40px;font-size:18px; line-height:18px;}
    .fixtop .toper .tel:before {top:7px; width:30px; height: 30px;}
    .fixtop .toper .tel p {font-size:20px; line-height: 20px;}
    .fixtop.active .toper .logo {top:43px}
    .fixtop.active .toper ul.navpc li a.a {line-height: 120px}
    .fixtop.active .toper .tel {top:38px}    
    .fixtop .toper ul.navpc li dl {padding:0 0 0 50px}
    .fixtop .toper ul.navpc li dd p a {margin:0 35px}       
    .owl-carousel .owl-nav .owl-prev {left:0;}
    .owl-carousel .owl-nav .owl-next {right:0}
    .indpro .owl-carousel {padding:0 71px}
    .indpro .item .cons {padding:20px 20px 25px 20px}
    .indpro .item .cons .t {  height:30px; line-height:30px; }
    .indpro .item .cons .t a {font-size:20px}
    .indpro .item .cons .c { line-height:25px; height:100px;font-size:13px;margin:10px 0 0 0}    
    .foot dl {margin:0 0 0 3%}  
    .foot dl.last {max-width:120px;margin:8px 0 0 0}
    .foot dl.last dd {width:120px;}
    .foot dl.last dd:nth-child(2) {margin-left:0;margin-top:30px}
    .backtotop {bottom:-80px}    
    .topcate dl {padding-left:50px}
    .topcate dd p a {margin:0 35px}
}

@media only screen and (max-width: 1620px){
	.wrap {margin:0 4%}
	.wrap1 {margin:0 4%}
	.fixtop .toper .logo {left:4%}
	.fixtop .toper .tel {right:4%}    
	.indvideo dd .pic .in { height: 124px}
	.indvideo dl dd:nth-child(1) .pic .in { height: 300px}
	.indvideo dd .pic .in .btn i {width:30px; height:30px; margin:-15px 0 0 -15px;}
	.indvideo dl dd:nth-child(1) .pic .in .btn i {width:60px; height:60px;margin:-30px 0 0 -30px;}
	.message .cons .wrap {margin:0 auto}
	.capcity .new-wrap .cons {padding:50px}
	.laboratory li .pic .cons .in {font-size:16px;line-height:2}
	.laboratory li .title { height:50px; line-height: 49px;font-size:20px;}
	.abouthonor2 { padding:80px 0;}
	.party1 .mright .t {margin:0 0 30px 0}
	.party1 .mright .c {font-size:18px;line-height: 2}
	.party2 .wrap {margin:0 auto}
	.video_cons .wrap {margin:0 auto}
	.culture_right .cons .title {margin:45px 0 30px 0;}
	.culture_right .cons .content {margin:0 0 50px 0}
	.proleft {left:0;margin-left:0}
	.proleft dt { line-height: 56px; height:60px;padding:0 0 0 25px;font-size:20px}
	.proleft dd {padding:10px 25px 10px 25px;}
	.proleft dd p a {font-size:16px;line-height: 21px;padding:11px 30px 13px 0;}
	.proleft dd p:before {top:6px;}
	.proleft {width:250px}
	.proright {margin:0 0 0 300px}
	.proleft ul { margin:15px 0 10px 0}
	.proleft li {width:100px;font-size:14px}
	.proleft li:nth-child(1) {margin:0 5% 0 0}
	.proleft .tel {padding:0 0 0 20px;font-size:14px;margin-top:5px}
	.proleft .tel:before {width:15px; height: 15px;top:7px}
	.proleft .email:before {width:14px; height:14px;top:8px}
	.proleft.active {left:4%}
	.probootm {top:300px}
	.news li .pic {padding:0;height:350px;}
	.culture_right .pic {padding:0;height:350px}
	.product ul {min-height:0px}
	.companyenvironment li .title {height:30px; line-height: 30px}
	.companyenvironment li .title a {font-size:20px;}
	.companyenvironmentbg_index {margin-top:-60px}
	.companyenvironmentbg_index .companyenvironment {margin:-80px 0 -120px 0}
}

@media only screen and (max-width: 1380px){
	.fixtop .toper .tel { display:none;}
	.fixtop .toper ul.navpc { text-align:right;margin:0 4% 0 0}
	.fixtop .toper ul.navpc li dl {padding:0}
	.foot dl {max-width:300px}
	.topcate dl {padding-left:0}
}

@media only screen and (max-width: 1200px){
    html,body,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:14px;}
    .wrap2 {margin:0 4%}
    .phonemenu { display:block;}
    .fixtop {height: 49px;border-width:1px}
    .fixtop .toper .logo {width:152px; height:20px;top:15px}
    .fixtop .toper ul.navpc { display: none;}
    .fixtop .toper .tel { display: none;}
    .tblank { height:50px}
    .fixtop.active {top:0;}
    .fixtop.active .toper .logo {top:15px}
    .tblank.active { height:50px}    
    .indpro {margin:30px 0}
    .indpro .item .cons {padding:20px 20px}
    .indpro .item .cons .t {  height:25px; line-height:25px;}
    .indpro .item .cons .t a {font-size:20px}
    .indpro .item .cons .c { line-height:25px; height:75px;margin:15px 0 0 0}
    .owl-carousel .owl-nav{margin-top:-15px;}
    .owl-carousel .owl-nav .owl-prev:before,.owl-carousel .owl-nav .owl-next:before {height:30px;width:21px; background-size:100%}
    .indpro .owl-carousel {padding:0 41px}
    .indapp {padding-top:40px}
    .indapp .t {font-size:20px;margin:20px 0 20px 0; letter-spacing: 2px;}
    .indsubject {padding:20px 0 25px 0;margin:40px 0}
    .indsubject h2 {font-size:20px; line-height:30px;}
    .indsubject h3 {font-size:14px; line-height: 24px;margin:0px 0 0 0}
    .indapp2 {padding:0}
    .indapp2 .t {margin:-20px 0 30px 0;}

    .indabout {padding:0 0 40px 0}
    .indabout .mleft .t {font-size:20px; line-height:30px;}
    .indabout .mleft .t2 {font-size:16px; line-height: 26px;padding:0px 0 15px 0;margin:0 0 20px 0}
    .indabout .mleft .c {line-height:2;font-size:14px}
    .indmore a {width:86px; height:20px;margin:10px 10px 0 auto; background-size:100%}
    .indmore a:hover {right:0}
    .owl-carousel .owl-dots {bottom:-30px;}
    .owl-carousel .owl-dots .owl-dot span{width:10px; height: 10px;margin:0 5px;}
    
    .indvideo {padding:40px 0 60px 0;margin:0 0 -40px 0}
    .indvideo dd {border-bottom-width:2px;padding:10px 10px 0 10px}
    .indvideo dl dd:nth-child(1) {padding:20px 20px 0 20px}
    .indvideo dl {width:102%;margin:-1% 0 0 -1%}
    .indvideo dd {width:23%;margin:1% 1% 0 1%;}
    .indvideo dd .pic .in { height: 113px}
    .indvideo dl dd:nth-child(1) .pic .in { height: 247px}
    .indvideo dd .pic .in .btn i {width:30px; height:30px;margin:-15px 0 0 -15px;}
    .indvideo dl dd:nth-child(1) .pic .in .btn i {width:50px; height:50px;margin:-25px 0 0 -25px;}
    .indvideo dd .title { line-height:29px; height:30px; }
    .indvideo dl dd:nth-child(1) .title { line-height:49px; height:50px;}
    .indvideo .owl-carousel .owl-dots {bottom:-43px;}
    .video_cons i {width:20px; height:20px;margin:-10px -10px 0 0;}
    
    .message {padding:40px 0;margin:40px 0 0 0}
    .message .subject {border-bottom-width:2px;font-size:20px; line-height:30px;padding:0 0 20px 0;margin:0 0 30px 0}
    .message .cons .wrap {margin:0 4%}
    .message .cons .list input {padding:8px 10px 10px 10px;border-radius:5px;font-size:14px;}
    .message .cons .list1 {margin:20px 0}
    .message .cons .list4 {margin:20px 0 0 0}
    .message .cons .list4 input {width:100px;font-size:14px;}
    
    .foot {padding:40px 0;}
    .foot .logo {padding:0 0 20px 0;margin:0 0 30px 0}
    .foot .logo a {width:152px; height:20px; background-size:100%}
    .foot dl {display:none;margin:0}
    .foot dl.c {display:block;width:50%}
    .foot dl.last {display: block; float:none; text-align:center;margin:0}    
    .foot dt { height:20px;margin:0 0 25px 0}
    .foot dt a {font-size:16px;}
    .foot dd {margin:5px 0}
    .foot dl {max-width:100%}    
    .foot dl.c dd {padding:0 0 0 30px}
    .foot dl.c dd h2 {width:20px;top:-1px}
    .foot dl.last {max-width:100%;padding-top:20px;float:none; clear: both; text-align: left;}    
    .foot dl.last dd {width:120px;margin:0}
    .foot dl.last dd h3 {margin:5px 0 0 0;}
    .foot dl.last dd:nth-child(2) {margin:0 0 0 20px}
    .backtotop {width:88px; height:20px;bottom:4px}
    .footer {padding:15px 0 20px 0}
	.about1 .owl-carousel .owl-dots {bottom:10px;}
	.about2 {margin:30px 0 0 0}
	.about2 .owl-carousel .owl-dots {bottom:10px;}
	.about2 .owl-carousel .owl-dots .owl-dot span{width:30px; height:4px;}
	.aboutcate {padding:15px 0}
	.aboutcate p a {font-size:16px;}
	.namemj {top:-50px;}

	.indnum {padding:40px 0;margin:0 0 0 0}
	.indnum ul {width:100%;left:-0}
	.indnum li h3 {font-size:35px; line-height: 35px;}
	.indnum li h4 {font-size:35px; line-height: 35px;}
	.indnum li h5 {font-size:14px;margin:-2px 0 0 3px}
	.indnum li .content {font-size:16px;margin:10px 0 0 0}
	.about {padding:40px 0}
	.about .t {font-size:20px; line-height:30px;}
	.about .t2 {font-size:15px; line-height:25px;margin:0px 0 25px 0}
	.about .c {font-size:14px; line-height: 2}
	.companyenvironment {margin:-60px 0 0 0;padding:0 0 40px 0}
	.companyenvironment li .pic {border-width:1px;}
	.companyenvironment li .title {height:25px; line-height: 25px;margin:10px 0 0 0}
	.companyenvironment li .title a {font-size:16px;}	
	.history {margin:0 0 40px 0}
	.history .subject {font-size:20px; line-height:30px;margin:30px 0 20px 0}

	.new_telst li {height:30px; line-height:29px; font-size:16px;border-width:1px; border-radius:5px;padding:0 20px;margin:0 2%}
	.new-wrap {min-height:0}

	.abouthonor {padding:30px 0 0 0;margin:-40px 0 0 0}
	.bodyabout .indsubject {margin-top:0}

	.capcity .new-wrap .cons { left:4%;padding:0 0 20px 0;width:400px;font-size:14px;font-weight:400; line-height: 1.6}
	.capcity .new-wrap .cons .in {padding:20px 0 0 0}
	.capcity .new-wrap .cons .in:before {width:100px; height:4px;}
	.capcity .new-wrap {margin:40px 0 -40px 0}
	.capcity .owl-carousel .owl-dots { bottom:10px;}

	.abouthonor .new_telst {padding:0 0 30px 0}
	.abouthonor .new-wrap {padding:40px 41px}
	.abouthonor .item {border-width:1px}
	.abouthonor .owl-carousel .owl-nav .owl-prev {left:-36px}
	.abouthonor .owl-carousel .owl-nav .owl-next {right:-36px}

	.topcate dl {height:auto;padding:10px 0}
	.topcate dd {height:auto; display: block;width:100%}
	.topcate dd p {margin:5px 5%; display: inline-block; vertical-align: top;}
	.topcate dd p a {line-height:24px; margin:0;font-size:14px;font-weight:400;}

	.page_wrap {padding:35px 0 0px 0}
	.pager a,.pager span,.pager font {margin:0 5px;}   
	.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;}

	.product li {padding:40px 0 0 0}
	.product li .pic { width:35%;}
	.product li .cons {width:60%;margin:0 0 0 5%}
	.product li .cons .title {padding:0 0 10px 0;margin:0 0 25px 0}
	.product li .cons .title a {font-size:20px; line-height:30px;}
	.product li .cons .content {font-size:14px;line-height:2;margin:0 0 25px 0}
	.product li .cons .more a { width:80px; height: 27px; line-height: 26px;border-radius:5px;}
	.product li .line { height:5px;margin:40px 0 0 0}

	.proleft { display:none;}
	.proright {width:100%;margin:0}
	.show li .cons .content {margin:0}
	.show li .line {height: 40px; line-height: 39px;font-size:18px;}
	.show li .line2 {padding:0 0}
	.show .content2 {margin-top:30px;font-size:14px;font-weight:400; line-height: 2}
	.show .content2 img {margin:5px 0}
		.tech1 {margin:0 0 40px 0}
	.laboratory {padding:0px 0 40px 0;margin-top:-40px}
	.laboratory li .pic .cons .in { left:5%;bottom:3%;width:90%;font-size:12px; line-height: 1.8}
	.laboratory li .title {  height:30px; line-height:29px;padding:0 5px; font-size:14px; }
	.abouthonor2 {padding:40px 0;margin:-40px 0 -40px 0}
	.abouthonor2 .owl-carousel {padding:0 40px}
	.abouthonor2 .owl-carousel .owl-nav .owl-prev {left:0}
	.abouthonor2 .owl-carousel .owl-nav .owl-next {right:0}
	.news .indsubject {margin-top:0px}
	.news ul {margin-top:-30px}
	.news li {padding:40px 0}
	.news li .cons .title a {font-size:18px; line-height:26px;}
	.news li .cons .addtime {margin:0px 0 20px 0}
	.news li .cons .content {font-size:14px;margin:0 0 25px 0; line-height:30px; height:90px; }
	.news li .cons .more a,.culture_right li .more a {width:80px; height: 30px; line-height: 29px;border-radius:5px;}
	.nshow .subject{padding:20px 0 25px 0; font-size:18px; line-height:28px;}
	.nshow .subject .addtime {font-size:14px; line-height: 14px;margin:10px 0 0 0;}
	.nshow .cons {font-size:14px;margin:30px 0 0 0;font-weight:400}

	.contact {padding:0 0 50px 0;}
	.contact ul {margin-top:-30px}
	.contact li .title2 {font-size:18px; line-height:28px;padding:0 0 10px 0;margin:25px 0 20px 0}
	.contact li .mleft .title {font-size:14px; line-height: 24px;margin:0 0 5px 0}
	.contact li .mleft .content {font-size:14px;line-height: 2}
	.contact li .mleft .contentno {margin-bottom:-45px}
	.contact li .mright {margin:5px 0 0 0}
	.indpro .item .pic {border-width:1px}

	.joblist {padding:40px 0 60px 0;margin:-90px 0 -40px 0;}
	.joblist dd {font-size:20px;line-height: 30px;padding:0 0 0 20px}
	.accordionservice li .link {padding:20px 0 10px 0;}
	.accordionservice li .link:before {width:20px; height:8px; left:20px;  background-size:cover;}
	.accordionservice li .link div {padding:0 0 0 20px;font-size:16px; line-height: 26px}
	.accordionservice .submenu {padding:30px 20px;font-size:14px;}
	.accordionservice .submenu .t {font-size:16px; line-height: 16px;margin:0 0 20px 0}
	.accordionservice .submenu .t img {margin:0 10px 0 0;width:20px;}
	.accordionservice .submenu .mleft {width:45%;}
	.accordionservice .submenu .mright {width:45%;}
	.accordionservice .submenu .more {margin:30px 0 0 0}
	.accordionservice .submenu .more a { width:120px; height:30px; line-height:30px;font-size:14px;}
	.party1 {padding:40px 0;}
	.party1 .mright .t {font-size:20px; line-height:30px;margin:0 0 20px 0}
	.party1 .mright .c {font-size:14px;line-height: 2}
	.party2 {margin:-10px 0 0 0}
	.party2 .wrap {margin:0 4%}
	.party2 li {margin:20px 0 0 0}
	.care .page_wrap {margin:40px 0 0 0}
	.care ul {padding:10px 0 0 0;margin-top:-30px}
	.care li {width:46%;margin-top:30px}
	.care li .title {margin:12px 0 0 0; line-height: 1.8}
	.care .clear3 { display: none;}
	.care .clear2 { display:block; clear: both}
	.culture_left {width:100%; padding:40px 0 0 0}
	.culture_left dt { font-size:18px; line-height:28px;padding:6px 0 10px 0}    
	.culture_left dd {font-size:14px;font-weight:400;margin:20px 0 50px 0}
	.culture_right {width:100%;padding-top:40px}
	.culture_right li {padding:40px 0}
	.culture_right .pic {height:220px}
	.culture_right .cons .title {font-size:16px; line-height: 26px; margin:30px 0 20px 0}
	.support .cons {margin:0 0 40px 0;font-weight:400;font-size:14px}
	.indaboutpic {margin:0 0 -40px 0}
	.video_cons .wrap {margin:0 4%}
	.culture_right .cons .content {font-size:14px;line-height: 25px; height: 50px; margin:0 0 30px 0}
	.nshow .cons img {margin:5px 0}
	.indabout .mright {margin:70px 0 0 0}
	.show2 li .line {margin:0 0 0 0}
	.news li .pic {height:220px;}	
	.companyenvironmentbg_index {margin-top:-30px}
	.companyenvironmentbg_index .companyenvironment {margin:-30px 0 -40px 0}
	.coreadvantages,.capcity {padding:0 0 40px 0}	
}

@media only screen and (max-width: 788px){
	 .indpro .item .cons .c {height:100px;}
	 .indvideo dd .pic .in { height:82px}
	 .indvideo dl dd:nth-child(1) .pic .in { height: 183px}
	 .indvideo dd .pic .in .btn i {width:20px; height:20px;margin:-10px 0 0 -10px;}
	 .indvideo dl dd:nth-child(1) .pic .in .btn i {width:40px; height:40px;margin:-20px 0 0 -20px;}
	.companyenvironment li {width:47%}
}

@media only screen and (max-width: 640px){
    .indabout .mleft {width:100%}
    .indabout .mright {width:100%;margin:30px 0 20px 0}    
    .indvideo dl {margin-top:-2%}
    .indvideo dd {width:48%;margin-top:2%}
    .indvideo dl dd:nth-child(1) {width:98%;}
    .indvideo dd .pic .in { height:auto;padding:28% 0}
    .indvideo dl dd:nth-child(1) .pic .in { height:auto;padding:28% 0}
    .indvideo dl dd .title,.indvideo dl dd:nth-child(1) .title { line-height:34px; height:35px;}    
    .foot dl.c {width:100%}
    .foot dl.c2 {margin-top:-20px}
    .foot dl.last dd {width:100px;}
    .foot dl.last dd:nth-child(2) {margin:0 0 0 10px}
    .aboutcate { text-align:center;}
    .aboutcate p {margin:0 5%;width:33.3333%}
    .indnum {padding:20px 0}
    .indnum li {width:50%;margin:20px 0}
    
    .capcity .new-wrap .cons { position: relative;left:0;width:100%;padding:0 0 20px 0; line-height: 1.8}
    .capcity .new-wrap .cons .in {padding:15px 0 0 0}
    .capcity .new-wrap .cons .in:before {width:50px; height:3px}
    .new_telst li {padding:0 15px;margin:0 1.5%}
    .topcate dd p {margin-left:10%;margin-right:10%}
    .product li .pic { width:100%; text-align: center}
    .product li .pic img {width:80%;margin:0 auto}
    .product li .cons {width:100%;margin:40px 0 0 0}
    .indnum2 li {width:33.3333%; }
    .indnum2 li h3 {font-size:30px; line-height: 30px;}
    .indnum2 li h4 {font-size:30px; line-height: 30px;}
    .indnum2 li h5 {margin:-2px 0 0 2px}
    .indnum2 li .content {font-size:14px;}
    .topcate2 dd p {margin-left:4%;margin-right:4%}
    .laboratory li {width:48%}    
    .news li .pic {width:100%;height:auto;padding:32.34% 0}
    .news li .cons {width:100%;margin:30px 0 0 0}
    .news li .cons .addtime {margin-top:5px}
    .contact li .mleft {width:100%;}
    .contact li .mright {width:100%;margin:30px 0 0 0}    
    .joblist dd {font-size:16px;line-height: 26px;}
    .accordionservice li .link div {font-size:14px; line-height: 24px}    
    .accordionservice .submenu .mleft {width:100%;}
    .accordionservice .submenu .mright {width:100%;margin:40px 0 0 0}
    .party1 .mleft {width:100%;}
    .party1 .mright {width:100%;margin:30px 0 0 0}
    .culture_right {margin-top:-30px}
    .culture_right .pic {width:100%;padding:32.34% 0;height:auto}
    .culture_right .cons {width:100%;margin:0px 0 0 0;}
    .culture_right .cons .title { line-height: 30px; height: auto}
    .culture_right .cons .content { height: 75px;}
	.companyenvironment li .title {margin:10px 0 10px 0}
	.companyenvironment li .title a {font-size:14px;}
	.companyenvironment {margin:-50px 0 0 0;padding:0 0 20px 0}
}

@media only screen and (max-width: 480px){
    .indpro .item .cons .c {height:auto;}
    .indpro .item .cons .t { height:auto; line-height:30px; }
}<!--ºÄʱ1764572893.6446Ãë-->