@charset "utf-8";

.yyrow{ padding:20px 0px 40px 20px;}

.yyrow .col01{width:375px; float:left; padding:0 5px;}
.yyrow .row1{height:260px; margin-top:10px;}
.yyrow .row2{height:166px; margin-top:10px; line-height:146px;}
.yyrow .row3{height:125px; margin-top:10px; vertical-align:middle; line-height:125px;}
.yyrow .row4{height:166px; margin-top:10px; vertical-align:middle; line-height:166px;}
.yyrow .row5{height:260px; margin-top:10px;}

.yybox{height:100%;}
.yyrow a{display:block; width:100%; height:100%; padding:0; margin:0; overflow:hidden; text-align:center; color:#FFF; font-size:20px;}
.yyrow a:hover{opacity:.8; filter:alpha(opacity=80);}
.yyrow a:before{display:inline-block; content:""; width:80px; height:80px; background:url(/global/yy_icon.png) center top no-repeat; vertical-align:middle;}

.yyrow .row3 a:before{margin-right:15px;}

.sm, .sj, .yywb{width:48.5%; float:left; padding-right:5px;}
/* .sm1{width:100%; float:left;padding-right:5px;} */
.zd{width:100%;}
.qy, .app, .kf, .dy{width:48.5%; float:right;}

.sm a{background:#3ca1db; line-height:50px;}
.sm a:before{display:block; clear:both; margin:auto; margin-top:60px;}
/* .sm1 a{background:#3ca1db; line-height:50px;}
.sm1 a:before{display:block; clear:both; margin:auto; margin-top:60px;} */

.qy a{background:#628dee; line-height:50px;}
.qy a:before{ display:block; clear:both; margin:auto; margin-top:60px; background-position: center -120px;}

.zd a{background:#2775ce; line-height:50px; font-size:18px;}
.zd a:before{display:block; clear:both; background-position: center -120px; margin:auto; margin-top:25px;}

.dy a{background:#ed8493; line-height:50px;}
.dy a:before{display:block; clear:both; background-position: center -1332px; margin:auto; margin-top:25px;}

.cgyy a{background:#0c77f1;}
.cgyy a:before{background:url(/global/cgyy_icon.png) center no-repeat; margin-right:15px; }

.sm1 a{background:#3ca1db;}
.sm1 a:before{/*display:block;*/ clear:both; margin-right:15px;}

.yywx a{background:#4ddaa4;}
.yywx a:before{background-position: center -120px; margin-right:15px; background-position: center -364px; }

.yyxcx a{background:#51CC74;}
.yyxcx a:before{background-position: center -120px; margin-right:15px; background-position: center -1213px; }

.yywb a{background:#ed8493; line-height:50px;}
.yywb a:before{ display:block; clear:both; margin:auto; margin-top:30px;  background-position: center -484px; }

.kf a{background:#8b88f1; line-height:50px;}
.kf a:before{ display:block; clear:both; margin:auto; margin-top:30px; background-position: center -606px;}

.sj a{background:#23c9b7; line-height:50px;}
.sj a:before{ display:block; clear:both; margin:auto; margin-top:25px; background-position: center -728px;}

.app a{background:#4cafe2; line-height:50px;}
.app a:before{ display:block; clear:both; margin:auto; margin-top:25px; background-position: center -848px; }

.sjkf a{background:#6b80ff;}
.sjkf a:before{background-position: center -120px; background-position: center -971px;}

.dt a{background:#be69e2;}
.dt a:before{background-position: center -120px;  background-position: center -1091px;}

@media (max-width: 1280px) {
	.yyrow .col01{width:33.33%;}
	.sm, .sj, .yywb{width:50%; float:left; padding-right:5px;}
	.qy, .app, .kf{width:50%; float:right; padding-left:5px;}
	.sm1{width:100%; /*float:left;*/ padding:0;}
	
}
@media (max-width: 1024px) {
.yyrow{padding:20px 0px 20px;}
.zd a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}
@media (max-width: 768px) {
	.yyrow{ margin:0 0 20px;}
	.yyrow .col01{width:100%;}
	.yyrow .row1{height:auto;}
	.sm1{float: none;}
	.yyrow .row5{height:340px;}
	/* .yyrow .row1 a:before{margin-top:20px !important} */
	.yyrow .row3{height:166px; margin-top:10px; vertical-align:middle; line-height:166px;}
	
}
@media (max-width: 480px) {
	

}