* { margin: 0; padding: 0; font-family: "Arial", "微软雅黑";text-transform:uppercase; } @font-face { font-family: 'impact'; src: url('../css/impact.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: block; } html { font-family: "Arial" } body{ } ul, ol { list-style: none; } .clearfix { clear: both; } a { color: #333; text-decoration: none; } em { font-style: normal; } .content { width: 1200px; margin: auto; } .neiong { margin-top: 86px; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } .fl { float: left; } .fr { float: right; } .clear { clear: both; } .case_fl::-webkit-scrollbar { width: 5px; /*对垂直流动条有效*/ height: 5px; /*对水平流动条有效*/ } /*定义滚动条的轨道颜色、内阴影及圆角*/ .case_fl::-webkit-scrollbar-track { background-color: #fff; border-radius: 3px; } /*定义滑块颜色、内阴影及圆角*/ .case_fl::-webkit-scrollbar-thumb { border-radius: 7px; background-color: #e1e1e1; } /*定义右下角汇合处的样式*/ .case_fl::-webkit-scrollbar-corner { background: khaki; } table { border: 0; border-spacing: 0; border-collapse: 0 } th, td { padding: 8px } .table { border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1 } .table th, .table td { padding: 8px 12px; border-left: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1 } .table th { background: #f9f9f9 } .table tr:hover td { background: #fffffc } input, textarea, select, button { display: block; font-family: 'Microsoft YaHei'; font-size: 14px; color: #2b333b; outline: 0 } ::-moz-placeholder { text-align: left; color: #999 } ::-webkit-input-placeholder { text-align: left; color: #999 } ::-ms-input-placeholder { text-align: left; color: #999 } input[type='text'], input[type='password'] { width: 100%; height: 38px; line-height: 38px; padding: 0 8px; border: 1px solid #e1e1e1; box-sizing: border-box } input[type='radio'], input[type='checkbox'] { display: inline-block; vertical-align: -2px } input[type='file'].file { left: 0; top: 0; width: 100%; height: 38px; line-height: 38px; opacity: 0; font-size: 80px; cursor: pointer; overflow: hidden } textarea { width: 100%; height: 88px; line-height: 28px; padding: 2px 8px; border: 1px solid #e1e1e1; box-sizing: border-box; resize: none } select { width: 100%; height: 38px; line-height: 38px; border: 1px solid #e1e1e1; box-sizing: border-box } input[type='button'], input[type='submit'], input[type='reset'], button, .btn { display: block; width: 100%; height: 38px; line-height: 38px; padding: 0 12px; background: #009688; border: 0; box-sizing: border-box; text-align: center; color: #fff; cursor: pointer } input[type='button'].btn-border, input[type='submit'].btn-border, input[type='reset'].btn-border, button.btn-border, .btn-border { background: #fff; border: 1px solid #e1e1e1; color: #2b333b } input[type='button'].btn-blue, input[type='submit'].btn-blue, input[type='reset'].btn-blue, button.btn-blue, .btn-blue { background: #2f81c4 } input[type='button'].btn-green, input[type='submit'].btn-green, input[type='reset'].btn-green, button.btn-green, .btn-green { background: #57ac57 } input[type='button'].btn-red, input[type='submit'].btn-red, input[type='reset'].btn-red, button.btn-red, .btn-red { background: #f45445 } input[type='button'].btn-orange, input[type='submit'].btn-orange, input[type='reset'].btn-orange, button.btn-orange, .btn-orange { background: #f7783a } input[type='button'].btn-black, input[type='submit'].btn-black, input[type='reset'].btn-black, button.btn-black, .btn-black { background: #2b333b } .radius { border-radius: 4px } .radius-50 { border-radius: 50% } .radius-form { border-radius: 19px } .pf { position: fixed } .pr { position: relative } .pa { position: absolute } .fl { float: left } .fr { float: right } .clear { clear: both } .tl { text-align: left } .tc { text-align: center } .tr { text-align: right } .auto { margin: 0 auto } .block { display: block } .inline-block { display: inline-block } .hide { display: none } .border-box { box-sizing: border-box } .hidden { overflow: hidden } .header { } .logo_box {} .logo { float: left; margin-top: 6px; } .top_nav { float: left; } .top_nav li { position: relative; cursor: pointer; } .top_nav a { color: #333; font-size: 16px; display: block; text-transform: uppercase; font-family: "Arial" } .top_nav a:hover { background: #e5b74c; color: #fff; } .top_nav li:hover .sj_xia { display: block;transition: all 0.5s; } .top_nav li { line-height: 62px; position: relative; float: left; display: block; } .top_nav li a{ display: block; text-align: center; width:150px;background: url(../images/ab_j.png) no-repeat right center;} .top_nav li a:hover { background: #e5b74c; color: #fff; } .top_nav .on { background: #e5b74c; color: #fff; } .top_nav .on a { color: #fff; } .top_nav li .sj_xia { position: absolute; top: 62px; width: 150px; padding-bottom: 30px; display: none; z-index: 99; background: #fff; font-size: 14px; color: #fff; line-height: 40px; left: 50%; margin-left: -75px;transition: all 0.5s; } .top_nav li .sj_xia a{ color: #000; background: no-repeat;} .top_nav li .sj_xia a:hover{ color: #cf8d2c;} .r_jt { background: url(../images/jt.jpg) no-repeat right; } .top_nav li .sj_xia li { line-height: 48px; display: block; border-bottom: 1px solid #f7f7f7; } .top_nav li .sj_xia li a { font-size: 14px; font-weight: normal; text-transform: capitalize } .banner { } .swiper-container, .swiper-wrapper, .swiper-slide { height: 960px; width: 100%; } /*.swiper-button-prev, .swiper-button-next { display: none; transition: all 0.3s; }*/ .swiper-container:hover .swiper-button-prev, .swiper-container:hover .swiper-button-next { display: block; } .head{ left: 0; right: 0; top: 0; height: 80px; z-index: 999999; width: 100%; position: fixed; background:#fff;} .head_nr{width: 1150px; margin: 0 auto; position: relative; padding: 0;} .head_nr_left{ float: left; width: 204px; margin-top: 15px;} .head_nr_left2{ float: left; width: 204px; margin-top: 15px; display: none;} .head_nr_right{ float: right; width: 800px; margin-left: 100px;} /*修改的代码*/ .head_nr_right ul li{ float: left; display: inline-block; font-size: 16px; padding-top: 20px; line-height: 45px;} .head_nr_right ul li>a{ padding: 10px 15px; color: #000; } .head_nr_right ul li.ine{ /*width: 36px;*/} .head_nr_right ul .ine>a{ color: #00519b; font-weight: bold; border-bottom: 2px solid #00519b; } .head_nr_right ul li:hover{ color: #00519b; font-weight: bold; } .head_nr_right ul li:hover a{ color: #000; } .head_nr_right ul li .erji{ text-align: center; padding-top: 10px; display: none; transition: all 0.5s; } .head_nr_right ul li .erji dd a{ display: block; color: #fff;font-weight: normal; font-size: 14px; line-height: 40px; } .head_nr_right ul li .erji dd:hover{ color: #000; } .head_nr_right ul li .erji dd:hover a{ text-decoration: underline; } .head_nr_right ul li:hover .erji{ display: block; background:rgba(0,0,0,0.5); border-radius: 4px; color: #fff; padding-bottom: 10px; } .head.heade2 .head_nr_right ul li .erji{ background: #fff;box-shadow: 0px 2px 29px 0px rgba(191, 191, 191, 0.34);} .head.heade2 .head_nr_right ul .ine>a{ color: #00519b; font-weight: bold; border-bottom: 2px solid #00519b; } .seam{ position: absolute; top: 36px; right: 0; border-left: 1px solid #000; height: 18px; padding-left: 30px; cursor: pointer; } .seam2{ position: absolute; top: 36px; right: 0; border-left: 1px solid #000; height: 18px; padding-left: 30px; cursor: pointer; display: none; } .yemei .ss{ position: absolute; top: 36px; right: 0; border-left: 1px solid #fff; height: 20px; padding-left: 20px;} .sousuo{ position: absolute; top:70px; right: 0; z-index: 9900; background: #fff; padding: 20px;background: rgba(0,0,0,0.4); display: none;} .ss_box{ width: 360px; box-sizing: border-box; position: relative; } .ss_box input{ border: none; background:#fff; padding: 5px 0; line-height: 30px; color: #666; text-indent: 1em; width: 78%; float: left;outline: none; } .ss_box button{ width: 22%; float: right; height: 40px; background: #014586; color: #fff; border: none;outline: none; } .sousuo{ position: absolute; top:70px; right: 0; z-index: 200; background: #fff; padding: 20px;background: rgba(0,0,0,0.4); display: none;} .head.heade2 { background: rgba(255,255,255,0.98);box-shadow: 0 2px 5px 0 rgba(0,0,0,.12); color: #fff; } .head.heade2 .head_nr_right a{ color: #000;} .head.heade2 .head_nr_left2{ display: block;} .head.heade2 .head_nr_left{ display: none;} .head.heade2 .seam2{ display: block;} .head.heade2 .seam{ display: none;} /*修改结束*/ .bottom{ width: 100%; background:url(../images/db_bj.png) no-repeat; height: 406px;} .bottom_n{ width: 1200px; margin: 0 auto; padding-top: 40px;} .bottom_left{ float: left; width: 150px; border-right: 1px solid #2e3242; padding-right: 50px; margin-right: 100px;} .bottom_left img{ width: 130px; height: 158px;} .bottom_left2{ width: 280px; float: left; margin-right: 20px;} .bottom_left2 h2{ font-size: 18px; font-weight: bold; color: #c1c1c1; border-bottom: 2px solid #c1c1c1; width: 75px;line-height: 40px; margin-bottom: 20px;} .bottom_left2 ul li{ float: left; width: 70px; margin-right: 20px; margin-top: 10px;} .bottom_left2 ul li a{color:#c1c1c1; font-size: 14px;} .bottom_left2 ul li a:hover{ color: #fff;} .bottom_left3{ float: left; width: 480px;} .bottom_left3 h2{ font-size: 18px; font-weight: bold; color: #c1c1c1; border-bottom: 2px solid #c1c1c1; width: 75px;line-height: 40px;margin-bottom: 20px;} .dianh1{color:#c1c1c1; font-size: 14px;background:url(../images/f1.png) no-repeat left center; padding-left: 20px; margin-top: 10px;} .dianh2{color:#c1c1c1; font-size: 14px;background:url(../images/f2.png) no-repeat left center; padding-left: 20px;margin-top: 10px;} .dianh3{color:#c1c1c1; font-size: 14px;background:url(../images/f3.png) no-repeat left center; padding-left: 20px;margin-top: 10px;} .bottom_left4{ float: right; width: 200px; margin-left: 20px; border: 1px solid #343738; text-align: center; padding-top: 10px; padding-bottom: 10px; border-radius: 10px;} .bottom_left5 p{color:#c1c1c1; font-size: 14px;} .bottom_n2{ text-align: center;color:#c1c1c1; font-size: 14px; border-top: 1px solid #343738; margin-top: 20px; padding-top: 20px;} .bottom_n2 a{color:#c1c1c1; font-size: 14px;} .ksdh{ border-bottom: 1px solid #2e3242; padding-bottom: 20px; margin-bottom: 30px;} .ksdh ul li{ float: left; padding-right: 30px;} .ksdh ul li a{ color: #fff; font-size: 16px;} .ksdh ul li a:hover{ text-decoration: underline;} .shume{ color: #fff; font-size: 30px; font-weight: bold;} .wan_left{ float: left;} .wan_right{ float: right;} .xiame{ width: 1200px; margin: 0 auto;} /*公司简介 */ .gsjj{background:url(../images/gs_bj.jpg) no-repeat bottom center; padding-bottom: 50px;} .gsjj_nr{ width: 1200px; margin: 0 auto;} .gsjj_nr_left{ float: left; width: 550px;} .gsjj_title h2{ font-size: 44px; color: #cccccc;font-weight: bold;} .gsjj_title h3{ font-size: 28px; color: #00519b;} .gsjj_title em{ width: 42px; height: 5px; background:#00519b; display: inline-block; margin-top: 20px;} .gss_nr{color: #666666; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; font-size: 15px; margin-bottom: 22px; margin-top: 30px;} .ckxq a{ color: #00519b; background:url(../images/ai.png) no-repeat 70px; padding-right: 50px;} .wenh{ margin-top: 40px;} .wenh ul li{ float: left; width: 255px; height: 149px; display: block;box-sizing: border-box; padding: 20px;transition: all 0.5s;} .wenh ul li a{ display: block;width: 255px; height: 149px;} .wenh ul li h2{ color: #fff; font-size: 24px;transition: all 0.5s;} .wenh ul li h3{ color: #fff; font-size: 14px;text-transform:Uppercase; margin-top: 5px;transition: all 0.5s;} .wenh ul li:nth-child(1){background:url(../images/s001.jpg) no-repeat top center;} .wenh ul li:nth-child(2){background:url(../images/s002.jpg) no-repeat top center; float: right;} .wenh ul li:hover h2{ padding-left: 20px;} .wenh ul li:hover h3{ padding-left: 20px;} .gsjj{ margin-top: 80px;} .gsjj_nr_right{ float: right; width: 584px; cursor: pointer; margin-top: -60px;} .gsjj_nr_right_tu{ width: 584px; height: 434px; padding: 115px 0 0 0;} .gsjj_nr_right_txt{ background: #eeeeee; height: 74px; line-height: 74px; padding-left: 15px; padding-right: 15px;} .gsjj_nr_right_txt span{ float: right;} .gsjj_nr_right_txt b{ float: left;} .gsjj_nr_right_tu{ position: relative;} .gsjj_nr_right_tu22{ position: absolute;top: 40%; left: 0; width: 100%; text-align: center;} .gsjj_nr_right_txt span img { margin-left: 5px; display: inline-block; vertical-align: -2px; } .cpfw{ background: #f4f4f4; padding-top: 60px; padding-bottom: 30px;} .cpfw_nr{ width: 1200px; margin: 0 auto;} .cpfw_nr .juzhong{ text-align: center;} .case .juzhong{ text-align: center;} .news .juzhong{ text-align: center;} .hzhb .juzhong{ text-align: center;} .case{background:url(../images/fei.png) no-repeat bottom center; padding-bottom: 50px; padding-top: 70px;} .case_nr{ width: 1200px; margin: 0 auto;} /* 本例子css */ .case .slideBox{ width:1200px; height:360px; position:relative; } .case .slideBox .bd{ position:relative; height:100%; z-index:0; } .case .slideBox .bd li{ zoom:1; vertical-align:middle; } .case .slideBox .bd img{width: 380px; height: 314px; display:block; } /* 下面是前/后按钮代码,如果不需要删除即可 */ .case .slideBox .prev, .case .slideBox .next{ display: block; width: 60px; height: 60px; z-index: 999; } .case .prev{ background:url(../images/z1.png) no-repeat left center; position: absolute; left: -30px; top: 38%; } .case .next{ background:url(../images/z2.png) no-repeat right center; position: absolute; right: -30px; top: 38%; } .case .slideBox .next:hover{ background:url(../images/z2_a.png) no-repeat right center;} .case .slideBox .prev:hover{ background:url(../images/z1_a.png) no-repeat right center;} .case_zwe{ margin-top: 30px;} .mei_left{ float: left; width: 380px; height: 414px; } .mei_right{ width: 386px; float: right; background: #fff;height: 414px;box-sizing: border-box; padding: 30px; padding-top: 60px;} .mei_right h2{ font-size: 30px; font-weight: bold; color: #333333; line-height: 38px;} .mei_right em{ width: 42px; height: 5px; background:#00519b; display: inline-block; margin-top: 20px;} .mei_right h3{ color: #666666; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: 16px; margin-bottom: 16px; margin-top: 30px;} .ckgmee{ width: 160px; height: 44px; text-align: center; line-height: 44px; background: #00519b; color: #fff; margin-top: 50px;} .ckgmee a{ display: block; color: #fff; font-size: 14px;} .ckgmee a:hover{ background: #b71a27;} .news{ padding-top: 50px;} .syxw_list{ width: 592px; float: right;} .news_tj h4{ font-size: 16px; color: #01366A; line-height: 46px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal;color: #111;} .news_tj .wen_p{ font-size: 14px; color: #666; line-height: 22px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .news_tj span{ font-size: 14px; color: #888; margin-top: 6px; margin-left: 0; transition: all 1s; display: block; background: url(../images/guan.png) no-repeat left center; background-size: 16px auto; padding-left: 22px;} .news_tj:hover h4{ color: #245372;} .syxw_list li{margin-bottom: 10px; background: #eeeeee; height: 100px;} .syxw_list li .time{ float: left; padding: 4px; text-align: center; color: #666; background: #d2d2d2; width: 88px; height: 92px;} .syxw_list li .time h3{ font-size: 36px;align-items: center; color: #fff; display: flex; justify-content: center; margin-top: 10px;} .syxw_list li .time span{ font-size: 14px;align-items: center; display: flex; justify-content: center; background: #fff; color: #666; height: 30px;} .xw_wz { float: right; width: 440px; margin-right: 20px; } .xw_wz h4{ font-size: 16px; line-height: 30px; margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-weight: normal; color: #111;} .xw_wz p{font-size: 14px; color: #666; line-height: 22px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 6px;} .xw_wz span{ background: url(../images/more.png) no-repeat left center; padding-left: 34px; font-size: 14px; color: #01366A; margin-left: 0; transition: all 1s;} .syxw_list li:hover{ color: #00519b;} .syxw_list li:hover h4{ color: #00519b;;} .syxw_list li:hover .time{ color: #fff; background: #00519b;} .news_nr_left{ float:left; width: 580px;} .news_nr{ width: 1200px; margin: 0 auto; margin-top: 10px;} /*����ͼ*/ .focus{ position:relative; width:580px; height:430px; background-color: #fff; float: left;} .focus img{ width:580px; height:430px;} .focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;} .focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; } .focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} .focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; } .focus .btn a:hover,.focus .btn a.current{ cursor:pointer;background:#fc114a;} .focus .fPic{ position:absolute; left:0px; top:0px; } .focus .D1fBt{ overflow:hidden; zoom:1; height:16px; z-index:10; } .focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:52px; line-height: 52px; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9; display:block; text-align:left; } .focus .shadow a{ text-decoration:none; color:#fff; font-size:16px; width: 450px; display: block; line-height: 52px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";} .focus .fcon{ position:relative; width:100%; float:left; display:none; background:#000 } .focus .fcon img{ display:block; } .focus .fbg{bottom:14px; right:8px; position:absolute; height:21px; text-align:center; z-index: 200; } .focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px} .focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; } .focus .D1fBt .current,.focus .D1fBt a:hover{background:#d30104;} .focus .D1fBt img{display:none} .focus .D1fBt i{display:none; font-style:normal; } .focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;} .focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; } .focus .next{top: 50%;margin-top: -37px; right: 0; background-position:-40px -74px; cursor:pointer;} .focus .prev:hover{ background-position:0 0; } .focus .next:hover{ background-position:-40px 0;} .stme{ margin: 0 auto; margin-top: 30px; margin-bottom: 30px;} .hzhb{ padding-top: 40px; padding-bottom: 40px; background: #eeeeee;} .hzpp_right{ width: 1200px; margin: 0 auto;} .hzpp_right ul{ margin-top: 20px; margin-bottom: 20px; } .hzpp_right ul li{ float: left; width:19%; height: 112px; overflow: hidden;padding: 8px 6px; } .hzpp_right ul li img{ width: 100%; transition: all .3s ease; /*filter: grayscale(100%); opacity: .8;*/ } .hzpp_right ul li img:hover { filter: none; opacity: 1; border-radius:5px; box-shadow:0px 4px 8px 2px #ccc; } .nylm{ width: 900px; margin: 0 auto;} .nylm ul{ margin-top: 20px; margin-bottom: 20px; } .nylm ul li{ float: left; width:25%; height: 102px; overflow: hidden; } .nylm ul li img{ width: 100%; transition: all .3s ease; filter: grayscale(100%); opacity: .8; } .nylm ul li img:hover { filter: none; opacity: 1; } .hzpp2{ margin-top: 40px;} .hzpp2 h2{ font-size: 78px;} .cpfw_nr_hy{ margin-top: 30px; margin-bottom: 40px;} .chanp_left{ float: left; width: 218px; height: 486px; background: #fff; border: 1px solid #dcdcdc;} .chanp_left ul li{ display: block; float: left;width: 218px; line-height: 61px; height: 61px;border-bottom: 1px solid #e5e5e5; cursor: pointer; padding-left: 20px;box-sizing: border-box;} .chanp_left ul .one{ background: #00519b;color: #fff;} .chanp_left ul li:hover{background: #00519b;color: #fff;} .chanp_left ul li em{ display: inline-block; width: 24px; height: 37px; margin-right: 8px; display: inline-block; vertical-align: -5px;} .chanp_left ul li:nth-child(1) em{background: url(../images/k1.png) no-repeat 0 18px;} .chanp_left ul li:nth-child(1):hover em{background:#00519b url(../images/k1_a.png) no-repeat 0 18px; color: #fff;} .chanp_left ul .one:nth-child(1) em{background:#00519b url(../images/k1_a.png) no-repeat 0 18px; color: #fff;} .chanp_left ul li:nth-child(2) em{background: url(../images/k2.png) no-repeat 0 18px;} .chanp_left ul li:nth-child(2):hover em{background:#00519b url(../images/k2_a.png) no-repeat 0 18px; color: #fff;} .chanp_left ul .one:nth-child(2) em{background:#00519b url(../images/k2_a.png) no-repeat 0 18px; color: #fff;} .chanp_left ul li:nth-child(3) em{background: url(../images/k3.png) no-repeat 0 18px;} .chanp_left ul li:nth-child(3):hover em{background:#00519b url(../images/k3_a.png) no-repeat 0 18px; color: #fff;} .chanp_left ul .one:nth-child(3) em{background:#00519b url(../images/k3_a.png) no-repeat 0 18px; color: #fff;} .chanp_left ul li:nth-child(4) em{background: url(../images/k4.png) no-repeat 0 18px;} .chanp_left ul li:nth-child(4):hover em{background:#00519b url(../images/k4_a.png) no-repeat 0 18px; color: #fff;} .chanp_left ul .one:nth-child(4) em{background:#00519b url(../images/k4_a.png) no-repeat 0 18px; color: #fff;} .chanp_left ul li:nth-child(5) em{background: url(../images/k5.png) no-repeat 0 18px;} .chanp_left ul li:nth-child(5):hover em{background:#00519b url(../images/k5_a.png) no-repeat 0 18px; color: #fff;} .chanp_left ul .one:nth-child(5) em{background:#00519b url(../images/k5_a.png) no-repeat 0 18px; color: #fff;} .chanp_left ul li:nth-child(6) em{background: url(../images/k6.png) no-repeat 0 18px;} .chanp_left ul li:nth-child(6):hover em{background:#00519b url(../images/k6_a.png) no-repeat 0 18px; color: #fff;} .chanp_left ul .one:nth-child(6) em{background:#00519b url(../images/k6_a.png) no-repeat 0 18px; color: #fff;} .chanp_left ul li:nth-child(7) em{background: url(../images/k7.png) no-repeat 0 18px;} .chanp_left ul li:nth-child(7):hover em{background:#00519b url(../images/k7_a.png) no-repeat 0 18px; color: #fff;} .chanp_left ul .one:nth-child(7) em{background:#00519b url(../images/k7_a.png) no-repeat 0 18px; color: #fff;} .chanp_left ul li:nth-child(8) em{background: url(../images/k8.png) no-repeat 0 18px;} .chanp_left ul li:nth-child(8):hover em{background:#00519b url(../images/k8_a.png) no-repeat 0 18px; color: #fff;} .chanp_left ul .one:nth-child(8) em{background:#00519b url(../images/k8_a.png) no-repeat 0 18px; color: #fff;} /*.chanp_left ul li:nth-child(3){background: url(../images/k3.png) no-repeat 20px;} .chanp_left ul li:nth-child(3):hover{background:#00519b url(../images/k3_a.png) no-repeat 20px; color: #fff;} .chanp_left ul li:nth-child(4){background: url(../images/k4.png) no-repeat 20px;} .chanp_left ul li:nth-child(4):hover{background:#00519b url(../images/k4_a.png) no-repeat 20px; color: #fff;} .chanp_left ul li:nth-child(5){background: url(../images/k5.png) no-repeat 20px;} .chanp_left ul li:nth-child(5):hover{background:#00519b url(../images/k5_a.png) no-repeat 20px; color: #fff;} .chanp_left ul li:nth-child(6){background: url(../images/k6.png) no-repeat 20px;} .chanp_left ul li:nth-child(6):hover{background:#00519b url(../images/k6_a.png) no-repeat 20px; color: #fff;} .chanp_left ul li:nth-child(7){background: url(../images/k7.png) no-repeat 20px;} .chanp_left ul li:nth-child(7):hover{background:#00519b url(../images/k7_a.png) no-repeat 20px; color: #fff;} .chanp_left ul li:nth-child(8){background: url(../images/k8.png) no-repeat 20px;} .chanp_left ul li:nth-child(8):hover{background:#00519b url(../images/k8_a.png) no-repeat 20px; color: #fff;}*/ .chanp_right{ width: 956px; float: right;} .chanp_da{ float: left; width: 700px; height: 486px;} .chanp_da1{ width: 696px; height: 488px;overflow: hidden; position: relative;} .chanp_da1 img{ width: 696px; height: 488px;} .chanp_da a:hover .wenzim span{ background: #00519b; border: 1px solid #00519b;} .wenzim{ position: absolute; bottom: 0px; left: 0; width: 100%;} .wenzim b{ float: left; color: #fff; font-size: 22px; font-weight: normal; padding-left: 20px; padding-bottom: 15px;line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:450px;} .wenzim span{ border: 1px solid #fff; width: 114px; height: 32px; line-height: 32px;text-align: center; display: block; color: #fff; font-size: 15px; float: right; position: absolute; right: 15px; bottom: 15px;} .wenzim span img { margin-left: 5px; display: inline-block; vertical-align: -2px; width: 17px; height: 14px; } .wenzim{background: url(../images/yong.png) repeat-x;} .chanp_xiao{ float: right; width: 240px;} .chanp_xiao ul li{ border: 1px solid #dcdcdc; margin-bottom: 14px; background: #fff; } .chanp_xiao ul li img{ width: 100%; height: 197px;} .hygt{ width: 240px; height: 54px; text-align: center; line-height: 54px; background:#00519b; color: #fff; font-size: 15px; color: #fff;} .hygt a{ color: #fff; display: block;} .hygt img{margin-left: 5px; display: inline-block; vertical-align: -2px; width: 17px; height: 14px;} .hygt a:hover{ background: #ba1422;} .ny_banner { height: 25rem; position: relative; background-size: cover !important; /*background-image: url(images/20211012145753616531f11b62d.jpg);*/ } .nr_xingd{height: 75px; border-bottom: #e7e7ea 1px solid; padding: 0; position: relative;} .tongyong{line-height: 75px;left: 0;bottom: 0;color: #7b7b7d;padding-left: 22px;font-size: 14px;background: url(../images/home_icon.png) left 30px no-repeat; width: 1200px; margin: 0 auto;} .tongyong span, .tongyong a, .tongyong i{font-size: 15px;color: #7b7b7d;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} .tongyong i{margin: 0px 5px;font-style:normal;} .tongyong i img{vertical-align:middle;margin-top: -2px;} .tongyong em{font-size:12px;color: #269dd2;font-style: normal;} .tongyong a:hover{color: #00519b;} .n_main_box .main_box{width: 1200px;height: 80px;position:relative;margin: 0 auto;} .ny_nrong{ width: 1200px; margin: 0 auto; margin-top: 20px; margin-bottom: 40px;} /*===================内页左侧================*/ .ny_left{ float: left; width:260px;} #n_right{ float: right; width: 895px;} /*============内页左侧导航==========*/ #n_nav{ background: #f7f7f9; margin-bottom: 15px;} #n_nav ul{ border: 1px solid #e9e9ec; } #n_nav li{ display: block; } #n_nav li:first-child a{ border-top:none;} #n_nav li a{ display: block; height: 52px; position: relative; font-size:15px; margin: 0 10px; border-top: 1px solid #e9e9ec;} #n_nav li a strong{ position: relative; z-index: 9; height: 52px; line-height: 52px; color: #535355; display: block; font-size: 15px; padding-left: 30px;} #n_nav li a i{position: absolute; left: -10px; top: 0; display:block; background: #00519b; height: 52px; width: 0;} #n_nav li a:hover i{ width:260px;} #n_nav li a:hover strong{ color: #fff; background: url(../images/icon_nav_arrow.png) 180px center no-repeat;} #n_nav li.on a i{ width:260px;} #n_nav li.on a strong{ color: #fff; background:url(../images/icon_nav_arrow.png) 140px center no-repeat;} #n_title { display: inline-block; padding-bottom: 5px; border-bottom: 3px solid #003b8f; margin-bottom: -3px; padding-left: 30px; font-size: 18px; color: #003b8f; }#n_title{ display: inline-block; padding-bottom: 5px; border-bottom: 3px solid #009482; margin-bottom: -3px; padding-left: 30px; font-size:23px; color:#009482; } .ny_right{float: right; width: 895px; } .ny_right h3 { font-size: 1.5rem; color: #00519b; font-weight: bold; margin-bottom: 1rem; text-align: center; border-bottom: 1px solid #dadada; padding-bottom: 20px; } .ar_article { font-size: 16px; color: #5f5f5f; line-height: 30px; margin-bottom: 30px; } .ar_article p { font-size: 16px; color: #5f5f5f; line-height: 30px; margin-bottom: 30px; } #n_case .title{ display:block; margin:50px 0; } #n_cy ul{ margin:0px -22px -20px 0px; overflow:hidden; } #n_cy li{ float:left; position:relative; width:292px; display:block; margin:10px 6px; text-align:center;} #n_cy li a{ display:block; overflow:hidden; width:292px;} #n_cy li .img_box{ overflow: hidden;width:292px; height:250px; background: #fafafa;} #n_cy li span{padding:0px 20px; text-align:center; background:#f1f5f5; /*margin-top: 5px;*/ position:relative; z-index:2; display:block; height:45px; line-height:45px; font-size:15px; color:#434446; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #n_cy li:hover span{ resize:none; color:#fff; background:#00519b; } .ny_right h3 { font-size: 20px; color: #333; text-align: center; border-bottom: 1px solid #dadada; padding-bottom: 10px; margin-top: 5px; } #n_cy li img{width: auto !important; border-radius:4px; height:240px;margin: auto; transition: all 0.6s ease-in-out; transform: scale(1); max-width: 280px;} #n_cy li:hover img{ transform: scale(1.1);} .page { margin:0px auto 0px auto;} .page .box{display:inherit; width:100%; text-align:center; padding-top: 40px;} .page a{ padding:0 12px; height:30px; background:#edeff2; border-radius:0px; overflow:hidden; line-height:30px; display:inline-block; margin:0 2px; color:#444; font-size:14px; } .page .on{ background:#00519b; color:#fff !important;border:1px solid #00519b;} .page a font{ font-size: 14px; font-family: "SimSun"; color: rgb( 68, 68, 68 );} .page span{ background:#00519b; color:#fff !important;border:1px solid #00519b;} .page a:hover{ background:#00519b; color:#fff !important; text-decoration:none; } .page .box .current{ background:#00519b; color:#fff !important; text-decoration:none; } .page a:hover font{ color:#fff;} .page a{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */} /*新闻列表*/ #news-list{ padding-bottom: 0px;} #news-list ul li{position:relative; height:150px; padding-bottom:20px; margin-bottom:20px; margin-top: 20px; border-bottom:1px solid #e1e1e1; overflow:hidden;} #news-list ul li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;} #news-list ul li span{display:block; width:194px; height:150px; overflow:hidden;} #news-list ul li img{width:194px; max-width:none; height:150px;} #news-list ul li section{position:absolute; left:217px; top:16px; height:122px;} #news-list ul li section h3{height:18px; line-height:18px; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:left; margin-top: -10px;} #news-list ul li section h4{height:16px; line-height:16px; margin-top:18px; font-size:14px; color:#767676; overflow:hidden;} #news-list ul li section h4 em{display:inline-block; background-repeat:no-repeat; background-position:left center;} #news-list ul li section h4 em.time{padding-left:22px; background-image:url(../images/time.png); border-bottom: none;} #news-list ul li section h4 em.view{padding-left:24px; background-image:url(../images/view.png);} #news-list ul li section p{height:56px; line-height:28px; margin-top:14px; font-size:14px; color:#767676; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;} #news-list ul li:hover section h3{color:#00519b;} #detail-info{padding-bottom:30px; border-bottom:1px dashed #e1e1e1; text-align:center; padding-top:10px;} #detail-info h1{line-height:34px; font-size:24px;} #detail-info h3{height:18px; line-height:18px; margin-top:16px; font-size:15px; color:#999; overflow:hidden;border-bottom: none; font-weight: normal;} #detail-share{margin-top:20px;} #detail{line-height:220%; margin-top:26px; font-size:15px; color:#464646; } #detail img{display:inline-block; vertical-align:middle;} #prev-next{height:56px; margin-top:26px; padding-top:28px; border-top:1px dashed #e1e1e1; overflow:hidden;} #prev-next dl dd{height:18px; line-height:18px; margin-bottom:20px; font-size:15px; color:#464646; overflow:hidden;} #prev-next dl dd:last-child{margin-bottom:0;} #prev-next dl dd a{color:#464646;} #prev-next dl dd a:hover{color:#1d6ae8;} #news-rmd{margin-top:50px; padding:30px; background:#f8f9fa; margin-bottom: 80px;} #news-rmd h2{height:26px; line-height:26px; margin-bottom:30px; font-size:24px; overflow:hidden;} #news-rmd h2 a{float:right; font-size:15px; color:#666;} #news-rmd h2 a:hover{color:#1d6ae8;} #news-rmd ul{margin:-28px 0 0 -28px;} #news-rmd ul li{float:left; width:264px; height:290px; margin:28px 0 0 28px; overflow:hidden;} #news-rmd ul li span{display:block; width:264px; height:176px; overflow:hidden;} #news-rmd ul li img{width:264px; max-width:none; height:176px;} #news-rmd ul li section{height:80px; padding:14px 16px 20px 16px; background:#fff;} #news-rmd ul li section h3{height:52px; line-height:26px; font-size:15px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;} #news-rmd ul li section h4{height:18px; line-height:18px; margin-top:10px; font-size:15px; color:#999; overflow:hidden;} #news-rmd ul li:hover section h3{color:#1d6ae8;} .gcanf ul li{ float:left; margin-bottom: 25px;transition: all 0.5s;} .gcanf .mei_left{ float: left; width: 420px;height: 266px; } .gcanf .mei_left img{ width: 100%;height: 266px;} .gcanf .mei_right{ float: right; width: 460px; background: #f7f7f9; height: 266px; padding-top: 30px;} .gcanf .mei_right h2{ font-size: 19px;} .gcanf .mei_right h3{ font-weight: normal; text-align: left;border-bottom: none;-webkit-line-clamp: 3; padding-bottom: 0;} .gcanf .mei_right em{ height: 2px; margin-top: 0;} .gcanf .ckgmee{ margin-top: 20px; width: 120px; height: 35px; line-height: 35px; font-size: 14px;} .gcanf ul li:hover .mei_right h2{ color: #00519b;} .gcanf ul li:hover{box-shadow: 0 2px 5px 0 rgb(0 0 0 / 12%);} *联系我们开始*/ .lxwm_01{ width: 1200px; margin: 0 auto;} .cone{ text-align: center; float: none; margin-top:60px;} .lxwm_m_left{ float: left; width: 346px;} .lxwm_m_left1 img { margin-right: 5px; display: inline-block; vertical-align: -5px; } .lxwm_m_left1{ font-size: 16px; color: #808080;margin-top: 20px;} .lxwm_m_left p{ font-size: 15px; margin-top: 10px;} body .kuang_bg{ width: 193px; height: 36px; line-height: 36px; border: 2px solid #cccccc; float: left; margin-right: 10px;} #msg{ width: 600px; height: 160px; border: 2px solid #cccccc; margin-top: 20px; } .lxwm_m_right{ float: left; width: 640px; margin-left: 200px; margin-top: 50px; } #map{ margin-top: 30px;} .hzpp2_a88 button{ background: #00519b; color: #fff; font-size: 16px; padding: 14px 30px; display: inline-block; width: 200px; height: 50px; line-height: 27px;} .hzpp2_a88{ margin-top: 10px;} .qianm{ font-size: 18px; color: #666; line-height: 26px; text-align: center; margin-top: 20px;} /*常见问题*/ .jrtq{ width: 80%; margin: 0 auto;} .jrtq .text h4{ font-weight: bold; font-size: 18px; color: #333333; line-height: 80px; padding-left: 0.5rem; } .jrtq .text>span{ font-size: 16px; color: #333333; display: block; line-height: 36px; margin-top: 20px; } .jrtq .text>p{ line-height: 36px; font-size: 15px; color: #666666; } .zp_jj{ padding-right: 30px; margin-top: 20px; position: relative;} .jrtq{ margin-top: 20px; } .jrtq .text h3{ position: absolute; right: 1rem; top: 26px; font-weight: normal; width: 30px; height:30px; border-radius: 50%; background: url(../images/jt01.png) no-repeat center ; background-size: 100%;transition: all 0.5s;} .neirong{ line-height: 1.8rem;color: #666666; font-size: .9rem; overflow: hidden; display: none;} .jrtq li.zhankai .neirong{ display: block; } .jrtq li.zhankai h3{ background: url(../images/jt02.png) no-repeat center; background-size: 100%;transition: all 0.5s;} .jrtq li{ border-bottom: 1px solid #dddddd; /* padding:10px;*/ box-sizing: border-box; position: relative; cursor: pointer; border-radius: 4px;transition: all 0.2s; } .jrtq li .more{ background: #ececec; width: 166px; height: 40px; font-size: 14px; color: #999999; text-align: center; line-height: 40px; position: absolute; top: 50%; right: 36px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all; } .jrtq li .more:hover{ background: #1d669b; color: #ffffff; } .jrtq li .more span{ vertical-align: middle; } .jrtq li .more img{ margin-left: 20px; } .jrtq li:hover{ background: #e60113; color: #fff;} .jrtq li:hover .text h4{ color: #fff;} .jrtq li:hover .zhankai h3{ background: url(../images/cc2.png) no-repeat center; background-size: 100%;} /* 发展历程 */ .progressInfo{margin:0 4.16% 0 8.3%;border-left:1px dashed #ddd;} .progressInfo .pro_hd{position: relative;padding-left:56px;font-size:18px;} .progressInfo .pro_hd .iconfont{position: absolute;font-size:40px;color:#00519b;left:-20px;top:-10px;line-height:40px;} .pro_bd ul{padding-top:90px;padding-bottom:20px;margin-bottom:50px;} .pro_bd ul li{padding-left:58px;position: relative;margin-bottom:40px;transition: all .4s;} .pro_bd ul li:before{position: absolute;content: '';width:10px;height:10px;border-radius: 50%;background:#444;left:-6px;top:9px;z-index:2;} .pro_bd ul li .poa{top:13px;left:0;font-size:20px;color:#444;width:120px;text-align: right;} .pro_bd ul li .poa:before{content:'';position: absolute;width:48px;height:0;border-top:1px dashed #ddd;left:0;top:13px;} .pro_bd ul li .history{background:#f8f8f8;min-height: 118px;padding:23px 2.63% 0 3.29%;position: relative;} .pro_bd ul li .history p,.pro_bd ul li .history span{margin:0;font-size:15px;line-height: 24px;color:#666;} .pro_bd ul li .history:before{content:'';position: absolute;width:0;height:0;border-top:9px solid transparent;border-bottom: 9px solid transparent;border-right:9px solid #f8f8f8;left:-6px;top:19px;} .pro_bd ul li.lastLi{height:40px;cursor: pointer;display: block!important;} .pro_bd ul li.lastLi:before,.pro_bd ul li.lastLi:hover:before{background:#444;} .pro_bd ul li.lastLi span.poa{width:auto;font-size:16px;color:#666;} .pro_bd ul li:before{background:#7cacdd;} .pro_bd ul li .poa{color:#444;} .pro_bd ul li .history{background:#7cacdd;color:#fff;} .pro_bd ul li .history:before{border-right:9px solid #7cacdd;} .pro_bd ul li .history p,.pro_bd ul li .history span{color:#fff;} .pro_bd ul li:hover:before{background:#00519b;} .pro_bd ul li:hover .poa{color:#00519b;} .pro_bd ul li:hover .history{background:#00519b;color:#fff;} .pro_bd ul li:hover .history:before{border-right:9px solid #00519b;} @font-face { font-family: 'iconfont'; /* Project id 2686595 */ src: url('../fonts/font_2686595_3mleyqljyyw.woff2?t=1628670119380') format('woff2'), url('../fonts/font_2686595_3mleyqljyyw.woff?t=1628670119380') format('woff'), url('../fonts/font_2686595_3mleyqljyyw.ttf?t=1628670119380') format('truetype'); } .iconfont { font-family: iconfont !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; -moz-osx-font-smoothing: grayscale; }