html {
margin: 0px; padding: 0px;
}
body {
margin: 0px; padding: 0px;
}
ul {
margin: 0px; padding: 0px;
}
li {
margin: 0px; padding: 0px;
}
ol {
margin: 0px; padding: 0px;
}
dl {
margin: 0px; padding: 0px;
}
dd {
margin: 0px; padding: 0px;
}
dt {
margin: 0px; padding: 0px;
}
p {
margin: 0px; padding: 0px;
}
h1 {
margin: 0px; padding: 0px;
}
h2 {
margin: 0px; padding: 0px;
}
h3 {
margin: 0px; padding: 0px;
}
h4 {
margin: 0px; padding: 0px;
}
h5 {
margin: 0px; padding: 0px;
}
h6 {
margin: 0px; padding: 0px;
}
form {
margin: 0px; padding: 0px;
}
fieldset {
margin: 0px; padding: 0px;
}
legend {
margin: 0px; padding: 0px;
}
img {
margin: 0px; padding: 0px;
}
fieldset {
border: currentColor; border-image: none;
}
img {
border: currentColor; border-image: none;
}
img {
display: block;
}
address {
font-style: normal; font-weight: normal;
}
caption {
font-style: normal; font-weight: normal;
}
cite {
font-style: normal; font-weight: normal;
}
code {
font-style: normal; font-weight: normal;
}
dfn {
font-style: normal; font-weight: normal;
}
th {
font-style: normal; font-weight: normal;
}
var {
font-style: normal; font-weight: normal;
}
ul {
list-style: none;
}
ol {
list-style: none;
}
input {
padding-top: 0px; padding-bottom: 0px; font-family: "SimSun","宋体";
}
select {
vertical-align: middle;
}
input {
vertical-align: middle;
}
select {
margin: 0px; font-size: 12px;
}
input {
margin: 0px; font-size: 12px;
}
textarea {
margin: 0px; font-size: 12px;
}
input[type='text'] {
outline-style: none; -webkit-appearance: none;
}
input[type='password'] {
outline-style: none; -webkit-appearance: none;
}
textarea {
outline-style: none; -webkit-appearance: none;
}
textarea {
resize: none;
}
table {
border-collapse: collapse;
}
body {
background: rgb(241, 241, 241); font: 12px/20px "Microsoft YaHei", "Microsoft YaHei", "Arial Narrow", HELVETICA; padding: 0px; color: rgb(51, 51, 51); min-width: 360px; font-size-adjust: none; font-stretch: normal;
}
.clearfix::after {
height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.clearfix {
-ms-zoom: 1;
}
.clearit {
height: 0px; overflow: hidden; clear: both; font-size: 0px;
}
a {
color: rgb(102, 102, 102); text-decoration: none;
}
a:visited {
color: rgb(102, 102, 102);
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
a:focus {
text-decoration: none;
}
.hidden {
visibility: hidden;
}
.top {
background: rgb(4, 110, 184); width: 100%; height: 6px;
}
#header {
background: rgb(247, 251, 254);
}
.header {
background: url("topbj.jpg") no-repeat center rgb(247, 251, 254); margin: 0px auto; padding: 0.5em 0px; width: 90%; height: 110px; max-width: 1200px;
}
.header a img {
margin-top: 25px; float: left; display: inline-block; max-width: 261px;
}
.header .tel {
float: right;
max-width: 244px;
text-align: right;
}
@media only screen and (max-width:640px) and (min-width:200px)
{
.header a img {
}
.header .tel {
display: none; max-width: 256px;
}
.header {
background: url("topbj.jpg") no-repeat center rgb(247, 251, 254); margin: 0px auto; padding: 0px; width: 90%; height: 80px; max-width: 1200px;
}
.header a img {
margin-top: 10px; float: left; display: inline-block; max-width: 220px;
}
}
.clearfix {
clear: both;
}
#navline {
left: 0px; top: 0px; width: 100%; position: fixed; z-index: 2147483647; background-color: rgb(0, 102, 203);
}
.nav {
background-color: rgb(0, 102, 203);z-index: 2147483647;height:80px;
}
.nav1 {
margin: 0px auto; width: 100%; height: 75px; max-width: 1200px;
}
nav {
width: 70%; text-transform: uppercase; font-family: Helvetica; float: left;
}
nav ul {
list-style-type: none;
}
nav ul li {
display: inline-block;
}
nav ul li.li a {
background: url("1jpg_10.jpg") no-repeat right; padding: 0em 1em; color: rgb(255, 255, 255); line-height: 75px; font-size: 1.1em; font-weight: bold; text-decoration: none; display: inline-block; box-sizing: border-box;
}
nav ul li a:hover {
color: rgb(0, 102, 203);
text-decoration: none;
background-color: #ffffff;
}
#menu_button_wrapper {
display: none;
}
.hidden {
display: none;
}
@media all and (max-width:770px)
{
#menu_button_wrapper {
padding: 1em 2em; color: rgb(157, 157, 157); border-bottom-color: rgb(#101010); border-bottom-width: 0px; border-bottom-style: solid; display: block; box-shadow: 0px 1px 0px rgba(255,255,255,0.1); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1);
}
nav ul li a {
padding: 1em; text-align: center;
}
#menu_button {
padding: 0.6em 1.5em; border-radius: 5px; border: 1px solid rgb(51, 51, 51); border-image: none; color: white; float: right; box-sizing: border-box; -ms-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none;
}
#menu_button:hover {
cursor: pointer; background-color: rgb(255, 153, 0);
}
#hamburger {
padding-top: 0.15em; float: right;
}
#menu_button span {
border-radius: 1px; width: 1.2em; height: 0.15em; margin-bottom: 0.2em; display: block; background-color: rgb(255, 255, 255);
}
nav ul {
background: rgb(0, 102, 203); margin: 0px auto; padding: 0px; width: 100%; box-sizing: border-box;
}
nav ul li {
display: block;
}
nav ul li a {
width: 100%;
}
}
.searchTool {
background: rgb(253, 154, 1); margin: 18px 0px; border-radius: 50px; width: 30%; height: 38px; float: right;
}
.searchTool .searchExtend {
line-height: 38px; float: left; _padding-top: 5px;
}
.searchTool .radio {
border: currentColor; border-image: none; margin-right: 2px; margin-left: 10px; vertical-align: middle;
}
.searchTool .txtSearch {
padding: 0px 2px 0px 13px; border-radius: 50px 0px 0px 50px; border: currentColor; border-image: none; width: 20%; height: 38px; line-height: 38px; vertical-align: bottom; float: left;
}
.searchTool .txtSearch2 {
background: url("formshu.jpg") no-repeat left rgb(255, 255, 255); padding: 0px 2px 0px 7px; border: currentColor; border-image: none; width: 20%; height: 38px; line-height: 38px; vertical-align: bottom; float: left;
}
.searchTool .selSearch {
background: url("formshu.jpg") no-repeat left rgb(255, 255, 255); border: currentColor; border-image: none; width: 31%; height: 38px; line-height: 38px; padding-left: 6px; float: left;
}
.searchTool .nowSearch {
width: 70%; height: 38px; line-height: 38px; overflow: hidden; padding-left: 4px; font-size: 0.8em; float: left;
}
.searchTool .btnSel {
width: 20%; height: 38px; float: left;
}
.searchTool .btnSel a {
background: url("1jpg_15.jpg") no-repeat center; width: 14px; height: 38px; display: block;
}
.searchTool .btnSel a:hover {
width: 14px; height: 38px;
}
.searchTool .selOption {
background: rgb(255, 255, 255); border: 1px solid rgb(62, 153, 212); border-image: none; top: 55px; width: 10%; overflow: hidden; margin-left: -1px; position: absolute; z-index: 9999;
}
.searchTool .selOption a {
height: 38px; color: rgb(102, 102, 102); line-height: 38px; padding-left: 5px; font-size: 1em; text-decoration: none; display: block;
}
.searchTool .selOption a:hover {
background: rgb(149, 213, 241); color: rgb(255, 255, 255);
}
.searchTool .btnSearch {
background: rgb(253, 154, 1); border-radius: 0px 50px 50px 0px; border: currentColor; border-image: none; width: 20%; height: 38px; line-height: 38px; overflow: hidden; float: left;
}
.searchTool .btnSearch a {
background: url("1jpg_12.jpg") no-repeat 10% rgb(254, 153, 0); height: 38px; line-height: 38px; overflow: hidden; padding-left: 18px; text-decoration: none; display: block;
}
.searchTool .btnSearch a:hover {
height: 38px; line-height: 38px;
}
.searchTool .btnSearch .lbl {
background: none; margin: 0px auto; border: currentColor; border-image: none; width: 100%; height: 38px; text-align: center; color: rgb(255, 255, 255); line-height: 38px; letter-spacing: 5px; padding-left: 5px; font-size: 16px; display: block; cursor: pointer;
}
.searchTool .btnSearch a:hover .lbl {
padding-top: 0px;
}
.searchTool .select1 {
background: url("1jpg_15.jpg") no-repeat right; border: currentColor; border-image: none; width: 95%;
}
.searchTool .select1 select {
background: url("1jpg_15.jpg") no-repeat right; border: currentColor; border-image: none; width: 125%; -webkit-appearance: none; appearance: none; -moz-appearance: none;
}
.searchTool .select1 option {
border: currentColor; border-image: none; text-align: center;
}
.searchTool2 {
display: none;
}
.yincang_two {
height: 0px; display: none;
}
.yincang_one {
height: 0px; display: none;
}
@media screen and (max-width:770px)
{
.table2 .img2 img {
width: 50%;
}
.share {
display: none;
}
.yincang_one {
background: url("sousuo2_03.jpg") no-repeat center; border-radius: 6px; width: 38px; height: 38px; margin-right: 10px; float: right; display: block; position: relative; cursor: pointer;
}
.yincang_two {
background: rgb(0, 102, 203); height: auto; display: block;
}
.nav_right1 {
background: rgb(0, 102, 203); margin: 2% auto 0px; width: 100%; text-align: center; padding-bottom: 2%;
}
.nav_right1 form {
margin: 0px auto; width: 90%;
}
.nav_right1 .searchExtend {
line-height: 38px; _padding-top: 5px;
}
.nav_right1 .radio {
border: currentColor; border-image: none; margin-right: 2px; vertical-align: middle;
}
.nav_right1 .txtSearch {
margin: 1% 0px; border-radius: 50px; border: currentColor; border-image: none; width: 98%; height: 38px; line-height: 38px; padding-left: 2%; vertical-align: bottom;
}
.nav_right1 .txtSearch2 {
background: url("formshu.jpg") no-repeat left rgb(255, 255, 255); margin: 1% 0px; border-radius: 50px; border: currentColor; border-image: none; width: 98%; height: 38px; line-height: 38px; padding-left: 2%; vertical-align: bottom;
}
.nav_right1 .selSearch {
background: url("formshu.jpg") no-repeat left rgb(255, 255, 255); margin: 1% 0px; border-radius: 50px; border: currentColor; border-image: none; width: 98%; height: 38px; line-height: 38px; padding-left: 2%;
}
.nav_right1 .btnSel {
width: 20%; height: 38px;
}
.nav_right1 .btnSel a {
background: url("1jpg_15.jpg") no-repeat center; width: 14px; height: 38px; display: block;
}
.nav_right1 .btnSel a:hover {
width: 14px; height: 38px;
}
.nav_right1 .selOption {
background: rgb(255, 255, 255); border: 1px solid rgb(62, 153, 212); border-image: none; top: 55px; width: 10%; overflow: hidden; margin-left: -1px; position: absolute; z-index: 9999;
}
.nav_right1 .selOption a {
height: 38px; color: rgb(102, 102, 102); line-height: 38px; padding-left: 5px; font-size: 1em; text-decoration: none; display: block;
}
.nav_right1 .selOption a:hover {
background: rgb(149, 213, 241); color: rgb(255, 255, 255);
}
.nav_right1 .btnSearch {
background: rgb(253, 154, 1); margin: 1% 0px 2%; border-radius: 50px; border: currentColor; border-image: none; width: 100%; height: 38px; line-height: 38px; overflow: hidden;
}
.nav_right1 .btnSearch a {
background: url("1jpg_12.jpg") no-repeat 10% rgb(254, 153, 0); height: 38px; line-height: 38px; overflow: hidden; padding-left: 18px; text-decoration: none; display: block;
}
.nav_right1 .btnSearch a:hover {
height: 38px; line-height: 38px;
}
.nav_right1 .btnSearch .lbl {
background: none; margin: 0px auto; border: currentColor; border-image: none; width: 100%; height: 38px; text-align: center; color: rgb(255, 255, 255); line-height: 38px; letter-spacing: 5px; padding-left: 5px; font-size: 16px; display: block; cursor: pointer;
}
.nav_right1 .btnSearch a:hover .lbl {
padding-top: 0px;
}
.nav_right1 .select1 {
background: url("1jpg_15.jpg") no-repeat right; border: currentColor; border-image: none; width: 95%;
}
.nav_right1 .select1 select {
background: url("1jpg_15.jpg") no-repeat right; border: currentColor; border-image: none; width: 100%; -webkit-appearance: none; appearance: none; -moz-appearance: none;
}
.nav_right1 .select1 option {
border: currentColor; border-image: none; text-align: center;
}
}
@media screen and (max-width:1199px) and (min-width:960px)
{
.searchTool .nowSearch {
font-size: 0.7em;
}
.searchTool .btnSearch {
width: 15%;
}
.searchTool .btnSearch a {
background: none; padding-left: 0px;
}
.searchTool .selOption {
width: 12%; overflow: hidden;
}
nav ul li.li a {
padding: 0em 0.9em;
}
.searchTool2 {
display: none;
}
}
@media screen and (max-width:960px) and (min-width:760px)
{
.searchTool .nowSearch {
font-size: 0.8em;
}
nav {
width: 68%;
}
nav ul li.li a {
padding: 0em 0.5em;
}
.searchTool {
width: 32%;
}
.searchTool .btnSearch {
width: 16%;
}
.searchTool .btnSearch a {
background: none; padding-left: 0px;
}
.searchTool .btnSearch .lbl {
letter-spacing: 0px; padding-left: 0px;
}
.searchTool2 {
display: none;
}
}
@media only screen and (max-width:770px)
{
nav {
width: 100%; text-transform: uppercase; font-family: Helvetica; float: left;
}
.nav1 {
height: 62px;
}
nav ul li.li a {
line-height: 45px;
}
.searchTool {
display: none;
}
.searchTool2 {
top: 145px; width: 80%; right: 100px; display: inline; position: absolute;
}
}
@media only screen and (max-width:400px)
{
nav {
width: 100%; text-transform: uppercase; font-family: Helvetica; float: left;
}
.searchTool {
display: none;
}
}
.banner {
width: 100%; height: 525px;
}
.ban1 {
margin: 0px auto; width: 1200px; height: 0px;
}
.focus {
margin: 0px auto; width: 100%; height: 525px; overflow: hidden; position: relative; z-index: -1;
}
.focus .hd {
width: 100%; height: 11px; text-align: center; bottom: 20px; display: none; position: absolute; z-index: 1;
}
.focus .hd ul {
height: 15px; display: inline-block; z-index: 9999;
}
.focus .hd ul li {
background: rgb(255, 255, 255); margin: 0px 5px; border-radius: 10px; width: 12px; height: 12px; overflow: hidden; font-size: 0px; vertical-align: top; display: inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px;
}
.focus .hd ul .on {
background: rgb(0, 102, 203);
}
.focus .bd {
position: relative; z-index: 0;
}
.focus .bd li img {
background: url("loading.gif") no-repeat center; width: 100%; height: 525px;
}
.focus .bd li a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#nav {
background: rgb(8, 139, 227); width: 250px; position: relative; z-index: 1;
}
#nav .top1 {
height: 50px; color: rgb(255, 255, 255); line-height: 50px; padding-left: 20px; font-size: 16px; background-color: rgb(255, 138, 0);
}
#nav .top1 span {
background: url("cnavx.jpg") no-repeat left; padding-left: 20px;
}
#nav .mainCate {
background: url("cnavc.jpg") no-repeat bottom; padding: 8px; position: relative; -ms-zoom: 1;
}
#nav .evenLeval {
background: url("cnavc.jpg") no-repeat bottom;
}
#nav p.h3 {
height: 28px; color: rgb(163, 216, 255); line-height: 28px; overflow: hidden; font-size: 16px;
}
#nav p.h3 a {
color: rgb(255, 255, 255);
}
#nav p.h3 span {
width: 18px; height: 15px; line-height: 32px; font-size: 12px; font-weight: 200; float: right;
}
#nav p {
line-height: 20px;
}
#nav p a {
color: rgb(163, 218, 255); margin-right: 10px;
}
#nav .subCate {
background: rgba(255, 255, 255, 0.8); padding: 0px 20px 20px; left: 250px; top: 0px; width: 450px; color: rgb(51, 51, 51); display: none; position: absolute; z-index: 999;
}
#nav .subCate p.h4 {
height: 30px; color: rgb(106, 186, 237); line-height: 30px; padding-bottom: 10px; font-size: 16px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dashed;
}
#nav .subCate ul {
width: 450px; height: 200px; overflow: hidden; padding-top: 20px; float: left;
}
#nav .subCate li {
float: left; display: inline;
}
#nav .subCate li a {
padding: 0px 5px; color: rgb(0, 0, 0); line-height: 25px; font-size: 12px; float: left; display: block; white-space: nowrap; -ms-word-break: keep-all;
}
#nav .subCate #sub-ul-1 {
width: 100%;
}
#nav .on {
background: rgb(255, 255, 255); color: rgb(123, 204, 251);
}
#nav .on p.h3 {
color: rgb(165, 221, 255);
}
#nav .on p.h3 a {
color: rgb(19, 112, 205);
}
#nav .on p a {
color: rgb(123, 204, 251);
}
#nav .on .subCate {
display: block !important;
}
#mainCate-4 .subCate {
top: -100px;
}
#mainCate-5 .subCate {
top: -164px;
}
#mainCate-6 .subCate {
top: auto; bottom: 0px;
}
.zcdh {
display: none;
}
.flancu{
COLOR: #05a4e9 ; font-weight: bold;
}
.flan{
COLOR: #05a4e9 ;
}
.fcheng{
COLOR: #ff6600 ;
}
.fhong{
COLOR: #ff0000 ; font-weight: bold;
}