/*全局样式*/

.wrapper{width:1400px;}
.wrap-white{width:100%; padding:50px 0; background:#fff;}
.wrap-gray{width:100%; padding:50px 0; background:#f5f5f5;}

/*头部样式*/

#header{height:102px;}
#logo{left:0; top:20px;}
#logo img{width:336px; height:62px;}
#nav{right:232px; top:42px;}
#nav ul li{float:left; height:40px; line-height:40px; margin-left:40px; font-size:15px; overflow:hidden;}
#nav ul li a{display:block;}
#nav ul li.current a,#nav ul li:hover a{color:#b11d2d;}
#tel{right:0; top:50px; height:24px; line-height:24px; padding-left:32px; background:url(../img/tel.png) no-repeat left center; font-size:22px; font-weight:bold; color:#b11d2d; overflow:hidden;}

/*首页样式*/

#banner,#banner-img,#banner-img ul li,#banner-img ul li a{width:100%; height:650px;}
#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:#b11d2d;}

.banner_box li{ height: 320px; width: 100%;}

#service{width:100%; height:120px; padding:30px 0; background:#f5f5f5; overflow:hidden;}
#service dl dd{float:left; width:279px; height:120px; border-left:1px solid #d1d1d1; text-align:center; overflow:hidden;}
#service dl dd:first-child{width:280px; border-left:none;}
#service dl dd em{display:block; width:100%; height:64px; background-repeat:no-repeat; background-position:center;}
#service dl dd em.s-icon0{background-image:url(img/s-icon1.png);}
#service dl dd em.s-icon1{background-image:url(img/s-icon2.png);}
#service dl dd em.s-icon2{background-image:url(img/s-icon3.png);}
#service dl dd em.s-icon3{background-image:url(img/s-icon4.png);}
#service dl dd em.s-icon4{background-image:url(img/s-icon5.png);}
#service dl dd h3{height:18px; line-height:18px; margin-top:14px; font-size:16px; overflow:hidden;}
#service dl dd h4{height:16px; line-height:16px; margin-top:8px; font-size:13px; color:#888; overflow:hidden;}
#service dl dd:hover h3{color:#b11d2d;}

.title h2{height:26px; line-height:26px; font-size:24px; overflow:hidden;}
.title em{display:block; width:100%; height:11px; margin-top:12px; background:url(img/line.png) no-repeat center;}
.title h3{height:16px; line-height:16px; margin-top:12px; font-size:13px; color:#888; overflow:hidden;}
.title.mt{margin-top:50px;}

#case{margin-top:30px;}
#case ul{margin-left:-12px;}
#case ul li{float:left; width:341px; height:432px; margin-left:12px; overflow:hidden;}
#case ul li img{width:341px; height:285px;}
#case ul li section{height:86px; padding:30px; background:#f5f5f5; border:1px solid #e1e1e1; border-top:none; overflow:hidden;}
#case ul li section h3{height:26px; line-height:26px; font-size:15px;}
#case ul li section p{height:52px; line-height:26px; margin-top:8px; font-size:13px; color:#888; overflow:hidden;}
#case ul li:hover section h3{color:#b11d2d;}

.view-more{width:160px; height:46px; line-height:46px; margin:40px auto 0 auto; border:1px solid #e1e1e1; font-size:13px; text-align:center; overflow:hidden;}
.view-more a{display:block; color:#666;}
.view-more:hover{border-color:#b11d2d;}
.view-more:hover a{color:#b11d2d;}

#solution{width:100%; height:620px; margin-top:-20px; background:url(img/solution-bg.jpg) no-repeat center; overflow:hidden;}
#solution-menu{width:240px; height:560px; padding:30px 0; background:#000; overflow:hidden;}
#solution-menu dl dd{height:42px; padding:30px 34px; cursor:pointer; overflow:hidden;}
#solution-menu dl dd h3{height:18px; line-height:18px; font-size:16px; color:#fff; overflow:hidden;}
#solution-menu dl dd h4{height:16px; line-height:16px; margin-top:8px; font-size:14px; color:#999; overflow:hidden;}
#solution-menu dl dd.current{background:#b11d2d;}
#solution-menu dl dd.current h4{color:#fff;}
#solution-menu p{height:20px; line-height:20px; margin-top:30px; padding:0 34px; font-size:15px; overflow:hidden;}
#solution-menu p a{display:block; color:#fff;}
#solution-menu p a:hover{color:#b11d2d;}
#solution-item{width:1060px; height:520px; padding:50px; color:#fff; overflow:hidden;}
#solution-item section{display:none;}
#solution-item h2{height:30px; line-height:30px; font-size:22px; overflow:hidden;}
#solution-item p{max-height:390px; line-height:30px; margin-top:20px; font-size:13px;}
#solution-item h4{width:138px; height:38px; line-height:38px; margin-top:40px; font-size:13px; text-align:center; border:1px solid #fff; overflow:hidden;}
#solution-item h4 a{display:block; color:#fff;}
#solution-item h4:hover{border-color:#b11d2d;}
#solution-item h4:hover a{color:#b11d2d;}

#news-img{position:relative; width:620px; height:400px; margin-top:30px; overflow:hidden;}
#news-img img{width:620px; height:400px;}
#news-img h3{position:absolute; left:0; bottom:0; width:620px; height:60px; line-height:60px; background:rgba(0,0,0,.5); font-size:15px; text-align:center; color:#fff; overflow:hidden;}
#news-r{width:750px; height:400px; margin-top:30px; overflow:hidden;}
#news-rmd{height:100px; padding:24px 28px; background:#fff; overflow:hidden;}
#news-rmd h2{height:34px; line-height:34px; font-size:15px; color:#b11d2d; overflow:hidden;}
#news-rmd h2 span{float:right; color:#888;}
#news-rmd h2 em{display:inline-block; width:24px; margin-right:16px; background:url(img/num1.jpg) no-repeat center; text-align:center; color:#fff;}
#news-rmd p{height:52px; line-height:26px; margin-top:14px; font-size:13px; color:#666; overflow:hidden;}
#news-item{height:280px; margin-top:12px; overflow:hidden;}
#news-item ul li{height:40px; line-height:40px; font-size:15px; overflow:hidden;}
#news-item ul li span{float:right; color:#888;}
#news-item ul li em{display:inline-block; width:24px; margin-right:16px; background:url(img/num.jpg) no-repeat center; text-align:center; color:#fff;}
#news-item ul li:hover em{background-image:url(img/num1.jpg);}
#news-item ul li a{display:block;}
#news-item ul li:hover a{color:#b11d2d;}

#about{width:100%; max-height:450px; padding:50px 0; background:url(img/about-bg.jpg) no-repeat center; overflow:hidden;}
#about .title h2,#about .title h3{color:#fff;}
#about .title em{background-image:url(img/line1.png);}
#about-text{width:760px; height:200px; margin-top:50px; padding:50px 0; overflow:hidden;}
#about-text section{height:120px; line-height:30px; font-size:13px; color:#fff; overflow:hidden;}
#about-text h4{width:138px; height:38px; line-height:38px; margin-top:40px; font-size:13px; text-align:center; border:1px solid #fff; overflow:hidden;}
#about-text h4 a{display:block; color:#fff;}
#about-text h4:hover{border-color:#b11d2d;}
#about-text h4:hover a{color:#b11d2d;}
#about-img{width:560px; height:300px; margin-top:50px; overflow:hidden;}
#about-img img{width:560px; height:300px;}

#partner{margin-top:30px;}
#partner ul{margin:-10px 0 0 -10px;}
#partner ul li{float:left; width:272px; height:120px; margin:10px 0 0 10px; overflow:hidden;}

/*内页样式*/

#menu{width:100%;  border-bottom:1px solid #e1e1e1;}
#menu dl dd{float:left; height:59px; line-height:60px; margin-right:20px; font-size:15px; 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 #b11d2d; box-sizing: border-box;}
#menu dl dd.current a,#menu dl dd:hover a{color:#b11d2d;}

#main{min-height:500px; padding:40px 0;}

#single{line-height:280%; 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;}

#case-list ul{margin:-12px 0 0 -12px;}
#case-list ul li{float:left; width:341px; height:432px; margin:12px 0 0 12px; overflow:hidden;}
#case-list ul li img{width:341px; height:285px;}
#case-list ul li section{height:86px; padding:30px; background:#f5f5f5; border:1px solid #e1e1e1; border-top:none; overflow:hidden;}
#case-list ul li section h3{height:26px; line-height:26px; font-size:15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#case-list ul li section p{height:52px; line-height:26px; margin-top:8px; font-size:13px; color:#888; overflow:hidden;}
#case-list ul li:hover section h3{color:#b11d2d;}

#news-list ul{margin-top:-30px;}
#news-list ul li{height:200px; margin-top:30px; padding-bottom:30px; border-bottom:1px solid #e1e1e1; overflow:hidden;}
#news-list ul li img{float:left; width:310px; height:200px;}
#news-list ul li figure{float:right; width:1060px; height:180px; padding:10px 0; overflow:hidden;}
#news-list ul li figure figcaption{height:20px; line-height:20px; font-size:18px; font-weight:bold; overflow:hidden;}
#news-list ul li figure figcaption a{display:block;}
#news-list ul li figure figcaption:hover a{color:#b11d2d;}
#news-list ul li figure h3{height:16px; line-height:16px; margin-top:16px; font-size:13px; color:#666; overflow:hidden;}
#news-list ul li figure p{height:52px; line-height:26px; margin-top:16px; font-size:13px; color:#666; overflow:hidden;}
#news-list ul li figure h4{width:118px; height:38px; line-height:38px; margin-top:20px; border:1px solid #d1d1d1; font-size:13px; text-align:center; overflow:hidden;}
#news-list ul li figure h4 a{display:block; color:#666;}
#news-list ul li figure h4:hover{border-color:#b11d2d;}
#news-list ul li figure h4:hover a{color:#b11d2d;}

#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:#b11d2d; border-color:#b11d2d; color:#fff;}

/*底部样式*/

#link{width:100%; padding:40px 0; background:#252525; border-bottom:1px solid #404040; color:#e2e2e2;}
#link h2{height:30px; line-height:30px; margin-bottom:12px; font-size:18px; font-weight:bold; overflow:hidden;}
#link dl dd{float:left; height:30px; line-height:30px; font-size:13px; overflow:hidden;}
#link dl dd span{margin:0 20px;}
#link dl dd a{display:block; color:#e2e2e2;}
#link dl dd a:hover{color:#fff;}

#footer{width:100%; padding:40px 0; background:#252525;}
#f-contact{padding-left:460px; background:url(img/f-logo.png) no-repeat left center; color:#e2e2e2;}
#f-contact h2{height:36px; line-height:36px; margin-bottom:12px; font-size:18px; font-weight:bold; overflow:hidden;}
#f-contact p{height:36px; line-height:36px; padding-left:30px; background-repeat:no-repeat; background-position:left center; font-size:13px; overflow:hidden;}
#f-contact p.address{background-image:url(img/address.png);}
#f-contact p.tel{background-image:url(img/tel1.png);}
#f-contact p.fax{background-image:url(img/fax.png);}
#f-code{margin-top:8px;}
#f-code img{width:140px; height:140px;}

#copyright{width:100%; height:60px; line-height:60px; background:#1d1d1d; font-size:13px; color:#c3c3c3; overflow:hidden;}
#copyright a{color:#c3c3c3;}
#copyright a:hover{color:#f3f3f3;}


@media (max-width: 1420px) {
	.wrapper{ width:1250px;}
	#logo img{ width: 324px;}
	#nav ul li{margin-left: 20px;}
	#service dl dd:first-child{ width: 240px;}
	#service dl dd{ width: 239px;}
	#case ul li{ width: 291px;}
	#solution-item{width: 860px;}
	#news-r{ width: 630px;}
	#news-img{ width: 550px;}
	#news-img h3{ width: 100%;}
	#about-text{width: 590px;}
	#partner ul li{ width: 232px;}
	#case-list ul li{width: 291px;}
	#case-list ul li img{ height: 234px;}
	#case-list ul li{height: 386px;}
	#news-list ul li figure{width: 864px;}
	#banner, #banner-img, #banner-img ul li, #banner-img ul li a{height: 560px;}
}