
@media screen and (max-width:1460px){
	.wrap{width: 1100px;}
	.f-wrap{width: 1100px;}
	.footer .fnav .hotline{width: 200px;}
	.footer .fnav .hotline .footer-logo img{width: 170px;}
	.footer .fnav .hotline .footer-logo p{font-size: 12px;line-height: 14px;}
	.footer .fnav .hotline .mes p, .footer .fnav .hotline a{font-size: 12px;line-height: 16px;}

	.footer .fnav .fnav-list{margin-left: 80px;}
	.footer .fnav .fnav-list dl{margin-right: 20px;}

	.footer .fnav .fnav-list dl.fr{width: 330px;}
	.footer .fnav .fnav-list dl.fr dd{width: 162px;}

	.footer .fnav .fnav-list dt{font-size: 16px;line-height: 22px;}

	.footer .fnav .fnav-list dd a{font-size: 14px;line-height: 36px;}
	.footer .copyright,.footer .copyright .tech a{font-size: 12px;}

	.footer .fnav .follow{width: 200px;}
	.footer .fnav .follow img{width: 40px;}
	.footer .fnav .follow a{margin-right: 10px;}
	.footer .fnav .follow .wx .hover-img{top: 36px;}



	.nav ul li a{font-size: 20px;line-height: 20px;padding: 16px 0;}
	.nav ul li a img{width: 20px;}

	.title{padding-top: 45px;padding-bottom: 35px;}
	.title h4{font-size: 34px;line-height: 58px;}


	.project .project-list li a .img{height: 400px;}
	.project .project-list li a .mes .box img{width: 50px;}
	.project .project-list li a .mes .hover-box img{width: 24px;}
	.project .project-list li a .mes .box p{font-size: 20px;line-height: 22px;margin-top: 20px;}
	.newsIndex .news-list .list .info h2{font-size: 18px;line-height: 26px;height: 52px;}

	.newsIndex .news-list .list .info p{margin-top: 25px;}
	.newsIndex .news-list .list .info span{margin-top: 20px;}

	.customer .customerL li a{border: 4px solid #6eaeef;}

	.customer-list li a img{width: 50px;}
	.customer-list li a{padding-top: 30px;padding-bottom: 25px;}
	.customer-list li a p{font-size: 14px;line-height: 20px;margin-top: 12px;}

	.f-banner .img{height: 260px;}
	.current h3{font-size: 38px; line-height: 48px;}
	.current p{font-size: 32px;line-height: 32px;}

	.f-nav .f-navlist li a{padding: 20px 15px;}
	.f-nav .f-navlist li.active a:after{height: 3px;}
	.caseWrap .f-nav .f-navlist li{width: 90px;}
	.caseWrap .f-nav .f-navlist li a{font-size: 18px;line-height: 60px;}

	.projectWrap .ftit h3{font-size: 30px;line-height: 48px;}
	.projectWrap .ftit p{font-size: 18px;line-height: 32px;}
	.projectWrap .ftit em{width: 68px;}
	.project-report .report-list li a{padding: 15px 20px;font-size: 16px;line-height: 26px;}
	.projectTable tr th p, .projectTable tr td p{padding: 15px 40px;}
	.projectTable tr{font-size: 20px;line-height: 38px;}


	.project-advantage .advantage-list li .titH{padding: 35px 20px;}
	.project-advantage .advantage-list li .titH h3{font-size: 20px;line-height: 24px;height: 48px;}
	.project-advantage .advantage-list li .mes{padding: 0 20px;font-size: 14px; line-height: 26px;height: 390px;}

	.project-contact .contact-mes{padding: 30px 35px;}

	.project-contact .contact-mes .mes h4{font-size: 28px;line-height: 32px;}
	.project-contact .contact-mes .mes h4 a{font-size: 24px;line-height: 24px;}
	.project-contact .contact-mes .mes p{font-size: 16px;line-height: 22px;}
	.project-contact .contact-mes .contact-bt{width: 180px;font-size: 16px;line-height: 38px;margin-top: 8px;}


	.company-profile .profile{width: 530px;}
	.company-profile .company-img{width: 520px;}
	.company-profile .tit{margin-bottom: 15px;}
	.company-profile .tit h4{font-size: 28px;line-height: 28px;}
	.company-profile .tit p{font-size: 20px;line-height: 30px;}
	.company-profile .profile .mes p{font-size: 14px;line-height: 24px;}
	.company-profile .profile .mes .details{margin-top: 20px;}
	.company-profile .profile .mes .details a{padding: 10px 0;width: 160px;font-size: 14px;line-height: 18px;}
	.company-profile .profile .mes .details a img{width: 18px;}



	.aboutWrap  .ftitle h4,.aboutWrap  .ftitle p{font-size: 34px;line-height: 38px;}


	.aboutWrap .develop{padding: 70px 0;}
	.aboutWrap .develop-mes .develop-list li h3{font-size: 32px;line-height: 56px;}
	.aboutWrap .develop-mes .develop-list li h3 em{font-size: 16px;line-height: 50px;}
	.aboutWrap .develop-mes .flexslider .slides li{padding-top: 85px;}
	.aboutWrap .develop-mes .line{top:85px;}
	.aboutWrap .develop-mes .flexslider .flex-direction-nav a{width: 34px;height: 34px;background-size: 34px;}
	.aboutWrap .research .research-mes{font-size: 16px;line-height: 26px;}
	.aboutWrap .research .research-mes p{margin-bottom: 26px;}

	.contact .contact-map iframe{height: 400px;}
	.contact .contact-addr{margin-top: 45px;padding: 0 5px;}
	.contact .contact-addr li .cont{padding-left: 55px;padding-right: 20px;}
	.contact .contact-addr li .cont .icon{width: 40px;height: 40px;background-size: 18px;}
	.contact .contact-addr li .info h4{font-size: 18px;line-height: 20px;}
	.communication-list li .box .tit h4{font-size: 18px;line-height:38px;height: 38px;}
	.communication-list li .box .info{font-size: 16px;line-height: 30px;}
	.communication-list li .box .icon{width: 54px;height: 54px;}
	.communication-list li .box a{padding-left: 80px;}

	.newsW{padding-top: 50px;}
	.first-news{margin-bottom: 65px;}
	.newsList li a{padding: 15px 20px;}
	.first-news .img{width: 385px;}
	.first-news .img img{}
	.first-news .right-mes{width: 675px;}
	.first-news .right-mes span.look-detail{margin-top: 35px;}

	.company-profile{margin-top: 65px;margin-bottom: 85px;}

	.serviceProject li .img{height: 289px;}
	.serviceProject li .mes{padding: 15px 10px;}
	.serviceProject li .mes h4{font-size: 20px;}
	.contactM li.name{width: 400px;}
	.contactM li.name h4{font-size: 24px;line-height: 30px;}
	.contactM li.name p{font-size: 18px;line-height: 30px;}



}


@media screen and (max-width:1280px){


	.nav ul li a{font-size: 18px;line-height: 18px;}
	.nav ul li a img{width: 18px;}


	.title h4{font-size: 30px;line-height: 54px;}



	.f-banner .img{height: 220px;}
	.current h3{font-size: 32px;line-height: 42px;}
	.current p{font-size: 26px;line-height: 26px;}
	.f-nav .f-navlist li a{padding: 15px 10px;}
	.f-nav .f-navlist li.active a:after{height: 3px;}
	.newsW{padding-top: 45px;}
	.first-news{margin-bottom: 60px;}
	.contact .contact-map iframe{height: 340px;}


	.aboutWrap .ftitle h4, .aboutWrap .ftitle p{font-size: 30px;line-height: 34px;}

	.customer .customerL li a{border: 3px solid #6eaeef;}


}




@media screen and (max-width:1024px) {
	#ads_float_div{display: none;}
	.wrap {width:94%;}
	.f-wrap {width:94%;}

	.menu-handler {display:block;}
	.header {position:fixed;top:0;width:100%;margin-left:0;left:0;height: 58px;background-color: #fff;z-index: 9999;}
	.header .nav{display:none;}
	.header .logo {padding: 0 0;margin-left: 0;}
	.header .logo img{margin-top: 18px;width: 700px;}
	.header .search-mes,.nav{display: none;}
	.footer .fnav .fnav-list{display: none;}


	.banner,.f-banner{margin-top: 58px;}
	.banner .flex-control-nav{bottom: 15px;height: 12px;}
	.banner .flex-control-paging li a{width: 10px;height: 10px;}

	.title{padding: 30px 0;}
	.title h4{font-size: 24px;line-height: 32px;}

	.project .project-list{white-space: nowrap;overflow-x:scroll;font-size: 0;}
	.project .project-list li{display: inline-block;width: 220px;float: none;white-space: normal;}
	.project .project-list li a .img{height: 360px;}
	.project .project-list li a .mes .box img{width: 40px;}
	.project .project-list li a .mes .box p{font-size: 16px;line-height: 18px;margin-top: 15px;}
	.project .project-list li a .mes .hover-box{padding: 0 20px;margin-top: 25px;}
	.project .project-list li a .mes .hover-box p{font-size: 12px;line-height: 20px;}
	.project .project-list li a .mes .hover-box img{width: 26px;margin-top: 25px;}

	.newsIndex{margin-bottom: 50px;background-size: 100px;}
	.newsIndex .news-tab{margin-bottom: 40px;}
	.newsIndex .news-list .list .info{padding: 15px 0;}
	.newsIndex .news-list .list .info h2{font-size: 16px;line-height: 24px;height: 48px;}
	.newsIndex .news-list .list .info p{margin-top: 20px;}
	.newsIndex .news-list .list .info span{margin-top: 15px;}
	.newsIndex .news-list .list a .img::before,.newsIndex .news-list .list a .img:after{display: none;}
	.customer{background-size: 100px;}


	.footer .copyright .copy,.footer .copyright .tech{float: none;width: 100%;text-align: center;}
	.footer .fnav .hotline{width: 400px;}

	#top{width: 36px;height: 36px;right: 10px;}
	#top .ico{background-size: 13px;}
	/*以上是首页*/


	.f-banner .img{height: 200px;}
	.current h3 { font-size: 28px; line-height: 38px;}
	.current p{font-size: 22px;line-height: 22px;}
	.f-nav .f-navlist li a{ padding: 10px 5px;font-size: 16px;line-height: 34px;height: 34px;}

	.caseWrap .f-nav .f-navlist li{width: 70px;}
	.caseWrap .f-nav .f-navlist li a{font-size: 16px;line-height: 48px;}



	.project-intro, .project-process, .project-report, .project-case, .project-part, .project-advantage{padding-bottom: 30px;}
	.projectWrap .ftit h3{font-size: 24px;line-height: 42px;}
	.projectWrap .ftit p{font-size: 16px;line-height: 30px;}
	.projectWrap .ftit em{width: 60px;height: 3px;}

	.projectTable tr{font-size: 18px;line-height: 36px;}
	.projectTable tr th p, .projectTable tr td p{padding: 10px 25px;}
	.project-advantage .advantage-list li{width: 49.5%;margin-right: 1%;}
	.project-advantage .advantage-list li:nth-child(2n){margin-right: 0;}
	.project-advantage .advantage-list li .titH{padding: 20px 15px;}
	.project-advantage .advantage-list li .titH h3{height: 24px;}
	.project-advantage .advantage-list li .mes{height: 240px;padding: 0 15px;}

	.project-contact .contact-mes{padding: 20px 25px;}
	.project-contact .contact-mes .mes h4{font-size: 24px;line-height: 28px;}
	.project-contact .contact-mes .mes h4 a{font-size: 20px;line-height: 20px;}
	.project-contact .contact-mes .mes p{font-size: 14px;line-height: 22px;}
	.project-contact .contact-mes .contact-bt{width: 150px;font-size: 14px;line-height: 34px;margin-top: 8px;}

	.company-profile{margin-top: 35px;margin-bottom: 50px;}
	.company-profile .profile{width: 100%;margin-bottom: 35px;}
	.company-profile .company-img{width: 520px;float: none;margin: 0 auto;}
	.company-profile .tit h4{font-size: 24px;line-height: 24px;}
	.company-profile .tit p{font-size: 18px;line-height: 28px;}

	.aboutWrap .develop,.aboutWrap .research{padding: 35px 0; }{padding: 35px 0;}
	.aboutWrap .ftitle h4, .aboutWrap .ftitle p{font-size: 24px;line-height: 28px;}
	.aboutWrap .develop-mes .develop-list li h3{font-size: 26px;line-height: 46px;top: 0;}
	.aboutWrap .develop-mes .develop-list li h3 em{font-size: 14px;line-height: 40px;}
	.aboutWrap .develop-mes .flexslider .slides li{padding-top: 60px;}
	.aboutWrap .develop-mes .line{top:60px;}
	.aboutWrap .develop-mes .flexslider .flex-direction-nav a{width: 30px;height: 30px;background-size: 30px;}
	.aboutWrap .research .research-mes{margin-top: 35px;}


	.first-news{margin-bottom: 50px;}
	.first-news .img{width:35%;}
	.first-news .right-mes{width: 62%;}
	.first-news .right-mes p{margin-top: 10px;-webkit-line-clamp: 3;height: 72px;}
	.first-news .right-mes span.look-detail{margin-top: 20px;}
	.newsList  .mes h2{max-width: 68%;}
	/*以上是动态新闻*/
	.newsDetail{padding: 45px 15px;}
	.newsDetail .news-title{font-size: 20px;line-height: 34px;padding: 0 50px;}


	.contact .contact-map iframe{height: 280px;}
	.contact, .communication {padding-top: 35px;  padding-bottom: 50px;}

	.contact .contact-addr{margin-top: 25px;padding: 0 5px;}
	.contact .contact-addr li .cont{padding-left: 40px;padding-right: 15px;}
	.contact .contact-addr li .cont .icon{width: 30px;height: 30px;background-size: 14px;}
	.contact .contact-addr li .info-tit p{font-size: 14px;line-height: 18px;}
	.contact .contact-addr li .info-tit em{font-size: 16px;line-height: 16px;}
	.contact .contact-addr li .info h4{font-size: 16px;line-height: 18px;}
	.communication-list li .box .tit h4{font-size: 16px;line-height:36px;height: 36px;}
	.communication-list li .box .info{font-size: 14px;line-height: 28px;}
	.communication-list li .box .icon{width: 46px;height: 46px;}
	.communication-list li .box a{padding-left: 72px;}

	.serviceProject li a{padding: 6px 6px 0 6px;}
	.serviceProject li .img{height: 200px;}
	.serviceProject li .mes{padding: 10px 6px;}
	.serviceProject li .mes h4{font-size: 16px;}

	.contactM li,.contactM li.name{width: 100%;float: none;margin-bottom: 15px;}
	.contactM li.name .box{width: 100%;}
	.contactM li.name h4{font-size: 20px;line-height: 28px;}
	.contactM li.name p{font-size: 16px;line-height: 28px;}

	.customer-list li a img{width: 40px;}
	.customer-list li a{padding-top: 20px;padding-bottom: 15px;}
	.customer-list li:hover {background: #dbdee1;}
	.customer-list li:hover .img{display: inline-block;}
	.customer-list li:hover .imghover{display: none;}
	.customer-list li:hover a p{color: #909090;}


}

@media screen and (max-width: 768px) {
	.footer .fnav .hotline{width: 350px;}

	.title{padding: 30px 0;}
	.title h4{font-size: 22px;line-height: 30px;}
	.title h4 span{border-bottom: 3px solid #015199;}
	.title p{font-size: 16px;line-height: 26px;}
	.newsIndex{margin-bottom: 30px;background-size: 70px;}
	.newsIndex .news-tab{margin-bottom: 20px;}
	.newsIndex .news-tab a{font-size: 14px;line-height: 32px;height: 32px;width: 110px;}
	.newsIndex .news-list .list li{width: 49%;margin-right: 2%;margin-bottom: 15px;}
	.newsIndex .news-list .list li:nth-child(2n){margin-right: 0;}
	.newsIndex .news-tab a{width: 120px;font-size: 14px;line-height: 32px;height: 32px;}
	.project .project-list li{width: 280px;}
	.customer{background-size: 70px;}
	.customer-list li{width: 15.666%;margin: 5px 0.5%;}
	.customer-list li a img{width: 50px;}

	.customer .customerL li{width: 16%;margin: 5px 0.33%;}


	.f-banner .img{height: 180px;}
	.current h3{font-size: 24px;line-height: 34px;}
	.current p{font-size: 20px;line-height: 20px;}


	.projectWrap .ftit{padding-top: 35px;}
	.projectWrap .ftit h3{font-size: 22px;line-height: 40px;}
	.projectWrap .ftit p{font-size: 16px;line-height: 30px;}
	.projectWrap .ftit em{width: 54px;margin-top: 6px;}
	.projectTable tr th p, .projectTable tr td p{padding: 10px 15px;}
	.projectTable tr{font-size: 16px;line-height: 34px;}
	.project-advantage .advantage-list li{width: 100%;margin-right: 0;}
	.project-advantage .advantage-list li .titH{padding: 15px 10px;}
	.project-advantage .advantage-list li .titH h3{font-size: 18px;line-height: 22px;height: auto;}
	.project-advantage .advantage-list li .mes{height: auto;}

	.project-contact .contact-mes .mes h4{font-size: 22px;line-height: 26px;}
	.project-contact .contact-mes .mes h4 a{font-size: 18px;line-height: 18px;}
	.company-profile .tit h4{font-size: 22px;line-height: 22px;}
	.company-profile .tit p{font-size: 16px;line-height: 26px;}
	.aboutWrap .ftitle h4, .aboutWrap .ftitle p{font-size: 22px;line-height: 24px;}

	.aboutWrap .research .research-mes{font-size: 14px;line-height: 24px;}
	.aboutWrap .research .research-mes p{margin-bottom: 24px;}
	.company-profile .company-img{width: 440px;}
	.aboutWrap .develop-mes .develop-list li .info p{padding-top: 15px;padding-bottom: 20px;}
	.aboutWrap .develop-mes .develop-list li h3{font-size: 22px;line-height: 42px;}
	.aboutWrap .develop-mes .develop-list li h3 em{font-size: 12px;line-height: 36px;}

	.aboutWrap .develop-mes .flexslider .slides li{padding-top: 50px;}
	.aboutWrap .develop-mes .line{top:50px;}
	.aboutWrap .develop-mes .flexslider .flex-direction-nav a{width: 26px;height: 26px;background-size: 26px;}
	.aboutWrap .research .research-mes{margin-top: 25px;}
	.aboutWrap .develop-mes{padding-bottom: 80px;}

	.project-report .report-list li a{padding: 10px 10px;font-size: 14px;line-height: 24px;}
	.project-report .report-list li{width: 49.5%;margin-right: 1%;}
	.project-report .report-list li:nth-child(3n){margin-right: 1%;}
	.project-report .report-list li:nth-child(2n),.project-report .report-list li:nth-child(6n){margin-right: 0;}



	.first-news .img{width:40%;}
	.first-news .right-mes{width: 57%;}

	.first-news .right-mes h1{font-size: 20px;line-height: 32px;}
	.first-news .right-mes span.time{line-height: 20px;}
	.first-news .right-mes span.look-detail{margin-top: 10px;width: 132px;}
	.newsList li a{padding: 10px 15px;}
	/*	.newsList .mes h2{font-size: 14px;}*/
	.newsDetail .bont span.s2{margin: 0 15px;}
	.newsDetail .bont{margin-bottom: 30px;}
	.newsDetail .edit-content{margin:35px 0;}



	.contact .contact-addr li{width: 50%;margin-bottom: 20px;}
	.contact .contact-addr li .info h4{font-size: 14px;line-height: 16px;}

	.communication-list li .box{width: 100%;margin-right: 0;}
	.communication-list li .box .info{padding: 10px 15px;}
	.communication-list li .box .tit{padding: 5px 15px;}
	.communication-list li .box .icon{width: 42px;height: 42px;}
	.communication-list li .box a{padding-left: 65px;}
	.communication-list li .box .tit h4{height: auto;white-space: normal;line-height: 24px;padding: 5px 0;}
	.communication-list li .box .tit:before{top: 22px;}

	.necessity h4{font-size: 18px;line-height: 30px;}
	.necessity h5{font-size: 16px;line-height: 24px;}

	.serviceProject li{width: 49%;margin-right:2%; }
	.serviceProject li:nth-child(3n){margin-right:2%; }
	.serviceProject li:nth-child(2n),.serviceProject li:nth-child(6n){margin-right: 0;}
	.serviceProject li .img{height: 270px;}
	.serviceProject li .mes h4{font-size: 14px;}
	.serviceProject li .mes em{font-size: 12px;}




}

@media screen and (max-width: 640px) {
	.banner .flex-control-nav li{margin: 0 4px;}
	.banner .flex-control-nav{bottom: 10px;height: 8px;}
	.banner .flex-control-paging li a{width: 8px;height: 8px;}
	.footer .fnav .hotline .footer-logo{margin-bottom: 20px;}
	.footer .fnav .hotline{width:100%;float: none;}
	.footer .fnav .hotline .mes{margin-top: 20px;}
	.footer .fnav .ewm{width: 100%;float: none;text-align: center;margin-top: 35px;}
	.footer .fnav .ewm p{margin-bottom: 10px;}
	.footer .fnav{padding-bottom: 35px;padding-top: 35px;}
	.footer .fnav .ewm img{width: 120px;}
	.footer .copyright{font-size: 12px;}

	.footer .fnav .hotline .footer-logo{text-align: center;}
	.footer .fnav .hotline .mes{text-align: center;margin-top: 10px;}
	.footer .fnav .hotline h4{margin-bottom: 2px;}
	.footer .fnav .follow{width: 100%;text-align: center;margin-top: 20px;}
	.footer .fnav .follow p{margin-bottom: 5px;}
	.footer .fnav .follow .wx .hover-img img{width: 70px;}
	.footer .fnav .follow .wx .hover-img{margin-left: -38px;}

	.project .project-list li{width: 200px;}
	.project .project-list li a .img{height: 300px;}
	.project .project-list li a .mes .box img{width: 40px;}
	.project .project-list li a .mes .box p{font-size: 16px;line-height: 18px;margin-top: 10px;}
	.project .project-list li a .mes .hover-box img{width: 24px;}

	.f-banner .img{height: 140px;}
	.current h3{font-size: 22px;line-height: 32px;}
	.current p{font-size: 18px;line-height: 18px;}
	.contact .contact-addr li{width: 100%;}
	.projectTable tr{font-size: 14px;line-height: 30px;}

	.project-contact{padding: 35px 0;}
	.project-contact .contact-mes .mes{width: 100%;float: none;text-align: center;}
	.project-contact .contact-mes .mes h4{font-size: 20px;line-height:24px; }
	.project-contact .contact-mes .mes h4 a{font-size: 16px;line-height: 16px;}
	.project-contact .contact-mes .mes p{font-size: 12px;line-height: 20px;margin-top: 0;}
	.project-contact .contact-mes .contact-bt{float: none;margin: 0 auto;margin-top: 10px;}
	.project-advantage .advantage-list li .titH h3{font-size: 16px;line-height: 20px;}

	.projectTable tr th p, .projectTable tr td p{padding: 5px 10px;}
	.projectTable tr td p{line-height: 24px;}
	.newsList .mes h2{max-width: 58%;}


	.customer-list li{width: 24.2%;margin: 5px 0.4%;}
	.customer .customerL li{width: 24.2%;margin: 5px 0.4%;}

	.communication-list li .box .tit{padding: 5px 10px;}
	.communication-list li .box .info{padding: 10px 10px;}

	.pages{padding: 15px 10px;}
	.pages p{top:15px;right: 10px;}

	.serviceProject li .img{height: 220px;}

	.contactM li.name h4{font-size: 18px;line-height: 24px;}
	.contactM li.name p{font-size: 14px;line-height: 24px;}

}

@media screen and (max-width: 481px) {
	.f-banner .img{height: 110px;}
	.footer .fnav .hotline .footer-logo img{width: 180px;}
	.footer .fnav .ewm img{width: 100px;}
	#top{width: 30px;height: 30px;right: 5px;}
	#top .ico{background-size: 11px;}
	.title{padding: 20px 0;}
	/*	.banner .flex-control-nav{bottom: 8px;}
        .banner .flex-control-nav li{margin: 0 2px;}
        .banner .flex-control-paging li a {width: 6px;height: 6px; }*/
	.newsIndex .news-list .list li{width: 100%;margin-right: 0;}
	.newsIndex .news-list .list .info h2{height: auto;}
	.newsIndex .news-list .list .info p{margin-top: 10px;}
	.newsIndex .news-list .list .info span{margin-top: 10px;}
	.f-nav .f-navlist li a{padding: 5px 3px;}
	.f-nav .f-navlist li.active a:after{height: 2px;}

	.caseWrap .f-nav .f-navlist li{width: 50px;}
	.caseWrap .f-nav .f-navlist li a{font-size: 14px;line-height: 34px;}


	.contact .contact-map iframe{height: 260px;}

	.customer-list{padding-bottom: 50px;}
	.customer-list li{width: 32.45%;margin: 5px 0.44%;}
	.customer .customerL{padding-bottom: 50px;}
	.customer .customerL li{width: 32.45%;margin: 5px 0.44%;}

	.project .project-list li{width: 170px;}
	.project .project-list li a .img{height: 240px;}
	.project .project-list li a .mes .box img{width: 34px;}
	.project .project-list li a .mes .box p{font-size: 14px;line-height: 168px;}
	.project .project-list li a .mes .hover-box img{width: 22px;}

	.project-report .report-list li{width: 100%;margin-right: 0;}
	.project-report .report-list li:nth-child(3n){margin-right: 0;}
	.project-report .report-list li a{white-space: normal;}
	.projectTable{ border-spacing: 2px;}
	.projectTable tr{font-size: 12px;line-height: 28px;}
	.projectTable tr th p, .projectTable tr td p{padding: 3px 3px;}
	.projectTable tr td p{line-height: 20px;}

	.projectWrap .ftit{padding-top: 20px;padding-bottom: 20px;}
	.projectWrap .ftit h3{font-size: 20px;line-height: 38px;}
	.projectWrap .ftit p{font-size: 14px;line-height: 24px;}
	.project-intro .intro{font-size: 14px;line-height: 26px;margin-bottom: 25px;}
	.project-intro h5{font-size: 16px;line-height: 28px;}
	.project-advantage .advantage-list li .titH h3{font-size: 14px;line-height: 20px;}
	.project-advantage .advantage-list li .titH{padding: 10px 10px;}

	.project-contact .contact-mes .mes h4{font-size: 20px;line-height: 24px;}
	.project-contact .contact-mes .mes h4 a{font-size: 16px;line-height: 16px;}

	.company-profile .tit h4{font-size: 20px;line-height: 20px;}
	.company-profile .tit p{font-size: 14px;line-height: 24px;}
	.aboutWrap .ftitle h4, .aboutWrap .ftitle p{font-size: 20px;line-height: 22px;}

	.newsW{padding-top: 25px;}
	.first-news{margin-bottom: 35px;}
	.first-news .img,.first-news .right-mes{width: 100%;float: none;}
	.first-news .img{height: auto;}
	.first-news .right-mes{margin-top: 10px;}
	.first-news .right-mes h1{font-size: 18px;line-height: 30px;}
	.newsList .mes h2{max-width: 100%;float: none;}
	.newsList .mes span.time{float: none;}
	.newsList li a{padding: 10px 10px;}

	.company-profile{margin-top: 25px;margin-bottom: 35px;}
	.aboutWrap .develop, .aboutWrap .research{padding: 30px 0;}
	.company-profile .company-img{width: 100%;}



	.newsDetail{padding: 25px 10px;}
	.newsDetail .news-title{padding: 0 0;    font-size: 18px;line-height: 30px;}
	.newsDetail .bont span{background-size: 20px;}
	.contact, .communication{padding-top: 25px;padding-bottom: 35px;}
	.communication-list li .box{margin-bottom: 30px;}
	.communication-list li .box .icon{width: 36px;height: 36px;top:4px;}
	.communication-list li .box a{padding-left: 50px;}
	.communication-list li .box .info{line-height: 22px;}
	.pages{text-align: center;}
	.pages p{position: static;margin-top: 6px;}
	.case-list{padding: 20px 0;}


	.project-process .process-mes,.project-case .case-mes{font-size: 14px;line-height: 20px;}
	.necessity h4{font-size: 16px;line-height:26px;}
	.necessity h5{font-size: 14px;line-height: 20px;}
	.necessity p{font-size: 14px;line-height: 20px;}

	.serviceProject{padding: 30px 0;}
	.serviceProject li{width: 100%;margin-right:0; }
	.serviceProject li:nth-child(3n){margin-right:0; }
	.serviceProject li .img{height: 240px;}
	.serviceProject li .mes h4{font-size: 16px;}
	.serviceProject li .mes em{font-size: 12px;}

	.contactM{margin-top: 20px;}

}



@media screen and (max-width: 320px) {
	.project .project-list{white-space: normal;overflow: hidden;font-size: 0;}
	.project .project-list li{display: block;width: 100%;}
}








































