@charset "utf-8"; /*为适应各种不同的显示设备(如手机等),设定一个小分辨率值, 小于此值排版另计算(默认为电脑,另外的显示@media screen and 控制) */ body { background-color: #f8f6f4; background-repeat: repeat-x; background-position: top; margin: 0px; padding: 0px; background-image: url("background.gif") ; } body img{ border:none; } #header { background-color: #FFF; width:80%; padding-left:10%; padding-right:10%; height:auto; position:fixed; left: 0; top:0; margin:auto auto; z-index: 999; } #header:after{ content:""; display:block; margin-top:7.5em; } #header #poysun_logo { float: left; padding-top:1em; } #header #head_mb_tel{ font-size: 1em;/*16px*/ font-weight: bold; color: #F90505; display: block; float: left; background-image: url("tel.gif") ; background-repeat: no-repeat; background-position: left; padding-left: 1em; margin-top:0.5em; line-height:2em; display:none; } #header #mb_menu{ margin:0.5em 1em 0em 0em; float:right; width:2em; height:2em; display:none; background: url("icon-menu2.png") no-repeat center center; background-size: contain; } #header #mb_menu.curr{ background: url("icon-menu1.png") no-repeat center center; background-size: contain; } #header #mb_bar{ display:none; padding:0px; } #header #mb_bar li{ display:block; height: 40px; line-height:40px; padding: 0 20px; position: relative; } #header #mb_bar li:hover{ background: #cea; } #header #mb_bar li .ourclass li{ float: none; } #mb_bar li{ width: 80px; height: 30px; } #header #mb_bar li{ width:100%; list-style-type: none; font-size: 0.75em;/*12px*/ padding:1em; display: block; float:left; border-top: solid #ccc 1px; } #header #mb_bar a{ color: #666; text-decoration: none; display:block; } #header #top_bar { padding: 0em; float: right; height: auto; width: 80%; margin-top: 1em; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; overflow: hidden; } #header #top_bar li { float: right; width: auto; list-style-type: none; font-size: 0.75em;/*12px*/ color: #828282; display: inline; margin-right:5%; } #header #top_bar li #head_tel{ font-size: 1.5em;/*18px*/ font-weight: bold; color: #FF0000; display: block; float: left; background-image: url("tel.gif") ; background-repeat: no-repeat; background-position: left; padding-left: 1.25em; } #header #top_bar li a { color: #666; text-decoration: none; } #header #navbar { float: right; height: auto; width: 80%; padding: 0px; overflow: hidden; margin:0.8em 0em 0em 0em; white-space:nowrap; } #header #navbar li { float: left; height: auto; width: 15%; overflow: hidden; list-style-type: none; display: inline; margin-left: 0.5em; } #header #navbar .nav_txt { text-decoration:none; font-size:0.875em;/*14px*/ color:#939393; font-weight:bold; display:block; text-align:center; width:auto; height:100%; line-height:350%; z-index: 2; } #header #navbar .nav_txt:hover{ color:#08985b; } #header #navbar .nav_txt_drop:after { /*border-top: 0.4em solid #939393;*/ border-right: 2px solid ; border-bottom:2px solid; transform: rotate(45deg); -webkit-transform: rotate(45deg); content: ""; position: relative; display: inline-block; width: 0.35em; height: 0.35em; left:0.5em; bottom:0.2em; } #header #navbar .nav_txt_drop:hover{ background-color:#f7f6f4; margin:1px; box-shadow: 0px 0px 2px 0px #ccc; } #header #navbar #mainnav01{ display:inline; padding:0.25em 1.5em 0.25em 1em; background-color:#08985b; border-radius:2em; color: rgb(255, 255, 255); } #header #navbar #mainnav01:hover{ color:#55EFAE; background-color:#F5F5F5; } /******product pop begin*******/ #product_pop { display: none; position: absolute; margin-left: -15%; width:35%; height:auto; z-index:999; background-color: #f9f9f9; box-shadow: 0em 0.5em 1em 1em rgba(0,0,0,0.2); padding: 1.5em 0.5em; } #header #navbar #nav_product:hover #product_pop { display: block; } #product_pop #pd_list { width: auto; overflow: hidden; margin: 0em; padding: 0em; height: auto; text-align:center; } #product_pop #pd_list li { float: center; height: auto; width: 33%; list-style-type: none; /*border:1px dotted #CCC;*/ margin-left: 0em; text-align: center; } /******product pop end*******/ /******service pop begin*******/ #service_pop { display: none; position: absolute; margin-left: -15%; width:auto; height:auto; z-index:999; background-color: #f9f9f9; box-shadow: 0em 0.5em 1em 1em rgba(0,0,0,0.2); padding: 1.5em 1.5em; } #header #navbar #nav_service:hover #service_pop { display: block; } #service_pop #dl_list { width: auto; overflow: hidden; margin: 0em; padding: 0em; height: auto; text-align:center; } #service_pop #dl_list li { float: center; height: auto; width: auto; list-style-type: none; /*border:1px dotted #CCC;*/ margin-left: 0em; text-align: center; list-style-type: none; } #service_pop #xl_list { padding: 0em; height: auto; width: auto; border-left-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: dotted; border-left-color: #CCC; overflow: hidden; margin:0em; } #service_pop #xl_list li { float: none; width: auto; height: auto; } #service_pop #xl_list li a { text-align: left; font-size: 0.75em; display: block; height: 2.2em; overflow: hidden; width: auto; margin:0em; padding-top: 0em; padding-right: 0em; padding-bottom: 0em; padding-left: 1em; color: #666; text-decoration: none; } /******service pop end*******/ /******product&service pop nav_subt txt begin*******/ #header #navbar .nav_subt { font-weight:normal; font-size: 0.75em;/*12px*/ line-height: 125%; height: 125%; color: #666; text-decoration: none; display: block; width: auto; text-align: center; padding-top: 0.2em; padding-bottom: 0.4em; } /******product&service pop nav_subt txt end*******/ /******about pop begin*******/ #about_pop { display: none; position: absolute; margin-left: -15%; width:auto; height:auto; z-index:999; background-color: #f9f9f9; box-shadow: 0em 0.5em 1em 1em rgba(0,0,0,0.2); padding: 1.5em 1.5em; } #header #navbar #nav_about:hover #about_pop { display: block; } #about_pop #about_list { width: auto; overflow: hidden; margin: 0em; padding: 0em; height: auto; } #about_pop #about_list li { height: auto; width: auto; list-style-type: none; text-align: center; border-right-color: #CCC; border-right-width: 1px; border-right-style: dotted; } #about_pop #about_list li a { font-weight:normal; font-size: 0.75em; color: #666; text-decoration: none; display: block; width: auto; text-align: center; padding-left: 1em; padding-right: 0.5em; } /******about pop end*******/ /******local pop begin*******/ #local_pop { display:none ; position: absolute; width:auto; height:auto; z-index:999; margin-left:-20%; margin-top: -0.5em; background-color: #f9f9f9; box-shadow: 0em 0.5em 1em 1em rgba(0,0,0,0.2); padding: 1em; white-space:normal; float:right; } #header #navbar #nav_local:hover #local_pop { display: block; } /*********useage of nav&subjuct************/ #dq_table { padding: 0px; height: auto; width: 384px; margin-top: 0px; /*margin-right: auto;*/ margin-bottom: 0px; /*margin-left: auto;*/ font-size: 0.75em;/*12px*/ color: #999; overflow:hidden; } #dq_table a { color: #999; text-decoration: none; } #dq_table a:hover { color: #666; text-decoration: underline; } #dq_table table { height: auto; width: auto; margin-right: auto; margin-left: auto; border: 1px dotted #CCC; margin-top: 5px; } #dq_table .shength { font-weight: bold; color: #333; cursor: pointer; margin: 0px; padding: 0px; } #dq_table .shength:hover { color: #FFF; background-color: #666; } #dq_table tr td table th{ width: 50px; color: #FFF; background-color: #666; } #dq_table tr td table td{ padding-right: 8px; padding-left: 8px; line-height: 20px; } /******local pop end*******/ /*******page footer begin****************/ #contractlink { height: auto; width: 80%; margin-top: 3%; margin-right: auto; margin-bottom: 0px; margin-left: auto; overflow: hidden; border-bottom-style: dotted; border-bottom-color: #CCC; border-bottom-width: 1px; border-top-style: dotted; border-top-color: #CCC; border-top-width: 1px; padding-top: 1%; padding-right: 0px; padding-bottom: 1%; padding-left: 0px; } #contractlink h6 { font-size: 0.75em;/*12px*/ font-weight: bold; color: #666; display: block; float: left; margin: 0px; padding:0px; } #contractlink h5 { font-size: 0.875em;/*14px*/ font-weight: bold; color: #FF0000; display: block; float: left; background-repeat: no-repeat; margin: 0px; padding-top: 0px; padding-right: 1.5%; padding-bottom: 0px; } #contractlink span { display: block; float: left; font-size: 0.75em; color: #999; padding-right: 1%; } #contractlink #contract_news{ width:50%; float:left; } #contractlink #contract_local a{ float:right; width:auto; color: #999; text-decoration: none; font-size: 0.75em; background-image: url("arrow.gif") ; padding-left: 1%; background-repeat: no-repeat; background-position: 0em 0.5em; } #contractlink #contract_local a:hover{ color: #08985b; } #contractlink marquee a { font-size: 0.75em; color: #999; text-decoration: none; } #contractlink marquee a:hover { color: #08985b; text-decoration: none; } #sitemap { height: auto; width: 80%; margin-right: auto; margin-left: auto; overflow: hidden; padding-top: 2%; padding-right: 0px; padding-bottom: 2%; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; color: #999; } #sitemap a { color: #999; text-decoration: none; } #sitemap ul { margin: 0px; padding: 0px; float: left; height: auto; width: 20%; } #sitemap ul li { font-size: 0.75em;/*12px*/ line-height:1.5; height: 1.8em; width: auto; background-image: url("arrow.gif") ; background-repeat: no-repeat; background-position: 0 0.5em; padding-left: 0px; list-style-type: none; text-indent: 12px; } #sitemap>ul>li:first-child{ font-weight: bold; } #sitemap #map_solu li:first-child{ width:100%; } #sitemap #map_solu li{ float:left; width:50%; } #sitemap>ul:last-child>li:last-child{ background-image:none; display:inline-block; } #footer { height: auto; width: 80%; margin-right: auto; margin-bottom: 0px; margin-left: auto; overflow: hidden; border-bottom:dotted #ccc 1px; border-top:dotted #ccc 1px; padding 0.5% 0%; } #footer h6 ,#fri_link ul li{ font-size: 0.75em; color: #999; display: block; margin: 0px; float: left; line-height: 3; height: 1.5em; width: auto; font-weight: normal; } #fri_link ul li:last-child{ float: right; } #footer h6 a,#fri_link ul li a{ color: #999; text-decoration: none; } #footer h6 a:hover { color:#08985b; } #footer #footer_logo img{ float:left; width:6.25em; padding-left:2%; } #footer #web{ float:left; width:auto; } #footer #gsgs { float: right; height: auto; width: auto; color: #999; padding-top: 0px; } #footer #gsgs img { width: 100%; border:0px; } #fri_link{ height: auto; width: 80%; margin-right: auto; margin-bottom: 0px; margin-left: auto; overflow: hidden; padding-top: 0.5%; padding-right: 0px; padding-bottom: 2%; padding-left: 0px; } .ground:hover { } #fri_link ul{ padding:0px; margin:0px; } #fri_link ul li{ float:left; display: inline-block; padding-right:1em; width:auto; } /*******display for mobile begin****************/ @media screen and (max-device-width:600px) { #header {width: 100%; padding-left:0em;padding-right:0em;} #header #poysun_logo { float: left; width: auto; height:2em; padding-top:0.5em; padding-bottom:0.5em; } #header #mb_menu,#header #head_mb_tel{display:block;} #header #top_bar,#header #navbar{display:none;} #sitemap {display: none} #header:after{ content:""; display:block; margin-top:3em; } #contractlink{width:100%;} /* #contractlink h6,#contractlink h5,#contractlink span{font-size:0.6em;} #contractlink #contract_local a{font-size:0.6em;} */ #contractlink #contract_news,#contractlink span{display:none;} /*#sitemap #map_service,#sitemap #map_solu{display:none;}*/ /*#sitemap{width:100%;} #sitemap ul{width:100%;padding:0em 1em;} #sitemap>ul:not(:last-child)>li:not(:first-child){ display:none; } #sitemap>ul>li:first-child{ font-weight:normal; } #sitemap>ul:last-child{ display:none; }*/ /* #sitemap ul .sitemap_title{font-size: 0.6em;} #sitemap ul li { font-size: 0.5em; line-height:1.5; height: 1.2em; } #sitemap #map_other li img{width:6em} */ /*#sitemap #map_service,#sitemap #map_solu{display:none;}*/ #footer{width:100%;} #footer #footer_logo img{width:3em} #footer h6{font-size:0.6em;} #footer #web{display:none;} #fri_link{display:none;} } /*******display for mobile end****************/ .chenB { text-decoration:none; font-size: 25px; } .chenB:link{ color:#333333; } .chenbing { color:#999999; font-size: 13px; width:160px; hight:auto; position:absolute; margin:10px 0px 2px 700px ; } .hgdz-1 { list-style-image:url(arrow.gif); } .hgdz-123{ height: auto; width: 80%; margin-right: auto; margin-left: auto; overflow: hidden; padding-top: 2%; padding-right: 0px; padding-bottom: 2%; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; color: #999; } .hgdz-123 ul li{ list-style-image:url(arrow.gif); }