@charset "utf-8";
/* CSS Document  */


@media screen and (max-width: 2600px) {



}



@media screen and (max-width: 1920px) {




}



/* 1680 */
@media screen and (max-width: 1680px) {
	
	.zy-rd-ability .left {width:34%;padding:5% 4% 0 12%;}
	.zy-rd-ability .right {width:50%;}
	.zy-rd-ability .right .pic div img {max-height:727px;min-height:727px;}
	.talent-concept .text {padding:3%  5%;margin-top:3%;}
	.employment {margin:3% 0px 0px;}
	.employment .text {padding: 2% 5% 2% 5%;width: 89%;min-height:190px;}
	.employment .text .table {padding: 0px 0 0 0;}
	.globalbranch .map img {width: 100%;height: auto;}
	
}


/* 1440 */
@media screen and (max-width: 1440px) {

	.zy-rd-ability .left {width:38%;padding:5% 4% 0 8%;}
	.zy-rd-ability .right {width:50%;}
	.zy-rd-ability .right .pic div img {max-height:623px;min-height:623px;}
	.zy-banner-pic div li .title { top:30%;}
	.talent-concept {padding:3% 0 5% 0;}
	.employment .text {padding:2% 5% 0 5%;width: 89%;min-height:190px;}
	
	

}



/* 1366 */
@media screen and (max-width: 1366px) {
	
	
	.zy-banner-pic div li .title {top:30%;}
	.zy-banner-pic .slick-dots  {bottom: 10px;}
	.zy-rd-ability .left {width:41%;padding:4% 4% 0 5%;}
	.zy-rd-ability .right {width:50%;}
	.zy-rd-ability .right .pic div img {max-height:591px;min-height:591px;}
	.talent-concept {padding:3% 0 2% 0;}
	.employment-promotion {padding:3% 0 5% 0;}
	
	
}




/* 1280 */
@media screen and (max-width: 1280px) {


	section,.acontact,.zy-products-nav-2 li,.tabli,.tab,.con_main,.talent-concept,.employment-promotion {width: 90%;}
	.zy-page-banner .nav {width:90%;left:5%;bottom:20px;margin-left:0px;}
	.zy-productdetail .left {width: 49%;}
	.zy-productdetail .right {width: 50%;}
	.zy-page-banner .pic h4 {top: 40%;right: 5%;}
	.zy-rd-ability .left {width:40%;padding:3% 5% 0 5%;}
	.zy-rd-ability .right {width:50%;}
	.talent-concept {left:5%;margin-left:0;}
	.talent-concept .text {padding: 3%;font-size: 12px;line-height: 22px;margin-top:3%;}
	
	

	
}




/* 1152 */
@media screen and (max-width: 1152px) {

	.zy-rd-ability .right .pic div img {max-height:none;min-height:auto;}


}


/* 1024 */
@media screen and (max-width: 1024px) {




}



