/*全局样式*/

.wrapper{width:1200px;}
.wrap-white{width:100%; padding:40px 0; background:#fff;}
.wrap-gray{width:100%; padding:40px 0; background:#f6f6f6;}

/*头部样式*/

#header{height:86px;}
#logo{left:0; top:20px; width:334px; height:46px; overflow:hidden;}
#logo img{width:334px; height:46px;}
#nav{right:224px; top:20px; height:46px; overflow:hidden;}
#nav ul li{float:left; height:46px; line-height:46px; margin-left:40px; font-size:14px; overflow:hidden;}
#nav ul li a{display:block;}
#nav ul li.current a,#nav ul li:hover a{color:#1a71b4;}
#tel{right:0; top:20px; height:46px; line-height:46px; padding-left:40px; background:url(img/tel.png) no-repeat left center; font-size:20px; font-weight:bold; color:#1a71b4; overflow:hidden;}

/*首页样式*/

#banner,#banner-img,#banner-img ul li,#banner-img ul li a{width:100%; height:610px;}
#banner-img ul li{float:left;}
#banner-img ul li a{display:block;}
#banner-btn{left:0; bottom:40px; width:100%; height:8px; line-height:8px; text-align:center; font-size:0; z-index:99;} 
#banner-btn dl dd{display:inline-block; width:8px; height:8px; margin:0 8px; background:#fff; border-radius:50%; cursor:pointer;}
#banner-btn dl dd.on{background:#1a71b4;}

.title h2{height:26px; line-height:26px; font-size:24px; color:#1a71b4; overflow:hidden;}
.title h3{height:16px; line-height:16px; margin-top:10px; font-size:13px; color:#888; overflow:hidden;}

#product{margin-top:30px;}
#product ul{margin-left:-20px;}
#product ul li{float:left; width:224px; height:352px; margin-left:20px; overflow:hidden; position: relative;}
#product ul li img{width:224px; height:282px;}
#product ul li h3{height:16px; line-height:16px; margin-top:16px; font-size:13px; text-align:center; overflow:hidden;}
#product ul li h4{height:16px; line-height:16px; margin-top:6px; font-size:13px; text-align:center; overflow:hidden;}
#product ul li:hover h3,#product ul li:hover h4{color:#1a71b4;}
#product ul li .zzc{ width:224px; height: 282px; position: absolute; top: -335px; left: 0; text-align: center; transition: all 0.5s;
 background: rgba(7,85,164,0.6); color: #fff;}
#product ul li .zzc h3{ color: #fff; font-size: 16px; margin-top: 144px;}
#product ul li .zzc h4{ color: #fff;}
#product ul li:hover .zzc{ top: 0;}

#about{width:100%; height:540px; background:#f6f6f6; overflow:hidden;}
#about-item{left:0; top:40px; width:50%; height:460px; padding-right:60px; background:#fff; z-index:99;transition: all 0.8s; }
#about-img{right:0; top:0; width:50%; height:540px; background:url(img/about-bg.jpg) no-repeat center; overflow:hidden;}
#about .wrapper{z-index:999;}
#about-text{left:0; top:90px; width:575px; height:360px; overflow:hidden;}
#about-text h2{height:26px; line-height:26px; font-size:24px; color:#1a71b4; overflow:hidden;}
#about-text h3{height:16px; line-height:16px; margin-top:15px; font-size:13px; color:#666; overflow:hidden;}
#about-text em{display:block; width:60px; height:3px; margin-top:20px; background:#1a71b4;}
#about-text section{height:180px; line-height:30px; margin-top:30px; font-size:13px; color:#666; overflow:hidden;}
#about-text h4{width:140px; height:40px; line-height:40px; margin-top:30px; background:#1a71b4; border-radius:20px; font-size:13px; text-align:center; overflow:hidden;}
#about-text h4 a{display:block; color:#fff;}
#about-arrow{left:50%; top:245px; width:50px; height:50px; background:url(img/arrow.png) no-repeat center #1a71b4;
 overflow:hidden; transition: all 0.8s;margin-left: 36px;z-index: 100;}
#about-arrow a{display:block; width:50px; height:50px;}

#about-arrow:hover{margin-left: 176px;}
#about-arrow:hover + #about-item{padding-right:200px; }
#case{margin-top:30px;}
#case ul{margin-left:-12px;}
#case ul li{float:left; width:291px; height:316px; margin-left:12px; overflow:hidden;}
#case ul li img{width:291px; height:225px; transition: all 0.5s;}
#case ul li section{height:46px; padding:22px 18px; background:#fff; border:1px solid #e1e1e1; border-top:none; overflow:hidden;}
#case ul li section h3{height:18px; line-height:18px; font-size:15px; overflow:hidden;}
#case ul li section h4{height:16px; line-height:16px; margin-top:12px; font-size:13px; color:#666; overflow:hidden;}
#case ul li:hover section h3{color:#1a71b4;}
#case-more{width:140px; height:40px; line-height:40px; margin:30px auto 0 auto; background:#1a71b4; border-radius:20px; font-size:13px; text-align:center; overflow:hidden;}
#case-more a{display:block; color:#fff;}

#case ul li:hover img{ transform: scale(1.1);}

#ad{width:100%; height:150px; padding:40px 0; background:url(img/ad-bg.jpg) no-repeat left center; color:#fff; overflow:hidden;}
#ad h2{height:36px; line-height:36px; font-size:34px; font-weight:bold; overflow:hidden;}
#ad h3{height:20px; line-height:20px; margin-top:22px; font-size:18px; font-weight:bold; overflow:hidden;}
#ad h4{display:inline-block; height:32px; line-height:32px; margin-top:30px; font-size:18px; font-weight:bold; overflow:hidden;}
#ad h4 span{float:right; font-size:30px; color:#6dff00;}

#news{margin-top:30px;}
#news ul{margin:-20px 0 0 -20px;}
#news ul li{float:left; width:590px; height:250px; margin:20px 0 0 20px; overflow:hidden;}
#news ul li img{float:left; width:210px; height:250px; transition: all 0.5s;}
#news ul li figure{float:left; width:320px; height:180px; padding:35px 30px; background:#fff; overflow:hidden;}
#news ul li figure figcaption{height:18px; line-height:18px; font-size:15px; overflow:hidden;}
#news ul li figure figcaption a{display:block;}
#news ul li figure figcaption a:hover{color:#1a71b4;}
#news ul li figure h3{height:16px; line-height:16px; margin-top:12px; font-size:13px; color:#888; overflow:hidden;}
#news ul li figure p{height:52px; line-height:26px; margin-top:20px; font-size:13px; color:#666; overflow:hidden;}
#news ul li figure h4{width:98px; height:36px; line-height:36px; margin-top:24px; border:1px solid #e1e1e1; font-size:12px; text-align:center; text-transform:uppercase; overflow:hidden;}
#news ul li figure h4 a{display:block; color:#888;}
#news ul li figure h4:hover{border-color:#1a71b4;}
#news ul li figure h4:hover a{color:#1a71b4;}
#news ul li:hover img{ transform: scale(1.1);}
/*内页样式*/

#menu{width:100%; height:60px; border-bottom:1px solid #e1e1e1;}
#menu dl dd{float:left; height:59px; line-height:60px; margin-right:20px; font-size:14px; overflow:hidden;}
#menu dl dd:last-child{margin-right:0;}
#menu dl dd a{display:block; padding:0 10px;}
#menu dl dd.current{border-bottom:3px solid #1a71b4;}
#menu dl dd.current a,#menu dl dd:hover a{color:#1a71b4;}

#main{min-height:500px;}
 
#single{line-height:250%; font-size:13px;}
#single img{display:inline-block;}
#article-title{font-size:18px; font-weight:bold; text-align:center;}
#article-info{margin:10px 0; font-size:13px; text-align:center; color:#888;}

#product-list ul{margin:-20px 0 0 -20px;}
#product-list ul li{float:left; width:285px; height:389px; margin:20px 0 0 20px; overflow:hidden;}
#product-list ul li img{width:285px; height:335px;}
#product-list ul li h3{height:16px; line-height:16px; margin-top:16px; font-size:13px; text-align:center; overflow:hidden;}
#product-list ul li h4{height:16px; line-height:16px; margin-top:6px; font-size:13px; text-align:center; overflow:hidden;}
#product-list ul li:hover h3,#product-list ul li:hover h4{color:#1a71b4;}

#case-list ul{margin:-12px 0 0 -12px;}
#case-list ul li{float:left; width:291px; height:316px; margin:12px 0 0 12px; overflow:hidden;}
#case-list ul li img{width:291px; height:225px;}
#case-list ul li section{height:46px; padding:22px 18px; background:#fff; border:1px solid #e1e1e1; border-top:none; overflow:hidden;}
#case-list ul li section h3{height:18px; line-height:18px; font-size:15px; overflow:hidden;}
#case-list ul li section h4{height:16px; line-height:16px; margin-top:12px; font-size:13px; color:#666; overflow:hidden;}
#case-list ul li:hover section h3{color:#1a71b4;}

#news-list ul{margin:-20px 0 0 -20px;}
#news-list ul li{float:left; width:590px; height:250px; margin:20px 0 0 20px; overflow:hidden;}
#news-list ul li img{float:left; width:210px; height:250px;}
#news-list ul li figure{float:left; width:320px; height:180px; padding:35px 30px; background:#f6f6f6; overflow:hidden;}
#news-list ul li figure figcaption{height:18px; line-height:18px; font-size:15px; overflow:hidden;}
#news-list ul li figure figcaption a{display:block;}
#news-list ul li figure figcaption a:hover{color:#1a71b4;}
#news-list ul li figure h3{height:16px; line-height:16px; margin-top:12px; font-size:13px; color:#888; overflow:hidden;}
#news-list ul li figure p{height:52px; line-height:26px; margin-top:20px; font-size:13px; color:#666; overflow:hidden;}
#news-list ul li figure h4{width:98px; height:36px; line-height:36px; margin-top:24px; border:1px solid #d1d1d1; font-size:12px; text-align:center; text-transform:uppercase; overflow:hidden;}
#news-list ul li figure h4 a{display:block; color:#888;}
#news-list ul li figure h4:hover{border-color:#1a71b4;}
#news-list ul li figure h4:hover a{color:#1a71b4;}

#pageinfo{margin-top:40px; font-size:0;}
#pageinfo a{display:inline-block; min-width:13px; height:38px; line-height:38px; margin:0 4px; padding:0 13px; background:#fff; border:1px solid #e1e1e1; font-size:13px;}
#pageinfo a.info{color:#888;}
#pageinfo a.current{background:#1a71b4; border-color:#1a71b4; color:#fff;}

/*底部样式*/

#footer{width:100%; padding:40px 0; background:#232d35;}
#f-contact{min-height:124px; padding-left:160px; background:url(img/f-logo.png) no-repeat left center;}
#f-contact h2{height:28px; line-height:28px; margin-bottom:8px; font-size:15px; color:#fff; overflow:hidden;}
#f-contact p{height:28px; line-height:28px; font-size:13px; color:#cacbcd; overflow:hidden;}
#f-menu dl{float:left; margin-left:80px;}
#f-menu dl dt{height:28px; line-height:28px; margin-bottom:8px; font-size:15px; color:#fff; overflow:hidden;}
#f-menu dl dd{height:28px; line-height:28px; font-size:13px; overflow:hidden;}
#f-menu dl dd a{display:block; color:#cacbcd;}
#f-menu dl dd a:hover{color:#fff;}
#copyright{width:100%; height:60px; line-height:60px; background:#182026; font-size:13px; color:#fff; overflow:hidden;}