@charset "utf-8";
.body{ background:#FFFFFF}
.sjtopbg{ background:#066198}
.sjtopbg .topbg{ background:#066198}
.bannersj{background:url(pic/banner.jpg) no-repeat center 0/100% auto; height:460px;font-family: 'HanHei-SC'; text-align:center; color:#FFFFFF; padding-top:4%}
.bannersj h2{font-size:50px;}
.bannersj span{ color:#FFFF00}
.bannersj p{ font-size:22px;}
.bannersj .n{ font-size:22px; padding-top:155px;}


.sjtitle,.sj-hyfl{ background:#F3F9FA; padding:0px 0px 40px; overflow:hidden}
.title-sj{ text-align:center; width:80%; margin:0px auto; padding-top:20px}

.title-sj h1{ text-align:center; color:#333333;font-family: 'HanHei-SC'; font-size:46px}
.title-sj p{ line-height:26px}

.sjfw{overflow: hidden; padding-top:20px}
.sjfw>div{ width:18%; float:left; border:solid 1px #CCCCCC; background:#FFFFFF; margin:0px 1%; padding-bottom:30px}
.sjfw .none{ display:none}

.sjfw i{ width:48px; height:40px; margin:20px auto 0px; background:url(pic/icon.png) no-repeat -8px -704px; display:table}
.sjfw .i2{background-position:  -62px -704px;}
.sjfw .i3{background-position:  -121px -704px;}
.sjfw .i4{background-position:  -250px -704px;}
.sjfw .i5{background-position:  -317px -704px;}
.sjfw .i6{background-position:  -183px -704px;}
.sjfw .i7{background-position:  -86px -12px;}
.sjfw .i8{background-position:  -149px -12px;}
.sjfw .i9{background-position:  -217px -12px;}
.sjfw .i10{background-position: -281px -12px;}
.sjfw .i11{background-position: -340px -12px;}
.sjfw .i12{background-position: -397px -12px;}
.sjfw .i13{background-position: -458px -12px;}
.sjfw .i14{background-position: 0px -77px;}
.sjfw .i15{background-position: -53px -77px;}
.sjfw .i16{background-position: -236px -134px;}
.sjfw .i17{background-position: -110px -77px;}
.sjfw .i18{background-position: -164px -77px;}
.sjfw .i19{background-position: -289px -138px;}
.sjfw .i20{background-position: -346px -134px;}
.sjfw .i21{background-position: -406px -137px;}
.sjfw .i22{background-position: -218px -77px;}
.sjfw .i23{background-position: -172px -137px; }
.sjfw .i24{background-position: -452px -137px; }
.sjfw .i25{background-position: 0px -190px;}
.sjfw .i26{background-position: -49px -190px;}
.sjfw .i27{background-position: -277px -77px;}
.sjfw .i28{background-position: -392px -77px;}
.sjfw .i29{background-position: -452px -77px;}
.sjfw .i30{background-position:  -397px -12px;}
.sjfw .i31{background-position:  -12px -1020px;}
.sjfw .i32{background-position:  -67px -1020px;}
.sjfw .i33{background-position:  -127px -1020px;}
.sjfw .i34{background-position:  -187px -1020px;}
.sjfw .i35{background-position:  -246px -1020px;}

.sjfw .i36{background-position: -12px -783px;}
.sjfw .i37{background-position: -65px -783px;}
.sjfw .i38{background-position: -121px -783px;}
.sjfw .i39{background-position: -183px -783px;}
.sjfw .i40{background-position: -247px -783px;}
.sjfw .i41{background-position: -309px -783px;}
.sjfw .i42{background-position: -383px -783px;}
.sjfw .i43{background-position: -447px -783px;}
.sjfw .i44{background-position: -12px -840px;}
.sjfw .i45{background-position: -65px -840px}
.sjfw .i46{background-position: -121px -840px;}
.sjfw .i47{background-position: -183px -840px;}
.sjfw .i48{background-position: -247px -840px;}
.sjfw .i49{background-position: -309px -840px;}
.sjfw .i50{background-position: -377px -840px;}
.sjfw .i51{background-position: -447px -840px;}

.sjfw h3{ font-size:16px; font-weight:bold;text-align:center}
.sjfw p{ text-align:center; padding:10px 20px; color: #999999; height:80px; line-height:20px;}
.sjfw a{text-align:center; margin:0px auto; background:#E5E5E5; padding:8px 30px; border:1px solid #E5E5E5; color:#666666; display:table; }

.sjfw>div:hover
{ background:#fc961e; border-color:#fc961e;}
.sjfw>div:hover h3,.sjfw>div:hover p,.sjfw>div:hover a
{ color:#fff;}
.sjfw>div:hover a
{ border-color:#fff;  background:#fc961e;}

.sjfw>div:hover .i1{background-position:  -8px -654px;}
.sjfw>div:hover .i2{background-position:  -62px -654px;}
.sjfw>div:hover .i3{background-position:  -121px -654px;}
.sjfw>div:hover .i4{background-position:  -250px -654px;}
.sjfw>div:hover .i5{background-position:  -317px -654px;}
.sjfw>div:hover .i6{background-position:  -183px -654px;}
.sjfw>div:hover .i7{background-position:  -86px -246px;}
.sjfw>div:hover .i8{background-position:  -149px -246px;}
.sjfw>div:hover .i9{background-position:  -217px -246px;}
.sjfw>div:hover .i10{background-position: -281px -246px;}
.sjfw>div:hover .i11{background-position: -340px -246px;}
.sjfw>div:hover .i12{background-position: -397px -246px;}
.sjfw>div:hover .i13{background-position: -458px -246px;}
.sjfw>div:hover .i14{background-position: 0px -312px;}
.sjfw>div:hover .i15{background-position: -53px -312px;}
.sjfw>div:hover .i16{background-position: -236px -370px;}
.sjfw>div:hover .i17{background-position: -110px -312px;}
.sjfw>div:hover .i18{background-position: -164px -312px;}
.sjfw>div:hover .i19{background-position: -289px -370px;}
.sjfw>div:hover .i20{background-position: -346px -370px;}
.sjfw>div:hover .i21{background-position: -406px -370px;}
.sjfw>div:hover .i22{background-position: -218px -312px;}
.sjfw>div:hover .i23{background-position: -172px -370px; }
.sjfw>div:hover .i24{background-position: -452px -370px; }
.sjfw>div:hover .i25{background-position: 0px -425px;}
.sjfw>div:hover .i26{background-position: -49px -425px;}
.sjfw>div:hover .i27{background-position: -277px -312px;}
.sjfw>div:hover .i28{background-position: -392px -312px;}
.sjfw>div:hover .i29{background-position: -452px -312px;}
.sjfw>div:hover .i30{background-position:  -397px -246px;}
.sjfw>div:hover .i31{background-position:  -12px -1078px;}
.sjfw>div:hover .i32{background-position:  -67px -1078px;}
.sjfw>div:hover .i33{background-position:  -127px -1078px;}
.sjfw>div:hover .i34{background-position:  -187px -1078px;}
.sjfw>div:hover .i35{background-position:  -246px -1078px;}

.sjfw>div:hover .i36{background-position: -12px -897px;}
.sjfw>div:hover .i37{background-position: -65px -897px;}
.sjfw>div:hover .i38{background-position: -121px -897px;}
.sjfw>div:hover .i39{background-position: -183px -897px;}
.sjfw>div:hover .i40{background-position: -247px -897px;}
.sjfw>div:hover .i41{background-position: -309px -897px;}
.sjfw>div:hover .i42{background-position: -383px -897px;}
.sjfw>div:hover .i43{background-position: -447px -897px;}
.sjfw>div:hover .i44{background-position: -12px -953px;}
.sjfw>div:hover .i45{background-position: -65px -953px}
.sjfw>div:hover .i46{background-position: -121px -953px;}
.sjfw>div:hover .i47{background-position: -183px -953px;}
.sjfw>div:hover .i48{background-position: -247px -953px;}
.sjfw>div:hover .i49{background-position: -309px -953px;}
.sjfw>div:hover .i50{background-position: -377px -953px;}
.sjfw>div:hover .i51{background-position: -447px -953px;}


.sj-ys{ overflow:hidden; padding:30px 0px}
.sj-ys>div{ width:21%; float:left; margin:0px 2%}
.sj-ys b{font-size:46px; color:#56AEED;}
.sj-ys p{color:#565656; font-size:16px; line-height:30px}

.sj-hyfl-lr{overflow: hidden; padding-top:20px}
.sj-hyfl-lr>div{ width:21%; float:left;  margin:0px 2%; padding-bottom:30px; text-align:center;}
.sj-hyfl-lr img{ height:76px}
.sj-hyfl-lr figcaption{ font-size:18px; color:#0775C2; padding:15px 0px}
.sj-hyfl-lr p{ font-size:12px; color:#666666; line-height:24px; height:72px;}
.sj-hyfl a{text-align:center; margin:0px auto; background:#F76A00; padding:10px 60px; color:#ffffff; display:table}
.sj-hyfl a:hover { text-decoration:none;
  box-shadow: 0px 0px 10px #cc0000;
  -moz-box-shadow: 0px 0px 10px #cc0000;
  -webkit-box-shadow: 0px 0px 10px #cc0000;
  transform: translate(3px, 3px);
  -webkit-transform: translate(3px, 3px);
  -moz-transform: translate(3px, 3px);
  -o-transform: translate(3px, 3px);
  -ms-transform: translate(3px, 3px);
}

.sj-hyfl-lr>div:hover img{
  transform: translate(0, 5px);
  -webkit-transform: translate(0, 5px);
  -moz-transform: translate(0, 5px);
  -o-transform: translate(0, 5px);
  -ms-transform: translate(0, 5px);
}
.sj-hyfl-lr>div:hover figcaption {
  transform: translate(-5px, 0);
  -webkit-transform: translate(-5px, 0);
  -moz-transform: translate(-5px, 0);
  -o-transform: translate(-5px, 0);
  -ms-transform: translate(-5px, 0);
}
.sj-hyfl-lr>div:hover p{
  transform: translate(5px, 0px);
  -webkit-transform: translate(5px, 0px);
  -moz-transform: translate(5px, 0px);
  -o-transform: translate(5px, 0px);
  -ms-transform: translate(5px, 0px);
}




/*售后保障*/
.ysjiA
{ overflow:hidden; padding:20px 0 30px;}
.ysjiA ul
{ margin:0; padding:0;}
.ysjiA ul li
{ width: 202px; height: 261px; float: left; text-align: center; border: 1px solid #ffffff; list-style:none; margin:0 47px 0 0;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s; 
}
.ysjiA ul .liA
{ margin-right:0px;}
.ysjiA ul li:last-child{margin-right: 0}
.ysjiA ul li i 
{ height: 102px; display:block; margin-top: 31px;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.ysjiA ul li h3
{ height: 50px; line-height: 50px; overflow: hidden; font-size: 16px; margin:0; padding:0;}
.ysjiA ul li p
{ padding:0 10px; font-size: 13px; line-height: 24px; color: #666666;}
.ysjiA ul li .i1 
{ background: url('pic/t1.png') no-repeat center center;}
.ysjiA ul li .i2 
{ background: url('pic/t2.png') no-repeat center center;}
.ysjiA ul li .i3 
{ background: url('pic/t3.png') no-repeat center center;}
.ysjiA ul li .i4 
{ background: url('pic/t4.png') no-repeat center center;}
.ysjiA ul li .i5 
{ background: url('pic/t5.png') no-repeat center center;}

.ysjiA ul li:hover
{ background: #f3f9fa; border: 1px solid #c2e0f5;}
.ysjiA ul li:hover .i1 
{ background: url('pic/t1a.png') no-repeat center center;}
.ysjiA ul li:hover .i2 
{ background: url('pic/t2a.png') no-repeat center center;}
.ysjiA ul li:hover .i3 
{ background: url('pic/t3a.png') no-repeat center center;}
.ysjiA ul li:hover .i4 
{ background: url('pic/t4a.png') no-repeat center center;}
.ysjiA ul li:hover .i5 
{ background: url('pic/t5a.png') no-repeat center center;}




/*手机超小屏幕下的单独样式 xs < 768px */
@media (min-width: 300px) and (max-width: 766px){

.bannersj{background:url(pic/banner.jpg) no-repeat center 0/auto 100%;height:360px;}
.bannersj h2{font-size:30px;}
.bannersj p{ font-size:16px;}
.sj-ys{ overflow:hidden; padding:10px 0px}
.sjfw>div{ width:48%; margin:5px 1%}
.sjfw>div p
{ height:120px;}

.sj-ys>div{ width:46%; float:left; margin:0px 2%; height:90px}
.sj-ys b{font-size:26px;}
.sj-ys p{font-size:14px; line-height:24px}
.sj-hyfl-lr>div{ width:46%; float:left;  margin:0px 2%; padding-bottom:30px; text-align:center;}
.sjfw .none{ display: block}

/*售后保障*/
.ysjiA
{ padding:20px 15px;}
.ysjiA ul li
{ width:49%; height:220px; margin:0 2% 0 0;}
.ysjiA ul li:nth-of-type(2n)
{ margin-right:0;}
.ysjiA ul .liA
{ display:none;}
.ysjiA ul li i
{ margin-top:5px;}
.ysjiA ul li h3
{ height:40px; line-height:40px;}
.ysjiA ul li p
{ font-size:12px;}

}
/*平板小屏幕样式 768px <= sm < 992px */
@media (min-width: 768px) and (max-width: 991px){
.bannersj{background:url(pic/banner.jpg) no-repeat center 0/100% 100%;height:360px;}
.bannersj h2{font-size:30px;}
.bannersj p{ font-size:16px;}
.sjfw>div{ width:48%; margin:5px 1%}
.sjfw .none{ display: block}
.sj-hyfl-lr>div{ width:29%; float:left;  margin:0px 2%; padding-bottom:30px; text-align:center;}

/*售后保障*/
.ysjiA ul li
{ width:190px;  margin:0 4px 0 0;}


}

/*大于992px以上固定宽度为970px md >= 992px */
@media (min-width: 992px) and (max-width: 1199px){
.bannersj{background:url(pic/banner.jpg) no-repeat center 0/100% 100%;}
.sjfw>div{ width:31%; margin:5px 1%}
.sjfw .none{ display: block}


/*售后保障*/
.ysjiA ul li
{ width:190px;  margin:0 4px 0 0;}




}