﻿@charset "utf-8";

.am-slider-default{ background:none;}
.am-control-nav li a{ background:#FFF;}
.sc-overlay{ display:none;}
.sc-prev{ width:10px; height:200px; display:block;}


.d_img .transparent{ width:100%; height:100%; background: #000; position:relative; z-index:5; filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;}

.newcase{ width:100%; float:left;}
.newcase .row{ width:100%; float:left;}
.row img{ display:block; margin:0px auto; }
/*最新案例*/
.menu_a1{background:#00487A; color:#FFF;}
.menu_a2{background: none; color:#595757;}
/*案例详细*/
.details{ width:100%; float:left;}
.details .row{ width:100%; float:left;}
.details .row .midle .adree{ width:100%; float:left;}
.details .row .midle .adree p{ display:block; float:left; line-height:56px; font-size:18px; color:#404040;}
.details .row .midle .adree a{ display:block; float:left; line-height:56px; font-size:18px; color:#404040;}
.details .row .midle .adree a:hover{ color:#00487A; text-decoration:underline;}
.details .row .midle .left .lunbo{width: 100%;float: left;}
.details .row .midle .left p{ display:block; float:left; width:100%; font-size:24px;}
.details .row .midle .left span{ display:block; float:left; width:100%; color:#727171; line-height:40px; font-size:18px;}
.details .row .midle .left .share{ width:100%; float:left; margin-top:30px;}
.details .row .midle .left .share .s1{ font-size:18px; float:left;}
.details .row .midle .left .share a{ display:block; float:left; margin-right:5px; width:30px; height:30px;}
.details .row .midle .left .share a img{ width:100%; height:100%; float:left;}
.details .row .midle .left .xu{ width:100%; height:1px; float:left; border-bottom:1px #E5E5E5 dashed; margin-top:40px; margin-bottom:40px;}
.details .row .midle .left .updown{ display:block; float:left; width:100%; color:#3e3a39; font-size:18px; line-height:30px;}
.details .row .midle .left .updown:hover{ color:#00487A; text-decoration:underline;}


.details .row .midle .right .tit1{ width:100%; float:left;}
.details .row .midle .right .tit1 .rol{ width:4px; height:22px; float:left; background:#00487A;}
.details .row .midle .right .tit1 p{ display:block; float:left; color:#00487A; line-height:22px; font-size:18px; margin-left:10px;}
.details .row .midle .right .sl_img{ width:100%; float:left; margin-top:25px;}
.details .row .midle .right .sl_img img{ width:100%; float:left; height:191px;}
.details .row .midle .right .sl_img p{ display:block; float:left; width:100%; text-align:center; font-size:18px; color:#727171; margin-top:10px;}



/*=============================================================大于1200px===========================================================**/
@media screen and (min-width: 1200px) {
	    /**********banner**********/
		.banner{ width:100%; float:left;height:320px; background: url(../images/case_banner.jpg) center;}
		.banner img{ display:none;}
		.banner .midle{ width:1200px; margin:0px auto;}
		.banner .midle .ff{ width:292px; height:128px; position:relative; float:right; top:250px;}
		.banner .midle .ff .ff_1{ width:56%; height:100%; float:left; margin-right:2px; background: url(../images/24xiaoshi.jpg) center no-repeat;}
		.banner .midle .ff .ff_2{width:42%; height:100%; float:left; background: url(../images/zaixian.jpg) center no-repeat;}
		.banner .midle .ff .ff_2 a{ display:block; width:100%; height:100%; float:left;}
	   /*精品案例*/
      .newcase .row .tit{ width:1200px; margin:0px auto;}
	  .newcase .row .tit .xian_1{ width:30%; height:1px; background:#00487A; float:left; margin-top:60px; margin-left:6%;}
	  .newcase .row .tit .xian_2{ width:30%; height:1px; background:#00487A; float:left; margin-top:60px; margin-left:3.58%;}
	  .newcase .row .tit .title{ width:20.83%; height:106px; float:left; margin-left:3.5%;}
	  .newcase .row .tit .title img{ width:100%; height:100%; float:left;}
	  
	  .newcase .case_img{ width:100%; float:left; margin-top:50px;} 
	  .newcase .case_img .row{ width:100%; float:left;}
	  .newcase .case_img .row .tit{  margin:0px auto; width:940px;}
	  .newcase .case_img .row .tit a{ font-size:18px; height:45px; line-height:45px; display:block; float:left; width:128px; text-align:center; margin-right:3%; border-radius:3px; cursor:pointer;}
	  .newcase .case_img .row .tit a:hover{ background:#00487A; color:#FFF;}
	  
	  .newcase .case_img .row .img_1{ width:1200px; margin:0px auto; margin-top:60px; overflow:hidden;}

	  .newcase .case_img .row .img_1 .d_img{ width:367px; height:255px; float:left; margin-right:1.25%; margin-left:1.25%; margin-bottom:50px; cursor:pointer; overflow:hidden;}
	  .newcase .case_img .row .img_1 .d_img img{ width:100%; height:100%; float:left;}
	  .d_img .transparent .s1{ display:block; width:100%; position:relative; top:-200px; left:75px; color:#FFF; font-size:20px;}
	  .d_img .transparent .s2{ display:block; width:100%; position:relative; top:-170px; left:100px; color:#FFF; font-size:18px;}
	  
	  /*案例详情*/
	  .details .row .midle{ width:1200px; margin:0px auto;}
	  .details .row .midle .left{ width:906px; float:left;}
	  .details .row .midle .right{ width:272px; float:right;}
	  
	  
}
/**============================================================大于720px，小于1199px============================================================***/
@media screen and (min-width:720px) and (max-width:1199px) {
	/*精品案例*/
	.newcase .tit{ width:100%; margin:0px auto;}
	.newcase .tit .xian_1{ width:30%; height:1px; background:#00487A; float:left; margin-top:40px; margin-left:6%;}
	.newcase .tit .xian_2{ width:30%; height:1px; background:#00487A; float:left; margin-top:40px; margin-left:3.58%;}
	.newcase .tit .title{ width:20.83%; height:80px; float:left; margin-left:3.5%;}
	.newcase .tit .title img{ width:100%; height:100%; float:left;}
	
	.newcase .case_img{ width:100%; float:left; margin-top:30px;} 
	.newcase .case_img .row{ width:100%; float:left;}
	.newcase .case_img .row .tit{ margin:0px auto; width:450px;}
	.newcase .case_img .row .tit a{ font-size:18px; height:45px; line-height:45px; display:block; float:left; width:128px; text-align:center; margin-right:3%; border-radius:3px; cursor:pointer;}
	.newcase .case_img .row .tit a:hover{ background:#00487A; color:#FFF;}
	
	.newcase .case_img .row .img_1{ width:800px; margin:0px auto; margin-top:30px;}
	.newcase .case_img .row .img_1 .d_img{ width:367px; height:255px; float:left; margin-right:1.25%; margin-left:1.25%; margin-bottom:30px; cursor:pointer;overflow:hidden;}
	.newcase .case_img .row .img_1 .d_img img{ width:100%; height:100%; float:left;}
	.d_img .transparent .s1{ display:block; width:100%; position:relative; top:-200px; left:75px; color:#FFF; font-size:20px;}
	.d_img .transparent .s2{ display:block; width:100%; position:relative; top:-170px; left:100px; color:#FFF; font-size:18px;}
    
	/*案例详情*/
	.details .row .midle{ width:90%; margin:0px auto;}
	.details .row .midle .right{ display:none;}

}
/*============================================================小于720px============================================================***/
@media screen and (max-width:719px) {
	/*精品案例*/
	.newcase .tit{ width:100%; margin:0px auto;}
	.newcase .tit .xian_1{ width:30%; height:1px; background:#00487A; float:left; margin-top:35px; margin-left:6%;}
	.newcase .tit .xian_2{ width:30%; height:1px; background:#00487A; float:left; margin-top:35px; margin-left:3.58%;}
	.newcase .tit .title{ width:20.83%; height:80px; float:left; margin-left:3.5%;}
	.newcase .tit .title img{ width:100%; height:100%; float:left;}
	
	.newcase .case_img{ width:100%; float:left; margin-top:30px;} 
	.newcase .case_img .row{ width:100%; float:left;}
	.newcase .case_img .row .tit{ margin:0px auto; width:350px;}
	.newcase .case_img .row .tit a{ font-size:16px; height:35px; line-height:35px; display:block; float:left; width:105px; text-align:center; margin-right:3%; border-radius:3px; cursor:pointer;}
	.newcase .case_img .row .tit a:hover{ background:#00487A; color:#FFF;}
	
	.newcase .case_img .img_1{ width:320px; margin:0px auto; margin-top:30px; text-align:center;}
	.newcase .case_img .img_1 .d_img{ width:320px; height:220px; float:left; margin-bottom:30px; cursor:pointer;overflow:hidden; display:inline-block;}
    .case_img .img_1 .d_img img{ width:100%; height:100%; float:left;}
	.d_img .transparent .s1{ display:block; width:100%; position:relative; top:-190px; left:0px; color:#FFF; font-size:20px;}
    .d_img .transparent .s2{ display:block; width:100%; position:relative; top:-160px; left:0px; color:#FFF; font-size:18px;}
	
	/*案例详情*/
	.details .row .midle{ width:90%; margin:0px auto;}
	.details .row .midle .right{ display:none;}

	
	}