@charset "utf-8";

body{  min-width: 1240px; margin:0 auto;}

*{font-family:Arial, Helvetica,"Microsoft Yahei", sans-serif; padding: 0; margin:0;}

.j_body{ position: relative;}

.main_box{ margin:0 auto; width:1100px; position:relative;}

.main_box_small{ margin:0 auto; width:1115px; position:relative;}

input{outline: none;}

/*===================案例中心=====================*/

#s_case{  background-image: url(../images/bg_case3.jpg);  height:670px; }

#s_case .j_parallax { background-image: url(../images/bg_case3.jpg);  height:670px;}

#s_case .title{ padding-top: 160px; margin-bottom: 70px;   background: url(../images/title_case2.png) center 78px no-repeat;}

#s_case .title p{ text-align: center; font-size: 12px; line-height: 24px; color: #fff; opacity:.89;filter:alpha(opacity=89) }

#s_case .content{ height:260px; margin-bottom: 50px;}



#s_case ul{  overflow:hidden; }

#s_case li{ float:left; position:relative; width:255px; height:210px;  overflow: hidden; display:block; margin-right:24px; }

#s_case li a{ display:block;  overflow:hidden; width:255px;  height:210px; color:#0c59ac;}

#s_case li .pic_box{ width:255px; height:180px; display:block; }


#s_case li a h1 span{ display:block; text-align:center; height:25px; margin-top:10px; font-size:14px; line-height:25px;color:#0c59ac; font-weight:bold; }





#s_case .more{ position:relative; height: 40px; }

#s_case .more i{ position: absolute; top: 18px; left: 0; height: 1px; background: #fff; width: 100%; opacity:.3;filter:alpha(opacity=30) }

#s_case .more a{ position: relative; display: block; margin: 0 auto; z-index: 3; height:37px; width: 37px; overflow: hidden; text-align: center;   border-radius: 20px;}

#s_case .more a img{ display:block; margin: 0 auto; }

#s_case .more a strong{ color:#0152a5; font-size: 14px; line-height: 37px; opacity:0;filter:alpha(opacity=0) }

#s_case .more a:hover{ width: 160px;  background: #fff;}

#s_case .more a:hover img{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}

#s_case .more a:hover strong{opacity:1;filter:alpha(opacity=100) }







