@charset "utf-8";

.ygzw-main{padding:30px;}
.ygzw-banner{text-align:center;}
.ygzw-banner img{float:left; display:block; width:100%;}

.ygzw-head .hd{width:220px; margin:30px auto 0; background-color:#f3f3f3; border-radius:18px; overflow:hidden;}
.ygzw-head .hd li{float:left; height:35px; line-height:33px; width:50%; text-align:center; cursor:pointer;}
.ygzw-head .hd li.on{color:#fff; background-color:#2f6edd; border-radius:18px;}
.ygzw-bd{overflow:hidden;}
.ygzw-bd ul{margin-right:-15px; margin-left:-15px; overflow:hidden;}
.ygzw-bd ul li{float:left; width:25%;}
.ygzw-bd ul li a{position:relative; display:block; padding:10px; margin-top:30px; margin-right:15px; margin-left:15px; text-align:center; background-color:#f3f3f3; border:1px solid #2f6edd;}
.ygzw-bd ul li a:before{position:absolute; top:-1px; right:10px; bottom:-1px; left:10px; content:""; margin:0 auto; height:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.ygzw-bd ul li a:after{position:absolute; top:10px; right:-1px; bottom:10px; left:-1px; content:""; width:100%; margin:auto 0; border-right:1px solid #ddd; border-left:1px solid #ddd;}

.ygzw-bd ul.classify li a{padding:30px 10px 35px;}
.ygzw-bd ul.classify li a i{display:block; margin:0 auto 15px; width:40px; height:40px; background-image:url(../images/ygzw_classify_icons.png); background-repeat:no-repeat;}
.ygzw-bd ul.classify li a:hover i{background-image:url(../images/ygzw_classify_icons_hover.png);}
.ygzw-bd ul.classify li.li1 a i{background-position:0 -40px;}
.ygzw-bd ul.classify li.li2 a i{background-position:0 -80px;}
.ygzw-bd ul.classify li.li3 a i{background-position:0 -120px;}
.ygzw-bd ul.classify li.li4 a i{background-position:0 -160px;}
.ygzw-bd ul.classify li.li5 a i{background-position:0 -200px;}
.ygzw-bd ul.classify li.li6 a i{background-position:0 -240px;}
.ygzw-bd ul.classify li.li7 a i{background-position:0 -280px;}
.ygzw-bd ul.classify li.li8 a i{background-position:0 -320px;}
.ygzw-bd ul.classify li.li9 a i{background-position:0 -360px;}
.ygzw-bd ul.classify li.li10 a i{background-position:0 -400px;}


.ygzw-bd ul.depts li a i{display:inline-block; vertical-align:middle; width:1px; height:60px;}
.ygzw-bd ul.depts li a font{display:inline-block; vertical-align:middle; line-height:1.5em;}
.ygzw-bd ul.depts li a:hover{color:#fff; background-color:#2f6edd;}
.ygzw-bd ul.depts li a:hover:before{border-top-color:#2f6edd; border-bottom-color:#2f6edd;}
.ygzw-bd ul.depts li a:hover:after{border-right-color:#2f6edd; border-left-color:#2f6edd;}


.home-mainTab .outBd{margin-bottom:20px;}
.home-mainTab .outBd .item .hd-format h2{display:none; float:left; padding:0 20px; min-width:106px; font-weight:bold; font-size:1.25em; text-align:center; line-height:42px; color:#5482d4; border:1px solid #5482d4; border-radius:4px;}
.home-mainTab .outBd .item .hd-format h2 a{color:#2e6ddd;}

.ggzy-body{background:#f7f8fa;}
.ggzy-body .m-common-more{display:block; width:30%; min-width:200px; margin:10px auto 0;}
.ggzy-tdsc{position:relative; padding-left:370px; min-height:220px;}
.ggzy-tdsc .imgScale{position:absolute; top:0; left:0;}

/**** responsive ****/
@media (max-width: 1440px){

}

@media (max-width: 1280px) {
}


@media (max-width: 1023px){
.ggzy-body{background:#fff;}	
}


@media (max-width: 991px){
.ygzw-main{padding:0;}
.ygzw-head .hd{margin-top:25px; margin-bottom:10px;}
.ygzw-bd{padding:0 15px 15px;}
.ygzw-bd ul{margin-right:-7px; margin-left:-8px;}
.ygzw-bd ul li{width:33.33333%;}
.ygzw-bd ul li a{padding:10px 0; margin-top:15px; margin-right:7px; margin-left:8px;}

.tab-diamond.res > .hd{display:none;}
.tab-diamond.res > .bd .item{display:block !important; margin-bottom:30px;}
.tab-diamond.res > .bd .item:last-child{margin-bottom:0;}
.home-mainTab .outBd .item .hd-format h2{display:block;}

.ggzy-body .m-common-more{width:100%;}
.ggzy-tdsc{padding-left:0;}
.ggzy-tdsc .imgScale{position:static; text-align:center; padding-bottom:25px; border-bottom:1px dashed #e6e6e6; margin-bottom:25px;}
}

@media (max-width:768px) {
.ygzw-bd ul li{width:50%;}

}

@media (max-width: 640px){
	
}

@media (max-width: 480px){
 

}
@media (max-width: 450px){
.ygzw-bd ul li{width:100%;}
	
}