﻿@media(min-width: 1200px) and (max-width: 1920px){
	.wal{width:1180px}
	}
	
@media screen and ( max-width:1440px ){
	.mainModBox .TxtLinkStyle2 .Ico{ padding:40px 0 20px 0; text-align:center;}
	.mainModBox .TxtLinkStyle2 .Name{ font-size:20px; }
	}
/*中等屏幕(桌面显示器，大于等于992px)*/
@media(min-width: 992px) and (max-width: 1199px){
	.wal{width:970px}
	.mainModBox{ width:970px; margin:0 auto;}
	.mainModBox ul{ width:100%; margin:50px auto;}
	.mainModStyle1 li{ width:290px; height:238px; float:left; position: relative; overflow:hidden; margin:0 13px 26px 13px;}
	.mainModBox .TxtLinkStyle2{display:block; height:238px; width:290px;}
	.indexPart1 .list li .name{ color:#fff; font-size:18px; position:relative; padding-bottom:45px;}
	.indexPart1 .list li dd{ font-size:14px; height:30px; line-height:30px; overflow:hidden;}
	.headDiv .nav li{ float:left; font-size:14px; height:64px; line-height:64px; margin-left:36px;}


	}
/*小屏幕(平板，大于等于768px)*/
@media(min-width: 768px) and (max-width: 991px){
	.wal{width:750px}
	.mainModBox{ width:750px; margin:0 auto;}
	.mainModBox ul{ width:110%; margin:50px auto;}
	.mainModStyle1 li{ width:250px; height:205px; float:left; position: relative; overflow:hidden; margin:0;}
	.mainModBox .TxtLinkStyle2{display:block; height:205px; width:250px;}
	.port-3.effect-3 .text-desc{padding: 45px 10px 20px;}
	.sideBar{ display:none;}
	.indexPart1 .list li .name{ color:#fff; font-size:14px; position:relative; padding-bottom:15px;}
	.indexPart1 .list li .name .btn1{ position:absolute; right:40px; top:0px; width:20px; height:20px; display:block; background-size:100%;}
	.indexPart1 .list li dd{ font-size:12px; height:24px; line-height:24px; overflow:hidden;}
	.indexPart1 .list li dd a{ padding-left:13px;}
	.headDiv .nav li{ float:left; font-size:14px; height:64px; line-height:64px; margin-left:26px;}
	.headDiv .logo{position:absolute; left:0px; top:75px;}
	.headDiv .logo img{ width:130px;}
	.indexPart4_l li .box{ height:349px;}
	.indexPart4_r .box{ height:329px;}
	.indexPart4_r li{ font-size:14px; height:35px; line-height:35px;}
	.wrap{ width:auto;}
	.container{width: 100%;}
	.subNav2 .container{width: 100%;}
	.subNav2 ul{ width: auto; padding:20px 0px 20px 10px;}
	.subNav2 ul li{height: 36px; width: 33.33%; margin:8px 0 8px 0; }
	.subNav2 ul li div{ margin-right:10px;}
	.subNav2 ul li a{width:100%;}
	.subSlider .bd li span{ margin: -100px 0 0 -50%; width: 100%;}
	.subSlider .bd li span h5{font-size: 40px;}
	.subSlider .bd li span h6{font-size:14px;line-height: 26px; padding:0 10px;}
	.busScroll .scrollWrap{width:auto; padding:0 10px;}
	.busScroll dl{ padding:0;}
	.busScroll dd{width:100%; margin-left:0;position:relative;left:0; bottom:0; padding: 10px 0;}
	.busScroll dt{ padding-bottom:20px;}
	.busScroll .hd ul{ padding-top: 0px;  }
	.subSolution{ padding:0px 10px 50px 10px; }
	.subCaselogo .container{width: 100%;}
	.subCaselogo ul{ width:auto; padding:10px 0; margin-left:10px;}
	.subCaselogo ul li{width:50%; height:auto;margin:15px 0 10px 0; background:none;}
	.subCaselogo ul li div{ margin-right:10px;background: #fff;}
	.subCaselogo ul li img{max-height: auto; width:100%;}
	.subCaseScroll{ display:none; }
	.subCase .telBox{ display:block;}
	.subServiceScroll{width:100%; }
	.subServiceScroll .scrollWrap{width:auto; padding:0 10px;}
	.subServiceScroll dl{width:50%; height:auto; padding-bottom:30px;}
	.subServiceScroll dt{width:60%;}
	.subServiceScroll dt img{ width:100%;}
	.subServiceScroll dd{width:100%;line-height:28px;font-size:14px;color:#333;text-align:center;overflow:hidden;position:relative; padding-top:15px;top:0px;left:0px;}
	.subServiceFlow{ padding:0 10px 50px 10px; }
	.subServiceFlow p img{ width:100%;}
	.subQuickService{ padding:0 0 50px 0;}
	.subQuickService .container{width: 100%;}
	.subQuickService ul{ width:auto;height:auto; overflow:hidden; padding:10px;}
	.subQuickService ul li{float: none;width:100%; height:120px;margin:15px 0 0 0; }
	.business_profile img{ width:100%;}
	.subSlider{ display:none;}
	.reveal-modal {visibility:hidden;text-align:center;top:50%;left:50%;margin:-200px 0 0 -45%;width:90%;background:#fff;position:absolute;z-index:101;padding:120px 5px 30px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);}
	.subTitle .title2{ font-size:22px; height:auto; padding-bottom:20px; line-height:24px;}
	.onlineMessage{ padding:0 40px;}
	} 
	


/*超小屏幕(手机，小于768px)*/
@media(max-width: 767px){
	.wal, .wal2{ width:100%;}
	.headDiv{height:85px;}	
	.headDiv .wal{height:70px; position:relative;}
	.headDiv .nav, .headDiv .tel{ display:none;}
	.headDiv .logo{position:absolute; left:10px; top:8px;}
	.headDiv .logo img{ height:20px; display:block;}
	.headDiv .links{ position:absolute; left:10px; top:42px; width:180px;}
	.headDiv .links li{ float:left; margin-left:0px; margin-right:15px;}
	.headDiv .navIco,.newFootTel{ display:block;}
	.sideBar, .banner, .pageBanner, .newFoot,.newFoot2{ display:none;}
	.pageBox{ padding:20px 0;}
	.topA .btn1{ background:url(../images/topB.png) left top no-repeat; width:64px; height:57px; background-size:50px;  z-index:555}
	.indexFlashTel, .pageBannerTel{ display:block;}
	.indexPart1 .list,.indexPart1 a.more,.indexPart3 a.more, .indexPart4 a.more{ display:none;}
	.indexPart1{ padding:45px 0 60px; background:#f2f2f2;}
	.indexPart1 .title{ padding-right:10px;}
	.indexPart1 .title img{ width:150px;}
	.indexPart1 .title2{height:34px; line-height:34px; font-size:14px; padding:0 10px; background:url(../images/line3.png) center no-repeat;}
	.indexPart1 .msg{ font-size:12px; padding:0 10px; line-height:22px;}
	.indexPart1 .listTel{ display:block;}
	.indexPart2{ padding:45px 0 20px;}
	.indexPart2 .title{ padding-right:10px;}
	.indexPart2 .title img{ width:150px;}
	.indexPart2 .title2{height:34px; line-height:34px; font-size:14px; padding:0 10px; background:url(../images/line3.png) center no-repeat;}
	.indexPart2 .msg{ font-size:12px; padding:0 10px; line-height:22px;}
	.mainModBox{ display:none;}
	.indexPart2 .list{ display:block;}
	.indexPart3{ padding:45px 0 40px;}
	.indexPart3 .list{ display:none;}
	.indexPart3 .title,.indexPart3 .title2,.indexPart3 .msg{ display:block;}
	.indexPart3 .listTel,.indexPart3 .btnDiv{ display:block;}
	.indexPart4{ padding:25px 10px 50px;}
	.indexPart4 .title{ padding-right:10px;}
	.indexPart4 .title img{ width:70px;}
	.indexPart4 .title2{height:34px; line-height:34px; font-size:14px; padding:0 10px; background:url(../images/line3.png) center no-repeat;}
	.indexPart4_l{ width:100%; padding-bottom:20px;}
	.indexPart4_l ul{ margin-right:-10px;}
	.indexPart4_l li{ width:50%; height:auto; margin-right:0px;}
	.indexPart4_l li .box{ position:relative; background:#f8f8f8; height:auto; padding:0; margin-right:10px;}
	.indexPart4_l li .name{ padding-top:15px; height:48px; font-size:14px; font-weight:bold; padding-left:10px; padding-right:10px;}
	.indexPart4_l li .imgDiv{ position:relative;}
	.indexPart4_l li .imgDiv img{ width:100%;}
	.indexPart4_l li .content, .indexPart4_l li .ico{ display:none;}
	.indexPart4_l li .cishu{ padding:10px 10px 20px;}
	.indexPart4_l li .ico2{ display:block;}
	.indexPart4_r{ padding:0; width:100%; background:#f8f8f8; height:auto;}
	.indexPart4_r ul{ padding:15px 10px 20px;}
	.indexPart4_r li{ height:32px; line-height:32px; font-size:14px; }
	.indexPart4 .btnDiv{ display:block;}	
	.footDiv{ background:#262930; padding:40px 0;}
	.footDiv .title{ text-align:center; font-size:18px; color:#d01a27; font-weight:bold;}
	.footDiv .title2{ text-align:center; font-size:14px; color:#fff; height:34px; line-height:34px; background:url(../images/line4.png) center no-repeat;}
	.footDiv .tel{ text-align:center; font-size:14px; color:#da251d; padding:32px 0 30px 0;}
	.footDiv .tel img{ padding-right:12px; width:20px}
	.footDiv .list{ padding:0 10px;}
	.footDiv .list li{ width:100%; float:none; font-size:12px; color:#8f8f91; line-height:24px; margin-bottom:25px;}
	.footDiv .list li.li01{ text-align:left;}
	.footDiv .list li h2{ font-size:16px; color:#d4d4d4; padding-bottom:15px;}
	.footDiv .list li.li02 h2{ padding-left:0px;}
	.footDiv .list li.li02 dl{ padding-left:0px;}
	.social_links{ display:none;}
	.footDiv .share{ display:block;}
	.foot{ height:auto; background:#d01a27; line-height:24px; color:#fff; font-size:12px; text-align:center; padding:30px 0;}
	.foot a{ display:none;}
	.foot em{ display:block;}
	.caseTab{ padding-top:20px;}
	.caseTab li{ height:30px; font-size:12px; line-height:30px;}
	.caseTab li a{ padding:0 20px; height:30px;}
	.case .list{ padding:25px 0 25px 10px;}
	.case .list ul{ width:100%; margin-right:-10px;}
	.case .list li{ width:50%; height:auto; float:left; margin:0 0 15px 0;}
	.case .list li .box{ margin-right:10px; height:auto; padding-bottom:15px;}
	.case .list li .bottom{ height:auto; padding:0 10px;}
	.case .list li .name{ padding-top:5px; font-size:14px; height:41px;}
	.case .list li .imgDiv img{ width:100%;}
	.case .list li .ico{ display:none;}
	.pageBottom{ background:#f2f2f2; padding:35px 0 20px 10px;}
	.caseRecommend{ width:100%;}
	.caseRecommend .title{ font-size:20px; height:42px;}
	.casePic .slick{ width:50%; height:auto; margin:0 10px 20px 0; background:#fff;}
	.casePic .slick .bottom{ height:auto; padding:6px 10px 15px; position:relative;}
	.casePic .slick .name{ padding-top:5px; font-size:14px; height:25px;}
	.casePic .slick .ico{ display:none;}
	.newsRecommend{ width:100%;}
	.newsRecommend .title{ font-size:20px; padding-right:10px; height:42px;}
	.newsRecommend .title a{ right:10px;}
	.newsRecommend .list{ padding:15px 10px 20px; height:auto; margin-right:10px;}
	.newsRecommend .list li{ height:32px; line-height:32px; font-size:14px;}
	.footDiv2{ padding:35px 10px;}
	.footDiv2 .list li{ width:100%; float:none; margin-bottom:25px;}
	.footDiv2 .list li.li01{ width:100%;}
	.footDiv2 .list li.li02{ width:100%;}
	.footDiv2 .list .li03{ display:none;}
	.footDiv2 .links{ display:none;}
	.footDiv2 .msg img{ display:none;}
	.caseShow{ padding:10px 10px 20px;}
	.caseShow .name{ height:auto; padding-bottom:15px;}
	.caseShow .name h2{ font-size:18px;}
	.caseShow .name .right{ position:relative; padding:10px 0 20px;}
	.caseShow .name .right li{ float:left; font-size:14px; margin-left:0px; margin-right:20px;}
	.caseShow .imgDiv img{ width:100%;}
	.caseShow .share a{ width:24px; height:24px; margin-right:0px;}
	.caseShow .share a img{ width:24px;}
	.caseShow .btnDiv{ display:block;}
	.pageDown{ padding:0 10px; height:100px;}
	.pageDown .btnDiv{ display:none;}
	.newsTab{ padding-top:20px;}
	.newsTab li{ height:30px; font-size:12px; line-height:30px;}
	.newsTab li a{ padding:0 20px; height:30px;}
	.news .list{ padding:30px 10px 20px;}
	.news .list ul{ width:100%;}
	.news .list li{ width:100%; height:140px; float:none; margin:0 0 20px 0;}
	.news .list li .name{ height:46px; font-size:16px; overflow:hidden;}
	.news .list li .content{ height:48px;}
	.news .list li .cishu{ padding-top:10px;}
	.newShow{ padding:10px 10px 20px;}
	.newShow .name{ height:auto; padding-bottom:15px;}
	.newShow .name h2{ font-size:18px;}
	.newShow .name .right{ position:relative; padding:10px 0 20px;}
	.newShow .name .right li{ float:left; font-size:14px; margin-left:0px; margin-right:20px;}
	.newShow .imgDiv img{ width:100%;}
	.newShow .share a{ width:24px; height:24px; margin-right:0px;}
	.newShow .share a img{ width:24px;}
	.newShow .btnDiv{ display:block;}
	.newShow .content img{ width:100%}
	
	
	.wrap{ width:auto;}
	.container{width: 100%;}
	.subNav2 .container{width: 100%;}
	.subNav2 ul{ width: auto; padding:20px 0px 20px 10px;}
	.subNav2 ul li{height: 36px; width: 50%; margin:8px 0 8px 0; }
	.subNav2 ul li div{ margin-right:10px;}
	.subNav2 ul li a{width:100%;font-size: 12px;}
	.subSlider .bd li span{ margin: -100px 0 0 -50%; width: 100%;}
	.subSlider .bd li span h5{font-size: 40px;}
	.subSlider .bd li span h6{font-size:14px;line-height: 26px; padding:0 10px;}
	.busScroll .scrollWrap{width:auto; padding:0 10px;}
	.busScroll dl{ padding:0;}
	.busScroll dd{width:100%; margin-left:0;position:relative;left:0; bottom:0; padding: 10px 0;}
	.busScroll dt{ padding-bottom:20px;}
	.busScroll .hd ul{ padding-top: 0px;  }
	.busScroll .prev,.busScroll .next{width:40px;height:40px;line-height:40px;font-size: 30px;}
	.subSolution{ padding:0px 10px 50px 10px; }
	.subCaselogo .container{width: 100%;}
	.subCaselogo ul{ width:auto; padding:10px 0; margin-left:10px;}
	.subCaselogo ul li{width:50%; height:auto;margin:15px 0 10px 0; background:none;}
	.subCaselogo ul li div{ margin-right:10px;background: #fff;}
	.subCaselogo ul li img{max-height: auto; width:100%;}
	.subCaseScroll{ display:none; }
	.subCase .telBox{ display:block;}
	.subServiceScroll{width:100%; }
	.subServiceScroll .scrollWrap{width:auto; padding:0 10px;}
	.subServiceScroll dl{width:50%; height:auto; padding-bottom:30px;}
	.subServiceScroll dt{width:60%;}
	.subServiceScroll dt img{ width:100%;}
	.subServiceScroll dd{width:100%;line-height:28px;font-size:14px;color:#333;text-align:center;overflow:hidden;position:relative; padding-top:15px;top:0px;left:0px;}
	.subServiceFlow{ padding:0 10px 50px 10px; }
	.subServiceFlow p{ display:none;}
	.subServiceFlow p img{ width:100%;}
	.subServiceFlow .imgDivTel{ display:block;}
	.subQuickService{ padding:0 0 50px 0;}
	.subQuickService .container{width: 100%;}
	.subQuickService ul{ width:auto;height:auto; overflow:hidden; padding:10px;}
	.subQuickService ul li{float: none;width:100%; height:90px;margin:15px 0 0 0; }
	.subQuickService ul li img{float: left; width:90px;}
	.subQuickService ul li p{float: left;line-height: 90px; margin-left:10px;font-size:14px;}
	.business_profile .container{ width:auto; padding:0 10px;}
	.business_profile img{ width:100%;}
	.subSlider{ display:none;}
	.reveal-modal {visibility:hidden;text-align:center;top:50%;left:50%;margin:-200px 0 0 -45%;width:90%;background:#fff;position:absolute;z-index:101;padding:120px 5px 30px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);}
	.subTitle .title2{ font-size:22px; height:auto; padding-bottom:20px; line-height:24px;}
	.onlineMessage{ padding:0 40px;}
	.pageFlashTel{ display:block;}
	.subQuickService .subTitle .title2{letter-spacing:0px;}
	.subAdvantageScroll{width:100%; }
	.subAdvantageScroll .scrollWrap{width:100%;}
	.subAdvantageScroll dl{ width:44%; padding:0 3%; height:auto;}
	.subAdvantageScroll dt{margin:0 auto;width:60%;}
	.subAdvantageScroll dt img{ width:100%;}
	.subAdvantageScroll dd{width:100%;line-height:28px;font-size:14px; text-align:center;overflow:hidden;position:relative; padding-top:15px;top:0px;left:0px;}
	.subAdvantageScroll dd em{ height:42px; overflow:hidden; display:block; line-height:20px;}
	.subAdvantageScroll dd p{ height:56px; overflow:hidden;}
	.subSlogan img{ width:100%;}
	.morebut{ margin:15px 8px; padding:0 20px; font-size:14px;}
.business_profile .con p{ display:none;}
	.business_profile .imgDivTel{ display:block;}
	.controls{ display:block;} 

 


	} 