﻿
.i_title{ text-align:center; margin-top:6.3%; line-height:1.2; color:#222; font-weight:bold;}
.i_product{ overflow:hidden; margin-top:3%; margin-bottom:3%;}
.i_product ul li{ float:left; overflow:hidden; width:49.4%; max-width:830px;}
.i_product ul li:nth-child(2n){ float:right;}
.i_product ul li .boxs{ background:#f0f4f7; border-radius:10px; margin-bottom:2.4%;}
.i_product ul li .boxs2{ background:#f0f4f7; border-radius:10px; margin-bottom:2.4%; text-align:center;}
.i_product ul li .cons{ width:94%; margin:0 auto; max-width:740px;}
.i_product ul li .txt{ float:left;overflow:hidden; max-width:330px; width:46.37%; padding-top:64px; padding-bottom:64px;}
.i_product ul li .boxs2 .txt{ float:none; max-width:none; width:100%; padding-bottom:30px; }
.i_product ul li .imgs{ float:right; width:51.63%; position:relative; max-width:380px;}
.i_product ul li .boxs .imgs{/* padding-top:48.65%;*/ padding-top:360px;}
.i_product ul li .boxs2 .imgs{ float:none; width:62.2%; max-width:none; margin:0 auto; margin-bottom:30px; /*padding-top:33.79%;*/ padding-top:251px;}
.i_product ul li .imgs img{display: block;width: 100%; height:100%; position:absolute; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;transition-delay:0.3s;}
.i_product ul li .boxs:hover .imgs img,.i_product ul li .boxs2:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_product ul li .txt .h3{ font-weight:bold; color:#333333; line-height:32px; height:64px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;transition:all 0.3s;}
.i_product ul li .boxs2 .txt .h3{ height:32px; -webkit-line-clamp: 1; }
.i_product ul li .boxs:hover .txt .h3,.i_product ul li .boxs2:hover .txt .h3{ color:#507ee5;}
.i_product ul li .txt .p{ font-size:18px; overflow:hidden; line-height:24px; height:48px; color:#666666;margin-top:17px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.i_product ul li .boxs2 .txt .p{margin-top:10px;}
.i_product ul li .txt .rbtn{ float:left; margin-top:80px;}
.i_product ul li .boxs2 .txt .rbtn{ float:none; display:inline-block; vertical-align:top; margin-top:12px;}
.i_product ul li .boxs:hover .txt .rbtn,.i_product ul li .boxs2:hover .txt .rbtn{ }
.i_product ul li .boxs .txt .rbtn:before,.i_product ul li .boxs2 .txt .rbtn:before{ }
.i_product ul li .boxs:hover .txt .rbtn:before,.i_product ul li .boxs2:hover .txt .rbtn:before{ width:100%;}
.i_product ul li .boxs:hover .txt .rbtn:after,.i_product ul li .boxs2:hover .txt .rbtn:after{ /*background-image:url(../images/i_pic2_on.png);*/ transform: rotate(45deg); right:2px; top:5px; background-image:url(../images/i_pic2_on.png);}
.i_product ul li:first-child .boxs:last-child{ padding-top:70px; padding-bottom:70px;}


.rbtn {
  position: relative;
  display: block; padding: 0 46px 0 0;
  text-align: center;
  /*overflow: hidden;*/ line-height:18px; height:27px;  border-bottom:1px solid #828383; color:#666;
}
.rbtn:hover::after {
 transform: rotate(45deg); right:2px; top:5px; background-image:url(../images/i_pic2_on.png);
}

.rbtn:before{ content:""; bottom:-1px; left:0; position:absolute; width:0; height:1px;  z-index:1;transition:all 1s;}
.rbtn:hover:before{ width:100%;}
.rbtn input,
.rbtn span {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
  display: block;
  background: none;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.rbtn::after {
  content: " ";
  position: absolute;
  top: 5px;
  right: 0;
  z-index: 2;
  width: 9px;
  height: 10px;
 /* background: rgba(255,255,255,0.1);*/
  background:url(../images/i_pic2_on.png) right top 0 no-repeat;background-size:100% 100%;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.rbtn.w::after {
  background: #fff;
}
.fw700{
	font-weight: 700
}
.fw600{
	font-weight: 600
}