@media screen and (min-width:1025px){
	.serachList a:hover{ box-shadow:1px 2px 2px rgba(0, 0, 0, 0.2); }
}
@media screen and (min-width:1600px){
	.inner{ width: 1200px;}
}
@media screen and (min-width:1366px){
.index-case .owl-prev,.index-case .owl-next,.index-news .owl-prev,.index-news .owl-next{width: 20px;height: 40px;position: absolute;top: 50%;margin-top: -20px; background:url(../images/case_arrow.png) no-repeat; text-indent: -9999px;overflow: hidden;}
.index-case .owl-prev,.index-news .owl-prev{background-position: left top; left: -40px; top:30%;}
.index-case .owl-next,.index-news .owl-next{background-position: right top; right: -40px; top:30%;}
.footer .t{ padding:0px 0 45px 20px;}
.footer .lef{ padding-left: 20px;}	
}
@media screen and (max-width:1240px){
	.inner{ width: 980px;}
	.index-case .owl-prev,.index-case .owl-next,.index-news .owl-prev,.index-news .owl-next{width: 20px;height: 40px;position: absolute;top: 50%;margin-top: -20px; background:url(../images/case_arrow.png) no-repeat; text-indent: -9999px;overflow: hidden;}
.index-case .owl-prev,.index-news .owl-prev{background-position: left top; left: -10px; top:30%;}
.index-case .owl-next,.index-news .owl-next{background-position: right top; right: 10px; top:30%;}
	.advantage{max-width:1200px;}
    .advantage_con dl{ width:290px;  margin:0px 5px; }
	 .i_news .newsbox .ncon{margin-left:20px; float:left; width:70%;}
	.footer .fnav li{ float:left; margin-left:12%; }	
.footer .t .r{ width:33%; float:left; margin-top:35px; }
}
@media screen and (max-width:1230px){
	.product-list li:nth-child(3n+3){
		margin-right: 4%;
	}

	.transYT,.transYT2 { transform: translateY(0px); -webkit-transform: translateY(0px); transition: transform 0ms; -webkit-transition: transform 0ms; transition-timing-function: ease-out;  }
	.transXT,.transXT2{ transform: translateX(0px); -webkit-transform: translateX(0px); transition: transform 0ms; -webkit-transition: transform 0ms;}
	.transYT50,.transYT250,.transYT10{ 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; }
	.transXT50,.transXT250{ 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,.action.transYT2 { transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transXT,.action.transXT2 { transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transYT50 ,.action.transYT250 ,.action.transYT10 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transXT50,.action.transXT250 { opacity: 1; visibility: visible;transform: translateX(0px); -webkit-transform: translateX(0px); }
	.inner{ width: 98%;}
	.banner { margin:0px auto 0px auto;}
.about-banner{margin-top:0px;}
	.gropSider,.nav{ display: none;}
	.searchArea{ display: none !important;}
	.search-Mbtn,.menu-handler{ display: block;}
	.pageTop{ height: 52px;}
	.header{ transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
	.top{ width: 100%;}
	.logo{ padding: 15px 0px; height: 22px; width: 150px; overflow: hidden; position: relative; left: auto; top: auto; margin-left: 3%;}
	.search-page{ padding: 50px 0px;}
	.serachPbox{ width: 100%; box-sizing: border-box; padding-right: 64px; height: 52px;}
	.serachPbox .txt{ height: 22px; line-height: 22px; font-size: 15px;}
	.serachPbox .btn{ width: 64px; background-color: #1D4992;}
	.serachPbox .btn i{ border-left: 0px none; width: 20px; height: 20px; margin: 16px auto; background-size: cover;}
	.serachPbox .txt{ width: 90%; margin-left: 5%;}
	.footer .box-l1{margin-left:10px;}
	.inside-nav{height:50px; }
.inside-nav li{line-height:50px;}
.inside-nav li a:hover, .inside-nav li a.cur{height:50px;}
.product{background:#fff; width:100%; max-width:100%; float:right; margin-top:20px; min-height:auto;}
.product-box{margin:20px 10px;}	
.product-list li{ width:46%; margin-right:8%;}
   .product-list li:nth-child(2n+2){ margin-right:0;}	
.product-view .box .img{width:100%; max-width:1000px;}
.product-view .box .info{width:96%; max-width:100%; margin-left:2%; margin-right:2%;}	
	
.smallpicb{ display:none; }
.bigpic{ position:relative; display:block; height:auto!important }
.bigpic .imgs{ position:relative; }
.bigpic .imgs .pic{ position:relative; display:block !important; }
.bigpic .pospic{ display:none; }
.pmpics { width: 60%; float:none; }
.bigpic .slick-dots{ bottom:10px; margin-top:0; position:absolute; left:0; right:0; }
.pmpics { width: 100%; }	
}
@media screen and (max-width:1230px){
	.banner{display:none}
	.banner img{width: 100%}
.mbanner{display:block;}
.about-banner{display:none}
.m-about-banner{display:block}
	.advantage_con dl{  width:47%;  margin:15px 1.5%;  }
    .advantage{ margin:20px auto 0 auto;}
	.index-case .owl-prev,.index-case .owl-next,.index-news .owl-prev,.index-news .owl-next{width: 20px;height: 40px;position: absolute;top: 50%;margin-top: -20px; background:url(../images/case_arrow.png) no-repeat; text-indent: -9999px;overflow: hidden;}
.index-case .owl-prev,.index-news .owl-prev{background-position: left top; left: 10px; top:30%;}
.index-case .owl-next,.index-news .owl-next{background-position: right top; right: 10px; top:30%;}
	
.i_about{width:100%; margin:0px auto 0px auto;}

.i_aboutbox dd{ width: 100%; float: left; position: relative;}
.i_aboutbox2{ background-color: #284b70; color: #fff; margin-top: 0px; position: relative; height: auto; z-index: 0}
.i_aboutbox2 .box{padding: 3% 3%; max-width: 100%;}
.i_aboutbox2 H2{ font-size:24px; color: #fff; line-height: 60px; position: relative;}
.i_aboutbox2 H2:after{width:80px; height:2px; background:#fff; content: ""; display: block; position: absolute; left: 0px; bottom: 0px;}
.i_aboutbox2 H6{ font-size:14px; color: #fff; line-height: 30px; margin-top: 20px; }

.i_aboutbox2 .add{display: none}

.i_about-imgbox{ cursor: pointer; position: relative; z-index: 0}
.i_about-imgbox .vimg{ width: 100%; height: 350px;}
.i_about-imgbox .vimg .img{ height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; transition: transform .8s ease-out 0s; -webkit-transition: -webkit-transform .8s ease-out 0s;}
.i_news{margin:50px auto; float:left}
.i_news .newsimg{width:96%; float:left; margin:0px 2%;}
	.newsimg_box figure .img{height: 150px}	
.i_news .newsbox{width:96%; float:left; margin:0px 2%;}
.i_news .newsbox .ncon{margin-left:0px; float:left; width:100%;}	
.footer .t .r{ width:95%; padding-right: 20px; border-right: 0;}
.footer .fnav{ display: none}	
.aboutBox{height:auto}
.aboutBox dd{  width: 100%; float: left; position: relative; overflow: hidden;}
.videoIbox .vimg{height:auto;}
.about-company{width:100%; margin:30px auto 30px auto;}
.about-company .workshop{width:100%;}
.about-company .workshop li{width:48%;float:left; margin-left:0; margin-right:0; background:#fff; margin-bottom:3.1%; transition:460ms}
.about-company .workshop li:nth-child(3n+3){margin-right:0}
.about-company .workshop li:nth-child(2n+2){margin-right:2%; margin-left:2%;}

.about-company .honor{width:100%;}
.about-company .honor li{width:48%;float:left; margin-left:0; margin-right:0; background:#fff; margin-bottom:3.1%; transition:460ms}
.about-company .honor li:nth-child(3n+3){margin-right:0}
.about-company .honor li:nth-child(2n+2){margin-right:2%; margin-left:2%;}


.about-company .case li{width:31%;  float:left; background:#fff; margin-bottom:2%; transition:460ms}
.about-company .case li:nth-child(5n+5){margin-right:2%!important}
.about-company .case li:nth-child(3n+3){margin-right:2%; margin-left:0%;}


.about-company .culture .video{width:100%; float:left; margin-top:20px;}
.about-company .culture .txt{width:100%; float:left; margin-top:20px;}	
.contact{width:100%;}
.contact li{width:96%; margin-left: 2%; margin-right:2%; float:left}
.contact li:last-child{margin-right:2%}
.contact .feedback{width:100%; float:left; margin-bottom:60px;}
.contact .feedback  h6{color:#0768b2; font-size:12px; width:100%; line-height:18px; margin-bottom:10px;}	
.product-view .box .img{width:100%; max-width:100%;}
.product-view .box .info{width:96%; max-width:100%; margin-left:2%; margin-right:2%;}
.pmpics { width: 100%; }	

.news-list li figure{float:left; line-height:normal; width:40%; margin:0 auto; overflow:hidden;}
.news-list li figure img {display:block; line-height:0; width:100%; transition:460ms;}
.news-list .desc {float: left; width: 54%; padding-left: 3%; padding-right: 3%;}
.news-list .desc p {height: 75px; line-height:25px; font-size:14px; color: #666; overflow: hidden; margin:10px 0px;}
.news-list .more {display:block; width:80px; height:32px; border:2px solid #eee; background:#fff; text-align:center}
.newsview .c img {width:100%;}	
}

@media screen and (max-width:1230px){
	.logo{ padding: 4px 0px 30px 0; height: 18px; width: 90px;}
	.search-page{ padding: 40px 0px;}
	.footer .box-l1{display:inline-block; float:left; padding-top:20px; width:90%;}

.footer .box-l2{display:inline-block; padding-bottom:20px; width:90%; margin-left:10px;}
.footer .box-r{display:none;}
.inside-nav{ border:0px solid #eeeeee;  margin-top:0px; padding-top:10px; padding-bottom:10px; height:auto; }
.inside-nav li{  line-height:40px; text-align:center;  width:auto; margin:1% 1.5%; margin-right:20px; border: 0}
.inside-nav li:first-child{margin-left:0px;}
.inside-nav li:last-child{border-right:0px solid #eee;}
.inside-nav li a{font-size:14px; color:#666; text-decoration:none; padding: 0 10px; display:block; border:1px solid #eee;}
.inside-nav li a:hover, .inside-nav li a.cur{text-decoration:none; background:#345578; color:#fff; height:40px;}
.inside-nav li a.cur:after{ display:none}	
.about-company{width:100%; margin:30px auto 30px auto;}
.about-company .box li{width:33%; margin-bottom:30px; border-right:0}
.about-company .box li img{}

.about-company .workshop li:nth-child(3n+3){margin-right:0}
.about-company .workshop li:nth-child(2n+2){margin-right:2%; margin-left:2%;}

.about-company .honor li:nth-child(3n+3){margin-right:0}
.about-company .honor li:nth-child(2n+2){margin-right:2%; margin-left:2%;}
.about-company img{width:100%;}


.about-company .case li{width:48%;  float:left; background:#fff; margin-bottom:2%; transition:460ms}
.about-company .case li:nth-child(5n+5){margin-right:2%!important}
.about-company .case li:nth-child(2n+2){margin-right:2%; margin-left:0%;}	
.product-list{ margin-top:35px;}
   .product-list li{ margin-bottom:20px; width:48%; margin-right:4%;}
   .product-info{ padding-bottom:20px;}
   .product-list li:nth-child(2n+2){ margin-right:0;}
.excellent-tab-t li{ width:auto; padding: 0px 10px}
.excellent-tab-con{margin-left:2%; margin-right:2%;}	
.newsview H3 {font-size: 24px; color: #333; line-height: 36px; text-align: center; padding:0px 10px;}
.newsview .c {font-size: 14px; line-height: 30px; padding: 0px 0px; margin-top: 30px;}

.news-list li figure{float:left; line-height:normal; width:40%; margin:0 auto; overflow:hidden;}
.news-list li figure img {display:block; line-height:0; width:100%; transition:460ms;}
.news-list .desc {float: left; width: 54%; padding-left: 3%; padding-right: 3%;}
.news-list .desc p {height: 25px; line-height:25px; font-size:14px; color: #666; overflow: hidden; margin:10px 0px;}
.news-list .more {display:block; width:80px; height:32px; border:2px solid #eee; background:#fff; text-align:center}	

.pagelist{ text-align:center; margin:20px 0px;}
.pages a.nuble{display:none}
.pages a.prev{display:block}
.pages a.prpage{display:block}
.pages a.nex{display:block}	
.case-bj .title{ width:100%; padding:30px 0px 10px 0; text-align:center; position:relative}	
.case-bj .title h1{ font-size:24px; line-height:30px; margin:10px 0;}	
.i-product .title h1{ font-size:24px; line-height:30px; margin:10px 0;}
.advantage .title h1{font-size:24px; line-height:30px; margin:10px 0;}	
.i_news .title h1{font-size:24px; line-height:30px; margin:10px 0;}	
.see-more{margin-top:10px;}	
}
@media screen and (max-width:481px) {
.case-bj{width:100%; padding-bottom:0px;}	
.case-text{ margin-top:0px;}
.case-toggle{width: 96%}	
.index-case .case-toggle{overflow:hidden; padding-bottom:80px; margin-bottom:20px;}	
.advantage_con dl{  width:95%;  margin:15px 2.5%; }
.advantage{width:100%;}
.advantage_con{ margin:20px auto;} 
.advantage_con dl span{display:none}
.advantage_con dl dd{ height:150px; margin-bottom:10px; padding:1px;} 	
.index-head li{display: inline-block;padding-left: 5px;padding-right: 5px; margin-bottom: 20px;}
.index-head a{font-size: 14px; border:1px solid #ccc; color:#666; padding:5px 10px;}	
.about-company .workshop li{width:49%;}
.about-company .workshop li:nth-child(3n+3){margin-right:0}
.about-company .workshop li:nth-child(2n+2){margin-right:0%; margin-left:2%;}

.about-company .honor li{width:49%;}
.about-company .honor li:nth-child(3n+3){margin-right:0}
.about-company .honor li:nth-child(2n+2){margin-right:0%; margin-left:2%;}

.about-company .c{width:96%; margin:0px auto}

.about-company .culture{ margin-top:30px;}
.about-company .box{width:100%; margin-top:30px; float:left; margin-bottom:30px;}	
.contact .feedback .txt{width: 96%;}	
.news-list li {position: relative; margin-bottom: 10px; padding-top:10px; padding-bottom:10px; background: #fff; overflow: hidden;}	
}	
@media screen and (max-width:421px) {
.about-company .case li{width:49%; float:left; background:#fff; margin-bottom:2%; transition:460ms}
.about-company .case li:nth-child(5n+5){margin-right:0%!important; margin-left:0%;}
.about-company .case li:nth-child(4n+4){margin-right:2%; margin-left:0%;}
.about-company .case li:nth-child(3n+3){margin-right:2%; margin-left:0%;}
.about-company .case li:nth-child(2n+2){margin-right:0%; margin-left:0%;}
.news-list li figure{float:left; line-height:normal; width:40%; margin:0 auto; overflow:hidden;}
.news-list li figure img {display:block; line-height:0; width:100%; transition:460ms;}
.news-list .desc {float: left; width: 54%; padding-left: 3%; padding-right: 3%;}
.news-list .desc p {display:none}
.news-list .more {margin-top:10px;}	
}
@media screen and (max-width: 375px) {
.i_news .newsbox .ncon{margin-left:0px; float:left; width:100%;}	
}
@media screen and (max-width: 360px) {
	.newsview .info span:nth-child(3){display:none}


.news-list .more {width:80px; height:20px; border:1px solid #eee; background:#fff; text-align:center}
.news-list .more span {line-height:22px;}
	
}