@charset "utf-8"; html { font-family:"微软雅黑"; font-size:14px;}html,body{ height:100%; } body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input,figure { margin: 0; padding: 0; } body { -webkit-overflow-scrolling: touch; text-align:left; max-height: 100%; overflow:-Scroll;overflow-x:hidden} a, a:hover { text-decoration: none; outline: none; } a{ color:#0b0808;} p{ margin:0; padding:0;} :link, :visited{text-decoration: none;} ul,li { list-style: none } img { border: none; max-width:100%;} input, select, textarea { border: none; outline: none; background: none } em,i { font-style: normal } h1, h2, h3, h4, h5, h6 { font-weight: normal } .clear{clear:both; width:100%; overflow:hidden;} /*.clearfix::after{ clear: both; display: block; height: 0; content: '';} *//* clear */ .fn-clearfix:after { display: block; font-size: 0; content: '\0020'; clear: both; height: 0; } .fn-clearfix { zoom: 1; /*for IE6 IE7*/ } .fn-clear { visibility: hidden; clear: both; } a{text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); } ::-ms-clear, ::-ms-reveal{display: none; } td{ border:1px solid #000} .zj{ width:1200px; margin:0 auto; display:block;} .fl{ float:left;} .fr{ float:right;} /*header*/ .header { width: 100%; display:table; margin: 0 auto; } .home{ height:40px; line-height:40px; background:#f3f4f4; color:#999999} .home a{ color:#999999; margin:0 3px;font-size:13px;} .home a:hover{ color:#1e449a} .home_l{ float:left} .home_r{ float:right; padding-right:10px} .top{ width:1200px; margin:0 auto; padding:20px 0; display:table } .top .logo{ width:640px; float:left; height:80px; margin: 0 0; } .top .logo img{ display:table} .top .top_r{ float:right;height:64px; margin:7px 0 0; width:290px;} .top .top_r h1{ text-align:center; width:64px; padding:5px 0 0; box-sizing:border-box; height:64px;background:#718dce; border-radius:5px; float:left; font-size:13px; color:#fff; font-weight:bolder; line-height:1; } .top .top_r h1 span{ width:100%; display:table; text-align:center; padding:37px 0 0; font-size:12px; color:#fff;font-weight:100; background: url(../images/tel.png) no-repeat center top; line-height:1; } .top .top_r h2{ margin:0 0 0 20px; font-size:26px; color:#1e449a; line-height:1.2; font-weight:bolder; float:left; font-style:italic} .zy{ float:right; display:block; font-size:12px; color:#296fb7; padding:4px 0 6px; border-bottom:1px solid #296fb7;border-top:1px solid #296fb7; margin:28px auto;}.zy a{ padding:0 6px; color:#296fb7;} .zy a:hover{ color:#f4a45d;} .nav_k{ width:100%; display:table; margin:0 auto;background:#1e449a; height:56px;} .navBar{ width:1200px; margin:0 auto;height:56px; line-height:56px; position:relative; z-index:9999; } .nav{ width:1200px; margin:0 auto; display:table; font-family:"Microsoft YaHei",SimSun,SimHei; } .nav h3{ font-size:100%; font-weight:normal; height:56px; line-height:56px; margin: 0} .nav .m{ position:relative; float:left; width:150px; margin:0; display:inline; text-align:center; } .nav .m:hover{ background:#234dac;color:#fff; } .nav h3 a{ font-size:16px; zoom:1; height:56px; line-height:56px; padding:0px ; display: block; margin:0px auto 0; color:#fff; } .nav h3 a:hover,.nav .m:hover h3 a{ color:#fff; } .nav .sub{ display: none; width:100%; padding: 0; margin:0 ; position:absolute; top:56px; background-color: rgba(35, 77, 172, 0.9); float:left; line-height:44px; } .nav .sub li{ text-align:center; } .nav .sub li a{ color:#fff; display:block; zoom:1; font-size:15px;} .nav .sub li a:hover{ background:#17a44e; color:#fff; } /* banner */ .fullSlide{ width:100%; position:relative; height:580px; background:#fff; } .fullSlide .bd{ margin:0 auto; position:relative; z-index:999; overflow:hidden; } .fullSlide .bd ul{ width:100% !important; } .fullSlide .bd li{ width:100% !important; height:580px; overflow:hidden; text-align:center; } .fullSlide .bd li a{ display:block; height:580px; } .fullSlide .hd{ width:100%; position:absolute; z-index:9999; bottom:15px; left:0; height:22px; line-height:22px;} .fullSlide .hd ul{ text-align:center; } .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:40px; height:7px; margin:2px 4px; overflow:hidden; background:rgba(255, 255, 255, 0.9); line-height:999px; border-radius:0.5rem } .fullSlide .hd ul .on{ background:#17a44e; } .fullSlide .prev{ display:block; position:absolute; z-index:1; top:40%; left:2%; z-index:9999; width:70px; height:70px; background:url(../images/dot1.png) 0px 0px no-repeat; cursor:pointer;display:none; } .fullSlide .next{ display:block; position:absolute; z-index:1; top:40%; left:2%; z-index:9999; width:70px; height:70px; background:url(../images/dot2.png) 0px 0px no-repeat; cursor:pointer; display:none; } .fullSlide .next{ left:auto; right:2%; } img.lazy{background: url(../images/loading.gif) 50% no-repeat;} .mt10{ margin-top:10px} .mt15{ margin-top:15px} .mt20{ margin-top:20px} .ml10{ margin-left:10px} .ml15{ margin-left:15px} .ml20{ margin-left:20px} /*特效集*/ @keyframes pulse { 0% {transform: scale(1);} 50% {transform: scale(1.2);} 100% {transform: scale(1);} } /**/ .wrap{ width:100%; display:table;} .ssk{ width:1200px; display:table; margin:0 auto; height:42px; padding:14px 0} .ssk .hot{ width:60%; float:left; display:table; line-height:42px; font-size:15px; color:#898888} .ssk .hot i{ width:26px; height:26px; padding:6px 0 0; float:left} .ssk .hot h1{ float:left; font-size:15px; color:#333333; margin:0 0 0 10px} .ssk .hot h1 span,.ssk .hot a:hover{ color:#1e449a} .ssk .hot a{ display:inline-block; padding:0 8px;color:#898888} .ss{ width:320px; border:1px solid #e9e8e8; border-radius:25px; height:40px; line-height:40px; display:table; float:right} .ss input{ box-sizing:border-box; width:260px; padding:0 20px; height:40px; line-height:40px; float:left; font-size:15px; color:#333333} .ss a{ width:60px; background:url(../images/ss.png) no-repeat center center; height:40px; display:table; float:left} .k1{ width:100%; background:url(../images/bj1.jpg) no-repeat center center; height:700px; display:table; padding:120px 0 0; box-sizing:border-box} .jj{ width:1200px; display:table; margin:0 auto} .jj_l{ float:left;width:640px; display:table} .bt{ display:table; line-height:1; margin:0 0 40px} .bt h1{ color:#c1c5d1; font-size:45px; font-weight:bolder; margin:0 0 5px; text-transform:uppercase} .bt h2{ font-size:30px; color:#03488d;font-weight:bolder;} .jj_n{ width:100%; font-size:14px; line-height:30px; color:#666666} .jj_n h1{ font-size:34px; color:#333333; font-weight:bolder; line-height:1; margin:0 0 25px} .jj_n p{ height:160px; overflow:hidden} .more{ display:table} .more a{ background:#03488d; height:32px; line-height:32px;display:table; font-size:14px; color:#fff} .more a span{ width:110px; display:table; float:left; text-align:center; font-size:14px; text-transform:uppercase} .more a i{ width:32px; height:32px; line-height:28px; display:table; background:#696868; text-align:center; font-size:20px; font-weight:bolder} .more a:hover{ background:#333;} .more a:hover i{} .jj_time{ display:table; width:100%; padding:40px 0 0} .jj_time li{ width:33.33%; float:left} .jj_time li i{ width:62px; height:62px;float:left; } .jj_time li i img{width:62px; height:62px; display:table} .jj_time li h1{ font-size:12px; color:#333333; line-height:1.2; padding:10px 0 0 10px; float:left} .jj_time li h1 span{color:#03488d; font-size:34px; font-weight:bolder; display:table} .jj_r{ width:488px; float:right} .jj_rw{ line-height:1; width:100%; display:table; height:70px; background:url(../images/jj_ico4.png) no-repeat 10px center #fff; padding:0 0 0 80px; box-sizing:border-box} .jj_rw h1{ font-size:18px; color:#03488d; font-weight:bolder; padding:12px 0 8px} .jj_rw span{ font-size:13px; color:#666666; } /**/ .gg{ width:100%; background:url(../images/gg1.jpg) no-repeat center center; height:240px; color:#fff} .gg .gg_l{ width:75%; float:left; line-height:1.4; padding:60px 0 0 ; font-size:20px} .gg .gg_l h1{ font-size:44px; font-weight:bolder; margin:0 0 5px;} .gg .gg_l span{ letter-spacing:7px;} .gg .gg_l h2{ font-size:12px; opacity:.3; text-transform:uppercase; padding:30px 0 0} .gg .gg_r{ float:right; background:url(../images/tel1.png) no-repeat center right; padding:0 65px 0 0; font-size:15px; line-height:1.6; text-align:right; margin:70px 0 0} .gg .gg_r h1{ font-size:30px; font-weight:bolder; font-style:italic; line-height:46px} .k2{ width:1200px; display:table; margin:0 auto; padding:0 0 30px} .bt1{ display:table; line-height:1; margin:0 auto; text-align:center; padding:60px 0 45px;} .bt1 h1{ color:#c1c5d1; font-size:45px; font-weight:bolder; margin:0 0 5px; text-transform:uppercase} .bt1 h2{ font-size:30px; color:#03488d;font-weight:bolder;} .cp_k{ width:1200px; margin:0 auto; display:table; padding:0px 0 20px;} .cp_lk{ width:240px; float:left; display:table; border:3px solid #03488d; box-sizing:border-box} .cp_l{ background:#fff; width:100%; display:table; } .cp_l1{ height:102px; text-align:center; width:100%; color:#fff; background:#03488d;} .cp_l1 h1{ font-size:26px; font-weight:bolder; line-height:50px; padding-top:15px;} .cp_l1 h2{ font-size:13px; line-height:20px; text-transform:uppercase; opacity:.5} .cp_l1 a{ width:104px; height:30px; font-size:14px; text-align:center; line-height:30px; color:#fff; border:1px solid #fff; display:block; margin:25px auto 0;} .cp_l1 a:hover{ background:#fff; color:#005ab6;} .cp_l_nav{ width:100%;box-sizing:border-box;padding:0px 0 0px ; margin:0 auto ;/* border:1px solid #eeeded;*/ border-top:none;} .cp_l_nav ul{ padding:25px 0 10px; min-height:280px} .cp_l_nav ul li{ border:1px solid #03488d; height:44px; margin:0 auto 18px; width:200px; border-radius:5px; display:table;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .cp_l_nav ul li a{ width:100%; text-align:center; display:block; font-size:18px; color:#03488d; line-height:42px; height:42px; margin:0px auto 0; } .cp_l_nav ul li a h1{ font-size:16px;} .cp_l_nav ul li a:hover{ color:#fff; } .cp_l_nav ul li a:hover span{ background:url(../images/cp_nav2.png) no-repeat center center;} .cp_l_nav{ } .cp_l_nav ul li:hover{background: #03488d; } .cp_r{ width:952px; float:right;} .cp_r ul{ padding-left:22px; display:table; width:100%; box-sizing:border-box} .cp_r ul li{width:300px; display:block; color:#000000;float:left; margin:0 15px 8px 0;} .cp_r ul li a{ width:300px; margin:0 auto; display:block;} .cp_r ul li:nth-child(3n+0){ margin-right:0;} .cp_r ul li a h1{ font-size:17px; color:#03488d;line-height:50px; display:block; text-align:center;width:100%; margin:0 auto;} .cp_r ul li a .cp_t{ width:300px; height:230px; display:block; border:2px solid #97b3d0; overflow: hidden; box-sizing:border-box;} .cp_r ul li a .cp_t img{ width:300px; height:230px; display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;} .cp_r ul li a:hover .cp_t img{transform: scale(1.05);} .cp_r ul li a:hover h1 { color:#fff; background:#03488d} .cp_r ul li a:hover .cp_t{ border:2px solid #03488d} .cp_l_bj{ border-top:1px dashed #cbc7c4; text-align:center; color:#333; width:204px; margin:0 auto; padding:18px 0 } .cp_l_bj h1{ font-size:16px; padding:0px 0 5px;background: url(../images/tel2.png) no-repeat center top; padding:55px 0 0} .cp_l_bj h2{ font-size:25px; font-weight:bolder; color:#03488d} .k3{ width:100%; display:table; margin:0 auto; background:url(../images/bj2.jpg) no-repeat center center; height:750px;} .k3 .bt1 h1{ color:#fff; opacity:.9} .k3 .bt1 h2{ color:#fff} .k3 .bt1{ padding: 80px 0 45px;} .al_Scroll1{width:1200px;height:370px;margin:0px auto 0;position:relative; padding:10px 0 0} .al_Scroll1 .prev{width:50px; height:50px;position:absolute;top:140px;left:-50px;z-index:100; cursor:pointer; opacity:0 } .al_Scroll1 .next{width:50px; height:50px;position:absolute;top:140px;right:-50px;z-index:100; cursor:pointer;opacity:0 } .al_Scroll1:hover .next{ background:url(../images/ys_jt2.png) no-repeat;opacity:1} .al_Scroll1:hover .prev{ background:url(../images/ys_jt1.png) no-repeat;opacity:1} .al_Scroll1 .scrollWrap{width:1200px; background: none; overflow:hidden;position:absolute;} .al_Scroll1 dl{float:left;width:380px;text-align:center;position:relative; margin:0px 10px; } .al_Scroll1 dl a{ width:380px; display: table; padding:12px 0 0;color:#3a3a3a; background:#fff; box-sizing:border-box; border-radius:10px; } .al_Scroll1 dl a h1 { font-size:18px;width:352px; margin:0 auto; height:60px; line-height:60px; color:#03488d; text-align:left; padding:5px 0 0 } .al_Scroll1 dl a h1 span{ width:300px; float:left} .al_Scroll1 dl a h1 i{ width:28px; height:28px; background: url(../images/hj_ico1.png) no-repeat center center #eeeeee; border-radius:50%; float:right; margin:15px 0 0} .al_Scroll1 dl a:hover h1 i{ background: url(../images/hj_ico2.png) no-repeat center center #03488d;} .al_Scroll1 dl a:hover{ color:#03488d; display:block;} .al_Scroll1 dl a .cp_t{width:352px; height:270px; display: table; margin:0 auto;overflow: hidden; box-sizing:border-box; border-radius:10px;} .al_Scroll1 dl a .cp_t img{width:352px; height:270px; display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;} .al_Scroll1 dl a:hover .cp_t img{transform: scale(1.08);} .al_Scroll1 dl a:hover h1{ color:#03488d} .more1{ display:table; margin:0 auto; padding:55px 0 0} .more1 a{ background:#4687c8; line-height:44px; padding:0 60px; border-radius:25px; color:#fff; display: table; margin:0 auto; font-size:16px;} .more1 a:hover{ background:#fff; color:#03488d;} .k6{ width:1200px; display:table; margin:0 auto; padding: 0 0 60px} /**/ .new-show{padding:0px 0 60px 0; width:1200px; margin:0 auto} .new-show{} .new-left{float: left; width: 62%; display:table} .new-tit{border-bottom: solid 1px rgba(0, 0, 0, 0.05); display:table; width:100%} .new-tit ul{float: left;} .new-tit ul li{float: left; font-size: 22px; color: #333; font-weight: bold; position: relative; cursor: pointer;} .new-tit ul li+li::before{position: absolute; content: ''; height: 18px; width: 1px; background-color: #ddd; top: 7px; left: -33px;} .new-tit ul li.cur{color: #03488d;} .new-tit ul li::after{content: ''; display: block; width: 0; height: 3px; /*background-color: #005eb4;*/ transition: all .3s ease; margin-top: 15px;} .new-tit ul li.cur::after{width: 100%;} .new-tit ul li:nth-child(2){margin-left: 65px;} .new-tit a{float: right; display: block; font-size: 14px; color: #999; margin-top: 10px;} .new-tit a:hover{color: #005eb4;} .new-warp .new-con{display: none;} .new-top{border-bottom: dashed 1px #ddd; padding-top: 25px; padding-bottom: 40px; display:table; width:100%} .new-top ul li a{display: block;} .new-top ul li a .new-img{float: left; width: 39%; overflow: hidden;} .new-top ul li a .new-img img{max-width: 100%;} .new-top ul li a .new-text{float: right; width: 57%; padding-top: 10px;} .new-top ul li a .new-text h3.tit{font-size: 18px; color: #03488d; font-weight: bold; transition: all .3s ease; display: -webkit-box; /**对象作为伸缩盒子模型展示**/ -webkit-box-orient: vertical; /**设置或检索伸缩盒子对象的子元素的排列方式**/ -webkit-line-clamp: 1; /**显示的行数**/ overflow: hidden; /**隐藏超出的内容**/} .new-top ul li a .new-text .new-clf{display: flex; flex-wrap: wrap; margin-top: 20px;} .new-top ul li a .new-text .new-clf .text{width: 76%; font-size: 14px; line-height: 24px; color: #999; display: -webkit-box; /**对象作为伸缩盒子模型展示**/ -webkit-box-orient: vertical; /**设置或检索伸缩盒子对象的子元素的排列方式**/ -webkit-line-clamp: 3; /**显示的行数**/ overflow: hidden; /**隐藏超出的内容**/} .new-top ul li a .new-text .new-clf .new-time{width: 24%; display: flex; justify-content: flex-end; align-items: center; position: relative;} .new-top ul li a .new-text .new-clf .new-time h3{text-align: center; color: #333; font-size: 36px; font-weight: bold; font-family: Arial;} .new-top ul li a .new-text .new-clf .new-time h3 span{display: block; font-size: 14px; color: #666; font-weight: normal; margin-top: 10px;} .new-top ul li a .new-text .new-clf .new-time::after{position: absolute; content: ''; height: 68px; width: 1px; background-color: rgba(221, 221, 221, 0.4); top: 5px; left: 30%;} .new-top ul li a .new-text .new-more{display: block; width: 120px; line-height: 34px; background-color: #005eb4; color: #fff; text-align: center; color: #fff; border-bottom-left-radius: 10px; border-top-right-radius: 10px; margin-top: 20px; transition: all .5s ease;} .new-top ul li a:hover .new-text .new-more{background-color: #333;} .new-top ul li a:hover .new-text h3{color: #333;} .new-rem{padding-top: 40px;} .new-rem ul li{float: left; width: 50%;} .new-rem ul li:nth-child(2){display: flex; justify-content: flex-end;} .new-rem ul li a{width: 93%; display: block;} .new-rem ul li a h3{font-size: 18px; color: #03488d; transition: all .5s ease; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .new-rem ul li a h3 span{display: inline-block; overflow: hidden; width: 10px; height: 10px; border-radius: 50%; border: solid 2px #03488d; margin-right: 10px; transition: all .5s ease;} .new-rem ul li a p{font-size: 14px; line-height: 24px; color: #999; margin-top: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .new-rem ul li a .time{display: block; font-size: 14px; color: #999; margin-top: 25px;} .new-rem ul li a:hover h3{ color: #03488d; font-weight:bolder} .new-rem ul li a:hover h3 span{border: solid 2px #333;} .new-right{float: right; width: 32%;} .new-tit h3{float: left; font-size: 22px; color: #03488d; font-weight: bold; position: relative; cursor: pointer; margin-bottom: 18px;} .new-list{padding-top: 8px;} #ydemo{overflow: hidden; position: relative; height: 410px;} .new-list ul li a{display: block; padding-top: 25px; padding-bottom: 30px; border-bottom: dashed 1px #ddd;} .new-list ul li a h3{font-size: 18px; color: #03488d;line-height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .new-list ul li a p{font-size: 14px; color: #999; line-height: 26px; margin-top: 10px; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;} .new-list ul li a:hover h3{color: #03488d; font-weight:bolder} /*fotter*/ .fotter{ background:#03488d; width:100%; display:table; color:#fff;} .fotter a{ color:#fff;} .fo{ margin:0 auto; display:table; padding:45px 0 40px ; width:1200px; } .fo_l{ width:640px; float:left} .fo_l li{ width:190px; float:left; line-height:1} .fo_l li h1{ font-size:18px; color:#fff; padding:0 0 18px} .fo_l li a{ font-size:15px; color:#fff; opacity:.5; display:table; line-height:38px;} .fo_l li a:hover{ color:#fff; opacity:1} .fo_c{width:calc(100% - 62% - 130px); float:left} .fo_c h1{ font-size:18px; color:#fff; padding:0 0 18px; line-height:1} .fo_c p{font-size:15px; color:#fff; line-height:34px; opacity:.5} .fo_c h2{ font-size:30px; font-weight:bolder; background:url(../images/fo_tel.png) no-repeat center left; padding:0 0 0 35px} .fo_r{ width:130px; float:right; font-size:14px; color:#bab9b9;} .fo_r img{ width:100%; display:table; margin:0 0 25px} .fo_r span{ display:table; width:100%; text-align:center;} .fo2{ color:#a4b3cb; vertical-align:middle;display: table; text-align:center; font-size:13px; text-align:center; margin:0 auto; width:100%;line-height:24px; padding:10px 0; border-top:1px solid #1d5b99} .fo2 a{color:#a4b3cb; margin:0 5px } .fo2 .fo_lj{ width:122px; display: inline-block; height:24px;vertical-align:middle} .fo2 .fo_lj img{ display:table; padding: 0 0 ; opacity:.5} .fo2 a:hover{ opacity:1; color:#fff} .fy{ text-align:center; font-size:14px; padding:20px 0;} .info { width: 450px; height: 27px; line-height: 28px; text-align: center; margin: 15px auto; border: 1px dashed #ccc; border-left: none; border-right: none; color: #6f6f6f;}