@charset "utf-8";


@media (max-width:1365px) {
/*banner*/

.banright {max-width:inherit;padding-left: 44%; float: left;}	
.swiper1 .swiper-pagination {bottom:20px;}
	
/*page side*/
.pageban { height: 380px;}

	
}


@media (max-width:1279px) {
/*banner*/
.banright { }


.banright h2 {font-size:62px;}
.banright p {font-size: 18px;}
	
/*index*/
.serborder i { width: 50px; margin-right: 25px; background-size: contain !important;}
	
/*	footer*/
	.footcont {    padding: 21px 5px 21px 10px;}
	.footcont p {    padding-left: 25px;}
/*page side*/
	.pageban { height: 380px; background-position:40%; }
	.pagenmenu ul li { padding-right:36px;}
	.pagenav .float-right a { padding-right: 17px; margin-right: 10px; }
/*pro*/
	.proban .pro_left {padding-right: 60px;}

	
}
@media (max-width:1099px) {
.banright h2 {font-size:60px;}
	
}

@media (max-width:991px) {

/*banner*/
.banner,.pageban {margin-top:60px;}	
.pagebans {margin-top:80px;}

.banright { }
.banright h2 {font-size: 40px;}
.banright p {font-size: 16px;}

/*index*/
.indusbotom {    padding: 0 15px 0 18px;}
.indusbotom .left {font-size:16px;}	
.serborder i { width: 35px; margin-right: 15px; background-size: contain !important;}
.serborder span {font-size:18px; min-width: 95px;}	
.index_new ul li h3 {font-size: 16px;}
.serborder {height:70px; line-height: 68px;}	
	
.induslist ul li {width:50%;}	
	.induslist span {width:132px; float: left;}
	.induslist span img {
    border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
    border-top-right-radius: 0;
}
	.indusbotom {height:80px; }
	.indusbotom .left {line-height: 80px;}
	.indusbotom .right {float:left; margin-left: 6px; line-height: 80px;}
	.indusbotom .right svg {width:20px; height: 20px;}
	.pageban { height: 320px;}
/*footer*/
	.foot_l {width:100%;}
	.foot_r {width:100%; float: left; padding-top: 30px;}
	.share {float:left;}
	.footer_bot .right{ float:left;}
	/*page side*/
	.pagenmenu ul li { padding-right:25px;}
	.pagetext {	font-size: 40px;}
	.pagedown strong {		font-size: 24px; line-height: 1.4;word-wrap:break-word}
/*about*/
	.aboutup {   background-position: 0 100%;padding-bottom: 256px;}
	.serup {    padding-top: 50px;}
	.serup ul {    margin-left: -25px;    margin-right: -25px;}
	.serup .left {padding:0 25px;}
	.sermid_title {padding-top:50px;}
	.twocont {    padding: 35px 30px 30px 30px;}
	.aboutext {  padding-top: 30px; width: 100%;}
	.honosub {
		padding-bottom: 25px;
	}
/*	por*/
	.pro_sub {font-size: 26px;padding: 30px 0 30px 0;}
	.pronlist .inmask a{height: 30px; line-height: 30px; font-size: 14px; margin: 2px 0; }
		.proban .pro_left {padding-right: 0px; width: 100%; padding-left: 0; text-align: center;}
	.proban .pro_right {padding-right:0;}
	.proban {padding-bottom:50px;height: auto;}
	.prostrong {font-size:35px;}
	
/*pro list*/
	.prodlist ul li {width:50%;}
	.prodlist ul li p {font-size:18px; padding-left: 18px; margin: 0; line-height: inherit; height: 100%; -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
	.prodlist ul li p i {margin-left:5px;}
	.prodlist ul li p i svg {margin-top:0;width: 14px; height: 14px;}
	.prodlist {padding-bottom:15px;}
	.prolist .induscont {overflow:hidden; display: flex;}
	.prolist .induscont a {width:100%;}
	.prodlist span {    width: 100px;    float: left;}
	.prodlist ul li p span {width:auto;}
	/*pro detail*/
	.xqtitle, .contact_title {
		font-size: 28px;
	}

.prox_l {
    width: 49.5%;
    padding-right:50px;
}
.prox_r {
    width: 50.5%;
    padding-top:15px;
}
	.proscoll {
    max-height: 225px;
}
	.gu_btn_area .gu_btn .label {font-size:16px;}
/*	join*/
	.ul-zhao .ul_mask span:first-child {
    top: 12px;
    background: url("../images/z-bg2.png") no-repeat;
        background-size: auto;
    background-size: 100%;
    height: 42px;
    line-height: 30px;
}
	
	
}


@media (max-width:767px) {
/*index*/
	.hometite {font-size:26px;}
	.induslist ul li {width:100%;} 
	.prolist ul li {width:100%;} 
	.serlist ul li {width:50%}
	.serborder span {font-size:16px; min-width: 82px;}
	.serlist ul li:hover .serborder span {font-weight: 500;}
	.serborder i { width: 35px; margin-right: 10px; background-size: contain !important;}
/*	.serborder {    height: 100px;    line-height: 98px;}*/
	.prolist ul li p {font-size:18px;}
	.index_new ul li {width:100%; }
	.index_new ul li h3 {  height: auto; margin-bottom: 5px; margin-top: 8px;  }
		
/*footer*/
	.homemess {right:4px;}
	.homemess ul li {
    width: 40px;
    height: 40px;
    line-height: 40px;}
	.homemess ul li.back-top svg {width:26px; height: 26px;}
	.footer_up {    padding: 30px 0 30px 0;}
	.foot_r {padding-top:15px;}
	.foot_l ul.footnav li {width:100% !important; padding: 0; padding-bottom: 10px;}
	.foot_l ul.footnav li h2 {margin-bottom:5px;}
	.foot_l ul.footnav li a {display:inline-block; margin-right:10px;}
	.footcont {float:left;max-width: 100%;padding: 15px 5px 15px 20px;}
/*	pageside*/
	.pageban {background:none !important; height: auto !important;}
	.pagenav { padding-bottom: 5px; padding-top: 5px;}
	.pagenmenu { width:100%; max-width:100%;}
	.pagenmenu ul li { width:50%; padding-right:5px; padding-left:5px; height:30px; line-height:30px;  margin-bottom:10px; text-align: center;}
	.pagenmenu ul li a { display:inline-block; line-height:25px;}
	.pagenav .float-right { line-height: 30px; float: left !important;}
	.pagenav .float-right a img { padding-top: 6px;}
	.pagetext {	font-size: 26px;}
	.pagedown strong { font-size: 22px;}

/*about*/
	.aboutup {background-position:2% 100%; padding-bottom: 100px; background-size: 200%;}
	.aboutext {width:100%;}
	.about_sub span {float:left;}
	.abouteng {padding-top:0px}
	.abouttext {max-width:70%;}
	.engtab {    padding-top:30px;}
	.engtab .nav-tabs .nav-item {padding:0 0px; width: 49%; text-align: center;}
	.abouttwo {height:auto; padding-top: 15px;}
	.twolist ul li {width:100%;  margin:15px 0 15px 0;}
	.twocont {height: auto;}
	.twocont p,.misscont p {font-size:16px;}
	.twolist {transform: translateY(-0px);
-ms-transform: translateY(-0px);
-moz-transform: translateY(-0px);
-webkit-transform: translateY(-0px);
-o-transform: translateY(-0px);}
	.peple_sub {
    font-size: 26px;
    padding-top: 30px;
    padding-bottom: 30px;
}
	.custlist ul li {width:33.33%;}
	.custlist .swiper-pagination {
    margin-top: 30px;
}
	.missionbg {
    padding-bottom: 140px;
    min-height: inherit;
}
	.history {    margin-top: 35px;}
	.custlist .swiper-pagination-bullet {width:10px; height: 10px;}
	.misscont {
    padding-top: 35px;
    padding-bottom: 30px;
}
	
/*	honor*/
	.honosub {padding-bottom:25px;}
	.honorlist .swiper-slide {    padding: 30px 15px; padding-top: 15px;}
	.honorlist .items {padding:0 15px;}
	.honorlist .items .img {padding:50px 0;}
.honorlist .items:hover {transform:none;} 
/*	pro*/
	.proban .pro_left {padding-bottom:50px;}
	.proban {padding-bottom:50px; padding-top: 50px;}
	.prostrong {    font-size: 30px; text-align: center;}
	
/*pro detail*/
	.prox_l {
    width: 100%;
    padding-right:0px;
}
.prox_r {
    width: 100%;
    padding-top:30px;
}
	.xqtitle, .contact_title {
    font-size: 26px;
}
	.infour p {font-size:16px;}
	.proscoll {max-height:inherit;}
	.pro_xqtab .tab_box,.pro_xqtab .tab_menu li {height:auto;}
	.gu_btn_area .gu_btn {width:47.8%; margin-right: 5px;padding: 0 5px;}
	.gu_btn_area .gu_btn:nth-child(2) {margin-right:0;}
	.project_l {    padding-top: 35px;}
	.lift-nav ul li {padding:0 15px;}
	.contact_title {padding-top:35px;}
	.project_l ul li {text-align:center; padding-bottom: 30px;}
	.project_l ul li h3 {font-size:26px; background-position: bottom center;}
	.project_l ul li p {max-width:100%; font-size: 16px;}
	.project_l ul li span {max-height:35px;}
	.project_l ul li span img {max-height:100%;}
	.jscs {    padding-top: 20;}

	/*材料应用*/
	.clyy_list ul li {width:100%; padding-bottom: 30px;}
/*	new*/
	.mnewsbt {font-size:26px;}
	.mnewup {display:none;}
	.minside {transform:none;transition:none;}
	.mnew {
    height: 217px;
    padding: 30px 24px;
    margin-bottom: 30px;}
	.mnew .mtime {
    font-size: 20px;
    line-height: 24px;
    margin-top: 25px;
}
	.xwlun .item { max-height: inherit; }
	.xwyou p { width:100%;}
	.xwpic { width:100%;}
	.xwyou { width:100%; padding:20px 15px; box-sizing:border-box; padding-bottom:55px;}
	.xwyou h3 {font-size:16px; height:25px; line-height:25px; display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
	.xwpic img{ min-height:230px;width:100%;}
	.mnewsbt {font-size:26px;}

/*join*/
	.zhao-tit {padding-top:50px;}
	.ul-zhao {padding-top:50px;}
	.ul_mask {display:none;}
	.ul-zhao li {width:33.33%;}
	.ul-zhao li .pic {    width: 50px;height: 50px; margin-bottom: 5px;}
	.ul-zhao .con{position: static;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-o-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}
	.ul-zhao li a {    height: auto; overflow: hidden;}
	.ul-zhao li p{font-size: 14px;}
	.ul-zhao li:hover p{color: #333;}
	.btm-pic p {font-size:14px;}
	.btm-pic h3 {font-size:20px;}
/*	service*/
	.serup {    padding-top: 30px;}
	.serup .left {width:100%; padding: 0 52px;}
.serup .left p{font-size:16px; line-height: 28px;}
.sermid_title {padding-top: 30px;}
	.men_src2_n > div {font-size:20px;}
.men_src2_n > div:first-child { width: 40px;height: 45px;margin-right: 10px; background-size: contain !important;}
	.men_src2_n > div {line-height:45px;}
	.mem_src2_mes > div .mem_src2_i {padding-left:50px;}
	
}

@media (max-width:540px) {

	
}

@media (max-width:380px) {

	
}


@media (max-width:374px) {

	
}

@media (max-width:359px) {

}