@media screen and (min-width:1390px){
	.inner{ width: 1376px;}
	.boxC .en{ font-size: 50px;}
	
	
	.pbanner .joinBanner{ width: 1376px; margin-left: -688px;}
	
	
	
}
@media screen and (min-width:1441px){
	
	
	.pbanner .con .en{ font-size: 40px;}
	.pbanner .con .zh{ font-size: 29px;}
}
@media screen and (min-width:1701px){
	.productIbox .item{ margin: 0px 14px 0px 0px;}
	.sub_case_box .item{ margin:1%;}
}
@media screen and (max-width:1390px){
	.advantage_box .con{
		width:550px;
		padding: 60px 20px 0;}
	.tech_box ul li .text{
		padding-top: 3%;}
	.logoBox{
		width:20%;}
	.nav{
		left:10%;}
	.tel{
		display:none;}
}
@media screen and (max-width:1366px){
	.tech_box .text p{
		width:90%;
		margin: auto;}
	.tech_box .text .p_txt{
		font-size:14px;}
}
@media screen and (max-width:1281px){
	.advantage_box .con{
		padding: 40px 20px 0;}
	.advantage_box .con ul li{
		margin-top:40px;}
	.tech_box ul li .text{
		padding-top:1%;}
	.news_box ul li .txt .time{
		margin-left:5px;}
	.news_box ul li .txt .detail{
		width:80%;
		padding-right:5px;}
}
@media screen and (max-width:1200px){
   .inner{ width:90%;}
   .recruite-fix{ width:100%;}
   .recruite-t{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
   .recruite-t span:nth-child(2),.recruite-t span:nth-child(4),.recuite-top span:nth-child(2),.recuite-top span:nth-child(4){ display:none;}
   .recruite-t span,.recuite-top span{ padding-left:0 !important; width:20% !important; box-sizing:border-box; text-align:center;}
   .recruite-t span:last-child{ text-align:right; padding-right:20px; box-sizing:border-box;}
   .recuite-top span:last-child{ width:19px !important;}
   
}
@media screen and (max-width:1180px){
	.nav{
		left:22%;}
	.inner{ width: 1000px;}
	.logo,.pc-nav-menu .homeBox{ margin-left: 10px;}
	.pc-menu{ right: 8px;}
	.pc-menu li.serach-toggle{ padding: 19px 12px 0;}
	.nav li{ font-size: 14px; width: 90px;} 
	.pbanner .con .en{ font-size: 32px;}
	.pbanner .con .zh{ font-size: 22px;}
	.w1132{ width: 90%;}
	.honorDemo{ width: 100%;}
    .honorDemo ul{ margin-left:0px;}
    .honorDemo .item {  padding:0px 2%; margin-bottom:30px; width:21%;}
	
}
@media screen and (max-width:1024px){
	.advantage_box .con{
		width:100%;}
	.advantage_box .con .con_t{
		font-size:16px;}
	.advantage_box .con ul li{
		transform:scale(0.9);
		margin-top: 20px;}
	.tech_box .text p.p_con{
		display:none;}
	.news_box ul li .txt .detail{
		width:75%;}
	.transYT { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.transYT2 { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.transXT { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.transXT2 { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;  }
	.action.transYT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transYT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transXT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transXT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.inner,.infoC,.w950{ width: 95%;}
	.nav,.pc-menu,.pc-navbox,.tel{ display: none !important; }
	.topBox{ box-shadow: 0px 0px 0px;}
	.top{ box-shadow: -1px 0 3px rgba(0, 0, 0, 0.5);}
	.pc-navbox{ top: 0px;}
	.logoBox{ width: auto;}
	.logo{ margin-left: 20px; width: 185px;}
	.moible-menu{ display: block;}
	.mtop,.top{ height: 65px;}
	.sub_menu.fixed{top:65px;}
	.pc-searchbox{ display: none;}
	.moible-searchbox{ display: block;}
	.backTop{ width: 50px; height: 50px;}
	.backTop .ico{ padding-top: 50px; font-size: 0px; overflow: hidden; height: 0px;}
	.boxC .en{ font-size: 35px;}
	.boxC .zh{ font-size: 30px; margin: 15px auto 25px;}
	.boxC .moreBox .bot{ margin-bottom: 20px;}
	.bannerBox .slick-dots a { width: 6px; height: 6px; border-radius: 50%;background: none; border:1px solid #014DA1;}
	.bannerBox .slick-dots li.slick-active a { background: none #014DA1;}
	.iboxT .t{ font-size: 35px;}
	.aboutIbox{ padding: 50px 0px 60px;}
	.aboutIc{ width: 86%; margin: 30px auto 50px;}
	.aboutIList .y1,.aboutIList .y2{ width: 56px; height: 56px; border: 2px solid #d2d2d2; border-radius: 50%; background:none #e5e5e5;}
	.aboutIList .y2{ border: 2px solid #fff; background:none #F0BE00;}
	.newArrivalsIbox{ padding-top: 50px;}
	.productIbox .slick-arrow{ border: 1px solid #F0BE00; background:rgba(230, 180, 0, 0.8) none repeat scroll 0 0; width: 40px; height: 40px; margin-top: -21px;}
	.productIbox .slick-arrow i{ transform: scale(0.7); -webkit-transform: scale(0.7);}
	.productIbox .slick-prev,.productIbox .slick-next{transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px); opacity: 1; }
	.productIbox .item:hover .yellow_80{ display: none;}
	.productIbox .item:hover .more-line .line { display: none;}
	.imgIbox .t{ font-size: 36px;}
	.imgIbox .en{ font-size: 25px;}
	.fixedImg{ background-attachment: inherit;}
	.imgIbox .black-30{ background: none rgba(0,0,0,0.5);}
	
	
	.pbanner{ background-position: center center; background-size: cover; background-repeat: no-repeat; height: 300px !important;}
	.pbanner .img{ display: none !important;}
	.pbanner .bg{ display: none;}
	
	.aboutPage1{ padding: 50px 0px;}
	.pboxT .t{ }
	.pboxT{ margin-bottom: 40px;}
	.cultureTbox{ padding: 50px 0px;}
	.about-t2 .cul-by{ font-size: 25px;}
	.about-t2 .cul-en{ font-size: 16px;}
	.about-t2 .cul-zh{ font-size: 25px;}
	.cultureTbox .cul-zh{ padding: 20px 0px 35px;}
	.twoCultrue .con{ background-color: #fafafa; display: block; padding:15px 0px; width: 100%; left: auto; position: relative; top: auto;}
	.twoCultrue dd{ width: 48%; margin: 0px 1% 2%;}
	.twoCultrue dd:hover .con{ top: auto;}
	.twoCultrue dd:hover .yellow_80{ display: none;}
	.twoCultrue dd:hover .t .txt { color: #727272;}
	.twoCultrue dd:hover .t .bot{ background-color: #727272;}
	.twoCultrue dd .by1{ opacity: 0; transform: translate(0px,-50px); -webkit-transform: translate(0px,-50px); height: 0px; margin-bottom: 0px; overflow: hidden;}
	.twoCultrue dd .by2,.twoCultrue dd:hover .by2{ opacity: 1; margin: 15px auto; visibility: visible;}
	.twoCultrue dd .by{ color: #F0BE00;}
	.twoCultrue dd .t .bot1{ visibility: hidden; opacity: 0;}
	.twoCultrue dd .t .txt{ padding: 0px 0px 12px;}
	.twoCultrue dd .c{ display: block; color: #4B4B4B;}
	.twoCultrue dd .lico,.twoCultrue dd:hover .lico{ display: none;}
	.historyPage,.jiagou{ padding: 50px 0px;}
	.honorDemo{ padding: 50px 0px;}
	.honorPage .about-t2{ margin-bottom: 30px;}
	
	
	
	.slider-nav{ margin: 0px 30px 40px;}
	.slider-nav .slick-prev{ left: -35px;}
	.slider-nav .slick-next{ right: -35px;}
	.slider-nav .slick-arrow{ background-image: url(../images/img_bg4.png); background-size: cover; width: 40px; height: 40px;}
	.slider-nav .slick-arrow i{  background-size: cover;}
	.slider-nav .slick-prev i{ background-image: url(../images/img_l2.png);}
	.slider-nav .slick-next i{ background-image: url(../images/img_r3.png);}
	
	.formBox{ float: none; width: 100%;}
	.historyPage .titem{ float: none; width: 100%; text-align: center;  padding-left: 0px;}
	.historyPage .titem .about-t2 .bot{ margin: 0px auto;}
	.historyPage .citem{ float: none; width: 100%;}
	.historyDemo .year{ font-size: 20px;}
    .honorDemo .item {  width: 29.33%;} 
    
  	.vwrap .videobox { width: 700px; margin-left: -350px; }
	
	.recruiment-box{ padding:50px 0 120px;}
    .recuites{ padding:32px 30px 70px;}
	.partner_box ul li{
		width:21%;}
	.environment_con ul li{
		width:33.333333%;}
	.bannerpanel{
		height:600px;}
	.banneritem .pic img{
		display:none;}
	.pbanner img{
		display:none;}
}

@media screen and (max-width:991px){
	.advantage_box .con{
		padding:20px 10px 0;}
	.video_big video{
		width:95%;}
	.sub_menu{
		padding:0;}
	.sub_menu ul{
		width:100%;}
	.sub_menu ul li{
		width:14%}
	.sub_products ul li{
		width:33.333333%;}
}

@media screen and (max-width:860px){
	.main{
		padding:40px 0;}
	.main_box{
		margin-top:40px;}
	.technology {
		padding:40px 0 0;}
	.products .pro_box ul li{
		width:100%;
		margin:1% 0;}
	.advantage .advantage_box{
		width:100%;}
	.advantage .video_box{
		width:100%;}
	.advantage_box .con{
		padding: 80px 10px 0;}
	.advantage_box .con ul li {
		transform: scale(1);
		margin-top: 60px;
	}
	.tech_box ul li .text{
		width:100%;
		padding:5% 2%;}
	.tech_box .text .p_txt {
		font-size: 16px;
	}
	.tech_box .text p.p_con{
		display:block;}
	.tech_box ul li .img{
		width:100%;}
	.news_box ul li{
		width:48%;
		margin:1%;}
	.linkBox .lin1{
		width:100%;}
	.pageC .img, .pageC .text{
		width:100%;
		margin:auto;}
	a.logo2{
		margin:auto;}
	.linkBox .lin2{ 
		width: 100%;
		margin-left: 30px;}
	.linkBox .sharpbox{ 
		width:138px;
		float: none;
		margin:20px auto 10px;}
	.linkBox .lin3{ 
		width: 100%; 
		text-align: center;
		margin-top:0;}
	.foot span{
		float:none}
	.foot{
		text-align:center;}
	.boxC .en{ font-size: 30px;}
	.boxC .zh{ font-size: 25px;}
	.banner .pimg{ display: block;}
	.banner .bimg{ display: none !important;}
	.iboxT .t{ font-size: 30px;}
	.iboxT .by{ font-size: 22px;}
	.iboxT .line{ margin-top: 25px;}
	.imgIbox .con{ width: 80%; padding: 20px 25px; box-sizing: border-box;}
	.imgIbox .t{ font-size: 30px;}
	.imgIbox .en{ font-size: 22px;}
	.imgIbox .bot{ margin: 12px auto 8px;}
	
	.pboxT .byEn{
		font-size:28px;}
	.pboxT .t{}
	.about-t{ font-size: 25px;}
	.pageDL dd.item1,.pageDL dd.item2{ float: none; width: auto; border-right: 0px none; padding: 0px;}
	.pageDL dd.item2{ padding-top: 20px;}
	
	.historyDemo .year{ font-size: 18px;}
	.vwrap .videobox { width: 560px; margin-left: -298px; }
	.sub_products ul li{
		width:50%;}
	.sub_main{
		padding:60px 0;}
	.digg{
		margin-top:60px;}
	.infoPaging{
		margin-top:60px;}
	.news_show .infoT{
		margin-bottom:30px;}
	.news_show .video_con{
		padding-top:40px;}
	.page_con{
		padding-bottom:40px;}
	.contact_form{
		padding:40px 0 0;}
	.partner_box ul li{
		width:29.333333%;}
	.environment_con ul li{
		width:50%;}
	.honorDemo .item{
		width:48%;}
	.sub_menu{
		height:auto;}
	.news_show .video_con video{
		width:100%;}
	.sub_case_box .item,.sub_video ul li{
		width:31.333333%;}
}
@media screen and (max-width: 667px){
	.advantage_box .con {
		padding: 50px 10px 0;}
	.sub_case_box .item,.sub_video ul li{
		width:48%;}
}
@media screen and (max-width:641px){
	.inner,.w1132,.infoC,.w950{ width: 94%;}
	.sharpbox a .i{ transform: scale(0.8); -webkit-transform: scale(0.8);}
	.boxC .en{ font-size: 25px;}
	.boxC .zh{ font-size: 20px; margin: 10px auto 15px;}
	.boxC .moreBox .bot{ margin-bottom: 10px;}
	.foot .linkA{ float: none;}
	.linkBox .inner{ position: relative;}
	.linkBox .lin1{ width: 69px; position: absolute; left: 0px; top: 0px;}
	.linkBox .lin2{  width: 100%; box-sizing: border-box;}
	a.logo2{  width: 50px; font-size: 12px;}
	a.logo2 img{ margin-bottom: 5px;}
	.linkImg .img{ width: 45px;}
	.aboutIList{ width: 90%;}
	.aboutIList li{ width: 33.33%; padding: 0px 2% 20px;}
	.aboutIList .ico{ transform: scale(0.7); -webkit-transform: scale(0.7);}
	.aboutIc{ width: 94%;}
	.productIbox{ margin-top: 35px;}
	.productIbox .slick-prev{ left: 0%;}
	.productIbox .slick-next{ right: 0%; }
	.more{ width: 180px;}
	.imgIbox .con{ width: 90%;}
	.imgIbox .t{ font-size: 25px;}
	.imgIbox .en{ font-size: 18px;}
	.imgIbox .bot{ transform: scale(0.6); -webkit-transform: scale(0.6);}
	
	
	.pbanner{ height: 240px !important;}
	.pbanner .con .en{ font-size: 30px;}
	.pbanner .con .zh{ font-size: 20px;}
	
	.pboxT .t{ font-size: 25px;}
	.about-t2 .cul-zh{ font-size: 20px; padding: 10px 0px;}
	.cultureTbox .cul-zh{ padding: 10px 0 25px;}
	.twoCultrue dd{ float: none; width: 98%;}
	.twoCultrue dd .c{ height: auto;}
	.twoCultrue .con{ padding: 15px 0px 25px;}
	.onumBox .owlp-prev, .onumBox .owlp-next{ height: 36px; width: 36px; background-size: cover;}
	.onumBox{ height: 40px; line-height: 40px; font-size: 18px;}
	
	
	.historyPage .citem{ height: auto;}
	.historyDemo .item{ height: auto;}
	.hisBot{ top: 0px; left: 0px; width: 2px; height: 100%; margin-top: 0px; background-color: #d5d5d5;}
	.historyDemo .hitem1,.historyDemo .hitem2,.historyDemo .hitem3,.historyDemo .hitem4{ float: none; width: auto; position: relative; left: auto; top: auto; height: auto; margin-bottom: 25px; padding-top: 0px;}
	.historyDemo .c{ font-size: 1.8;}
	.historyDemo .hitem1 .xian, .historyDemo .hitem2 .xian,.historyDemo .hitem3 .xian, .historyDemo .hitem4 .xian{ bottom: auto; top: 3px; height: 5px;}
	.historyDemo .dian,.historyDemo .hitem1 .dian, .historyDemo .hitem2 .dian{ top: 0px; bottom: 0px; left: -5px; background: none #F0BE00; border-radius: 50%; width: 10px; height: 10px;}
	.historyDemo .hitem3 .dian, .historyDemo .hitem4 .dian{ top: 0px;}
	.historyDemo .year{ line-height: 1; margin-bottom: 5px; position: relative; top: -4px; font-size: 18px;}
    .honorDemo .item {  width: 46%;} 
    .vwrap .videobox { width: 400px; margin-left: -218px; height: 350px;  margin-top:-175px;}
	.recruite-t span:nth-child(5), .recuite-top span:nth-child(5){ display:none;}
    .recruite-t span, .recuite-top span{ width:25% !important;}
    .recuite-list{ margin-bottom:20px;}
    .deliver{ margin-top:20px; padding-top:20px;}
    .recuite-info{ margin-bottom:15px;}
    .loadmore{ margin-top:33px;}
    .recruiment-box{ padding:40px 0 50px;}
	.partner_box ul li{
		width:46%;
		margin:2%;}
	.contact_add li .ch{
		line-height: 25px;
		height: 60px;
		overflow: hidden;
	}
	.contact_add li{
		width:50%;}
		
	.bannerpanel{
		height:400px;}
		.banerBtns{
			bottom:20px;}
}
@media screen and (max-width:481px) {
	.advantage_box .con {
		padding: 20px 10px 0;}
	.advantage_box .con ul li {
		transform: scale(0.9);
		margin-top: 20px;}
	.boxC .en{ font-size: 20px;}
	.boxC .zh{ font-size: 18px; margin: 8px auto 12px;}
	.boxC .moreBox { font-size: 10px;}
	.boxC .moreBox .bot{ margin-bottom: 8px; width: 80px;}
	.iboxT .t{ font-size: 25px;}
	.iboxT .by{ font-size: 16px;}
	.iboxT .line{ width: 80px;}
	.iboxT .line2{ width: 80%;}
	
	.pbanner{ height: 200px !important;}
	
	
	.vwrap .videobox { width: 300px; margin-left: -178px; height: 300px; margin-top:-150px; }
	.recuites{ padding:20px 20px 60px; }
	.loadmore{ height:38px;}
	.loadmore a{ line-height:38px; font-size:14px;}
}
@media screen and (max-width:421px) {
	.sub_products ul li{
		width:100%;}
	.honorDemo .item{
		width:100%;
		margin: 1% 0;}
	
	
}
@media screen and (max-width:414px){
	.products .pro_box ul li .pro_left{
		width:100%;}	
	.products .pro_box ul li .pro_right{
		width:100%;}
	.advantage_box .con ul li{
		transform: scale(0.8);
   		margin-top: 10px;}
	.advantage_box .con .con_t{
		font-size:14px;}
	.video_box .con{
		height:80px;}
	.video_box .video_icon{
		width:60px;
		height:60px;
		background-size:cover;}
	.news_box ul li{
		width:100%;
		margin:1% 0;}
	.subBtn{
		width:70%;
		height:46px;}
}
@media screen and (max-width: 375px) {
	.advantage_box .con ul li{
		display:none;}
	.advantage_box .con {
    	padding: 60px 10px 0;}
	.sub_menu{
		height:auto;}
	.sub_menu ul li{
		width:80px;}
	.imgIbox .con{ width: 100%;}
	.imgIbox{ padding: 60px 0px;}
	.digg span{
		padding:5px 10px;}
	.digg a{
		padding:7px 10px;}
	.sub_main{
		padding:40px 0;}
	.digg{
		margin-top:40px;}
	.infoPaging{
		margin-top:40px;}
	.news_show .infoT{
		margin-bottom:20px;}
	.news_show .video_con{
		padding-top:20px;}
	.news_show .video_con{
		padding-top:30px;}
	.page_con{
		padding-bottom:30px;}
	.page_con{}
	.partner_box ul li{
		width:100%;
		margin:2% 0;}
	.environment_con ul li{
		width:100%;}
	.sub_case_box .item,.sub_video ul li{
		width:100%;
		margin:1% 0;}
	.bannerpanel{
		height:360px;}
	.pbanner{ height: 180px !important;}
	
}
@media screen and (max-width: 360px) {
	.boxC{ top: 25%;}
	.linkBox{ padding: 30px 0px 40px;}
	.linkBox .lin1{ position: relative; left: auto; top: auto; width: 100%; float: none; padding-bottom: 20px;}
	.linkBox .lin2{ padding-left: 0px;}
	.boxC .en{ font-size: 18px;}
	.boxC .zh{ font-size: 14px;}
	.digg span{
		padding:4px 7px;}
	.digg a{
		padding:6px 7px;
		margin-right:1px;}
	.bannerpanel{
		height:320px;}
	.pbanner {
    	height: 160px !important;}
	
}