@charset "UTF-8";
@media screen and (max-width:1900px){
	.i-case .li1 .mimg img{ width:auto; height:100%;}
	.i-case .li2 .mimg img{ width:auto; height:100%;}
}
@media screen and (max-width:1650px){
	/**
	.main{ padding:0 20px 0 20px;}	
	**/	
	.main{ padding:0 6% 0 6%;}
}
@media screen and (max-width:1560px){
	.case-box .er-left{ width:27%; width: calc(28% - 16px); width: -moz-calc(28% - 16px); width: -webkit-calc(28% - 16px);}
	.case-box .er-right{ width:72%;}
}

@media screen and (max-width:1400px){
	.i-case .li3 .mimg img{ width:auto; height:100%;}
	
	.bk-title2{padding:30px 0 20px 0; padding:1.5vw 0 1.2vw 0;}
	
	.bk-title2 .d1{ font-size:24px; padding-top:0px;}
	.bk-title2 .d2{font-size:14px;  line-height:1.4em;}
	
	
	
	.i-pro li:hover .p2{ font-size:14px;}
	.i-pro li:hover .p2 span{ display:none;}
	
	.pro-ul .dataitem .pro-list-box li .p2{font-size:14px; font-weight:normal;} 
	.pro-ul .dataitem .pro-list-box li .p2 span{ display:none;}
	.pro-ul .dataitem .pro-list-box li:first-child .p2 span{display:block;}
	
	.case-box .er-left .left-title{ font-size:16px; padding-left:16px;}
}
@media screen and (max-width:1300px){
	.nav-box .main ul{ padding:40px 0 0 20px; padding:2.5vw 0 0 1vw;}
	.nav-box .main ul li p a{ font-size:14px;}
}
@media screen and (max-width:1180px){
	
	.case-box .er-right .case-list li .mright .title-box .mtitle{ width:100%; max-width:100%;}
	.case-box .er-right .case-list li .mright .title-box .mdate{display:none;}
	
	.news-ul2 li{margin:0 20px 20px 0; width:48%; width: calc((100% - 40px)/2); width: -moz-calc((100% - 40px)/2); width: -webkit-calc((100% - 40px)/2);}
}
@media screen and (max-width:1000px){
	.case-box .er-right .case-list li .mimg{ width:100%;}
	.case-box .er-right .case-list li .mright{padding:20px 10px 14px 10px; width:96%;  width: calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px);}	
	.case-box .er-right .case-list li .mright .title-box .mtitle{float:left; max-width:75%; max-width: calc(100% - 180px); max-width: -moz-calc(100% - 180px); max-width: -webkit-calc(100% - 180px);}
	.case-box .er-right .case-list li .mright .title-box .mdate{ display:block;}
	
	.case-box .er-left .news-list li .c-box .mright{ display:none;}
	.case-box .er-left .news-list li .c-box .mleft{float:left; width:98%; width: calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px);}
		
	
}

