@charset "utf-8";
/* CSS Document */
#banner{overflow:hidden; position:relative; width:100%; background:#e6e6e6;}
main .center-wrap{padding:0px 0px 0px 0px; background-color:#FFFFFF; width:1200px;}
#main{position:relative;text-align:justify; text-justify:distribute-all-lines;}

#main .center-wrap .nyleft{float: left; width: 22%; margin-top:-35px;}
#main .center-wrap .nyleft .nymenu{ width: 100%;}
#main .center-wrap .nyleft .nymenu h3{ position: relative; width: 100%; height: 122px; text-align: center; background: #0755c5; border-top: 4px solid #004375; box-sizing: border-box; padding: 30px 0 0 50px;}
#main .center-wrap .nyleft .nymenu h3 em{position: absolute; top: 0; left: 16px; display: block; line-height: 118px; font-family:'DidotBold'; font-size: 86px; color: #fff; font-weight: normal;}
#main .center-wrap .nyleft .nymenu h3 b{ padding:0px 35px;word-wrap: break-word;word-break: break-all;display: block; line-height: 36px; font-family:'Microsoft YaHei'; font-size: 26px; color: #fff; font-weight: normal;}
#main .center-wrap .nyleft .nymenu h3 i{ display: block; line-height: 20px; font-family:'Arial'; font-size:14px; color:#009dd6; font-weight: normal;}
#main .center-wrap .nyleft .nymenu ul{ margin-top: 1px; background: #f0f0f0; padding-bottom: 80px; border-bottom: 4px solid #ccc;}
#main .center-wrap .nyleft .nymenu ul li{ position: relative; width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #fff;}
#main .center-wrap .nyleft .nymenu ul li a{ display: block; width: 100%; height: 100%; overflow: hidden; padding: 0 34px; box-sizing: border-box; font-family:'Microsoft YaHei'; font-size:14px; color:#333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#main .center-wrap .nyleft .nymenu ul li:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ddd;}
#main .center-wrap .nyleft .nymenu ul li.on a,#main .center-wrap .nyleft .nymenu ul li a:hover{ color: #006fc2; background: url(../images/nymenu_list_ico.jpg) no-repeat 230px center #fff;}
#main .center-wrap .nyleft .nymenu ul li.on a:after,#main .center-wrap .nyleft .nymenu ul li a:hover:after{ content: ""; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: #ccc;}

#main .center-wrap .nyright{float: right; width:75%; min-height: 500px;}
#main .center-wrap .nyright .nyright-body{width:99%; margin:0 auto;}
#main .center-wrap .nyright .nytitle{ margin-top: 0px; height: 45px; line-height: 45px; border-bottom: 1px solid #d4d4d4; overflow: hidden;}
#main .center-wrap .nyright .nytitle h3{ height: 45px; border-bottom: 1px solid #006fc2; font-family:'Microsoft YaHei'; font-size: 20px; color: #006fc2; font-weight: normal;}
#main .center-wrap .nyright .nytitle .crumbs{ background: url(../images/crumbs_ico.jpg) no-repeat left center; padding-left: 30px; font-family:'Microsoft YaHei'; font-size: 12px; color: #666; margin-top: 3px;}
#main .center-wrap .nyright .nytitle .crumbs a{color:#666 ;}
#main .center-wrap .nyright .nytitle .crumbs a:hover,#main .center-wrap .nyright .nytitle .crumbs i{ color: #006fc2;}

/* 响应式设计 */
@media screen and (min-width: 861px){
	main .center-wrap{width:1200px;}
}

@media screen and (max-width: 860px){
    main .center-wrap{width:98%; padding-left:0.3%; padding-right:0.3%;}
	#banner .center-wrap{width:100%;}
	#banner .center-wrap img{width:100%;}
	#main .center-wrap .nyleft{width:100%;margin-top: 0px;}
	#main .center-wrap .nyleft .nymenu h3{height: 80px; border-top: 2px solid #004375; padding: 20px 0 0 20px;}
	#main .center-wrap .nyleft .nymenu ul{padding-bottom: 20px; border-bottom: 2px solid #ccc;}
    #main .center-wrap .nyleft .nymenu h3 em{left:36%; line-height: 75px;font-size: 60px;}
	#main .center-wrap .nyleft .nymenu ul li.on a,#main .center-wrap .nyleft .nymenu ul li a:hover{background: url(../images/nymenu_list_ico.jpg) no-repeat 98% center #fff;}
	#main .center-wrap .nyright{float:left; width:94%; margin-left:3%; margin-right: 3%;}
}

@media screen and (max-width: 600px){
    #main .center-wrap .nyleft .nymenu h3 em{left:30%;}
}

@media screen and (max-width: 480px){
	#main .center-wrap .nyright{float:left; width:94%; margin-left:3%; margin-right: 3%;} 
	#main .center-wrap .nyleft .nymenu h3{padding-top: 10px;}
	#main .center-wrap .nyleft .nymenu h3 em{left:18%;}
}

@media screen and (max-width: 320px){
    #main .center-wrap .nyleft .nymenu h3 em{left:20%;}
}