@media (max-width:1200px){
	.content,.main,.anli,.ys{width:auto;margin:0 auto}
	.head .pc-nav ul li a{padding:0 10px}
	.adv .swiper-container{width:100%;margin-top:25px}
	.adv .swiper-wrapper{display:flex}
	.adv .swiper-slide .pic{float:initial!important;width:75%;margin:0 auto}
	.adv .swiper-slide .pic img{width:100%;height:auto}
	.adv .swiper-slide .intro{float:initial!important;width:100%;margin:0 auto;margin-top:20px}
	.adv .swiper-slide .intro .info{width:94%;height:auto}
	.adv .swiper-slide .intro .num{width:40px;height:35px;font-size:16px;line-height:35px;margin-left:1px}
	.adv .swiper-slide .intro .info h4{font-size:18px}
	.adv .swiper-slide .intro .info p{font-size:12px;line-height:20px;height:auto;-webkit-line-clamp:100}
	.adv .swiper-pagination{position:inherit;margin-top:15px}
	.adv .swiper-pagination span{opacity:1;background:#999;width:12px;margin:0 8px!important;height:12px}
	.adv .swiper-pagination-bullet-active{background:#3799e4!important}
	.ys .swiper-pagination{ display:block}
	.links{ display:none;}

	.cont-article{ width:auto;}
	
	.wary_left{ width:100%; float:none; margin-top:0px; background:none;}
		.wary_right{ width:100%; float:none; margin-top:20px;}
		.tit_bt,.ttel{ display:none;}
		.nav_muen ul{ min-height:inherit;}
		.pic_content{ min-height:inherit;}
		.pic_content ul li{ width:33.33%; border:5px #eee solid; box-sizing:border-box; margin:0px;}
		.nav_muen ul li{ background:#103fa7; border-radius:6px; width:33.33%; border:3px #eee solid; box-sizing:border-box; float:left; margin:0px; padding:0px; text-align:center;overflow: hidden;
white-space: nowrap;text-overflow: ellipsis;}
	.nav_muen ul li a{ display:inline;}
	.nav_muen ul{ padding:0px;}
.pic_title{ display:block;}

.footer .info{ margin:0px;}
.nav_muen ul{  background:#eee; }
.gengduo{ display: block}

}
@media (max-width:1060px){
	.head .pc-nav ul li a{padding:0 5px}
	.contact{ height:inherit; background-size:cover}
	.contact .bd .cont{ display:none;}
	.contact .bd{ width:95%; margin:0px auto; height:inherit}
	.contact .bd .msg{float:initial;width:80%;margin:0 auto;margin-top:30px;margin-bottom:30px}
	.contact .bd .msg form{margin-top:20px}
	.contact .bd .msg form ul li{display:flex;justify-content:flex-start;align-items:flex-start}
	.contact .bd .msg form ul li p{font-size:13px;line-height:40px;width:70px}
	.contact .bd .msg form ul li input{height:40px;width:80%;margin-left:0;font-size:12px}
	.contact .bd .msg form ul li textarea{width:78%;font-size:12px;padding-top:5px}
	.contact .bd .msg form .btn{width:100%;margin-top:20px}
	.contact .bd .msg form .btn input{width:48%;height:40px;border-radius:5px;font-size:13px}
    .contact .bd:after{width:0;height:0;overflow:hidden}

}
@media (max-width:975px){	
	.head .pc-nav{display:none}
	.head .btn{display:block}
	.head .btn i{font-size:32px;color:#3799e4;display:block}
	.pic_nav ul li{ width:24%; margin-bottom:1%}
}
@media (max-width:920px){
	.top p{display:none}
	.top .box ul li{display:none}
	.top .box ul li:last-child{display:block;width:auto;text-align:center}
	.top .box{float:none;text-align:left}
	.top .box ul li span{display:inline-block;float:left}
	.top p{display:none}
	.top .box{float:left;width:100%}
	.top .box ul li{display:none;border:none}
	.top .box ul li:last-child{display:flex;border:none}
	.top .box ul li b{font-size:14px}
	
	.head .pc-nav{width:200px;background:#103fa7;overflow:hidden;float:none; position:fixed; height:100%; right:-200px; z-index:9999; top:55px; margin-top:0px;}
	.head .pc-nav ul li{height:45px;border-bottom:1px #fff solid;line-height:45px; float:none; border-radius:0px; text-align:center; overflow:hidden;}
	.head .pc-nav ul li:after{content:"";display:none}
	.head .pc-nav ul li:hover:after{display:none}
	.head .pc-nav ul li a{font-size:16px;display:block;border-right:10px;display:block;padding:0 18px;overflow:hidden;border-radius:0px;color:#fff}
	.head .pc-nav ul li:hover a{background:#103fa7;color:#fff}
	.cases{ height:inherit; padding-bottom:20px;}

	.footer .info{ float: none; margin-left: 0px;width: 100%; color: #fff; text-align:center; font-size: 15px;line-height: 26px;}
	.footer .info .tit{ text-align: center;width: 149px; margin: 0px auto; display:none;}
	.footer .info h3{ font-size:20px; color:#fff; border-bottom:1px #1964c2 solid; display:block; padding-bottom:10px;}
	.footer .menu{ display:none;}
		
}
@media (max-width:768px){
	.head .btn{margin:0 15px 0 0}
	.head{height:inherit;}
	.nav{display:none}
	.head .main{display:flex;justify-content:space-between;align-items:center;height:inherit}
	.head .name{width:70%;margin-top:0}
	.head .name img{width:100%}
	.menu{display:none}
	.m-nav{width:100%;height:auto;overflow:hidden;position:absolute;left:0;top:60px;background:#fff;z-index:1000;display:none}
	.m-nav ul{width:96%;margin:0 auto;height:auto;overflow:hidden}
	.m-nav ul li{width:100%;height:auto;border-bottom:1px dashed #eee;line-height:35px}
	.m-nav ul li dl{width:100%;height:auto;overflow:hidden;z-index:11;position:relative}
	.m-nav ul li:last-child{border:none}
	.m-nav ul li a{color:#333;font-size:14px}
	.m-nav ul li div{width:100%;display:none;height:auto;overflow:hidden}
	.m-nav ul li i{float:right;color:#3799e4;display:block;width:60px;text-align:right}
	.m-nav ul li dl dd{width:100%;line-height:25px;border-bottom:1px dashed #eee}
	.m-nav ul li dl dd:last-child{border:none}
	.m-nav ul li dl dd a{font-size:12px;display:block;margin-left:20px}
	.in-banner img{display:none}
	.in-banner img:last-child{display:block}
	.title{margin-top:20px}
	.title p{font-size:22px}
	.title span{font-size:12px;margin-top:5px;text-align:center}
	.product .list{width:100%;height:100px}
	.product .list ul li{margin:0;width:100%;margin-bottom:8px;overflow:auto;padding:0 15px;float:initial;border-radius:10px}
	.product .list ul li .hd{height:40px}
	.product .list ul li .hd i{height:40px;line-height:40px}
	.product .list ul li .hd h4{height:40px;line-height:40px}
	.product .list ul li .bd{margin-bottom:8px}
	.product .list ul li .hd h4 a{font-size:15px}
	.product .list ul li .bd dl dd{float:left;width:49%;box-sizing:border-box;border:1px solid #d2d2d2!important;margin-bottom:5px;text-align:center}
	.product .list ul li .bd dl dd:nth-child(2n){float:right}
	.product .list ul li .bd dl dd a{font-size:12px}
    .product .pic ul li{float: left;width: 48%;  margin:1%;overflow: hidden;transition: .5s;background: #fff;}
    .pro-intro .share{width:100%;height:auto;line-height:22px;border-bottom:1px #e7e7e7 solid;background:#f1f1f1;text-align:center}
    .pro-intro .share p span{display:block;font-size:12px;color:#999;padding:0 8px}
	.product .pic ul li:nth-child(n+7){display:none}
	.footer .info .tit{ text-align:center; margin-bottom:10px;}
	.footer .info .tit p{ text-align:center; float:none}
	.footer .info .tit span{ float:none}

	.product .more{display:block;width:160px;height:40px;line-height:40px;font-size:12px;margin-top:10px;margin-bottom:30px}
	
	.cases .main{width:92%}
	.cases .title{margin-top:30px}
	.cases .swiper-container{margin-top:30px}
	.cases .swiper-slide .pic{width:100%}
	.cases .swiper-slide .intro h4{font-size:15px;height:25px}
	.cases .swiper-slide .intro p{font-size:12px;line-height:18px;height:57px}
	.cases .swiper-pagination{margin-top:35px}
	.cases .swiper-pagination span{width:15px;height:15px;margin:0 10px!important}
	.about{width:100%;height:auto;overflow:hidden;padding:30px 0;background:#eee;border-bottom:20px solid #eee;background:-moz-linear-gradient(top,#eee 33%,#fff 33%,#fff 33%);background:-webkit-linear-gradient(top,#eee 33%,#fff 33%,#fff 33%);background:linear-gradient(to bottom,#eee 33%,#fff 33%,#fff 33%)}
	.about .pic{width:86%;margin:0 auto;float:initial}
	.about .pic img{display:block;width:100%;height:auto}
	.about .intro{width:96%;float:initial;padding:0;margin:0 auto;height:auto;overflow:hidden;background:0 0;margin-top:15px}
	.about .intro .tit{height:30px}
	.about .intro .tit h4{font-size:18px}
	.about .intro .tit b{font-size:18px}
	.about .intro .info{margin-top:10px;font-size:14px;height:auto;overflow:hidden;line-height:20px}
	.about .intro a{width:200px;height:40px;line-height:40px;margin-top:20px;font-size:12px; margin:30px auto; border-radius:6px;}
	.adv{padding-bottom:20px}
	.adv .tit{background:0 0;height:auto;overflow:hidden}

	.news{margin-bottom:20px}
	.news .swiper-container{margin-top:20px}
	.news .swiper-slide{padding:15px 10px;height:auto}
	.news .swiper-slide .time{width:90px;height:70px}
	.news .swiper-slide .time b{height:40px;font-size:20px;line-height:40px}
	.news .swiper-slide .time p{height:30px;line-height:30px;font-size:12px}

	.contact .tit{margin-top:25px}
	.contact .tit b{font-size:8vw}
	.contact .tit h4{width:60%;font-size:4.5vw;height:auto;padding:10px 0;letter-spacing:1px;line-height:initial;margin-top:5px}
	.contact .bd{height:auto;margin-top:20px;margin-bottom:20px;}

	.links{display:none}
	.float{display:none}
	.footer{height:auto;overflow:hidden;padding-bottom:120px}
	.footer .left{float:initial;width:70%;margin:0 auto;margin-top:30px}
	.footer .left img{width:100%}
	.footer .fn{display:none}
	.footer .info{float:initial;width:100%;margin:0 auto;margin-top:20px;text-align:center;height:auto;overflow:hidden;}
	.footer .info p{top:0;transform:translateY(0);font-size:14px;line-height:20px; line-height:25px;}
	.cr{display:none}
	
	.fn{width:100%;height:auto;overflow:hidden;display:block;position:fixed;bottom:0;left:0;z-index:10000}
	.fn ul li{height:80px;width:25%;float:left; background:#1964c2; border-right:1px #fff solid; box-sizing:border-box;}
	.fn ul li img{display:block;margin:0 auto;height:30px;margin:0 auto;margin-top:17px}
	.fn ul li p{color:#fff;font-size:12px;text-align:center;margin-top:5px}
	
	.crumbs .tit{height:45px;margin-right:10px}
	.crumbs .tit img{height:18px;margin-top:13px}
	.crumbs a{font-size:13px;line-height:45px;height:45px}
	.inside-cont .section{padding:15px}
	.about-article{min-height:auto;margin-bottom:10px}
	.about-article img{max-width:100%}
	.about-article .info{margin-top:25px;font-size:13px;line-height:22px; padding:0 10px;}
	.cont-article{width:100%;height:auto;overflow:hidden}
	.cont-article ul li{width:100%;margin-bottom:15px}
	.cont-article ul li img{height:40px}
	.cont-article ul li p{font-size:14px;margin-left:10px}
	.cont-article .map{height:300px}
	.cases-list ul li{float:left;width:49%;padding:6px;margin:0;margin-bottom:10px}
	.cases-list ul li:nth-child(2n){float:right}
	.cases-list ul li .pic{width:100%}
	.cases-list ul li .intro{width:100%}
	.cases-list ul li .intro h4{font-size:15px;height:25px}
	.cases-list ul li .intro p{font-size:12px;line-height:18px;height:57px}
	.page{margin:10px auto}
	.page ul li{padding:0 8px;height:25px;line-height:25px}
	
	.news-list ul{ padding:0 10px;}
	.news-list ul li{padding:15px 10px;height:auto;width:100%;margin-bottom:10px; float:none}
	.news-list ul li .time{width:90px;height:70px}
	.news-list ul li .time b{height:40px;font-size:20px;line-height:40px}
	.news-list ul li .time p{height:30px;line-height:30px;font-size:12px}
    .news-list ul li:nth-child(2n){ float:none}

	.detailed .tit h4{font-size:16px}
	.detailed .tit span{font-size:12px}
	.detailed .info{font-size:12px;margin-top:10px;min-height:auto;line-height:22px}
	.message{width:100%}
	.message img{display:none}
	.message form{margin:0;width:100%}
	.message form ul li{box-sizing:border-box;font-size:14px;margin-bottom:10px}
	.message form ul li input{font-size:14px}
	.message form ul li textarea{font-size:14px}
	.message form .btn input{margin:0;width:48%;height:40px;font-size:14px;background:#3799e4}
	.message form .btn input:last-child{background:#999}
	.about .uimg img{ width:100%;}
	.about .uimg{ width:94%; margin:0px auto; float:none }
	
	.adv .tit img.pc{display:none}
	.adv .tit img.m{ display:block}
    .banner{ position:relative; overflow:hidden; margin:0px auto; display:none}
    .mbanner{ position:relative; overflow:hidden; margin:0px auto; display:block;}
    .anli_lb ul li{ width:50%; border:6px #eee solid;}

.fy{height:auto;border:1px solid #d2d2d2;overflow:hidden;margin-top:30px}
.fy p{width:50%;height:60px;line-height:60px;float:left;color:#666;font-size:16px;text-align:center;border-right:1px solid #d2d2d2; box-sizing:border-box;}
.fy p:last-child{ border-top:1px #ccc solid;width:100%;}
.fy p a{color:#666}

.cr{ display:none;}
.head{ padding:10px 0 0 10px;}
.head .name img{ width:80%;}
.pic_content ul li{ width:50%}
.product .pic_lb ul li{ width:50%; margin:0px; border:3px #eee solid; box-sizing:border-box;}

}
@media (max-width:550px){
	.pic_nav ul { margin:0 10px;}
.pic_nav ul li{ width:49%; margin-bottom:1%}
@media (max-width:420px){.top .box ul li b dd{font-size:22px}
.nav_muen ul li{ width:50%;
}