/* 黑色栏 */
.blacktop{ width:100%; height:31px; background:#0b1f44; position:relative; }
.blacktop div{ width:100%; max-width:1220px; margin:0 auto; padding:0px 20px; }
.blacktop div ul li{ float:right; position:relative; line-height:30px; color:#bababa; font-size:12px; }
.blacktop div ul li a{ color:#ffffff; text-decoration:none; }
.blacktop div ul li a:hover{ color:#ffffff; }

/* navbar */
#zy_global_nav { background: #fff; height: 75px; position: relative; z-index: 2; padding: 0px 15px 0px 15px; }
.lg-container { width: 100%!important; max-width: 1230px; margin: 0 auto; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
#zy_logo { float:left; overflow:hidden; position:relative; width:194px; height:85px; background:url(../images/logo.png); background-size:100% 100%; }
#zy_masthead_wrap { position:relative; background-color:#fff; top:0; width:100%; z-index:900; padding:0px 0px; border-bottom:1px solid #e5e5e5; }
.zy_masthead_cata { float: right; margin: 24px 0px 0px 50px; padding: 0; position: relative;  }
.zy_masthead_cata>li { display:block; float:left; padding:0 19px; font-size:14px; text-decoration:none; }
.zy_masthead_cata>li>a { box-sizing:border-box; cursor:pointer; display:block; height:51px; line-height:40px; overflow:hidden; padding:0; position:relative;text-decoration:none; border-bottom:3px solid transparent; transition:border-color .3s,color .3s; }
.zy_masthead_cata>li>a:hover{ border-bottom:3px solid #8fc31f; }

.zy_masthead_rightside { height:40px; position:absolute; top:25px; right:15px; }
.zy_masthead_rightside>ul>li { display:block; float:left; padding:0; position:relative; }
.zy_masthead_rightside>ul>li a { width:40px; height:40px; display:block; cursor:pointer; }
.zy_masthead_rightside .zy_dropdown_menu { width:300px; position:absolute; top:46px; right:-40px; }

.zy_show_more>a { display:block; }
.zy_show_more>a:before,.zy_show_more>a:hover:before { background:url(../images/zy_sprite.png) 0 -9px; position:absolute; display:block; width:25px; height:25px; content:""; top:8px; left:8px; }
.zy_show_more>a:hover:before { background-position:0 -46px; }






/* 移动端下拉框 */
#zy_mob_nav_container { position:fixed; z-index:888; top:0; right:-100%; width:100%; height:100%; background:#fff; overflow:auto; }
#container.open,#footer.open,.footer.open,.share_nullbox.open { left:-100%!important; position:fixed; }
#zy_mob_nav_container.open { right:0!important; box-shadow:-5px 0 10px rgba(0,0,0,.2); }
#container,#zy_mob_nav_container { -webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -ms-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in; }
#zy_mob_nav_container ul li { border-bottom:1px solid #ddd; line-height:45px; padding:0 20px; font-size:16px; color:#333; }
#zy_mob_nav_container ul li a { display:block; }
#zy_mob_nav_container ul li.search { line-height:57px; }
#zy_mob_nav_container ul li.search .prev { float:left; }

#zy_mob_nav_container ul li.search .prev a { color:#8fc31f; }
#zy_mob_nav_container ul li ul li:hover,#zy_mob_nav_container ul li ul li ul li:hover { color:#fff; }
#zy_mob_nav_container .title.active>ul>li>a:hover,#zy_mob_nav_container .title.active a { color:#8fc31f; }
#zy_mob_nav_container .title.active>ul>li>a { color:#333; }
#zy_mob_nav_container ul li ul { display:none; margin-left:-25px; margin-right:-20px; padding-left:25px; padding-right:20px; border-top:1px solid #aaa; border-bottom:1px solid #aaa; color:#fff; }
#zy_mob_nav_container .title.active>ul>li:hover>a,#zy_mob_nav_container ul>li,#zy_mob_nav_container ul>li:hover>a,li.zy_hasmore>ul>li a:hover,li.zy_hasmore a:hover,li.zy_nomore a:hover,li.nomore>ul>li a:hover { color:#fff; }
#zy_mob_nav_container ul li ul li:hover,#zy_mob_nav_container ul li ul li ul li:hover { background-color:#8fc31f; }
#zy_mob_nav_container ul li ul li.title { color:#007ecc; }
#zy_mob_nav_container ul>li>ul>li,#zy_mob_nav_container ul li ul li.title { margin-left:-25px; margin-right:-20px; padding-left:25px; padding-right:20px; background-color:#f6f6f6; }
#zy_mob_nav_container ul>li>ul>li { border-bottom:1px solid #aaa; }
#zy_mob_nav_container ul li ul li ul li { border-bottom-color:#aaa; margin-left:-25px; margin-right:-20px; padding-left:40px; padding-right:20px; background-color:#f6f6f6; }
.ul-block { display:block!important; }


/* 请升级浏览器版本 */
.browser-modal-cover{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; z-index:999; }
.browser-content{ width:720px; height:520px; background:#FFF; margin:200px auto 0px; z-index:1000; }
.browser-dji-logo{ width:350px; height:140px; background:url(http://www.zlg.cn/yy/images/logo.png) no-repeat; margin: 45px auto 40px; }
.browser-text-desc{ margin-top:30px; margin-bottom:50px; font-size:18px; text-align:center; }
.browser-list{ width:450px; height:130px; margin:40px auto; }
.browser-item{ width:150px; float:left; padding-top:20px; padding-bottom:20px; margin-left:auto; margin-right:auto; text-align:center; }
.browser-item a{ color:#005bac; text-decoration: none!important; outline:none; }
.browser-pic-c{ width:100px; height:100px; background:url(http://www.zlg.cn/yy/images/ie10/chrome.jpg) no-repeat; margin:0 25px; }
.browser-pic-f{ width:100px; height:100px; background:url(http://www.zlg.cn/yy/images/ie10/firefox.jpg) no-repeat; margin:0 25px; }
.browser-pic-s{ width:100px; height:100px; background:url(http://www.zlg.cn/yy/images/ie10/safari.jpg) no-repeat; margin:0 25px; }

@media only screen and (max-width:1023px) {
#zy_masthead_wrap { padding:0px 0px; }
#zy_mob_nav_close { text-align:center; vertical-align:middle; float:right; padding:0 15px; right:-16px; position:relative; cursor:pointer; width:50px; height:57px; }
#zy_mob_nav_close:before { content:""; position:absolute; width:30px; height:30px; top:13px; left:15px; background:url(../images/zy_sprite.png) no-repeat -101px -42px; }
li.zy_hasmore a,li.zy_nomore a { position:relative; }


li.zy_hasmore:hover,li.zy_nomore:hover { background-color:#8fc31f; color:#fff; }
#footer { position:relative; z-index:500; width:100%; overflow:hidden;  }
#footer,#footer a { color:#fff; }
li.zy_hasmore a, li.zy_nomore a{ position:relative; }
li.zy_hasmore.active>a:after, li.zy_hasmore>a:after{ display:block; content:""; background:url(../images/zy_sprite.png) no-repeat -97px -94px; position:absolute; top:17px; right:0; width:20px; height:15px; }
li.zy_nomore>a:after{ display:block; content:""; background:url(../images/zy_sprite.png) no-repeat -94px -10px ; position:absolute; top:17px; right:0; width:20px; height:15px; }

}
@media (max-width:992px) {
#zy_masthead_wrap{ background:#fff; border-bottom:1px solid #e5e5e5; }
#zy_logo { background:url(../images/logo.png) !important; background-size:100% 100%!important;}
.zy_search>a:before,.zy_search>a:hover:before,.zy_show_more>a:before,.zy_show_more>a:hover:before { background:url(../images/zy_sprite.png) 0 -9px; position:absolute; display:block; width:25px; height:25px; content:""; top:8px; left:8px; }
.zy_nhb2>a:before,.zy_nhb2>a:hover:before{ background:url(../images/zy_sprite2.png) 0 -9px;}
.zy_search>a:before { background-position:-39px -9px; }
.zy_show_more>a:hover:before { background-position:0 -46px; }

#footer .bottom_right,#footer .right { display:block; text-align:center; margin:0 auto; }
#footer .bottom_right{ width:100%; background:#ffffff; }
}
@media only screen and (max-width:991px) {
#footer { height:auto; }
#footer .container{ padding:0; }
#footer label{ color:#fff; }
#footer .col-xs-12{ margin:0; padding:0; }
#footer .visible-xs .left { margin:0; padding:0; }

#footer .editPageButtom{ padding:5px 10px 15px 10px; color:#999999; font-size:12px; line-height:18px; }
#footer .editlink{ padding:15px 10px 0px 10px; color:#999999; font-size:12px; line-height:18px; }
#footer .editlink a { color:#999999; }




}
@media (max-width:1215px) and (min-width:1200px) {
.zy_masthead_cata { float: right; margin: 29px 0px 0px 50px; padding: 0; position: relative; }
}
@media (max-width:1199px) and (min-width:1025px) {
.zy_masthead_cata { float: right; margin: 29px 0px 0px 55px; padding: 0; position: relative; }
}
@media (max-width:1024px) and (min-width:991px) {
.zy_masthead_cata { float: right; margin: 29px 0px 0px 50px; padding: 0; position: relative; }
}
@media (min-width: 300px) {
#zy_logo{ width:178px; height:78px; margin-top:-3px; margin-left:44px; }		
#footer .editlink,#footer .editPageButtom{ width:230px; margin:0 auto; }


}
/*针对1080*1920的android*/
@media (min-width: 360px) {	
#zy_logo{ width:178px; height:78px; margin-top:-3px; margin-left:68px; }	
}
/*针对iphone6*/
@media (min-width: 375px) {
#zy_logo{ width:178px; height:78px; margin-top:-3px; margin-left:80px; }
#footer .editlink,#footer .editPageButtom{ width:100%; margin:0 auto; }

}
@media (min-width: 390px) {
#zy_logo{ width:178px; height:78px; margin-top:-3px; margin-left:88px; }

}
@media (min-width: 400px) {
#zy_logo{ width:178px; height:78px; margin-top:-3px; margin-left:92px; }

}

/*针对iphone6s plus*/
@media (min-width: 410px) {
#zy_logo{ width:178px; height:78px; margin-top:-3px; margin-left:92px; }		
}
@media (min-width: 480px) {
#zy_logo{ width:178px; height:78px; margin-top:-3px; margin-left:128px; }		
}
@media (min-width: 500px) {
#zy_logo{ margin-left:136px; }		
}
@media (min-width: 600px) {
#zy_logo{ margin-left:188px;}		
}
@media (min-width: 700px) {
#zy_logo{ margin-left:232px;}		
}
@media (min-width: 767px) {
#zy_logo{ margin-left:262px;}		
}
@media (min-width: 768px) {
#zy_logo{ width:192px; height:84px; margin-top:-10px; margin-left:0px; }	
}
@media (min-width: 992px) {
#zy_logo{ width:192px; height:84px; margin-top:-10px; }	
.zy_masthead_rightside { top:21px; }
}
@media (min-width: 1024px) {
#zy_logo{ width:192px; height:84px; margin-top:-10px; }	
}