@import url(main1.css);
.tit{font-size:24px;line-height:50px;margin-bottom:10px;}
.tit h4{font-weight:500;}

.i_first{width:1160px;margin:0 auto;background:#FFF;padding:30px 20px;display:flex;justify-content:space-between;border-bottom:1px solid #CCC;}

.i_news{width:45%;}
.i_news ul li div{font-size:16px;line-height:35px;}
.i_news ul li p{font-size:12px;line-height:40px;height:80px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;}

.i_menu{width:50%;}
.i_menu ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.i_menu ul li{width:49%;}
.i_menu ul li span img{width:100%;}
.i_menu ul li div{display:flex;justify-content:space-between;font-size:18px;line-height:50px;padding:0 2%;}
.i_menu ul li div span a{color:#068c40;}

.i_pro{width:1160px;margin:0 auto;background:#FFF;padding:30px 20px;border-bottom:1px solid #CCC;}
.i_pro_list{display:flex;justify-content:space-between;}
.i_pro_list li{width:32.333%;}
.i_pro_list li span{width:99%;border:1px solid #ccc;display:block;}
.i_pro_list li span img{width:100%;height:auto;}
.i_pro_list li p{font-size:18px;line-height:50px;}

.i_app{width:1160px;margin:0 auto;background:#FFF;padding:30px 20px;}
.i_app_list{display:flex;justify-content:space-between;}
.i_app_list li{width:32.333%;}
.i_app_list li span{width:99%;border:1px solid #ccc;display:block;}
.i_app_list li span img{width:100%;height:auto;}
.i_app_list li p{font-size:18px;line-height:50px;}

.ysly{
    margin-top: 87px;
    height: 762px;
    background: url(../picture/ysbg.png) no-repeat center ;
    padding-top: 65px;
}
.ysly .title1{
    text-align: center;
}
.ysly .title1 h1{
    font-size: 40px;
    font-weight: normal;
    font-stretch: normal;
    line-height:40px;
    letter-spacing: 0px;
    color: #ffffff;
}
.ysly .title1 h1 span{
    font-weight: bold;
}
.ysly .title1 h2{
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #fff;
    opacity: 0.8;
    margin-top: 16px;
}
.ys2{
    margin-top: 68px;
    width:1200px;
    background:none;
}
.ys2 ul li{
    box-sizing: border-box;
    float: left;
    width: 590px;
    height: 224px;
    margin-right: 20px;
    margin-bottom: 21px;
    padding: 50px 0 0 50px;
	position:relative;
}
.ys2 ul li:after{
	width:0;
	height:calc(100% - 9px);
	position:absolute;
	content:'';
	border-top:5px solid #048F3E;
	border-bottom:5px solid #DC0628;
	left:0;
	top:0;
	transition:1s;
}
.ys2 ul li:before{
	width:calc(100% - 9px);
	height:0;
	position:absolute;
	content:'';
	border-left:5px solid #DC0628;
	border-right:5px solid #048F3E;
	top:0;
	right:0;
	transition:1s;
}
.ys2 ul li:hover:after{
	width:100%;
	transition:1s;
}
.ys2 ul li:hover:before{
	height:100%;
	transition:1s;
}
.ys2 ul li:nth-child(2n){
    margin-right: 0;
}

.ys2 ul li h3{
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #00824a;
}
.ys2 ul li h3 span{
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #11509b;
}
.ys2 ul li p{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    color: #444444;
    margin-top: 20px;
}
