@charset "utf-8";
/* css document */
html, body {
margin: 0px;
padding: 0px;
font-size: 12px;
font-family:arial, helvetica, sans-serif;
background-color:#ffffff;
}
img {
border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px
}
* {
list-style-type: none;
margin: 0px;
padding: 0px;
}
h1,h2,h3{ font-size:14px;}
a{
font-size: 12px;
color: #5f5f5f;
text-decoration: none;
}
a:hover {
font-size: 12px;
color: #5f5f5f;
text-decoration: underline;
}
.bpro a{ font-size: 13px;
color: #000;
}
#nmhg01{
background-color: #3656c5;
height: 3px;
width: 100%;
}
#nmhg02{
clear: both;
width: 1134px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: 114px;
}
#nmhg03{
background-color: #3755c3;
display:table;
width: 100%;
}
#nav{
clear: both;
width: 1160px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
position:relative;z-index:9999;
}
#nav ul {
padding:0;
margin:0;
list-style-type: none;
}
#nav ul li{
float: left;
width: 121px;
height:60px;
text-align: center;
position:relative;
font-family: "微软雅黑";
font-size: 15px;
font-weight: normal;
}
#nav ul li a{
position:relative;
font-family: "微软雅黑";
font-size: 15px;
line-height: 60px;
font-weight: bold;
color: #ffffff;
}
#nav ul li ul {
display: none;
}
#nav ul li:hover ul {
display:block;
position:absolute; /*隐藏*/
top:60px;
width:130px;
height:35px;
}
#nav ul li:hover ul li{line-height:35px;height:35px;}
#nav ul li:hover ul li a {
display:block;
color:#ffffff;
background-color: #163cc2;
line-height:35px;
filter: alpha(opacity=80);
opacity: 0.8;/*兼容*/
font-family:arial, helvetica, sans-serif;
font-size: 12px;
text-align:center;height:35px;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
}
#nav ul li:hover ul li a:hover {
color:#ffffff;
font-size: 12px;
font-weight: bold;
background-color: #163cc2;
filter: alpha(opacity=80);
opacity: 0.8;/*兼容*/
overflow: visible;
visibility: visible;
line-height:35px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
}
#nav ul li ul li a:visited {
display:block;
text-align:center;
text-decoration:none;
width:109px;
color:#ffffff;
line-height:35px;
font-size: 12px;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
}
.navgx{
background-repeat: no-repeat;
background-position: left center;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #ffffff;
}
#srchbj{
background-color: #f5f5f5;
width: 100%;
height: 49px;
display:table;
}
#srchdib{
clear: both;
width: 917px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top:-2px;
height:11px;
}
#srchor{
clear: both;
width: 1000px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#srchor p{
float: left;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
line-height: 45px;
font-weight: normal;
color: #666666;
}
#srchor p a{
font-family: "微软雅黑";
font-size: 12px;
line-height: 45px;
font-weight: normal;
color: #666666;
}
#srchor p span{
font-family: "微软雅黑";
font-size: 15px;
line-height: 45px;
font-weight: bold;
color: #ffffff;
background-color: #3755c3;
padding-top: 7px;
padding-right: 15px;
padding-bottom: 7px;
padding-left: 15px;
}
#srchor h1{
float: right;
}
.search {
background-image: url(/uploads/image/himages/sea1_21.jpg);
background-repeat: no-repeat;
float: left;
height: 31px;
width: 300px;
background-position: left top;
}
.search1 {
float: left;
height: 19px;
width: 187px;
background-color: #ffffff;
border: 1px solid #ffffff;
color: #666666;
display: inline;
margin-left: 37px;
line-height: 26px;
font-size: 12px;
margin-top: 1px;
}
.searchimg1 {
float: left;
display: inline;
}
.searbj{
background-image: url(/uploads/image/himages/seachbj.jpg);
background-repeat: no-repeat;
background-position: center;
height: 13px;
width: 100%;
}
/*search*/
#nmhg04{
font-size: 30px;
line-height: 60px;
color: #163cc2;
font-family: "微软雅黑";
clear: both;
width: 320px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-weight: bold;
text-align:center;
background-image: url(/uploads/image/himages/nmhg002.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
#nmhg05{
clear: both;
width: 800px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-family: "微软雅黑";
font-size: 14px;
line-height: 40px;
font-weight: bold;
color: #878787;
}
.chear{
clear: both;
height: 20px;
width: 1000px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.chear1{
clear: both;
height: 10px;
width: 1000px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#ql_index02{
clear: both;
width: 1138px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.bc_probj04{
float: right;
width: 810px;
}
.bc_probj04 ul{}
.bc_probj04 ul li{
background-color: #ffffff;
float:left;
margin-bottom:32px;
margin-left:20px;
border: 1px solid #e6e6e6;
}
.bc_probj04 ul li p{
font-family: arial, helvetica, sans-serif;
font-size: 13px;
line-height: 30px;
font-weight: normal;
color: #0348af;
margin-bottom:10px;
text-align: center;
}
.bc_probj04 ul li p a{
font-family: arial, helvetica, sans-serif;
font-size: 13px;
line-height: 30px;
font-weight: normal;
color: #0348af;
text-align: center;
}
.bc_probj04 ul li img{
clear: both;
height: 146px;
width: 220px;
padding:10px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#dh_proleft{
width: 247px;
float: left;
border: 1px solid #d6d6d6;
background-color: #d0d6f0;
padding-bottom:20px;
}
#dh_proleft h1{ text-align:center}
#dh_proleft h3{
font-family: arial, helvetica, sans-serif;
font-size: 14px;
line-height: 42px;
padding-left:10px;
font-weight: normal;
color: #6b6b6b;
background-image: url(/uploads/image/himages/nmhg003.jpg);
background-repeat: no-repeat;
background-position: left;
text-align: left;
background-color: #d0d6f0;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
}
#dh_proleft h3 a{
font-family: arial, helvetica, sans-serif;
font-size: 14px;
line-height: 42px;
padding-left:10px;
font-weight: normal;
color: #6b6b6b;
}
#dh_proleft ul{
padding-top: 5px;
padding-bottom: 20px;
}
#dh_proleft ul li{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
line-height: 30px;
font-weight: normal;
color: #214ac0;
text-align: left;
padding-left: 20px;
background-image: ;
background-repeat: no-repeat;
background-position: left;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e5e5e5;
margin-left:20px;
}
#dh_proleft ul li a{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
line-height: 31px;
font-weight: normal;
color: #214ac0;
background-color: #ffffff;
text-align: left;
}
#dh_proleft h2{
background-color: #ffffff;
width: 211px;
}
/*product*/
#index03{
float: right;
width: 854px;
}
#index03 ul{
}
#index03 ul li{
margin-top: 31px;
width:175px;
border: 1px solid #e5e5e5;
float:left;
margin-left:20px;
padding: 8px;
}
#index03 ul li img{
height: 157px;
width: 175px;
}
#index03 ul li p{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
line-height: 23px;
color: #0057b4;
background-color: #ebebeb;
text-align:center;
}
#index03 ul li p a{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
line-height: 23px;
color: #0057b4;
background-color: #ebebeb;
}
#ql_index22{
background-color: #f6f6f6;
width: 100%;
display:table;
padding-bottom:30px;
}
#ql_index23{
clear: both;
width: 256px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#dhwy05{
clear: both;
width: 1100px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#dhwy05 h1{
float: left;
height: 451px;
width: 556px;
}
#dhwy05 p{
background-color: #3756c4;
width: 504px;
float: right;
padding:20px;
height:411px;
font-family: arial, helvetica, sans-serif;
font-size: 13px;
line-height: 30px;
color: #ffffff;
}
#dhwy05 p span{
font-family: arial, helvetica, sans-serif;
font-size: 24px;
line-height: 60px;
height:60px;
font-weight: bold;
display:block;
color: #ffffff;
background-image: url(/uploads/image/himages/dhwy04.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
.servicebox .ser0 {
}
.servicebox .ser0 h1 {
height: 44px; margin-bottom: 33px;
}
.servicebox .ser0 .e1 {
line-height: 45px;
}
.servicebox .ser0 .con {
}
.servicebox .ser0 .con p {
background: no-repeat 39px 10px; line-height: 32px; padding-left: 60px; font-size: 15px; margin-bottom: 20px;
}
.servicebox {
background: no-repeat top; height: 1358px;
}
.servicebox dl {
height: 228px; text-align: center;
}
.servicebox dl h1 {
padding-top: 78px; margin-bottom: 40px;
}
.servicebox dl h1 b {
color: rgb(8, 77, 146); font-size: 50px; margin-right: 7px; display: inline-block;
}
.servicebox .ser1 {
width: 537px; height: 376px; float: left;
}
.servicebox .ser2 {
width: 574px; height: 425px; margin-left: 504px; float: left;
}
.servicebox .ser3 {
width: 537px; height: 320px; float: left;
}
.servicebox .ser0 {
}
.servicebox .ser0 h1 {
height: 44px; margin-bottom: 33px;
}
.servicebox .ser0 .e1 {
line-height: 45px;
}
.servicebox .ser0 .con {
}
.servicebox .ser0 .con p {
background: no-repeat 39px 10px; line-height: 32px; padding-left: 60px; font-size: 15px; margin-bottom: 20px;
}
.f30 {
font-size: 30px;
}
.f30 a {
font-size: 30px;
}
.f30 a:hover {
font-size: 30px;
}
.f30 p {
font-size: 30px;
}
.f30 b {
font-size: 30px;
}
.f30 font {
font-size: 30px;
}
.f30 span {
font-size: 30px;
}
.f30 em {
font-size: 30px;
}
.f30 i {
font-size: 30px;
}
.bol {
font-weight: bold;
}
.bol a {
font-weight: bold;
}
.bol a:hover {
font-weight: bold;
}
.bol p {
font-weight: bold;
}
.bol b {
font-weight: bold;
}
.bol font {
font-weight: bold;
}
.bol span {
font-weight: bold;
}
.bol em {
font-weight: bold;
}
.bol i {
font-weight: bold;
}
.mid {
margin: 0px auto; width: 1081px; overflow: hidden;
}
.f0 {
font-size: 0px;
}
.frame {
width: 100%; float: left;
}
.servicebox .ser1 {
width: 537px; height: 376px; float: left;
}
.servicebox .ser2 {
width: 574px; height: 425px; margin-left: 504px; float: left;
}
.servicebox .ser3 {
width: 537px; height: 320px; float: left;
}
.probox .con2 .e1 {
text-align: right; float: right;
}
.servicebox .ser0 .e1 {
line-height: 45px;
}
.jobbox .job .con h3 .e1 {
background: rgb(1, 102, 196); border-radius: 12px; width: 84px; height: 25px; text-align: center; line-height: 25px; margin-right: 13px; margin-left: 21px;
}
.gr {
color: rgb(1, 102, 196);
}
.gr a {
color: rgb(1, 102, 196);
}
.gr p {
color: rgb(1, 102, 196);
}
.gr b {
color: rgb(1, 102, 196);
}
.gr font {
color: rgb(1, 102, 196);
}
.gr span {
color: rgb(1, 102, 196);
}
.gr em {
color: rgb(1, 102, 196);
}
.gr i {
color: rgb(1, 102, 196);
}
.cw {
color: rgb(255, 255, 255);
}
.cw a {
color: rgb(255, 255, 255);
}
.cw p {
color: rgb(255, 255, 255);
}
.cw b {
color: rgb(255, 255, 255);
}
.cw font {
color: rgb(255, 255, 255);
}
.cw span {
color: rgb(255, 255, 255);
}
.cw em {
color: rgb(255, 255, 255);
}
.cw i {
color: rgb(255, 255, 255);
}
.cw a:hover {
color: rgb(230, 0, 0);
}
.xie {
font-style: italic;
}
.xie a {
font-style: italic;
}
.xie a:hover {
font-style: italic;
}
.xie p {
font-style: italic;
}
.xie b {
font-style: italic;
}
.xie font {
font-style: italic;
}
.xie span {
font-style: italic;
}
.xie em {
font-style: italic;
}
.xie i {
font-style: italic;
}
.f20 {
font-size: 20px;
}
.f20 a {
font-size: 20px;
}
.f20 a:hover {
font-size: 20px;
}
.f20 p {
font-size: 20px;
}
.f20 b {
font-size: 20px;
}
.f20 font {
font-size: 20px;
}
.f20 span {
font-size: 20px;
}
.f20 em {
font-size: 20px;
}
.f20 i {
font-size: 20px;
}
.probox .con1 .e2 {
background: no-repeat; width: 107px; height: 41px; text-align: center; line-height: 41px; float: right;
}
.probox .con2 .e2 {
background: no-repeat; width: 107px; height: 41px; text-align: center; line-height: 41px;
}
.servicebox .ser0 .e2 {
width: 363px;
height: 44px;
text-align: center;
line-height: 44px;
margin-left: 13px;
background-color: #163cc2;
}
.jobbox .job .con h3 .e2 {
width: 365px;
}
.probox .con2 .e1 {
text-align: right; float: right;
}
.servicebox .ser0 .e1 {
line-height: 45px;
}
.jobbox .job .con h3 .e1 {
background: rgb(1, 102, 196); border-radius: 12px; width: 84px; height: 25px; text-align: center; line-height: 25px; margin-right: 13px; margin-left: 21px;
}
.f45 {
font-size: 45px;
}
.f45 a {
font-size: 45px;
}
.f45 a:hover {
font-size: 45px;
}
.f45 p {
font-size: 45px;
}
.f45 b {
font-size: 45px;
}
.f45 font {
font-size: 45px;
}
.f45 span {
font-size: 45px;
}
.f45 em {
font-size: 45px;
}
@font-face {
font-family: arial_bold;
src: format("embedded-opentype"), format("woff"), format("truetype"), format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: bodoni_bd_bt;
src: format("embedded-opentype"), format("woff"), format("truetype"), format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: times_new_roman;
src: format("embedded-opentype"), format("woff"), format("truetype"), format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: impact;
src: format("embedded-opentype"), format("woff"), format("truetype"), format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: agency_fb;
src: format("embedded-opentype"), format("woff"), format("truetype"), format("svg");
font-weight: normal;
font-style: normal;
}
* {
margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-family: arial,"微软雅黑", helvetica, sans-serif; font-size: 14px;
}
img {
border: currentcolor;
}
b {
line-height: 1; font-style: normal; font-weight: normal;
}
i {
line-height: 1; font-style: normal; font-weight: normal;
}
em {
line-height: 1; font-style: normal; font-weight: normal;
}
font {
line-height: 1; font-style: normal; font-weight: normal;
}
em {
vertical-align: middle; display: inline-block;
}
#dhwy06{
clear: both;
width: 289px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#dhwy02{
height: 1px;
width: 100%;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #cccccc;
}
#dhwy08{
clear: both;
width: 1100px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image: url(/uploads/image/himages/dhwy08.jpg);
background-repeat: no-repeat;
background-position: left center;display:table;
}
#dhwy09{
float: right;
width: 333px;
}
#dhwy10{
float: left;
width: 745px;
}
#dhwy10 ul{
background-color: #f2f2f2;
margin-top:1px;
height:190px;
width:515px;
float:right;
padding-left:20px;
display:table;
}
#dhwy10 ul li{
font-family: arial, helvetica, sans-serif;
font-size: 13px;
line-height: 42px;
font-weight: normal;
color: #666666;
background-image: ;
background-repeat: no-repeat;
background-position: left;
text-align: left;
padding-left: 15px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #cccccc;
}
#dhwy10 ul li a{
font-family: arial, helvetica, sans-serif;
font-size: 13px;
line-height: 42px;
font-weight: normal;
color: #666666;
}
#footbj{
background-image: url(/uploads/image/himages/footbj.jpg);
background-repeat: repeat-x;
clear: both;
height: 220px;
width: 100%;
color: #ffffff;
}
#foot1{
clear: both;
width: 1050px;
display:table;
padding-top:25px;
padding-bottom:5px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image: url(/uploads/image/himages/ewm.jpg);
background-repeat: no-repeat;
background-position: right center;
}
#foot1 ul{
background-image: url(/uploads/image/himages/nmhg004.jpg);
background-repeat: no-repeat;
background-position: right center;
float: left;
width: 280px;
margin-left:30px;
}
#foot1 ul li{
font-family: arial, helvetica, sans-serif;
font-size: 13px;
line-height: 23px;
font-weight: normal;
color: #ffffff;
}
#thfoot{
font-family: "微软雅黑";
font-size: 14px;
line-height: 48px;
font-weight: normal;
color: #ffffff;
clear: both;
width: 1000px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align:center;
}
#thfoot a{
font-family: "微软雅黑";
font-size: 14px;
line-height: 32px;
color:#ffffff;
}
#thfoot p span{ display:block}
#nmhg99{
background-image: url(/uploads/image/himages/nmhg005.jpg);
background-repeat: no-repeat;
display:table;
background-position: center center;
height: 150px;
width: 100%;
}