/* 榛戣壊鏍 */ .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:35px; color:#bababa; font-size:12px; } .blacktop div ul li a{ color:#ffffff; text-decoration:none; } .blacktop div ul li a:hover{ color:#ffffff; } /* navbar */ #zy2_global_nav { height:75px; position: relative; padding: 0px 15px 0px 15px; z-index:911; } .lg-container { width: 100%!important; max-width: 1230px; margin: 0 auto; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } #zy2_logo { float:left; overflow:hidden; position:relative; width:350px; height:74px; background:url(../images/logo_v3_a.svg); background-size:100% 100%; } #zy2_masthead_wrap { position:absolute; top:34; width:100%; z-index:900; padding:0px 0px; } .zy2_masthead_cata { float: left; margin: 24px 0px 0px 384px; padding: 0; position: relative; } .zy2_masthead_cata>li { display:block; float:left; padding:0 23px; font-size:14px; text-decoration:none; } .zy2_masthead_cata>li>a { color:#fff; box-sizing:border-box; cursor:pointer; display:block; height:51px; line-height:40px; overflow:hidden; padding:0; position:relative;text-decoration:none; border-bottom:2px solid transparent; transition:border-color .3s,color .3s; } .zy2_masthead_rightside { height:40px; position:absolute; top:20px; right:15px; } .zy2_masthead_rightside>ul>li { display:block; float:left; padding:0; position:relative; } .zy2_masthead_rightside>ul>li a { width:40px; height:40px; display:block; cursor:pointer; } .zy_masthead_rightside .zy2_dropdown_menu { width:300px; position:absolute; top:46px; right:-40px; } #zy2_search_box .triangle,.zy2_masthead_rightside .triangle { height:15px; overflow:hidden; position:absolute; top:-15px; width:320px; right:0; display:none; } #zy2_search_box .triangle:before,.zy2_masthead_rightside .triangle:before { content:""; position:absolute; top:5px; right:10px; width:20px; height:20px; border:1px solid #ddd; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); background-color:#fff; background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)); background-image:-webkit-linear-gradient(top,#fff,#fff); background-image:-moz-linear-gradient(top,#fff,#fff); background-image:-o-linear-gradient(top,#fff,#fff); background-image:linear-gradient(180deg,#fff,#fff); } #prolish{ width:100%; height:auto; display:none; } #prolish .quickname{ font-size:14px; line-height:26px; color:#666; margin-bottom:5px; } #prolish ul{ width:100%; float:left; } #prolish ul li{ font-size:14px; line-height:24px; color:#666; padding-left:20px; } #prolish a{ width:100%; height:25px; color:#666; float:left;} #prolish a:hover{ color:#8fc31f; } .zy2_search,.zy2_show_more,.zy2_show_more>a { width:40px; height:56px; } .zy2_search{ margin-top:12px; } .zy2_search>a{ color:#fff; } .zy2_search>a:hover{ color:#8fc31f; } .zy2_show_more>a { display:block; } .zy2_show_more>a:before,.zy2_show_more>a:hover:before { background:url(../images/zy2_sprite.png) 0 -9px; position:absolute; display:block; width:25px; height:25px; content:""; top:8px; left:8px; } .zy2_show_more>a:hover:before { background-position:0 -46px; } .zy2_nlogo{ background:url(../images/logo_v3_b.svg) !important; background-size:100% 100%!important; } /*娌夋蹈寮忚儗鏅?/ .zy2_zhb{ background:rgba(0, 0, 0, 0.3); } .zy2_zhb #zy2_navul>li>a { color:#fff; } .zy2_zhb #zy2_navul>li>a:hover{ color:#8fc31f; border-bottom:3px solid #8fc31f; } .zy2_zhb2>a:before,.zy2_nhb2>a:hover:before{ background:url(../images/zy2_sprite2.png) 0 -9px; } .zy2_zhb2>a:before { background-position:-39px -9px; } .zy2_zhb2>a:hover:before { background-position:-39px -44px; } .zy2_zhb2>a{ color:#fff; } /*鑳屾櫙鍙嶇櫧*/ .zy2_nhb{ background:#fff; border-bottom:1px solid #e5e5e5; } #zy2_navul i{ margin-right:6px;} .zy2_nhb #zy2_navul>li>a { color:#000; } .zy2_nhb #zy2_navul>li>a:hover{ color:#8fc31f; border-bottom:3px solid #8fc31f; } .zy2_nhb2>a:before,.zy2_nhb2>a:hover:before{ background:url(../images/zy2_sprite2.png) 0 -9px; } .zy2_nhb2>a:before { background-position:-39px -9px; } .zy2_nhb2>a:hover:before { background-position:-39px -44px; } .zy2_nhb2>a{ color:#000; } .all-btn-taobao{ width:70px; height:30px !important; color:#fff !important; line-height:30px !important; background:#8fc31f; text-align:center; margin-top:5px; border-radius: 4px; border-bottom:none !important;} .all-btn-taobao:hover{ background:#83b31d !important; color:#fff !important; border-bottom:none !important; } /* 鎼滅储妗 */ #zy2_search_box input[type=text] { position:absolute; top:1px; width:100%; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; border:1px solid #ccc; height:34px; padding:0 10px; } #zy2_search_box input[type=text]:focus { border-color:#8fc31f; outline:0; } #zy2_search_box div:nth-child(2) { height:36px; position:relative; } #zy2_search_box input[type=button] { width:39px; height:36px; background:url(../images/zy2_sprite.png) 0 -80px; border:0; position:absolute; z-index:2; right:0; top:0; } #zy2_search_box input[type=button]:hover { background-position:-42px -80px; } #zy2_search_box { display:none; width:350px; top:43px; right:0; margin-left:-20px; position:absolute; z-index:20; padding:20px; /*border:1px solid #e0e0e0;*/ background:#fff; } /* 绉诲姩绔笅鎷夋 */ #zy2_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; } #zy2_mob_nav_container.open { right:0!important; box-shadow:-5px 0 10px rgba(0,0,0,.2); } #container,#zy2_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; } #zy2_mob_nav_container ul li { border-bottom:1px solid #ddd; line-height:45px; padding:0 20px; font-size:16px; color:#333; } #zy2_mob_nav_container ul li a { display:block; } #zy2_mob_nav_container ul li.search { line-height:57px; } #zy2_mob_nav_container ul li.search .prev { float:left; } #zy2_mob_nav_container ul li.search .prev a { color:#8fc31f; } #zy2_mob_nav_container ul li ul li:hover,#zy2_mob_nav_container ul li ul li ul li:hover { color:#fff; } #zy2_mob_nav_container .title.active>ul>li>a:hover,#zy2_mob_nav_container .title.active a { color:#8fc31f; } #zy2_mob_nav_container .title.active>ul>li>a { color:#333; } #zy2_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; } #zy2_mob_nav_container .title.active>ul>li:hover>a,#zy2_mob_nav_container ul>li,#zy2_mob_nav_container ul>li:hover>a,li.zy2_hasmore>ul>li a:hover,li.zy2_hasmore a:hover,li.zy2_nomore a:hover,li.nomore>ul>li a:hover { color:#fff; } #zy2_mob_nav_container ul li ul li:hover,#zy2_mob_nav_container ul li ul li ul li:hover { background-color:#8fc31f; } #zy2_mob_nav_container ul li ul li.title { color:#8fc31f; } #zy2_mob_nav_container ul>li>ul>li,#zy2_mob_nav_container ul li ul li.title { margin-left:-25px; margin-right:-20px; padding-left:25px; padding-right:20px; background-color:#f6f6f6; } #zy2_mob_nav_container ul>li>ul>li { border-bottom:1px solid #aaa; } #zy2_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; } .nav-all-pro{ width: 100%; height: auto; background: #f9f9f9; display: none; border-top: 1px solid #e5e5e5; padding: 23px 0px 50px 0px; position: absolute; z-index:999; } .nav-all-pro-list{ width: 1200px;margin: 0px auto; } .nav-all-pro-list ul{ list-style: none; margin:0px; padding:0px; } .nav-all-pro-list li{ color:#555; list-style: none; font-size:14px; line-height:20px; margin:0px 0px 5px 38px; } .nav-all-pro-list>div{ float: left; margin-left: 0px; width: 200px; } .nav-all-pro-list>div>h4,.nav-all-pro-list>div>h5,.nav-all-pro-list>div>h6{ width:100%; height:42px; font-size:16px; font-weight:bold; color:#555555; padding-bottom: 20px; margin-bottom: 0px; } /*.nav-all-pro-list>div>h4:after{content:" >";position: relative; } */ .nav-all-pro-d1>h4:before{ content: url(../images/navico/nav-d1-ico.svg); position: relative; top:8px; margin-right:10px; } .nav-all-pro-d2>h4:before{ content: url(../images/navico/nav-d2-ico.svg); position: relative; top:8px; margin-right:10px; } .nav-all-pro-d3>h4:before{ content: url(../images/navico/nav-d3-ico.svg); position: relative; top:8px; margin-right:10px; } .nav-all-pro-d4>h4:before{ content: url(../images/navico/nav-d4-ico.svg); position: relative; top:8px; margin-right:10px; } .nav-all-pro-d5>h4:before{ content: url(../images/navico/nav-d5-ico.svg); position: relative; top:8px; margin-right:10px; } .nav-all-pro-d6>h4:before{ content: url(../images/navico/nav-d6-ico.svg); position: relative; top:8px; margin-right:10px; } .nav-all-pro-d7>h4:before{ content: url(../images/navico/nav-d7-ico.svg); position: relative; top:8px; margin-right:10px; } .nav-all-pro-d7>h5:before{ content: url(../images/navico/nav-d10-ico.svg); position: relative; top:8px; margin-right:10px; } .nav-all-pro-d7>h6:before{ content: url(../images/navico/nav-d6-ico.svg); position: relative; top:8px; margin-right:10px; } .nav-all-pro-d9>h4:before{ content: url(../images/navico/nav-d9-ico.svg); position: relative; top:8px; margin-right:10px; } .nav-all-pro-d9>h5:before{ content: url(../images/navico/nav-d8-ico.svg); position: relative; top:8px; margin-right:10px; } .nav-all-pro-list-b{ font-size:14px; font-weight:bold; color:#555555; } .nav-all-pro-list a{ color: #555555; } .nav-all-pro-list a:hover{ color: #8fc31f; } .nav-all-pro-d1{ width:216px !important; height:auto; } .nav-all-pro-d1 .nav-all-pro-list>div{ width: 216px !important; } .nav-all-pro-d2{ width:205px !important; height:auto; } .nav-all-pro-d2 .nav-all-pro-list>div{ width: 205px !important; } .nav-all-pro-d3{ width:173px !important; height:auto; } .nav-all-pro-d3 .nav-all-pro-list>div{ width: 173px !important; } .nav-all-pro-d4{ width:182px !important; height:auto; } .nav-all-pro-d3 .nav-all-pro-list>div{ width: 182px !important; } .nav-all-pro-d5{ width:213px !important; height:auto; } .nav-all-pro-d5 .nav-all-pro-list>div{ width: 213px !important; } .nav-all-pro-d6{ width:182px !important; height:auto; } .nav-all-pro-d7{ width:182px !important; height:auto; } .nav-all-pro-d9{ width:210px !important; height:auto; } .nav-all-pro-d9 .nav-all-pro-list>div{ width: 210px !important; } .nav-all-pro-list>div>h5{ margin-top:56px; } .nav-all-pro-list>div>h6{ margin-top:50px; } .nav-all-app{ width: 100%; height: auto; background: #f9f9f9; display: none; border-top: 1px solid #e5e5e5; padding: 40px 0px 50px 0px; position: absolute; z-index:928; } .nav-all-app-list{ width: 1200px; margin: 0px 0px 0px 120px; margin-left: auto; margin-right: auto; } .nav-all-app-list ul{ list-style: none; margin:0px; padding:0px; } .nav-all-app-list li{ color:#555; list-style: none; line-height:24px; margin:0px 0px 5px 0px; } .nav-all-app-list>div{ float: left; margin-left: 0px; width: 200px; } .nav-all-app-list>div>h4{ font-size: 20px; color:#000; padding-bottom: 20px; margin-bottom: 0px; } .nav-all-app-list>div>h4 a:hover{ color:#8fc31f; } .nav-all-app-list-b{ font-size:14px; font-weight:bold; color:#000; } .nav-all-app-list >div>ul>li>a{ color:#555; } .nav-all-app-list >div>ul>li>a:hover{ color:#8fc31f; } .nav-all-app-list >div{ margin-left: 0px; } .nav-all-app-list >div{ width: 600px; } .nav-all-app-list >div>ul{ width:180px; float:left; } /*.nav-all-app-list >div:first-child{ width: 620px; }*/ /* 棣栭〉涓嬫媺鍔爄con */ /*.nav-all-pro-list .nav-all-pro-second>ul>li>a>span { display: inline-block; width: 31px; background: url(../images/new1024.png) no-repeat 0px 2px; margin-left: 5px; }*/ .nav-all-pro-list .nav-all-pro-second>ul>li>a>span { display: inline-block; width: 31px; background: url(../images/newhd.png) no-repeat 0px 2px; margin-left: 5px; } /*.ul-block >li>a>span { display: inline-block; width: 31px; background: url(../images/new1024.png) no-repeat 0px 16px; margin-left: 5px; }*/ .ul-block >li>a>span { display: inline-block; width: 31px; background: url(../images/newhd.png) no-repeat 0px 16px; margin-left: 5px; } /* 璇峰崌绾ф祻瑙堝櫒鐗堟湰 */ .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(/tpl/zlg/Public/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(/tpl/zlg/Public/images/ie10/chrome.jpg) no-repeat; margin:0 25px; } .browser-pic-f{ width:100px; height:100px; background:url(/tpl/zlg/Public/images/ie10/firefox.jpg) no-repeat; margin:0 25px; } .browser-pic-s{ width:100px; height:100px; background:url(/tpl/zlg/Public/images/ie10/safari.jpg) no-repeat; margin:0 25px; } /* 鍙嶅洖椤堕儴 */ #goTop { width:48px; height:40px; text-align:center; position:fixed; top:730px; right:0px; display:block; background:url(/ywaiter/images/note1.png) no-repeat -77px -17px; cursor:pointer; } @media only screen and (max-width:1023px) { #zy2_search_box { width:100%; position:relative; top:75px; border:0; margin-left:0; } #zy2_masthead_wrap { padding:0px 0px; } #zy2_mob_nav_close { text-align:center; vertical-align:middle; float:right; padding:0 15px; right:-16px; position:relative; cursor:pointer; width:50px; height:57px; } #zy2_mob_nav_close:before { content:""; position:absolute; width:30px; height:30px; top:13px; left:15px; background:url(../images/zy2_sprite.png) no-repeat -101px -42px; } li.zy2_hasmore a,li.zy2_nomore a { position:relative; } li.zy2_hasmore:hover,li.zy2_nomore:hover { background-color:#8fc31f; color:#fff; } #footer { position:relative; z-index:500; background:#000000; width:100%; overflow:hidden; } #footer,#footer a { color:#fff; } li.zy2_hasmore a, li.zy2_nomore a{ position:relative; } li.zy2_hasmore.active>a:after, li.zy2_hasmore>a:after{ display:block; content:""; background:url(../images/zy2_sprite.png) no-repeat -97px -94px; position:absolute; top:17px; right:0; width:20px; height:15px; } li.zy2_nomore>a:after{ display:block; content:""; background:url(../images/zy2_sprite.png) no-repeat -94px -10px ; position:absolute; top:17px; right:0; width:20px; height:15px; } } @media (max-width:992px) { #searchdropmenu{ display:block; } #zy2_masthead_wrap{ background:#fff; border-bottom:1px solid #e5e5e5; } #zy2_logo { background:url(../images/logo_v3_b.svg) !important; background-size:100% 100%!important;} .zy2_search>a:before,.zy2_search>a:hover:before,.zy2_show_more>a:before,.zy2_show_more>a:hover:before { background:url(../images/zy2_sprite2.png) 0 -9px; position:absolute; display:block; width:25px; height:25px; content:""; top:8px; left:8px; } .zy2_nhb2>a:before,.zy2_nhb2>a:hover:before{ background:url(../images/zy2_sprite2.png) 0 -9px;} .zy2_search>a:before { background-position:-39px -9px; } .zy2_show_more>a:hover:before { background-position:0 -46px; } .zy2_search>a:hover:before { background-position:-39px -44px; } #footer .bottom_right,#footer .right { display:block; text-align:center; margin:0 auto; } #footer .bottom_right{ width:100%; background:#161616; } } @media only screen and (max-width:991px) { #footer { /*height:80px; */ 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 .left_inner label { width:100%; font-weight:400!important; padding-bottom:5px; border-bottom:1px solid #535353; } #footer .col-sm-3{ width:100%; } #footer .editPageButtom{ padding:15px 10px 15px 10px; color:#999999; font-size:12px; line-height:18px; } #footer .left_inner label{ font-size:14px; } #footer .visible-xs .col-sm-3 label{ cursor:pointer; } #footer .visible-xs .col-sm-3 label, #footer .visible-xs .col-sm-3 li{ padding:15px 20px!important; margin:0; } #footer .visible-xs .col-sm-3 label:after { display:block; content:""; background:url(../images/zy2_sprite.png) no-repeat -101px -157px; position:absolute; top:25px; right:38px; width:20px; height:17px; } #footer .visible-xs .left_inner ul{ background:#dcdcdc; } #footer .visible-xs .col-sm-3 label{ padding:23px 45px 23px 42px!important; margin:0; border-bottom:1px solid #1a1a1a; } #footer .visible-xs .col-sm-3 li{ padding:15px 45px 15px 42px!important; margin:0; border-bottom:1px solid #aaa; } #footer .left_inner div ul li { font-size:14px; line-height:1.7; } #footer .visible-xs .col-sm-3 li a { color:#333; } } @media (max-width:1399px) and (min-width:1216px) { .zy2_masthead_cata { float: left; margin: 26px 0px 0px 394px; padding: 0; position: relative; } } @media (max-width:1215px) and (min-width:1200px) { .zy2_masthead_cata { float: left; margin: 26px 0px 0px 374px; padding: 0; position: relative; } } @media (max-width:1199px) and (min-width:1080px) { .zy2_masthead_cata { float: left; margin: 26px 0px 0px 264px; padding: 0; position: relative; } } @media (max-width:1079px) and (min-width:1025px) { .zy2_masthead_cata { float: left; margin: 26px 0px 0px 204px; padding: 0; position: relative; } } @media (max-width:1024px) and (min-width:991px) { .zy2_masthead_cata { float: left; margin: 26px 0px 0px 174px; padding: 0; position: relative; } } @media (min-width: 300px) { #zy2_logo{ width:220px; height:40px; margin-top:10px; margin-left:50px; } #footer .editPageButtom{ width:230px; margin:0 auto; } #footer .visible-xs .col-sm-3 label{ padding:18px 32px 18px 30px!important; margin:0; border-bottom:1px solid #1a1a1a; } #footer .visible-xs .col-sm-3 li{ padding:15px 32px 15px 30px!important; margin:0; border-bottom:1px solid #aaa; } #footer .visible-xs .col-sm-3 label:after { display:block; content:""; background:url(../images/zy2_sprite.png) no-repeat -101px -157px; position:absolute; top:25px; right:30px; width:20px; height:17px; } #searchdropmenu{ display:none; } } /*閽堝1080*1920鐨刟ndroid*/ @media (min-width: 360px) { #zy2_logo{ margin-left:90px; } #footer .visible-xs .col-sm-3 label{ padding:19px 36px 19px 36px!important; margin:0; border-bottom:1px solid #1a1a1a; } #footer .visible-xs .col-sm-3 li{ padding:15px 36px 15px 36px!important; margin:0; border-bottom:1px solid #aaa; } #footer .visible-xs .col-sm-3 label:after { display:block; content:""; background:url(../images/zy2_sprite.png) no-repeat -101px -157px; position:absolute; top:25px; right:34px; width:20px; height:17px; } } /*閽堝iphone6*/ @media (min-width: 375px) { #zy2_logo{ margin-left:96px; } #footer .editPageButtom{ width:100%; margin:0 auto; } #footer .visible-xs .col-sm-3 label{ padding:23px 40px 23px 38px!important; margin:0; border-bottom:1px solid #1a1a1a; } #footer .visible-xs .col-sm-3 li{ padding:15px 40px 15px 38px!important; margin:0; border-bottom:1px solid #aaa; } #footer .visible-xs .col-sm-3 label:after { display:block; content:""; background:url(../images/zy2_sprite.png) no-repeat -101px -157px; position:absolute; top:25px; right:38px; width:20px; height:17px; } } @media (min-width: 390px) { #zy2_logo{ margin-left:105px; } } @media (min-width: 400px) { #zy2_logo{ margin-left:110px; } } /*閽堝iphone6s plus*/ @media (min-width: 410px) { #zy2_logo{ width:290px; height:53px; margin-top:0px; margin-left:92px; } } @media (min-width: 480px) { #zy2_logo{ margin-left:125px; } } @media (min-width: 500px) { #zy2_logo{ margin-left:136px; } } @media (min-width: 600px) { #zy2_logo{ margin-left:185px; } } @media (min-width: 700px) { #zy2_logo{ margin-left:234px; } } @media (min-width: 767px) { #zy2_logo{ margin-left:268px; } } @media (min-width: 880px) { #zy2_logo{ margin-left:324px; } } @media (min-width: 980px) { #zy2_logo{ margin-left:375px; } } @media (min-width: 992px) { #zy2_logo{ width:250px; height:46px; margin-top:10px; margin-left:0px; } #searchdropmenu{ display:block; } } @media (min-width: 1024px) { #zy2_logo{ width:250px; height:46px; margin-top:10px; } #searchdropmenu{ display:block; } }