/*全局css样式开始*/
body{font-family:"微软雅黑";background:#f1f1f1;;}
a:hover{text-decoration:none;}
a:focus{outline:none;text-decoration:none;}
a{transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
/*全局css样式结束*/

/*header*/
.header{height:auto;padding:5px 0;}
.logo{height:auto;text-align:left;overflow:hidden;display:block;margin:10px 0;}
.header .phoneIcon{height:40px;position:absolute;top:20px;right:5px;}
.header .phoneIcon a{display:block;margin:7px 10px;}
.header .phoneIcon a span{display:block;width:32px;height:4px;background:#333;margin-top:6px;}
.search{position:relative;}
.search form{display:block;position:absolute;right:0;top:15px;font-size:0;}
.search form .txt{display:inline-block;width:180px;height:30px;padding:0 5px;font-size:12px;float:left;border:1px solid #ddd;}
.search form .subOk{display:inline-block;width:50px;height:30px;background:url(images/subImg.png) no-repeat center center #006fbe;color:#fff;border:none;}
.search form .subOk:hover{background:url(images/subImg.png) no-repeat center center #016bb6;}


.navBg{height:auto;background:#005095;}
.nav ul{text-align:center;}
.nav ul li {padding:0;float:left;position:relative;z-index:99;}
.nav ul li a{display:block;font-size:14px;color:#fff;text-align:center;padding:10px 30px;font-weight:bold;border-right:1px solid #006fbe;}
.nav ul li .subNav{position:absolute;top:40px;width:100%;height:auto;text-align:center;background:#f5f5f5;display:none;padding:0;}
.nav ul li .subNav a{color:#555;font-weight:normal;display:block;white-space:nowrap;line-height:32px;padding:0 10px;font-size:13px;border:none;}
.nav ul li .subNav a:hover{color:#fff;}
.nav ul li a:hover ,.nav ul li .current{background:#006fbe;}

.phoneNav{height:auto;width:100%;background:#f6f6f6;}
.phoneNav ul {height:auto;overflow:hidden;width:100%;display:none;}
.phoneNav ul li a{display:block;color:#222;height:35px;line-height:35px;border-bottom:1px solid #ddd;padding:0 10px;}
.phoneNav ul li a:hover{background:#006fbe;color:#fff;}
.phoneNav ul li .subNav{padding:0 10px;display:none;}
/*header*/


/*footer*/
.footer{background:#2c2c2c;padding:20px 0;position:relative;}
.footer p{color:#888;font-size:12px;padding: 0;margin:0;line-height:24px;text-align:right;}
.footer p span{display:inline-block;padding:2px 5px;}
.footer .fLogo{margin:10px 0;text-align:center;}
.footer .fLogo a{display:block;}
.footer .fLogo img{float:center;}
.footer .link {height:auto;overflow: hidden;}
.footer .link h4{font-size:15px;font-weight:bold;color:#eeeeee;margin:5px 0;padding:0;}
.footer .link a{display:block;margin:5px;font-size:12px;color:#999999;float:left;}
.footer .link a i{display: inline-block;font-size:12px;margin-left:5px;font-style:normal;}
.footer .link a:hover{color:#ffffff;}
/*--footer*/

.modal_container{width: 100%;height: auto;}
.modal_container .container{background: #fff;box-shadow: 1px 1px 3px #aaa;border-radius: 5px;padding-top: 30px;margin-top: 5%;}
.modal_container .container .title{margin-top: 45px;padding-bottom: 10px;border-bottom: 1px solid #eee;}
.modal_container .container .title .t1{color: #333;line-height: 30px;font-size: 18px;font-weight: 700;}
.modal_container .container .pic{margin-bottom: 30px;padding-bottom: 15px;}
/*@media*/

@media screen and (min-width:1400px ) and (max-width:1920px ){
	.banner{height: 350px;}
	.section{margin:0 -15px;}
	.modal_container .container{width: 70%;padding: 0 50px;}
}

@media screen and (min-width:1200px ) and (max-width:1399px) {
	.banner{height: 250px;}
	.section{margin:0 -15px;}
	.modal_container .container{width: 70%;padding: 0 50px;}
}

@media screen and (min-width:960px ) and (max-width:1199px){
	.banner{height:350px;}
	.case{min-height:120px;}
	.section{margin:0 -15px;}
	.nav ul li a{padding:10px 20px;}
	.modal_container .container{width: 80%;padding: 0 50px;}
	
}

@media screen and (min-width:768px ) and (max-width:959px){
	.banner{height: 250px;}
	.section{margin:0 -15px;}
	.logo img{width:175px;height:45px;}
	
	/*新闻资讯*/
	.news ul li .newsTitle a{font-size:14px;}
	/*--新闻资讯*/
	
	/*产品分类*/
	.case{min-height:120px;}
	.proCate ul li{width:50%;padding:5px;}
	/*--产品分类*/
	.modal_container .container{width: 100%;padding: 0 50px;}
}

@media screen and (min-width:480px ) and (max-width:767px){
	.banner{height: 200px;}
	.logo img{width:175px;height:45px;}
	
	/*顶部导航*/
	.pageNav .topNav a{font-size:13px;height:35px;line-height:35px;}
	/*--顶部导航*/
	
	/*新闻资讯*/
	.news{padding:0;}
	.news .newsPic .newTit{padding:10px 0;line-height:24px;}
	.news ul li .newsTitle a{font-size:14px;}
	.news ul li .newsTitle span{float:none;display:block;margin-bottom:5px;}
	/*--新闻资讯*/
	
	/*底部*/
	.footer .fSubnav {display:none;}
	.footer .footNav ul li h4{font-size:14px;}
	.footer .footNav ul li{min-height:0;text-align:center;}
	/*--底部*/
	.pageContent img{max-width: 100%;}
	.modal_container .container{width: 100%;padding: 0 50px;}
}

@media screen and (max-width:479px ){
	.banner{height: 300px;}
	.wrapperBg{padding: 0}
	.pageContent img{max-width: 100%;}
	/*.logo img{width:175px;height:45px;}*/
	/*首页标题*/
	.title h4{font-size:18px;}
	.title a,.company .comWord .readMore,.business ul li .busWord .more{font-size:13px;}
	/*--首页标题*/
	
	/*顶部导航*/
	.pageNav .topNav a{font-size:13px;height:35px;line-height:35px;}
	/*--顶部导航*/
	
	/*公司简介*/
	.company .comNav ul li a{height:35px;line-height:35px;font-size:14px;}
	.company .comNav ul li a span{font-size:22px;}
	/*--公司简介*/
	
	/*新闻资讯*/
	.news{padding:0;}
	.news .newsPic .newTit{padding:10px 0;line-height:24px;}
	.news ul li .newsTitle a{font-size:14px;}
	.news ul li .newsTitle span{float:none;display:block;margin-bottom:5px;}
	/*--新闻资讯*/
	
	/*案例中心*/
	.caseList ul li a .caseInfo{height:45px;}
	.caseList ul li a:hover .caseInfo{height:45px;}
	.caseList ul li a .caseInfo h4{line-height:30px;font-size:12px;}
	/*--案例中心*/
	
	
	/*footer*/
	.footer p{text-align:left;line-height:20px;}
	.footer .fLogo img{display:block;margin:0 auto;float:none;}
	/*--footer*/
	.modal_container .container{width:100%;padding: 0 50px;}
	
}


/*--@media*/


/*自定义css样式开始*/

.no-padding{padding:0;}
.no-padding-l{padding-left:0;}
.no-padding-t{padding-top:0;}
.no-padding-r{padding-right:0;}
.no-padding-b{padding-bottom:0;}
.no-margin{margin:0;}
.no-margin-l{margin-left:0;}
.no-margin-t{margin-top:0;}
.no-margin-r{margin-right:0;}
.no-margin-b{margin-bottom:0;}

/*自定义css样式结束*/



/* MARGINS & PADDINGS */
.p-xxs {
  padding: 5px;
}
.p-xs {
  padding: 10px;
}
.p-sm {
  padding: 15px;
}
.p-m {
  padding: 20px;
}
.p-md {
  padding: 25px;
}
.p-lg {
  padding: 30px;
}
.p-xl {
  padding: 40px;
}
.m-xxs {
  margin: 2px 4px;
}
.m-xs {
  margin: 5px;
}
.m-sm {
  margin: 10px;
}
.m {
  margin: 15px;
}
.m-md {
  margin: 20px;
}
.m-lg {
  margin: 30px;
}
.m-xl {
  margin: 50px;
}
.m-n {
  margin: 0 !important;
}
.m-l-none {
  margin-left: 0;
}
.m-l-xs {
  margin-left: 5px;
}
.m-l-sm {
  margin-left: 10px;
}
.m-l {
  margin-left: 15px;
}
.m-l-md {
  margin-left: 20px;
}
.m-l-lg {
  margin-left: 30px;
}
.m-l-xl {
  margin-left: 40px;
}
.m-l-n-xxs {
  margin-left: -1px;
}
.m-l-n-xs {
  margin-left: -5px;
}
.m-l-n-sm {
  margin-left: -10px;
}
.m-l-n {
  margin-left: -15px;
}
.m-l-n-md {
  margin-left: -20px;
}
.m-l-n-lg {
  margin-left: -30px;
}
.m-l-n-xl {
  margin-left: -40px;
}
.m-t-none {
  margin-top: 0;
}
.m-t-xxs {
  margin-top: 1px;
}
.m-t-xs {
  margin-top: 5px;
}
.m-t-sm {
  margin-top: 10px;
}
.m-t {
  margin-top: 15px;
}
.m-t-md {
  margin-top: 20px;
}
.m-t-lg {
  margin-top: 30px;
}
.m-t-xl {
  margin-top: 40px;
}
.m-t-n-xxs {
  margin-top: -1px;
}
.m-t-n-xs {
  margin-top: -5px;
}
.m-t-n-sm {
  margin-top: -10px;
}
.m-t-n {
  margin-top: -15px;
}
.m-t-n-md {
  margin-top: -20px;
}
.m-t-n-lg {
  margin-top: -30px;
}
.m-t-n-xl {
  margin-top: -40px;
}
.m-r-none {
  margin-right: 0;
}
.m-r-xxs {
  margin-right: 1px;
}
.m-r-xs {
  margin-right: 5px;
}
.m-r-sm {
  margin-right: 10px;
}
.m-r {
  margin-right: 15px;
}
.m-r-md {
  margin-right: 20px;
}
.m-r-lg {
  margin-right: 30px;
}
.m-r-xl {
  margin-right: 40px;
}
.m-r-n-xxs {
  margin-right: -1px;
}
.m-r-n-xs {
  margin-right: -5px;
}
.m-r-n-sm {
  margin-right: -10px;
}
.m-r-n {
  margin-right: -15px;
}
.m-r-n-md {
  margin-right: -20px;
}
.m-r-n-lg {
  margin-right: -30px;
}
.m-r-n-xl {
  margin-right: -40px;
}
.m-b-none {
  margin-bottom: 0;
}
.m-b-xxs {
  margin-bottom: 1px;
}
.m-b-xs {
  margin-bottom: 5px;
}
.m-b-sm {
  margin-bottom: 10px;
}
.m-b {
  margin-bottom: 15px;
}
.m-b-md {
  margin-bottom: 20px;
}
.m-b-lg {
  margin-bottom: 30px;
}
.m-b-xl {
  margin-bottom: 40px;
}
.m-b-n-xxs {
  margin-bottom: -1px;
}
.m-b-n-xs {
  margin-bottom: -5px;
}
.m-b-n-sm {
  margin-bottom: -10px;
}
.m-b-n {
  margin-bottom: -15px;
}
.m-b-n-md {
  margin-bottom: -20px;
}
.m-b-n-lg {
  margin-bottom: -30px;
}
.m-b-n-xl {
  margin-bottom: -40px;
}


/*自定义css样式结束*/