@charset "utf-8";

/* base 公共部分 */
body { font:13px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; color:#555; margin: 0px; text-align:center; }
*{ padding:0; margin:0;}
a { color:#555; text-decoration:none;}
a:hover{ color:#0278b8; text-decoration:none;}
ul,li{ list-style:none;}
img { border:none;max-width: 100%; height: auto !important;}
.clearboth { clear:both; }
.page{ text-align:center; margin:35px 0 50px 0; width:100%; float:left;}
.page a{ background:#b3b3b3; color:#fff; margin:0 2px; padding:2px 8px;}
.page a.dq,.page a:hover{ background:#555;}


.top1{display:none;}
.top2 .top2-left{float:left;padding:10px 0px;}
.top2 .top2-right{float:right; display:none;}
.nav-box{display:block;}
.nav-line{display:block;}
.top2 .top2-left{width:70%;}
.top2 .top2-left img{width:100%;}
.top2 .top2-right{display:block; width:25%;}
.top2 .top2-right img{display:none;}

.cssmenu{position:relative;}
.nav-box2{position:relative;}
.cssmenu{ position:absolute; top:-55px; right:0;}
.navv .container{margin:0 auto; padding:0;}
#cssmenu ul li{  background:#2d542b;}
#cssmenu > ul > li > a{padding:0 15px;}

.slideBox{ width:100%; overflow:hidden; position:relative; display:none;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%;  display:block;  }

.slideBox2{display:block; top:-55px;}

.pro-bg{width:100%; overflow:hidden;}
.pro-bg img{width:100%;transform:scale(1,1);transition-duration:0.5s;}
.pro-bg img:hover{ transform:scale(1.1,1.1); transition-duration:0.5s;}

/*首页--服务项目*/
#service{margin-top:-60px;}
.service-title{ text-align:center; margin-bottom:20px;}
.service-title img{width:100%;}
.service-title p{color:#777;font-size:12px;}
.sr{background:#e8e8e8; overflow:hidden; margin-bottom:20px;}
.sr img{width:100%;}
.sr:hover img{transform:scale(1.1,1.1);}
.sr-bottom{padding:10px 10px 10px 10px;}
.sr-bottom h3{font-size:14px; font-weight:normal;margin:0;}
.sr-bottom h3 a{color:#000;}
.sr-bottom p.wz{ display:none;text-align:left; line-height:28px; margin:10px 0;}
.sr-bottom p.more{display:none;}
.sr-bottom p.more a{display:none; margin:0 auto; height:30px;line-height:30px;width:100px; border:1px solid #2d542b; color:#2d542b;}

#about{background:#e8e8e8; text-align:left; color:#555 !important; margin:20px 0 0 0;}
.about-left{width:100%; float:none;}
.about-left img {width:100%;}
.about-right{width:100%;float:none;padding-bottom:30px;}
.about-content{width:96%; padding:0 2%; }
.about-content h3{height:20px; line-height:40px; border-bottom:1px solid #ddd; text-align:center; width:200px; margin:0 auto;}
.about-content h3 span{font-size:16px;font-weight:bold; display:block; width:80px;height:40px;/*  background:#2d542b;*/margin:0 auto;}
.about-content em{font-style:normal; font-size:16px; font-weight:normal; margin:20px 0 5px 0; display:block;text-align:center;}
.ac{line-height:24px; font-size:12px; } 
.about-content p.more a{ display:block;text-align:center; height:30px;line-height:30px;width:100px; border:1px solid #fff; color:#555; margin:15px auto 0;}

#news{text-align:left;}
.news-tp { position:relative; margin-bottom:20px;}
.news-tp img{width:100%;}
.news-bg{height:34px; line-height:34px; background:url(../images/bg.png) repeat; width:100%; position:absolute; left:0; bottom:0; text-indent:10px;}
.news-bg a{color:#fff;}

.nw{border-bottom:1px solid #eee;margin-bottom:20px;}
.date{ text-align:right;}
.date p{ font-size:14px; color:#aaa;}
.date h3{ font-size:20px; color:#aaa;margin:0; padding:0;} 
.news h3{margin:0; margin-bottom:10px; font-size:16px; color:#333;}
.news p{font-size:12px; line-height:22px; color:#555;}

.case-content{background:#f8f6f6;padding:50px 0 30px 0;}
.case-content img{width:100%;}
.case-content p{font-size:14px;line-height:2;margin-bottom:15px;}
.case-content ul li{width:50%;float:left; position:relative; overflow:hidden;}
.case-content ul li img{width:100%;}
.case-content ul li .bg{ background:url(../images/bg2.png) repeat;width:100%; height:100%; position:absolute; left:-100%; top:0;}
.case-content ul li:hover .bg{left:0; top:0; transition:left 0.3s;}
.case-content ul li:hover .bg span{width:100%; height:40px; line-height:40px; font-size:18px; color:#fff; position:absolute; text-align:center; top:50%; left:50%; margin-left:-50%; margin-top:-20px; display:block;}

.ad{padding:20px 10px; background:#e8e8e8; text-align:left; margin-bottom:20px;}
.ad img{width:100%; margin-top:20px;}
.ad h3{ font-size:16px; margin:0; padding:0; margin-bottom:5px;}
.ad p{ line-height:20px; font-size:12px;}

#advantage{margin:0 auto 0;}
#tel{}
#tel img{width:100%;}

.picMarquee-left{ width:100%;  overflow:hidden; position:relative;  }
.picMarquee-left .bd{   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; width:120px;  overflow:hidden; text-align:center; line-height:36px;}
.picMarquee-left .bd ul li p {color:#555;}
.picMarquee-left .bd ul li img{width:100%;}

#honor{margin:20px auto 0; background:#f8f6f6;padding:0 0 20px 0;}

/*走进新盛宇*/
.banner2{display:none;}
.banner2 img{width:100%;}

.s_menu_bar{padding:13px 0; display:none;  }
.s_menu{font-size:0;text-align: center;border-bottom:1px solid #e3e3e3;padding-bottom:11px;}
.s_menu li{display:inline-block;*float:left;padding-left:15px;background:url(../images/circle.png) left center no-repeat;float:left; margin-right:50px;}
.s_menu li.cur{color:#0075c2;}
.s_menu li.cur a{color:#0075c2;}
.s_menu li a{display:block;font-size:16px;}
.s_menu li.first{background:none;}


.about2{padding:30px 0 70px 0; text-align:left; font-size:13px; line-height:24px; }
.about2 img{/* width:100%; max-width:100% !important;height:auto !important;*/ max-width:100%;}

.news-top{margin:-50px auto 50px ; display:none;}
.news_list h3{margin:0; padding:0; margin:10px 15px; font-size:15px; color:#000;}

.news{text-align:left;}
.news2{ margin-top:-55px; border-top:1px solid #ddd; z-index:9999 !important;}
.news-bottom{ text-align:left; }

.about-main{border-top:1px solid #eee; margin-top:-55px;}

.border{padding:20px 0; border-bottom:1px solid #eee;}
.border:hover{background:#f5f5f5; }
.nr-left{text-align:right;}
.nr-left h3{font-size:24px; color:#999;}
.nr-right{text-align:left;}
.nr-right h3{margin:0; padding:0;  margin-bottom:15px; font-size:14px; font-weight:normal;}
.nr-right h3 a{ color:#555;}
.nr-right p{font-size:12px; color:#777; line-height:20px;}
.nr-right p.more{margin-bottom:0;}
.nr-right p.more a{ color:#999;}
.news3{margin-top:-55px; border-top:1px solid #ddd;}
.news-title{text-align:left;}
.news-title h3{font-size:16px; font-weight:Bold; color:#555;margin-bottom:20px;float:none;}
.news-title p{ text-indent:25px; background:url(../images/bg6.png) left no-repeat; text-align:left; color:#999;float:none;margin-top:20px;}
.news-show{text-align:left; }
.news-content{padding:20px 0 30px 0; border-top:1px solid #eee; line-height:24px; text-align:left; font-size:13px;}
.news-content p{ /*text-indent:2em;*/}
.pn{margin-bottom:60px; line-height:40px; background:#f5f5f5; padding:10px;}
.pn a{text-decoration:underline; color:#2d542b; font-size:13px;}

.case-main{margin-top:-55px; border-top:1px solid #ddd;}
.case{  margin:10px 0 0 0;}
.case img{width:100%;}
.case a{color:#555; line-height:36px;}
.case p{margin-bottom:0;}
.case-content2 img{width:100%;}

.job{margin-top:-55px; border-top:1px solid #ddd;}
.job2{padding:25px; text-align:left; background:#f9f9f9; line-height:28px; border:1px solid #e5e5e5; margin:20px 0 10px 0;height:300px;border-radius: 5px;}
.job2:hover{color:#fff; background:#2d542b;}
.job2 .desc{height:210px;}
.job2 p{ margin-bottom:0;}
.job2 p.date{ text-align:left; color:#888;}
.job2:hover p.date{color:#fff;}
.job2 h3{margin:10px 0; font-size:1.2em;}
.job2 p.more{margin-top:10px;}
.job2 p.more a{color:#fff; display:inline-block; background:#2d542b;padding:2px 15px;}
.job2:hover p.more a{background:#fff; color:#555;}

.job3{text-align:left; margin-bottom:50px; border-top:1px solid #eee; margin-top:-55px;}

.contact{margin-bottom:50px; margin-top:-55px; border-top:1px solid #eee;padding-top:25px;}
.contact2{background:#f1f1f1; padding:20px; margin-bottom:30px;  text-align:left;}
.contact2 h3{font-size:1.25em; margin:0; padding:0; margin:10px 0; font-weight:bold;}

.login{width:100%;padding:20px 1%;border:1px solid #ddd;text-align:center;background:#fcfcfc;}
.login h3{font-size:20px;}
.login .tit-box{ margin:30px 0 18px 0; text-align:center; font-size:24px; font-weight:bold; color:#d34141;}
.login .tit-box span{ font-weight:normal; font-size:14px;  display:inline-block; text-transform:uppercase; margin-left:6px;}
.login .f1-input{ width:100%; height:34px; background:#212121; line-height:34px; margin-bottom:10px; display:inline-block; border:none; padding-left:10px;}
.login button{ width:100%; height:34px; text-align:center; line-height:34px; color:#fff; font-size:16px; background:#d34141; border:none; margin-top:16px;}

.file-item .suffix{height:80px;}
.file-item .suffix span{display:block;height:60px;line-height:60px; font-size:14px; font-weight:bold;margin:10px 0px;color:#FFF; background:#d34141;}
.file-item .ope{height:80px;padding:10px 0px;}
.file-item .ope *{margin:0px;padding:0px;}
.file-item .ope h4{ font-size:14px; text-align:left;height:40px;line-height:20px;}
.file-item .ope p{ text-align:right;height:20px;line-height:20px; font-size:18px;}

.service-content{width:100%;}
.service-content .sc{width:46%; margin:2% 2%;float:left;}
.service-content img{width:100%;}

#footer{}
.ft1{width:100%; padding:10px 0; background:#2d542b; font-size:12px;}
.ft1-top{ text-align:center; padding:5px 0 15px 0; border-bottom:1px solid #fff; display:none;}
.ft1-top a{color:#fff; margin:0 20px;}
.ft1-left{text-align:left; margin-top:10px; display:none;color:#fff;}
.ft1-left img{width:100%;}
.ft1-mid{text-align:left; color:#fff;margin-top:25px;}
.ft1-mid p.add{text-indent:20px; background:url(../images/bg3.jpg) left no-repeat;}
.ft1-mid p.tel{text-indent:20px; background:url(../images/bg4.jpg) left no-repeat;}
.ft1-mid p.email{text-indent:20px; background:url(../images/bg5.jpg) left no-repeat;}
.ft1-right{text-align:right; margin-top:25px; color:#fff;}
.ft1-right img{margin-right:3px; max-width:99%;}
.ft2{background:#1b1b1b; color:#fff; padding:10px 0; text-align:center; font-size:12px;}
.ft2 a{color:#fff;}

		
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) { 
	.top1{ height:40px; line-height:40px; background:#e7e7e7; display:block;}
	.top1 .top1-left{float:left;}
	.top1 .top1-right{float:right;}
	.top1 .top1-right a{margin:0 8px;}
	.top2 .top2-left{width:60%;}
	.top2 .top2-left img{width:100%;}
	.top2 .top2-right{display:block; width:25%;}
	.top2 .top2-right img{width:100%; display:block;}
	.cssmenu{ position:absolute; top:0; right:0;}
	.navv{background:#2d542b; height:50px; line-height:50px;}
	#cssmenu > ul > li > a{padding:0 18px;}
	#cssmenu ul ul li a{background:#f3d028;color:#000; width:101px;}
	
	.slideBox{display:block; z-index:1 !important;}
	.slideBox2{display:none;}
	.picMarquee-left .bd ul li{width:180px;}
	/*首页--服务项目*/
	#service{margin-top:0px;}
	.service-title{margin-bottom:30px;}
	.service-title img{width:550px;}
	.service-title p{font-size:14px;}
	.sr-bottom{padding:25px 15px 15px 15px; margin-bottom:20px;}
    .sr-bottom h3{font-size:18px; }
	.sr-bottom p.more{display:block;}
	.sr-bottom p.wz{display:block;}
    .sr-bottom p.more a{display:block; }
	
	.about-main{margin-top:0; border-top:none;}
	#about{ margin:20px 0 10px 0;}
	.about-left{width:50%; float:left;}
 	.about-left img {width:100%;}
	.about-right{width:50%;float:right;padding:0;}
	.about-content{width:96%; margin-left:1%;}
	.about-content h3{ height:12px; line-height:24px;float:left; margin-top:15px;}
	.about-content h3 span{font-size:16px; width:100px;}
	.about-content em{ margin:25px 0 0 0; display:none; text-align:left;}
	.ac{font-size:12px; line-height:24px; margin-top:15px;}
	.about-content p.more a{ height:24px;line-height:24px;  margin-top:15px;float:left;}
	
	.nw{margin-bottom:5px;}
	.date h3{ font-size:22px; color:#aaa;margin:0; padding:0;} 
	.news h3{margin-bottom:0;line-height:24px; font-size:14px;}
	.news p{font-size:12px; line-height:20px; color:#555;}
	
	.ad{padding:30px 20px; background:#e8e8e8; text-align:left; margin-bottom:30px;}
	.ad img{width:100%; margin-top:0;}
	.ad h3{ font-size:24px;  margin-bottom:10px;}
	.ad p{ line-height:28px; font-size:13px;}
	
	#advantage{margin:10px auto 0;}
	
	#honor{margin:30px auto 0;padding:15px 0 30px 0; }
	.news_list{border:1px solid #e3e3e3; text-align:left; overflow:hidden;}
	.news_list p{ margin-left:15px; color:#888;}
	.news_list:hover{background:#2d542b; color:#fff;}
	.news_list:hover a{color:#fff;}
	.news_list:hover p{color:#fff;}
	.news_list img{width:100%;}
	.news_list:hover img{  transform:scale(1.1,1.1);}
	.news_list h3{margin:0; padding:0; margin:10px 15px; font-size:13px; color:#000;}
	.news_list h3 a{color:#000;}
	
	
	.banner2{display:block;}
	.s_menu_bar{display:block;}
	.about2{padding:30px 0 70px 0; text-align:left; font-size:15px; line-height:32px;font-size:14px; margin-top:0; border-top:none;}
	.about2 img{/*float:right; width:50%; margin-left:20px;*/}
	
	.news-top{margin:20px auto 20px ; display:block;}
	
	 .news2{margin-top:0; border:none;}
	 .news3{margin-top:0; border:none;}
	.news-bottom{ text-align:left; padding:20px 0; }
	.nr-left h3{font-size:36px;}
	.nr-right h3{margin-bottom:10px; font-size:16px; }
	.nr-right p{font-size:12px; line-height:20px;}
	.border{padding:40px 0;}
	
	.news-title h3{font-size:20px; margin-bottom:25px;float:left;}
	.news-title p{ float:right;margin-top:25px;}
	
	.case-main{margin-top:0; border:none;}
	.case-content2 img{width:400px;}
	.job{margin-top:0; border:none;}
	.job2 h3{ font-size:1.3em;}
	.job3{border-top:none; margin-top:0;}
	.contact{margin-top:0; border-top:none;}
	
	.service-content .sc{width:30%; margin:2% 1.65%;}
	
	.ft1{ padding:20px 0; font-size:14px; }
	.ft1-top{display:block;}
	.ft1-left{display:block;}
	.ft2{font-size:14px;}
	.news-content{padding:40px 0 30px 0; line-height:32px; font-size:14px; }
	
	
	

}
    


/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
	.top2 .top2-left{width:630px;}
	.top2 .top2-left img{width:100%;}
	.top2 .top2-right{display:block; width:245px;}
	.top2 .top2-right img{width:100%;}
	#cssmenu > ul > li > a{padding:0 32px;}
	#cssmenu ul ul li a{background:#f3d028;color:#000; width:124px;}
	.picMarquee-left .bd ul li{width:250px;}
	
	/*首页--服务项目*/
	#service{ margin-top:20px;}
	.service-title img{width:600px;}
	.ac{line-height:25px; font-size:13px;}
	
	#about{ margin:20px 0 20px 0;}
	.about-left{width:50%; float:left;}
 	.about-left img {width:100%;}
	.about-right{width:50%;}
	.about-content{width:450px;}
	.about-content p.more a{ height:30px;line-height:30px;  margin-top:15px;}
	.about-content em{font-size:21px; font-weight:normal; margin:30px 0 10px 0; display:block;}
	.ac{line-height:28px; font-size:13px; margin-top:0;}
	.about-content h3{height:20px; line-height:40px; width:200px;float:left;}
	.about-content h3 span{font-size:26px; width:140px;height:40px; }
	 .about-content p.more a{  height:30px;line-height:30px;width:100px;margin-top:15px;float:left;}
	 
	 .nw{margin-bottom:10px;}
	 .news h3{margin-bottom:5px;line-height:30px; font-size:16px;}
	 .news p{font-size:14px; line-height:26px; color:#555;}

	 .date h3{ font-size:24px;} 
	 .ad p{ line-height:28px; font-size:14px;}
	 .news_list h3{font-size:16px;}
	 #advantage{margin:30px auto 0;}
	 .case-content ul li{width:25%;}
	 .case-content ul li:hover .bg span{font-size:24px;}
	 #honor{margin:50px auto 0; padding:25px 0 30px 0;}
	 .news-top{margin:20px auto 20px ;}
	 .news-bottom{ text-align:left; }
	  .nr-left h3{font-size:50px; }
	  .nr-right{text-align:left;}
	  .nr-right h3{ margin-bottom:15px; font-size:18px; }
	  .nr-right h3 a{ }
	  .nr-right p{font-size:13px; line-height:24px;}
	  .nr-right p.more a{ color:#999;}
	  
	  .news-title h3{font-size:30px; margin-bottom:30px;}
	  .case-content2 img{width:500px;}
	  .job2 h3{margin:10px 0; font-size:1.3em;}
	  .service-content .sc{width:31%;margin:2% 1%; }
	 .ft1{ padding:30px 0; }
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
	#cssmenu > ul > li > a{padding:0 40px;}
	#cssmenu ul ul li a{ width:150px;}
	/*首页--服务项目*/
	.service-title img{width:664px;}
	.ac{line-height:28px; font-size:14px;}
	#about{ margin:35px 0 20px 0;}
	.about-left{width:50%; float:left;}
	.about-right{width:50%;float:right;padding:0 0 0 0;}
	.about-content{width:540px; margin-left:20px;}
	.ac{line-height:24px; font-size:13px;}
	
	.date h3{ font-size:26px;} 
	#case{ margin-top:30px;}
	
	.ft1-left{text-align:left; margin-top:50px; font-size:26px;color:#FFF;}
	.ft1-left img{width:382px;}
	 }
@media (min-width: 1400px){
	.about-right{width:50%;padding:15px 0 0 0;}
	.ac{line-height:24px; font-size:14px;}
	}
	@media (min-width: 1600px){
		.about-right{padding:30px 0 0 0;}
		.ac{line-height:28px;}
		}