@media screen and (max-width:960px){
	/*导航及顶部处理*/
	.top{ position:fixed; left:0; top:0; width:100%; padding:8px 0 0 0; z-index:88888888;}	
	.top_kong{display:block; height:10vw;}
	.top .logo{ height:7vw;  margin-left:10px; margin-bottom:10px;}
	.top .logo img{ height:100%; width:auto;}
	.top .slogan{ display:none;}
	.nav-box{ display:none;}
	.nav_x{display:block;}
		
}
@media screen and (max-width:850px){
	.main{ padding:0 10px 0 10px;}	
	.nav_x{margin-top:1vw;}
	
	.news-ul{position:relative; padding:16px 0 8vw 0;}
	.banner .slick-dots li button { display:none;}
	
	/*版块文字大小*/
	.bk-title{ padding:18px 0 15px 0;}
	.bk-title .p1{ font-size:24px;}
	.bk-title .p1 span{ font-size:16px;}
	.bk-title .p2{ font-size:16px;}
	
	.bk-title2{ padding:10px 0 15px 0;}
	.bk-title2 .d1{ font-size:24px; padding-left:1vw; padding-right:0;}
	
	.bk-title2 .d2{ font-size:14px; width: calc(100% - 162px); width: -moz-calc(100% - 162px); width: -webkit-calc(100% - 162px); padding-left:20px; border-left:1px solid #666666;}
	.bk-title2 .d2 .hongkuai{height:20px;}
	
	
	/*首页产品列表*/
	.i-pro li{margin:0 15px 15px 0; width:32%; width: calc((100% - 30px)/3); width: -moz-calc((100% - 30px)/3); width: -webkit-calc((100% - 30px)/3); }
	.i-pro li:hover .p1{display:none;}
	.i-pro li:hover .p2{display:none;}
	
	/*首页公司简介*/
	.i-about .mimg{ position:inherit; width:100%; overflow:hidden;}
	.i-about .mright{width:100%;}
	.i-about .mright .c-box{ padding:16px;}
	
	/*首页案例*/
	.i-case li .mimg{ position:inherit; width:100%; height:auto;}
	.i-case .li1 .mimg{ width:100%; height:auto;}
	.i-case .li2 .mimg{ width:100%; height:auto;}
	.i-case .li3 .mimg{ width:100%; height:auto;}
	.i-case .li1 .mimg img{ width:100%; height:auto;}
	.i-case .li2 .mimg img{ width:100%; height:auto;}
	.i-case .li3 .mimg img{ width:100%; height:auto;}
	
	.i-case .li1 .mcon{width:100%;}
	.i-case .li2 .mcon{width:100%;}
	.i-case .li3 .mcon{width:100%;}
	.i-case li .mcon .c-box{padding:18px;}
	
	
	/*首页服务流程*/
	.i-ser li{width:45%; margin-right:8%; width: calc((92% - 0px)/2); width: -moz-calc((92% - 0px)/2); width: -webkit-calc((92% - 0px)/2);}
	.i-ser li .mtitle{ font-size:20px; padding:1.8vw 0 1.4vw 0;}
	.i-ser li .mjianjie{ font-size:16px; padding-top:16px;}
	.i-ser li:nth-child(2n+2){ margin-right:0;}
	
	.i-news .bk-title3 .more a{ font-size:15px;}
	
	/*首页新闻*/
	.news-ul .dataitem .mimg:hover .p1{display:none;}
	.news-ul .dataitem .mimg:hover .p2{display:none;}
	
	.news-ul .dataitem .c-box .mright{ display:none;}
	
	.news-ul .dataitem .c-box .mleft{ width:100%;}
	.news-ul .dataitem .c-box .mleft .mtitle{ font-size:16px;}
	.news-ul .dataitem .c-box .mleft .mjianjie{ font-size:14px;}
	
	
	/*底部*/
	.footer-box .f-line1 .f-logo{ width:100%; text-align:center;}
	.footer-box .f-line1 .f-nav{ display:none;}
	.footer-box .f-line1 .f-ewm{ width:100%;}
	.footer-box .f-line1 .f-ewm li{ width:50%; margin:10px 0 0 0; }
	.footer-box .f-line1 .f-ewm li img{max-width:90%;}
	
	.kefu_right{display:none;}
	
	
	
	/*二级页面*/
	.pro-ul .dataitem .pro-list-box li{width:48%; margin:0 20px 20px 0; width: calc(50% - 20px); width: -moz-calc(50% - 20px); width: -webkit-calc(50% - 20px);}
	.pro-ul .dataitem .pro-list-box li:first-child{ width:98%; width: calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px);}
	.pro-ul .dataitem .pro-list-box li:nth-child(2){margin-bottom:20px;}
	.pro-ul .dataitem .pro-list-box li:nth-child(3){margin-bottom:20px;}
	.pro-ul .dataitem .pro-list-box li:nth-child(4){margin-bottom:20px;}
	.pro-ul .dataitem .pro-list-box li:nth-child(5){margin-bottom:20px;}
	
	
	
	.pro-ul .dataitem .pro-list-box li:hover .p1{ display:none;}
	.pro-ul .dataitem .pro-list-box li:hover .p2{ display:none;}
	
	
	
	/*二级页面案例*/
	.case-box .er-left{ width:100%;}
	.case-box .er-left .left-ceng{ display:none;}
	.case-box .er-left .left-title{ display:none;}
	.case-box .er-left .news-list{ display:none;}
	
	.case-box .er-right{ float:right; width:100%;}
	.case-box .er-right .case-list li .mright .title-box .mtitle{ font-size:12px;}
	.case-box .er-right .case-list li .mright .title-box .mtitle a{ font-size:16px;}
	.case-box .er-right .case-list li .mright .mjianjie{ font-size:14px;}
	
	.case-box .er-right .jiazai a{font-size:14px;}
	
	.xx-title{font-size:16px;}
	
	
	.xx-content{ font-size:14px;}
	.about-c{ font-size:14px;}
	.xx-page a{font-size:14px;}
}

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

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

}

@media screen and (max-width:680px){
	.top_kong{display:block; height:12vw;}
	.top .logo{ height:8vw;  margin-left:10px;}
}

@media screen and (max-width:600px){
	.bk-title2 .d1{ width:100%; text-align:center;}
	.bk-title2 .d2{ width:100%; border-left:0; padding:8px 0 8px 0;}
	.bk-title2 .d2 .hongkuai{display:none;}
	.nav_x2{ width: 40px; height: 40px;}
	
	.news-ul2{ width:110%; width: calc(100% + 10px); width: -moz-calc(100% + 10px); width: -webkit-calc(100% + 10px);}
	.news-ul2 li{margin:0 10px 10px 0; width:48%; width: calc((100% - 20px)/2); width: -moz-calc((100% - 20px)/2); width: -webkit-calc((100% - 20px)/2);}
}

@media screen and (max-width:500px){
	.case-box .er-right .case-list li .mright .title-box .mtitle{ float:left; max-width:75%; max-width: calc(100% - 100px); max-width: -moz-calc(100% - 100px); max-width: -webkit-calc(100% - 100px); }
	.case-box .er-right .case-list li .mright .title-box .mdate{ display:none;}
	.case-box .er-right .case-list li .mright .mjianjie{ text-indent:0;}
	
	.news-ul2{ width:100%;}
	.news-ul2 li{margin:0 0 10px 0; width:100%;}
}

@media screen and (max-width:461px){
.nav_x2{ width: 30px; height: 30px;}


.i-ser li .mtitle{ font-size:16px;}
.i-ser li .mjianjie{ line-height:1.4em; height:4.2em;}

.i-news .bk-title3 .more{ display:none;}

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

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


}