@charset "utf-8";
/* CSS Document */

header.ab{ width:100%; height:420px; background:url(../../images/default/about_banner.png) no-repeat center; background-size:cover; position:relative;}
header.ab .banner{ width:100%; height:100%; background-color:rgba(0,0,0,0.45); position:absolute; top:0; left:0;}
header.ab .banner .text{ display:table; margin:8% auto; text-align:center;}
header.ab .banner .text p.t1{ font-size:50px; color:#fff;}
header.ab .banner .text p.t2{ font-size:24px; color:#fff;}
/*网站导航*/
header.ab .nav{ width:100%; height:80px; line-height:80px; position:absolute; top:0; left:0; z-index:999;}
header.ab .nav .navCol{ width:1200px; margin:0 auto; font-size:18px;}
header.ab .nav .navCol .nc-logo{ width:120px; float:left; margin-right:80px;}
header.ab .nav .navCol .nc-logo img{ width:100%;}
header.ab .nav .navCol .nc-inner{ width:800px; margin:0 auto; list-style:none; float:left;}
header.ab .nav .navCol .nc-inner .item{ width:100px; text-align:center; color:#fff; float:left;}
header.ab .nav .navCol .nc-inner .item a{ display:block; width:40px; height:50px; line-height:50px; margin:15px 30px; color:inherit;}
header.ab .nav .navCol .nc-inner .item a:hover{ text-decoration:none; color:#47a1f7;}
header.ab .nav .navCol .nc-inner .item.active a{ border-bottom:4px solid #47a1f7; color:#47a1f7; font-weight:600;}
header.ab .nav .navCol .nc-tel{ width:200px; color:#fff; float:right;}
header.ab .nav .navCol .nc-tel img{ display:inline-block; width:20px;}

.content{ width:100%; margin-top:30px;}
.content .mod{ width:1200px; margin:0px auto;}
.content .mod .tit{width:30%; height:124px; margin:0 auto;}
.content .mod .tit h1{ font-size:24px; color:#434343; margin-bottom:16px; text-align:center;}
.content .mod .tit h2{ font-size:16px; color:#434343; text-align:center;}
.content .mod .text{ font-size:16px; line-height:28px; color:#434343; text-align:justify;}

.ab-bottom{ width:100%; height:60px; background:url(../../images/about_bg.png) no-repeat center; background-size:cover; margin-top:100px;}
.ab-bottom p{ line-height:60px; text-align:center; color:#fff; font-size:16px; margin:0;}
.ab-bottom p span{ display:inline-block; margin:0 10px;}

@media screen and (max-width: 1440px) {
header.ab{ width:100%; height:300px; background:url(../../images/default/about_banner.png) no-repeat center; background-size:cover; position:relative;}
header.ab .banner{ width:100%; height:100%; background-color:rgba(0,0,0,0.45); position:absolute; top:0; left:0;}
header.ab .banner .text{ display:table; margin:9% auto; text-align:center;}
header.ab .banner .text p.t1{ font-size:40px; color:#fff;}
header.ab .banner .text p.t2{ font-size:20px; color:#fff;}

}

@media screen and (max-width: 1200px) {
header.ab{ width:100%; height:260px; background:url(../../images/default/about_banner.png) no-repeat center; background-size:cover; position:relative;}
header.ab .banner{ width:100%; height:100%; background-color:rgba(0,0,0,0.45); position:absolute; top:0; left:0;}
header.ab .banner .text{ display:table; margin:10% auto; text-align:center;}
header.ab .banner .text p.t1{ font-size:32px; color:#fff;}
header.ab .banner .text p.t2{ font-size:16px; color:#fff;}
	
header.ab .nav .navCol{ width:1024px; margin:0 auto;}
header.ab .nav .navCol .nc-logo{ width:120px; margin-right:80px;}
header.ab .nav .navCol .nc-inner{ width:644px;}
header.ab .nav .navCol .nc-inner .item{ width:80px;}
header.ab .nav .navCol .nc-tel{ width:180px;}
header.ab .nav .navCol .nc-tel img{ display:inline-block; width:18px; margin-right:5px;}
header.ab .nav .navCol .nc-tel span{ display:inline-block; width:150px;}
.content .mod{ width:1024px;}
.content .mod .text{ width:1000px; margin:0 auto;}
}