@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%; }