/* 修复首页产品展示 */

.product_img img{
	min-height:132px; width:260px;height:180px;
}
                @media screen and (min-width:320px) and (max-width:768px) {
                  	.product_img:nth-child(odd){
                      	padding-left: 10px;
						padding-right: 5px;
                  	}
                  	.product_img:nth-child(even){
                      	padding-left: 5px;
						padding-right: 10px;
                  	}
                  	.product_img img{
                  		min-height:132px; width:260px;height:132px;
                	}
                  
                  	.case_img:nth-child(odd){
                      		padding-left: 10px;
							padding-right: 5px;
                  	}
                  	.case_img:nth-child(even){
                      		padding-left: 5px;
							padding-right: 10px;
                  	}
                  	
                  
                  	.cooperation_img:nth-child(odd){
                      		padding-left: 10px;
							padding-right: 5px;
                  	}
                  	.cooperation_img:nth-child(even){
                      		padding-left: 5px;
							padding-right: 10px;
                  	}
                  .product_list .product_img:last-child {
}
				}

/* bl弄的新的工程案例 */
      	.alItem{
          position: relative;
          overflow:hidden;
          background: #fff;
          border: 1px solid #ddd;
          transition: all ease 600ms;
          height:400px;
          margin: 10px;
          padding:0;
        }
        .alItem:hover{
          border: 1px solid #1048a0;
          background: #1048a0;
          transition: all ease 600ms;
        }
        .alItem a{
          padding:20px;
          display:block;
        }
        .alItem .title{
          margin-top: 20px;
        }
        .alItem .tit {
            font-size: 20px;
            color: #333;
        }
        .alItem:hover .tit{
          color:#fff;
        }
        .alItem .viewDetail{
          position: absolute;
          bottom: 30px;
          left: 30px;
          display: block;
          width: 120px;
          height: 32px;
          font-size: 14px;
          line-height: 30px;
          text-align: center;
          background: #1048a0;
          color: #fff;
        }
        .alItem:hover .viewDetail{
          	background: #fff;
			color: #1048a0;
        }
        .alImg{
          width:320px;
          height:240px;
        }
        
        @media screen and (min-width:320px) and (max-width:768px) {
          .alImg{
            width:295px;
			height:200px;
          }
        }



/* bl弄的新的我们的优势 */
        .ysListItem{
          text-align:center;
          transition: all ease 600ms;
        }
        .ysListItem .title {
            margin-top: 30px;
        }
        .ysListItem .tit {
            font-size: 24px;
            text-align: center;
            color: #1048a0;
        }
        .ysListItem .cont{
          padding:20px 30px;
          color:#666;
        }
        
        .ysListItem:hover .tit{
          font-weight: bold;
        }
        .ysListItem:hover{
        	margin-top: -10px;
          	margin-bottom:10px;
			transition: all .5s;
        }

/* bl弄的新的小banner - 手机端隐藏 */

       	@media screen and (min-width:320px) and (max-width:768px) {
          .index_slip1{
            display:none;
          }
        }

/* bl弄的新的行业动态 */

      #nnList li {
        	width:50%;
          float: left;

          -webkit-transition: all .3s ease-in-out 0s;
          -moz-transition: all .3s ease-in-out 0s;
          transition: all .3s ease-in-out 0s;
      }
      
      #nnList li a {
        
          height: 148px;
          border: 1px solid #ddd;
          background: #f6f6f6;
          margin: 30px 15px 0 0;
        
        
          display: block;
      }
      #nnList li:nth-child(even) a{
        margin: 30px 0 0 15px;
      }
      #nnList li .time {
          width: 66px;
          margin-top: 40px;
          margin-left: 30px;
      }
      #nnList li .time .day {
          font: normal 60px "arial";
          color: #999;
          line-height: 50px;
          -webkit-transition: all .3s ease-in-out 0s;
          -moz-transition: all .3s ease-in-out 0s;
          transition: all .3s ease-in-out 0s;
      }
      #nnList li .time .year {
          margin-top: 8px;
          font: normal 16px "arial";
          color: #666;
          -webkit-transition: all .3s ease-in-out 0s;
          -moz-transition: all .3s ease-in-out 0s;
          transition: all .3s ease-in-out 0s;
      }
      #nnList li .title {
          display: block;
          width: 70%;
          margin-top: 40px;
          margin-left: 14px;
      }
       
      #nnList li .title .tit {
          font-size: 20px;
          color: #333;
          -webkit-transition: all .3s ease-in-out 0s;
          -moz-transition: all .3s ease-in-out 0s;
          transition: all .3s ease-in-out 0s;
      }
      #nnList li .title .cont {
          margin-top: 8px;
          font-size: 14px;
          color: #666;
          line-height: 20px;
          -webkit-transition: all .3s ease-in-out 0s;
          -moz-transition: all .3s ease-in-out 0s;
          transition: all .3s ease-in-out 0s;
      }
      #nnList li:hover a {
          background: #1048a0;
          border: 1px solid #1048a0;
      }
      #nnList li:hover .time .day {
          color: #c1d4f1;
      }
      #nnList li:hover .time .year {
          color: #c1d4f1;
      }
      #nnList li:hover .title .tit {
          color: #fff;
      }
      #nnList li:hover .title .cont {
          color: #c1d4f1;
      }
        
         
        @media screen and (min-width:320px) and (max-width:768px) {
          #nnList li {
        	width:100%;
          }
          #nnList li .title {
            display: block;
            width: 65%;
            margin-top: 20px;
          }
          #nnList li a,#nnList li:nth-child(even) a{
            margin:15px 15px 0 15px;
          }
          #nnList li .title .tit {
          	font-size: 16px;
          }
          #nnList li .time {
            margin-top: 30px;
            margin-left: 20px;
          }
        }

/** 查看更多的那条线 */

           .more .line {
              display: block;
              width: 491px;
              height: 1px;
              margin-top: 24px;
              background: #ccc;
            }
             .more .look_more {
              display: block;
              width: 198px;
              height: 48px;
              font-size: 16px;
              line-height: 48px;
              text-align: center;
              border: 1px solid #ccc;
              transition: all .5s;
            }
            .more .look_more:hover {
              background: #1048a0;
              color: #fff;
              transition: all .5s;
              border: 1px solid #1048a0;
            }
            
            @media screen and (min-width:320px) and (max-width:768px) {
              .more .line{
                display:none;
              }
              .more .look_more{
                margin:0 auto;
                float:none;
              }
            }


/* 上下条按钮 */
.ico {
	background: url(/template/images/icon.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
}
.hd {
	position: absolute;
	width: 100%;
}
.hd .prev {
	width: 42px;
	height: 42px;
	background-position: 0px -60px;
	cursor: pointer;
	position: absolute;
	top: -200px;
	left: -80px;
	transition: all ease 600ms;
}
.hd .next {
	width: 42px;
	height: 42px;
	background-position: -126px -60px;
	cursor: pointer;
	position: absolute;
	top: -200px;
	right: -80px;
	transition: all ease 600ms;
}
.hd .prev:hover {
	background-position: -42px -60px;
	transition: all ease 600ms;
}
.hd .next:hover {
	background-position: -84px -60px;
	transition: all ease 600ms;
}
@media screen and (min-width:320px) and (max-width:768px) {
	.hd .prev {
		left: 0;
		top: -300px;
	}
	.hd .next {
		right: 0;
		top: -300px;
	}
}