@charset "utf-8";
/* CSS Document */

.j_title{ text-align:center; color:#333333; font-size:34px;}

.bg_f6{ background:#f6f7fa;}

/* 我们的优势 */
.ylj_advantage{ padding-top:43px;}
.ylj_advantage .adv_cont ul{ margin-left:49.5px; margin-top:42px; padding-bottom:45px;}
.ylj_advantage .adv_cont ul li{ float:left; text-align:center; width:207px; margin:0 80px; margin-bottom:38px;}
.ylj_advantage .adv_cont ul li .text{ color:#333333; font-size:16px; padding-top:23px;}
.ylj_advantage .adv_cont ul li .icon{ width:187px; height:187px; margin:0 auto;}
.ylj_advantage .adv_cont ul li .icon img{ position:relative; top:0;}
.ylj_advantage .adv_cont ul li:hover .icon img{animation:move 0.7s infinite linear;-webkit-animation:move 0.7s  linear;}



/* 代理商 */
.ylj_agent{padding-bottom:113px; padding-top:56px;}
.ylj_agent .agent_cont{ width:1217px; margin-top:47px;}
.ylj_agent .agent_cont ul li{ float:left; width:226px; height:318px; background:#fff; margin-right:17px; position:relative;}
.ylj_agent .agent_cont ul li .icon{ width:89px; height:80px; margin:0 auto; margin-top:68px; margin-bottom:17px; position:relative; z-index:1;}
.ylj_agent .agent_cont ul li .icon img{ position:absolute; top:0; left:0;}
.ylj_agent .agent_cont ul li .icon img.white,.ylj_agent .agent_cont ul li:hover .icon img.back{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
.ylj_agent .agent_cont ul li:hover .icon img.white{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}

.ylj_agent .agent_cont ul li .text{ font-size:16px; color:#333333; line-height:24px; text-align:center;position:relative; z-index:1;}
.ylj_agent .agent_cont ul li:before{content: ''; z-index:0; position:absolute; top:0px; left:0; width:100%; height:0px; display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.ylj_agent .agent_cont ul li:after{content: ''; z-index:0; position:absolute; bottom:-3px;height:3px; left:0; width:100%; display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.ylj_agent .agent_cont ul li:hover:before{ height:159px;}
.ylj_agent .agent_cont ul li:hover:after{ height:162px;}
.ylj_agent .agent_cont ul li:hover .text{ color:#fff;}
.ylj_agent .agent_cont ul li.l1:before,.ylj_agent .agent_cont ul li.l1:after{ background:#87cd65;}
.ylj_agent .agent_cont ul li.l2:before,.ylj_agent .agent_cont ul li.l2:after{ background:#36bcfa;}
.ylj_agent .agent_cont ul li.l3:before,.ylj_agent .agent_cont ul li.l3:after{ background:#41dbd6;}
.ylj_agent .agent_cont ul li.l4:before,.ylj_agent .agent_cont ul li.l4:after{ background:#f79169;}
.ylj_agent .agent_cont ul li.l5:before,.ylj_agent .agent_cont ul li.l5:after{ background:#f6635c;}





/* 申请流程 */
.ylj_steping{padding-bottom:87px; padding-top:54px;}
.ylj_steping .steping_cont{ margin-top:46px;}
.ylj_steping .steping_cont ul li{ float:left;}
.ylj_steping .steping_cont ul li .icon{ width:52px; height:52px; padding:57px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; background:#f5fbfd;}
.ylj_steping .steping_cont ul li .icon img{ position:relative;}
.ylj_steping .steping_cont ul li:hover .icon img{animation:move 0.7s infinite linear;-webkit-animation:move 0.7s  linear;}
.ylj_steping .steping_cont ul li .text{ color:#333333; font-size:16px;  text-align:center; padding-top:22px;}
.ylj_steping .steping_cont ul li.line{ margin:74px 16px 0 15px;}



.ylj_sbanner{ height:390px; text-align:center; line-height:390px;}
.ylj_sbanner .text{ color:#fff; font-size:30px; display:inline-block; vertical-align:middle;}


@keyframes move {
	0%   { top:0px;}
	50%  { top:-10px;}
	100% { top:0px;}
}
@-webkit-keyframes move {
	0%   { top:0px;}
	100%  { top:-10px;}
	100% { top:0px;}
}

@media screen and (max-width:1200px) {
	.nyl_banner .wx_btn, .nyl_banner .fullSlide .bd li .info .btn{display: none;}
	.ylj_advantage, .ylj_agent, .ylj_steping{padding-top: 20px; padding-bottom: 20px; overflow: hidden;}
	.j_title{font-size: 20px;}
	.ylj_advantage .adv_cont ul{margin: 20px 0 0 0; padding-bottom: 0; width: 100%;}
	.ylj_advantage .adv_cont ul li{width: 33%; margin: 0; margin-bottom: 10px; text-align: center;}
	.ylj_advantage .adv_cont ul li .icon{width: 100%; height: auto;}
	.ylj_advantage .adv_cont ul li .icon img{width: 70%; height: auto;}
	.ylj_advantage .adv_cont ul li .text{font-size: 14px; padding-top: 10px;}
	.ylj_agent .agent_cont{width: 100%; margin-top: 20px;}
	.ylj_agent .agent_cont ul{overflow: hidden; width: 90%; margin:  0 auto;}
	.ylj_agent .agent_cont ul li{width: 100% ;height: auto; margin-right: 0; margin-bottom: 10px;display: box;
  display: -webkit-box;
  box-align: center;
  -webkit-box-align: center;
  box-pack: center;
  -webkit-box-pack: center;}
	.ylj_agent .agent_cont ul li:before, .ylj_agent .agent_cont ul li:after{display: none;}
	.ylj_agent .agent_cont ul li .icon{width: 15%; padding: 10px; margin: 0; height: auto; float: left;}
	.ylj_agent .agent_cont ul li .icon img.white{display: none;}
	.ylj_agent .agent_cont ul li .icon img{width: 100%; position: static;}
	.ylj_agent .agent_cont ul li .text{font-size: 16px; line-height: 1.2;-webkit-box-flex: 1;box-flex: 1; text-align: left;}
	.ylj_steping .steping_cont{margin-top: 20px;}
	.ylj_steping .steping_cont ul li{width: 23%; margin-bottom: 20px;}
	.ylj_steping .steping_cont ul li .icon{width: 100%; height: auto; padding: 0; background: none; text-align: center;}
	.ylj_steping .steping_cont ul li .icon img{width: 50%; height: auto; }
	.ylj_steping .steping_cont ul li.line{width: 10%; margin: 20px 0;}
	.ylj_steping .steping_cont ul li .text{font-size: 14px; padding-top: 10px;}
	.ylj_sbanner{height: 100px; line-height: 100px;}
	.ylj_sbanner .text{font-size: 20px;}
}