@charset "UTF-8";
/* Slider */

@media ( min-width:720px ) and  (max-width:950px) {
.Header-lang-menu span .white{ display:none;}
.footBg .cont .div2{width:42%; margin:0px 8%;}
.footBg .cont .div1 .fxIcon ul li{ width:34px; height:34px; border-radius:50%; margin-right:5px;}
.footBg .cont .div1 .fxIcon ul li a{line-height:34px; font-size:14px;}

/*---案例中心----*/
.caselist{ width:100%; margin-top:20px;}
.caselist ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
.caselist ul li{ width:48%; margin:10px 0px;}
.solCase-slide{border-radius: 10px;background: #f2f2f2;display: block;}
.solCase-img img{width: 100%;height:250px;}
.solCase-con{padding:10px 10px 5px;}
.solCase-con .line{width: 100%;height: 2px;background: #f1f1f1;}
.solCase-slide:hover .solCase-img img{transform: scale(1.08);}
.solCase-slide:hover .solCase-con .title{color: #19853b;}


}



@media (min-width:320px) and (max-width:720px) {
.Header-btn{ height:60px;}	
.Header > .contain{ padding:0px 10px;}
.ny-banner > .contain{padding:0px 10px;}
.Banner-lun > img{ height:40vh}
.Header-lang-menu span .white{ display:none;}
.Header-btn-white , .Header-btn2-white{ display:none !important;}
.Header-btn,.Header-lang,.Header-search{ margin-right:0px !important;}
.Header-btn span{ display:none;}
.Header-logo{ margin:0px 10px;}

.title1{ width:100%;}
.title1 img{ width:50%;}
.title1 h1{color: #333333;margin-top: -15px; font-weight:bold;}


.inprodvbtright a{display: flex;width:133px;height:40px;padding: 5px;border-radius:40px;justify-content: space-between;align-items: center;}
.inprodvbtright a span{margin-left:15px;color: #ffffff;font-size:14px;transition: all .5s;}

.inprodvbtright a .icon{display: flex;justify-content: center;align-items: center;width:40px;height:40px;border-radius: 50%;color: #fff;font-size:16px;margin-right: 0px;transition: all .5s; transform:translateY(0%) rotate(180deg)}
.inprodvbtright a:hover span{margin-left:10px;}
.inprodvbtright a:hover .icon{margin-right:5px;}


.div1 .fl{ width:96%; float:left; margin:0 2%;}
.div1 .fl .div1Box h1 {color: #333333;font-weight: bold;margin-top:20px;}
.div1 .fl .div1Box p{line-height:28px;color: #666666;font-size:15px;margin-top:20px;}

.div1 .fr{ width:96%; float:left; margin:20px 2% 0px 2%;}

.div2{ padding:30px 0px;}
.jjfa{ padding-left:2%;}
.jjfa .fl{ float:left; width:100%;}
.jjfa .fl .flTxt{ margin-top:10px;}

.jjfa .fl .prev , .jjfa .fl .next{ width:30px; height:30px; font-size:12px;line-height:30px; border-radius:5px; color:#fff; margin:0px 5px; float:left; margin-top:3%;}
.jjfa .fl .prev { }
.jjfa .fl .next{transform: translateY(0%) rotate(180deg);}


.jjfa .fr{ width:100%; float:left; margin-top:10px;}
.jjfa .fr .swiper .swiper-slide a .de_post > div{ padding:14px 10px 15px;}
.jjfa .fr .swiper .swiper-slide a .de_post > div .svg{ margin-top:40%;}
.jjfa .fr .swiper .swiper-slide a .de_post > div .svg img{ height:70px; width:auto;}

.jjfa .fr .swiper .swiper-slide a .de_post > div .cen{ margin:5px 0px;}
.jjfa .fr .swiper .swiper-slide a .de_post > div .cen .desc {margin-top:10px;line-height:22px;height:88px; display:none;}
.jjfa .fr .swiper .swiper-slide a .de_post > div .bot .w1{ font-weight:bold;}

.xpzxdvlist,.caselist{ margin-top:10px;}
.xpzxdvlist ul li{padding:10px 10px;width:48%;background-color: #f2f2f2;margin:5px 0px;}
.xpzxdvlist ul li h2{width: 122px;height:36px;background-image: linear-gradient(to right, rgba(12,119,219,1) , rgba(63,179,217,1));margin: 0 auto;margin-top: 20px;border-radius: 50px;display: flex;justify-content: space-around;align-items: center;position: relative; display:none;}
.xpzxdvlist ul li h2::after{content: "";position: absolute;top: 1px;left: 1px;width:120px;height: 34px;background-color: #fff;border-radius: 50px;z-index: 2;transition: all .5s;}

.div4 .title1{ margin:0px auto;}
.div4Box ul li{ height:auto;}
.div4Box ul li .liImg{ width:100%;position:absolute; overflow:hidden; z-index:2;}
.div4Box ul li .liImg img{-webkit-transition: all 0.8s;transition: all 0.8s; width:100%; height:120px;}
.div4Box ul li .liTxt{ width:100%; position:relative; z-index:4; left:0px; top:0px; color:#fff; text-align:center; padding:10px 0px;}
.div4Box ul li .liTxt i{ width:30px; height:30px; display:block; margin:0px auto;}
.div4Box ul li .liTxt span{ margin:5px 0px; font-size:12px;}

.div5 .title1 , .div6 .title1{ margin:0px auto 20px auto;}
.div5 .div5Tit{ width:90%;}

.Inddt-cont{ margin-top:0px;}
.Inddt-cont .cont-l{ width:90%; margin:0px 5%;}
.Inddt-cont .cont-r{ width:100%; padding-left:0px;}
.Inddt-list .list {padding: 15px 0px; width:33.333333%; float:left; border-bottom:none;}
.Indfa-list .list .show .img {height: 35px;}
.Inddt-line .li::before{width: 8px;height: 16px;background-size: 100% auto !important;}
.Inddt-line .li .cont{display: none;}

.div6 .title1 img{ width:28%;}
.div6Box{ width:97%; max-width:1200px; margin:30px auto;}
.div6 .left{ width:100%; float:left; height:300px;}
.div6 .left .top {height:300px;}
.div6 .left .top .post > div {padding:14px 18px;}
.div6 .left .top .post > div .st_1 .txt p {width: 96%;font-family: GilroyBold; font-size:22px;}
.div6 .left .top .post  > div .st_2 {margin-top:5px;height:52px;}
.div6 .left .top .post > div .st_2 p {color: rgba(255, 255, 255, 0.5);line-height:22px;}

.div6 .right{ width:100%; float:right; margin-top:20px;}

.div6 .right ul{ display:block; float:left;}
.div6 .right ul li{margin-bottom:17px; width:100%;display:block; float:left; height:100px;}
.div6 .right ul li a.newsImg{ width:30%; height:100px; }
.div6 .right ul li a.newsImg img{width:100%; height:100px;}

.div6 .right ul li .newsTxt{ width:67%; float:right; display:block;}
.div6 .right ul li .newsTxt a{width:100%;height:24px;line-height:24px; display:block; float:left;font-size:16px; color:#333;text-overflow: ellipsis;overflow: hidden;}
.div6 .right ul li .newsTxt .date{ display:block; float:left; background:url(../images/icon12.png) left center no-repeat; padding-left:20px; color:#999; width:60%; margin:5px 0px;}
.div6 .right ul li .newsTxt p{ display:block; float:left; color:#666; line-height:24px;height:42px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; width:100%;}



.footBg{padding:15px 0px;}

.footBg .cont .div1{ width:96%; float:left; margin:0 2%;}
.footBg .cont .div1 .yqlj{ width:100%; float:left; display:none;}

.footBg .cont .div1 .fxIcon{ width:100%; float:left; margin-top:0px;}
.footBg .cont .div1 .fxIcon ul{ width:100%; display:block; text-align:center;}
.footBg .cont .div1 .fxIcon ul li{ display:inline-table; float:inherit;background:#2a282e; width:38px; height:38px; border-radius:50%; margin-right:5px;}
.footBg .cont .div1 .fxIcon ul li a{ display:block; float:left; width:100%; text-align:center; line-height:38px; font-size:15px;}

.footBg .cont .div2{ width:100%; background:none; float:left; padding:0px 0px; margin:0 0;}
.footBg .cont .div2 b{ width:100%; display:none;}
.footBg .cont .div2 ul{ width:94%; display:block; margin:10px auto;}
.footBg .cont .div2 ul li{ width:100%; display:block; float:left; height:35px; margin:5px 0px;}
.footBg .cont .div2 ul li i{ width:32px; height:32px; display:block; float:left; text-align:center; line-height:32px;font-style:normal; background:#2a282e; border-radius:3px; font-size:12px;}
.footBg .cont .div2 ul li span{ display:block; float:left; height:28px; line-height:32px; padding-left:10px;}

.footBg .cont .div3{ float:left; width:100%;margin:10px 0px; max-width:720px;text-align:center;}
.footBg .cont .div3 img{ width:50%; display:block; margin:0px auto;}
.footBg .cont .div3 span{ width:100%; display:block; text-align:center; line-height:30px; color:#fff;}
.copyright{ width:100%; background:#1d1c21; height:54px; line-height:24px;}
.copyright .cont{ width:97%; max-width:1280px; margin:0 auto; color:#fff;}
.copyright .cont .fl{ float:left; font-size:12px; width:100%;}
.copyright .cont .fr{ float:right; display:block;}

.pf_down{ display:block;}

.ny-banner{margin-top: 54px;height: 180px;}
.bann-name{display: none;}
.ny-banner .bann-text2{left: 20px;margin-left: 0;margin-top: -26px;}
.ny-banner .bann-text2 h3{font-size: 20px;padding: 0;}
.ny-banner .bann-text2 h3 span{font-size: 16px;padding-top: 5px;}

.brand .home{display: block;float: none;padding: 15px 0 15px 30px;border-bottom: 1px solid #e5e5e5;line-height: 30px;background: url(../images/pp.jpg) no-repeat 12px center;}
.sub-menu-1{width: 100%;}
.brand{height: auto;line-height: normal;height: auto;}
.brand .w1400{width: 100%;}
.sub-menu-1 li{height:30px;line-height:30px;width:46%;margin-right: 4%;text-align: center;}
.sub-menu-1 li:nth-child(2n){margin-right: 0;}
.about1 .left,.about1 .right,.tab-con03 .left,.tab-con03 .right{width: 100%;float: none;}
.sub-menu-1 li.move a::after, .sub-menu-1 li a:hover::after{width: 40px;left: 50%;margin-left: -20px;}

.sub-menu-1 li dl{top: 60px;z-index: 11;}
.sub-menu-1 li{position: relative;}
.sub-menu-1 li dl dd{float: none;padding: 0;}
.sub-menu-1 li dl dd a{font-size: 14px;padding: 0;}
.sub-menu-12{ margin:0 auto;}
.sub-menu-12 ul{ height:auto !important;}
.sub-menu-12 li{ margin-right:0px !important; line-height:26px; width:50%;}
.sub-menu-12 li a{ padding:0px 8px!important;}
/*.INTitle h2{ padding-bottom:15px;}
.INTitle h2::after{content: "";display: block;position: absolute;width: 40px;height: 3px;background: #19853b;left: 50%;margin-left: -20px;bottom: 0;}
.INTitle span{ display:none;}*/


/*---案例中心----*/
.caselist{ width:100%; margin-top:20px;}
.caselist ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
.caselist ul li{ width:48%; margin:10px 0px;}
.solCase-slide{border-radius: 10px;background: #f2f2f2;display: block;}
.solCase-img img{width: 100%;height:150px;}
.solCase-con{padding:10px 10px 5px;}
.solCase-con .line{width: 100%;height: 2px;background: #f1f1f1;}
.solCase-slide:hover .solCase-img img{transform: scale(1.08);}
.solCase-slide:hover .solCase-con .title{color: #19853b;}


.news-lists ul{ width:90%; margin:0px 5%;}
.news-lists ul li{ width:100%; float:left; border-bottom:dashed 1px #ebebeb; padding:0px 0px 15px 0px; margin-top:25px; height:auto;}
.news-lists ul li .newsImg{ width:100%; height:190px; float:left; overflow:hidden;}
.news-lists ul li .newsImg img{ width:100%; height:190px;transition-duration: .5s; border-radius:10px;}
.news-lists ul li .newsTxt{ width:100%; float:right; padding-left:0px;}
.news-lists ul li .newsTxt .txtTitle{ width:100%; margin-top:10px;float:left; font-size:18px; height:30px; line-height:30px; overflow:hidden;}
.news-lists ul li .newsTxt span.date{ padding:0px 0px;}
.news-lists ul li .newsTxt .more{ display:none;}
.NyContact_lxfs ul li{ width:48%;}
.NyContact_lxfs ul li .icon {display: block;width:5rem;height:5rem; line-height:5rem; font-size:30px;}
.lxfs_text i {margin:5px auto;}
.NyContact_lxfs ul li .lxfs_text {padding: 80px 10px 10px;}

.honorBox ul li{padding:20px 20px 0px 20px;width:50% ;margin: 15px 0px 0px 0px;}

.honorBox ul li .image{ height:10rem;}
.honorBox ul li .image img{ height:8rem;}


.solutionlist .solBox{flex: none; width: calc(100%/1);margin-top: 16px; position:relative;}
.solutionlist .solBox .s_title{ font-size:20px; font-weight:550;}




/*-----关于我们 end-----*/
.about1Txt{ margin-top:20px;}
.about1Txt .fl{ width:96%; margin:0px 2%;line-height:24px !important;}
.about1Txt .fr{ width:96%; margin:0px 2%;}

.aboutNum{ margin:20px auto;}
.aboutNum .list{width:50%; text-align:center; margin-bottom:20px;}

.download ul{ display:block;width:94%; margin:0 auto;}
.download li {width: 100%;float: none;margin-right: 0;padding: 20px 15px;}


/*---研发中心---*/
.list-div li h4{padding: 15px 0;}
.list-div li p,.pp-top .detail p{font-size: 14px;line-height: 24px;}
.list-div .right{padding-left: 0;}
.list-div li,.list-div li a{margin-bottom: 30px;}

.list-div .left,.list-div .right{width: 100%;float: none;height: auto;}

.serviceBox{ margin-bottom:30px;}
.serviceBox ul li{ margin:20px 0px;}
.serviceBox ul li h2{line-height:25px;}
.serviceBox ul li div{line-height:25px;}


}
@media ( min-width:1024px ) and  (max-width:1680px) {

	.Header-navbar{ margin-right:0%;}
	.Header-navbar>ul>li{ margin:0px 5px;}
	.Header-navbar>ul>li:last-child{ margin-right:15px;}
	.Header-btn,.Header-lang{ margin-right:20px;}
	.Banner-lun .contain{ width:100%; text-align:center;}
	.Banner-lun .contain .cont-r{ margin:0 auto;}
	
	.div1,.div3,.div5,.div6Box{ width:100%; max-width:1240px;}
	
	.jjfa .fr .swiper .swiper-slide a .de_post > div{ padding:28px 14px 22px;}
	.jjfa .fr .swiper .swiper-slide a .de_post > div .svg img{ height:100px !important; width:auto;}
	
	.jjfa .fr .swiper .swiper-slide a .de_post > div .cen{ margin:5px 0px;}
.jjfa .fr .swiper .swiper-slide a .de_post > div .cen .desc {margin-top:10px;line-height:22px; height:110px;font-size:14px;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.jjfa .fr .swiper .swiper-slide a .de_post > div .cen .txt{ font-weight:bold; font-size:18px;}
}

@media ( min-width:720px ) and  (max-width:1024px) {
	
	
.Header-lang-menu span .white{ display:none;}
.Header-btn-white , .Header-btn2-white{ display:none !important;}
.jjfa{ padding-left:2%;}

.jjfa .fl .prev , .jjfa .fl .next{ width:40px; height:40px; line-height:40px; border-radius:5px; color:#fff; margin-right:10px; float:left; margin-top:3%;}
.jjfa .fl .prev { background:#19853b;}
.jjfa .fl .next{ background:#3badd8;transform: translateY(0%) rotate(180deg);}


.jjfa .fr .swiper .swiper-slide a .de_post > div{ padding:28px 14px 22px;}
.jjfa .fr .swiper .swiper-slide a .de_post > div .svg img{ height:100px; width:auto;}
.xpzxdvlist,.caselist{ margin-top:30px;}
.xpzxdvlist ul li{padding:30px 25px;width:31.3333%;background-color: #f2f2f2;margin: 15px 0px;}
.xpzxdvlist ul li:nth-child(4){ display:none;}

.div4Box ul li .liTxt{ width:100%; position:relative; z-index:4; left:0px; top:0px; color:#fff; text-align:center; padding:20px 0px;}
.div4Box ul li .liTxt i{ width:50px; height:50px; display:block; margin:10px auto;}

.ny-banner{margin-top: 54px;height:280px;}
.bann-name{display: none;}
.ny-banner .bann-text2{left: 20px;margin-left: 0;margin-top: -26px;}
.ny-banner .bann-text2 h3{font-size: 20px;padding: 0;}
.ny-banner .bann-text2 h3 span{font-size: 16px;padding-top: 5px;}


.brand .home{display: block;float: none;padding: 15px 0 15px 30px;border-bottom: 1px solid #e5e5e5;line-height: 30px;background: url(../images/pp.jpg) no-repeat 12px center;}
.sub-menu-1{width: 100%;}
.brand{height: auto;line-height: normal;height: auto;}
.brand .w1280{width: 100%;}
.sub-menu-1 li{height: 60px;line-height: 60px;width:31.33%;margin-right: 3%;text-align: center;}
.sub-menu-1 li:nth-child(3n){margin-right: 0;}
.NyContact_lxfs ul li .icon {display: block;width:5rem;height:5rem; line-height:5rem; font-size:30px;}
.lxfs_text i {margin:10px auto;}
.NyContact_lxfs ul li .lxfs_text {padding: 80px 10px 10px;}

.about1Txt .fl{line-height:24px !important;}

}