/* 860 */
@media screen and (max-width: 860px) {
    .mfoot_box {
    height: 50px;
    background: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 93;
    width: 100%;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
		background-color: #fafafa
	}

	.mfoot_nav {
		padding-top:5px;
		line-height:28px;
		width: 25%;
		float: left;
		background-color: #fafafa;
		text-align: center;
		color: #898989;
		cursor: pointer;
		font-size:16px;
	}

	.mfoot_nav:hover,.mfoot_nav:focus {
		background-color: #e4e4e4;
		cursor: pointer
	}

	.mfoot_nav a {
		color: #898989;
		display: block
	}

	.mfoot_nav a:hover,.mfoot_nav a:focus {
		text-decoration: none
	}

	.mfoot_nav span {
		display: block;
		padding: 3px 0 0 0
	}

	.mfoot_share {
		width: 240px;
		padding: 5px
	}
	
	@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
	font-size:16px;
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}	
	
	header,.pcshow,.suspension { display:none!important;}
	.mbshow,.nav_mobile {display:block!important; }
	section {width:96%;margin: auto;}
	footer {margin-bottom:10%;}
	footer .top {padding-bottom: 5%;}
	footer .top .logo{ padding:10% 0 2.5% 0;}
	footer .top .main{padding:3% 0; line-height: 26px;}
	footer .top .main .left{width:100%;float: none;}
	footer .top .main .left .contact h4 {font-size: 16px;padding-bottom: 10px;}
	footer .top .main .right {display: none}
	footer .bottom {background: #0d1b24;padding: 15px 0;color: #5d6266;}
	footer .bottom .left{width:auto;float: none;line-height: 22px;}
	footer .bottom .right{width:auto;float: none;text-align: left;line-height: 22px;}
	footer .bottom .left a{line-height: 22px;}
	.white_content {top:0;left:0;width:100%;height:100%; margin-left: -0px;margin-top: -0px;background: #fff;}
	.white_content .dtable{height:100%}
	.white_content .dtable .dtable-cell {height:100%!important;}
	.white_content form {position: inherit;}
	.radio {width: -webkit-calc(90% - 2px);width: calc(90% - 2px);}
	.zy-page-banner.srolltop0 .nav ul {width: 100%;}

	
	.zy-banner-pic div li .title { width:90%;left:5%;top:30%;margin: 0;}
	.zy-banner-pic div li .title h2{ font-size:40px;line-height:40px;margin-top:10%;}
	.zy-banner-pic div li .title h3{ font-size:24px;}
	.zy-banner-pic div li .title line {margin:3% auto;height: 1px;}
	.zy-banner-pic div li .title.center {left:5%;margin-left:0px;}
	.zy-banner-pic div li .title.right {left:auto;right:5%;text-align: center;}
	.zy-banner-pic div li .title.right line {float: none;}
	.zy-banner-pic .slick-dots { bottom: 10px;}
	.zy-banner-pic div li .video .iplay {margin:60% auto auto}
	.iplay { width:55px; height:55px;}
	.zy-index-companyprofile {padding:2% 0 11% 0;}
	.zy-index-companyprofile .left {float: none;width:100%;}
	.zy-index-companyprofile .right {float: none;width:100%;padding-left:0;padding-top:5%;}
	.zy-index-companyprofile .right .title {padding-left:0px;}
	.zy-index-companyprofile .right .title li{position:relative;left:auto;top:auto;width:100%;padding: 5px 0;}
	.zy-index-companyprofile .right .title li h2 strong{font-size:26px;font-weight: bold;} 
	.zy-index-companyprofile .right .title li h3 {font-size: 20px;}
	.zy-index-companyprofile .right .title line {display: none;}
	.zy-index-companyprofile .right .text {padding: 5.3% 0;font-size: 14px;line-height: 22px;}
	.title.center h3{font-size: 26px;}
	.title.center h2 i {width:40px;margin:0 10px;}
	.title.center h2 strong{font-size: 24px;}
	.title h2 strong{font-size: 24px;} 
	.title h3 {font-size: 26px;}
	
	.zy-index-latestproduct {padding:15% 0 10% 0;}
	.zy-index-latestproduct .list {padding:5% 0;width:101%;}
	.product{text-align: left;float:left;width:49%;margin:0 1% 1% 0;}
	.product a .pic {padding: 5% 0;height:160px;}
	.product a .pic ul li{height:130px;}
	.product a .text{padding:9% 5%;min-height:90px;}
	.product a .text h4{font-size: 16px;}
	.product a .text h6{font-size: 12px;line-height: 20px;text-overflow:-o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.m0 {margin: 0;width:100%;}
	.nproduct {height:450px;}
	.zy-index-newproducts {padding:15% 0 5% 0;}
	.zy-index-newproducts .pic{padding:5% 0;}
	.zy-index-newproducts .newproducts {width:100%;padding:0;height:auto;margin:auto;}
	.zy-index-newproducts .newproducts a{padding:10% 0;width:90%;}
	.zy-index-newproducts .newproducts a .pic li {}
	.zy-index-newproducts .newproducts a .pic li img {width: auto;max-height: 150px;max-width:60%;}
	.zy-index-newproducts .newproducts a .title{font-size: 16px;}
	.zy-index-newproducts .newproducts .swiper-slide.swiper-slide-active a:hover::after {border:none;}
	.zy-index-newproducts .newproducts .swiper-slide.swiper-slide-active a {width:100%;height:auto;}
	.zy-index-newproducts .newproducts .swiper-slide.swiper-slide-active a .pic{padding: 0;}
	.zy-index-newproducts .newproducts .swiper-slide.swiper-slide-active a .pic li {width:auto;height:250px;}
	.zy-index-newproducts .newproducts .swiper-slide.swiper-slide-active a .pic li img {max-height: 250px;max-width:80%;}
	.zy-index-newproducts .newproducts .swiper-slide.swiper-slide-active a .title {font-size: 16px;}
	.zy-index-newproducts .swiper-button-next,.zy-index-newproducts .swiper-button-prev {display: none;}
	.zy-index-new {padding:15% 0 ;}
	.news {padding:5% 0;}
	.news li {float: none;width:100%;margin-bottom: 10px;margin-left:0px;}
	.news li a .text {position: absolute;left: 0;bottom: 0;width:100%;background: rgba(0,0,0,0.5);}
	.news li a .text span{position: relative;padding:3% 5%;}
	.news li a .text span h4{font-size: 14px;}
	.news li a .text span h5{font-size: 12px;color: #bababa;margin:5px 0;}
	.news li a .text span h6{font-size: 12px;color: #fff;opacity: 0.4;position:relative;right:auto;bottom:auto;}
	.news li.news1 {width:100%;float: none;margin-left:0px;}
	.news li.news1 a img{max-height:none;min-height:auto;}
	.news li.news1 a .text span{padding:1.8% 5%;}
	.news li.news1 a .text span h4{font-size: 16px;}
	.zy-index-investor {padding:15% 0 ;overflow:hidden;}
	.investor {background: #fff;padding:10% 5%;margin-top:8%;overflow: hidden;}
	.investor .left {float: none;width: 100%;}
	.investor .left::after {display: none;}
	.investor .left li {padding: 2% 0;overflow: hidden;}
	.investor .left li h2{font-size: 50px;}
	.investor .left li h3{font-size: 16px;padding: 0 10px;}
	.investor .left li h4{font-size: 20px; }
	.investor .left li h5{font-size: 14px;}
	.investor .left li h6{font-size: 12px;line-height: 22px;}
	.investor .right {float: none;width:100%;padding-left:0;border-top: 1px solid #f1f1f1;}
	.investor .right li {padding-top:5%;float:left;width:50%;text-align: left;}
	.investor .right li h4{font-size: 20px;}
	.investor .right li h5{font-size: 14px;padding-bottom:10px;}
	
	
	.zy-page-banner {margin-top:50px;padding-bottom:55px;}
	.zy-page-banner .pic h4 {font-size: 30px;top:30%;right:5%;display: none;}
	.zy-page-banner .nav {width: 96%;left:2%;bottom:20px;margin-left:0px;}
	.zy-page-banner .nav ul li{float: left;width: 20%;} 
	.zy-page-banner .nav ul li a {padding:15px 0;} 
	.zy-page-banner .nav ul li a i{width: 40px;height: 25px;} 
	.zy-page-banner .nav ul li a h6 {font-size: 12px;margin-top: 4px;} 
	.zy-page-banner .nav ul li a:hover h6{color: #aaaeb3;}
	.zy-page-banner .nav ul li a:hover i img {opacity: 0.2;}
	.zy-about {padding:10% 0;}
	.zy-about .left{float: none;width:100%;}
	.zy-about .left .text {padding:10% 0 5% 0;font-size: 14px;line-height: 24px;}
	.zy-about .right {float: none;width:100%;}
	.zy-about .right .pic{margin:0px;}
	.zy-about .right .text {width:90%;padding:5%;background: rgba(0,58,93,0.8); }
	.zy-about .culture {padding:5% 0;}
	.zy-about .culture .cli{float: left;width:50%;}
	.zy-about .culture .cli .text h5{font-size:14px;margin:1% auto 20px auto;}
	.zy-about .culture .cli .text h3{font-size:14px;color: #fff;width: 80%;margin: auto;}
	.zy-about .culture .cli .pic h4 {position: absolute;left: 0;bottom: 20px;text-align: center;width: 100%;}
	.zy-about .culture .cli .pic h4 strong{font-size:12px;margin:0 10px;}
	.history-n {margin-top:-30px;padding-bottom: 50px;}
	.history-year {padding:0 0 7% 0;width:100%;}

	.acontact {width: 100%;left:0;bottom:0px;margin-left:0px;}
	.acontact .left {padding: 10% 5% 15% 5%;float: none;width: 90%;}
	.acontact .right {display: none;}	
	.zy-aboutdetail {padding:0 0 15% 0;overflow:hidden;position: relative;margin-top:-45px;}
	.mb-text {display: block!important;}
	.gbpic .text{display: none!important;width:100%;height: auto;padding:5% 0 5% 0;position:relative;right:0;top:0;background:#fff;}
	.gbpic .text h3{font-size: 24px;}
	.gbpic .text h6{font-size: 14px;}
	.h550 {height: 600px;}
	
	
/*
	.zy-page-banner .nav.mnav {overflow-x: scroll;}
	.zy-page-banner .nav.mnav ul {width:1000px;box-sizing: border-box;} 
	.zy-page-banner .nav.mnav::-webkit-scrollbar {display: none;}
	.zy-page-banner .nav.mnav ul li{float: left;width:200px;} 
*/
	.zy-page-banner .nav ul li a i img {display:block;width: auto;}
	.zy-page-banner .nav.mnav ul li.cur {background: #003a5d;}
	.zy-page-banner .nav.mnav li{width:10%;display: table-cell;vertical-align: middle;float: none;}
	.zy-page-banner .nav.mnav li a {padding:15px 5%;text-overflow:-o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.zy-page-banner.srolltop0 .nav.mnav ul li a {padding:10px 10%;}
	.zy-page-banner.srolltop0 .nav.mnav ul li a h6 {line-height: 18px;}
	.mbnav2 .nav.mnav ul li a h6{display: none;}
	.mbnav2 .nav.mnav ul li.cur a h6{display:block;text-overflow:-o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	.mbnav2 .nav.mnav ul.num5 li {width: 10%;padding:0 1%}
	.mbnav2 .nav.mnav ul.num5 li.cur {width:40%;padding:0}
	.mbnav2 .nav.mnav ul.num5 li i {display: block;}
	.mbnav2 .nav.mnav ul.num5 li.cur i {display: none;}
	.zy-page-banner.srolltop0 .nav{-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.2);box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
	
	.zy-products {padding:10% 0;}
	.zy-products .left{float: none;width:100%;}
	.zy-products .right{float: none;width:100%;padding-left:0;padding:10% 0;}
	.zy-products-nav  {padding: 10px 0;}
	.zy-products-nav section a{font-size: 12px;float: left;margin: 0.15%;padding:2.5%;text-align: center;border: 1px #ccc solid;width:-webkit-calc(28% - 2px); width:calc(28% - 2px); }
	.zy-products-nav section.num4 a{width:auto;padding:2.5% 3.3%;}
	.zy-products-nav section.num2 a{width:-webkit-calc(44.5% - 2px); width:calc(44.5% - 2px);}
	.zy-products-nav-2 li {width: 100%;margin:10px auto;}
	.tabli {width:96%;padding:20px 0px; margin:10px auto;}	
	.zy-products-list a ul {height: 200px;}
	.zy-products-list a ul img {max-height: 150px;max-width: 100%;}
	.zy-page-banner .path .left {float:none;width:100%;}
	.zy-page-banner .path .right {display: none;}
	.insets-pic {display: none;}
	.insets-pic .pic {margin-bottom:9px;}
	.insets-pic .pic ul li{height:70px;padding:14.33% 0;}
	.insets-pic {float: left;width:20%;padding:30px 0 35px 0;}
	.larger-pic {float: left;width:100%;padding:30px 0 35px 0;}
	.larger-pic .pic ul{height:300px;}
	.pic-none {float: none;width: 100%;margin-bottom:30px;}
	.zy-productdetail {padding:0 0 5% 0;margin-top: -50px;}
	.zy-productdetail .left {float: none;width:100%;}
	.zy-productdetail .right {float: none;width:100%;clear: both;}
	.detail-text{padding:0px 0 0px 0px;}
	.tab{ width:100%; margin:auto;}
	.tab li{ font-size: 14px;padding:20px 0px;width: 33.33%;text-align: center;}
	.con_main{width:96%;margin:auto;padding:5% 0 15% 0;}
	.pdetail li {width:96%;padding:10px 2%;float: none;border-bottom: 1px solid #ededed;}
	.pdetail hr {display: none;}
	.product-collocation {width:101%;}
	.product-collocation a {float: left;width: 32.33%;margin:0 1% 1% 0 ;}
	.product-collocation a .pic{height: 100px;}
	.product-collocation a .pic img {height: 100px;}
	
	.zy-quality {padding:15% 0 15% 0;}
	.zy-quality .text {padding: 50px 0 30px 0;width:96%;}
	.zy-quality .video {width:96%;height:auto; padding:0 2%;}
	.zy-quality .video li {width:100%;height:auto;margin:auto;padding-top:0px;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);}
	.zy-quality .video .slick-center li{width:100%;height:auto;padding-top:0px;-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-ms-transform:scale(1.0);-o-transform:scale(1.0);transform:scale(1.0);}
	.zy-quality .video li img{min-height: auto;max-height:none;max-width:none;}
	.zy-rd-ability .left {float: none;width:96%;padding:7% 0 0 0!important;margin: auto;}
	.zy-rd-ability .left .title {padding-left:0px;}
	.zy-rd-ability .left .title li{position:relative;left:auto;top:auto;width:100%;padding: 5px 0;}
	.zy-rd-ability .left .title li h2 strong{font-size: 26px;} 
	.zy-rd-ability .left .title li h3 {font-size: 26px;}
	.zy-rd-ability .left .title line {display: none;}
	.zy-rd-ability .left .text {padding:5% 0;font-size: 14px;line-height: 24px;text-align: left;}
	.zy-rd-ability .left .text strong{ padding-bottom:0px;}
	.zy-rd-ability .right {float: none;width:100%;}
	.zy-rd-ability .right .pic div img {max-height:none;min-height:auto;}
	.authentication div li img{max-height:none;min-height:auto;}
	.honor div {float: left;width: 47%;margin:0 1% 1% 0;padding:1%;}
	
	.zy-download-list {width:100%;float: none;}
	.zy-download-pic {width:100%;float: none;padding-left: 0;}
	.zy-download-video {width:100%;float: none;padding-left: 0;}

	
	.zy-job {padding:15% 0;}
	.zy-development .text{font-size: 14px;line-height: 24px;width:100%;}
	.zy-job .title.center h3{font-size: 22px;}
	.zy-development .development .dli {float: left;width:50%;}
	.zy-development .development .dli .text {padding:0 5%;width:90%;height:150px;}
	.zy-development .development .dli .pic img{height:150px;min-height:150px;max-height: 150px;}
	.zy-development .development .dli .text h4{font-size: 14px;}
	.zy-development .development .dli .text h5{font-size: 12px;}
	.responsibility {margin:5% 0 ;}
	.responsibility .pic{float: none;width:100%;}
	.responsibility .pic img{min-height: auto;max-height: none;}
	.responsibility .text{float: none;width:90%;padding:5%;}
	.public-welfare {width: 100%;}
	.public-welfare li{float: none; width:100%;margin-right: 0;margin-bottom:2%;}
	.public-welfare li a .pic img{min-height: auto;max-height: none;}
	.public-welfare li a .text {padding:5%  3%;min-height:auto;}
	.jobtitle  {width:100%;display: none;}
	.joblist {padding:5% 0;}
	.joblist li ul {padding: 2% 3% 10% 3%;}
	.joblist li a{padding:5% 5%;}
	.joblist li a.cur{background: #003a5d;color: #fff;}
	.joblist li a span {width:50%;margin-right: 0;line-height:19px; display: none;}
	.joblist li a span:first-child{display: none;}
	.joblist li a span:nth-child(2) {display: block;float: left;text-align: left;}
	.joblist li a span:nth-child(4){display: block;float: right;text-align: right;}
	.jobli {padding:5% 2%;}
	.jobli h6{float: left;width:50%;padding:2px 0;font-size: 13px;}
	.jobtext {padding:5% 2%;}
	.talent-concept {width: 100%;left:0;margin-left:0px;top: 0;padding:15% 0 0 0;}
	.talent-concept .text {padding: 5%;font-size: 12px;line-height: 24px;color: #fff;background:none;margin-top: 5%;}
	.zy-benefit {padding:15% 0 ;}
	.benefit a {padding:4% 1%;float: left;width:47%;margin-right:1%;margin-bottom: 1%;}
	.benefit a .text ul {padding: 5% 0;width:100%;}
	.benefit a .text h5 {width:90%;text-overflow:-o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
	.employment-promotion {width: 100%;left:auto;top: auto; margin-left:0px;padding:15% 0;position: relative;background:url("../upload/employment1m.jpg");}
	.employment {width:96%;margin:5% auto;}
	.employment .text.employment1,.employment .text.employment2 {width:90%;}
	.employment .text{padding:5%;width:90%;min-height: 200px;float: left;margin:1% auto;}
	.employment .text .table {padding:0px 0 0 0;}
	.zy-employment .pic {display: none;}
	.employment .text .border1 {display: block;margin: 1% 0;}
	.employment3 img {-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
	.employment .text.employment2 .border1 {float: left;width:31.33%;margin-right:1%;text-align: center;padding: 6px 0;}
	.employment .text.employment2 table {width: 102%;}
	.zy-recruit {padding:15% 0;}
	.zy-recruit .recruit{width:101%;padding:5% 0;}
	.zy-recruit .recruit li{background: #fff;float: left;padding:5% 1%;width:22%; margin-right: 1%;margin-bottom: 1%;}
	.zy-recruit .recruit li i img {width:80%;}

	
	
	.zy-news {padding:15% 0 ;}
	.newstop {padding:5% 0 0 0;width: 100%;}
	.newstop li{float: none;width:99.5%;margin-right:0;margin-bottom: 5%;}
	.newstop li a .text {padding: 5%;min-height:auto;}
	.newstop li a .text h3 {margin-bottom: 10px;}
	.newstop li a .text h4 {margin:0;}
	.newstop li a .text h5 {margin-top: 10px;}
	.newslist li {margin-bottom:5%;padding-bottom:0px;border: none;}
	.newslist li a {border: 1px solid #ededed;}
	.newslist li a .pic{float: none;width:100%;}
	.newslist li a .text {float: none;width:90%;padding:5%;}
	.exhibitions li{margin-bottom: 5%;padding-bottom:0px;}
	.exhibitions li a .pic{float: none;width:100%;}
	.exhibitions li a .text {float: none;width:90%;padding:5%;}
	.videoapic-img .pic {width:100%;}
	.videoapic-img {padding: 2% 0;width:100%;}
	.videoapic-top .tplay {background: url("../images/play.svg") center no-repeat;background-size:10%;}
	.zy-newsdetail .title h2 {font-size:24px;}
	.newsdetail {width:100%;}
	.zy-newsdetail {margin-top: -30px;}
	.othernews li{float: none;width:100%;margin-right: 0;margin-bottom: 5%;}
	.othernews li a .pic img{display: block;width: 100%;height: auto;}
	.othernews li a .text {padding: 5%;min-height: auto;}
	.othernews li a .text h3 {padding-bottom: 10px;}
	.othernews li a .text h5 {padding-top: 10px;}
	.othernews li a .text h4 {margin: 0;}


	.reports {width:98%;padding:5% 0;overflow: hidden;}
	.reports .icon {padding:20% 10% 5% 10%;}
	.reports .icon img{width:60%;margin: auto;}
	.reports .title {padding:1%;}
	.reports .btn h4 {display: none;}
	.reports .btn {position:relative;width:90%;height:auto;padding:5%;left:auto;top:auto;display:block;background:#fff;}
	.reports .btn a {width:40%;}
	.zy-announcement li a h5{float: none;line-height: 24px;padding-bottom:10px;}
	.zy-announcement li a h6{float: none;}
	
	
	.fanye {padding:2.5% 2%; width:94%;margin: auto;}
	.fanye a {font-size: 14px;line-height: 24px;}
	.fanye a.prev {float: left;width: 30px;height: 30px;position: relative;text-indent: -999px;text-align:center;}
	.fanye a.prev::before,.fanye a.next::after {text-indent:0px;width: 30px;height: 30px;line-height: 30px; display: block; left: 0;top: 0px; position: absolute;}
	.fanye a.next {float: right;width: 30px;height: 30px;position: relative;text-indent: -999px;text-align:center;}
	.fanye a.return {width: 100px;height: 30px;line-height: 30px; position: absolute;left: 50%;top: 50%;margin-left: -50px;margin-top: -15px;}

	
	.zy-products .left .pic img,.othernews li a .pic img,.videoapic-img .pic img,.videoapic-top .pic img,.newslist li a .pic img,.exhibitions li a .pic img,.zy-about .right .pic img,.zy-about .culture .cli .pic img,.zy-about .culture .cli:first-child .pic img,.history-pic li img,.mapplace a .text img,.honor div li img,.newstop li a .pic img,.zy-index-companyprofile .left .pic img,.news li a img{min-height:auto;max-height:none;}
	.newslist li a .pic img{display: block;width: 100%;height: auto;}

	
	.search-input {width: 100%;}
	.pnav.mnav li{padding:20px 5%;width: 23.33%;}
	.partners div.prod div{width: 45%;margin: 3px;}
	.partners div.prod div li img {min-height:80px;max-height:80px;}
	.globalbranch.mbshow a .text img {max-height: 90px;}
	.history-pic {height:auto;padding-bottom: 50px}
	.history .swiper-button-next:before {right: -20px;}
	.history .swiper-button-prev:before,.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 0;}
	

}
 

/* phone 678 */
@media screen and (max-width : 375px) and (max-device-width : 400px) {
	
	.zy-development .development .dli .text {height:130px;}
	.zy-development .development .dli .pic img{height:130px;min-height: 130px;max-height: 130px;}
	
 
}


/* phone x */
@media screen and (max-width : 736px) and (orientation: landscape) {
  
	


}


/* all iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {


}

/* iPad x */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {




}

/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {




}


/* all iPad pro */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {

}

/* x iPad pro */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {


}

/* y iPad pro */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {

}


/* iphone5 */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {


}