/*html{*/ /*-webkit-filter: grayscale(100%);*/ /*filter: grayscale(100%);*/ /*}*/ @charset "utf-8"; /* CSS Document */ *{font-family:"微软雅黑";} body{margin:0px; padding:0px; font-size:14px; font-family:"微软雅黑";} p,form,h1,h2,h3,h4,dd,dt,dl,em{margin:0px; padding:0px; font-weight: normal;font-style: normal;} ul{margin:0px; padding:0px; list-style:none;} img{vertical-align:middle; border:none;max-width: 100%;transition: all 0.6s;} a{text-decoration:none; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } i,em{font-style: normal;/*font-family: 'FontAwesome';*/} .clear{clear:both;} .pc{display: block;} .wap{display: none;} input,button{outline: none;} /*******************************************/ #pages{padding: 20px 0; height: 30px; text-align: center;} #pages ul{display: inline-block;} #pages li{float: left; margin: 0 2px; height: 27px; line-height: 27px; color: #333; border: 1px solid #ddd; margin-bottom: 5px; } #pages a{background-color: #fff; color: #333; background-image: none !important; border: none; padding: 0 10px; display: block;} #pages a:hover{background-color: #eee; background-image: none !important;} #pages li span{display: inline-block; padding: 0 10px;} #pages .disabled span{display: inline-block; padding: 0px 10px;background-color: #eee; color: #333;} #pages .active{background-color: #0068C8; color: #fff;} /*******************************************/ .top{ background-color: #ffffff; height: 90px; } .topbox{ width: 1440px; height: 100%; margin: auto; max-width: 94%; display: flex; justify-content: space-between; align-items: center; } .topb ul{ display: flex; align-items:center; } .topb ul li{ position: relative; margin-right: 14px; margin-left: 14px; } .topb ul li span{ margin: 0 2px; } .topb ul li span a{ font-size: 16px; color: #000; } .topb ul li span a:hover{ color: #0055A2; } .topc{ height: 20px; line-height: 20px; box-shadow: 0 0px 5px #BFD1E5; border-radius: 10px; display: flex; padding: 0 10px; align-items: center; } .topc form{ display: flex; align-items: center; } .ywly-dh{float:left} .ce_left_nav_ywly{float:right;display:flex;} .ce_left_nav_ywly .dd{margin-right:70px;position: relative;} .ce_left_nav_ywly .dd:nth-of-type{margin-right:0} .ce_left_nav_ywly .dds{margin-left: 59px;position: relative;} .ce_left_nav_ywly .dds:nth-of-type{margin-right:0} .ce_left_nav_ywly .dd::after { content: ""; width: 8px; height: 8px; border: solid rgb(153, 153, 153); border-width: 0 0 2px 2px; transform: translate(-50%, -50%) rotate(-45deg); position: absolute; top: 48%; right: -24px; } .ywly-sjdh{ height: 43px; position: absolute; left: 0; top: 100%; /*width:1200px;*/ line-height: 43px; } .ce_left_nav_ywly .dl{position: relative;z-index:99} .ywly-sjdh ul{ display: flex; width:840px; } .ywly-sjdh ul:(last){ display: flex; width:290px !important; } .ywly-sjdh ul li{margin-right:30px} .ywly-sjdh ul li a{color: rgb(102, 102, 102); font-size: 18px; font-weight: 400; line-height: 26px; } .ywly-sjdh ul li a:hover{color:rgb(27, 98, 206)} .color_line { position: absolute; left: 0; top: 80px; right: 0; height: 60px; background: #fff; transition: all .6s; opacity: 0; pointer-events: none;box-shadow: 0 0 10px rgba(0,0,0,.05); display:none } .base-crumbs{position: relative;} .color_line.on{opacity:1;height:60px; } .ce_left_nav_ywly .dl:nth-child(3) .ywly-sjdh { margin-left:-170px } .ce_left_nav_ywly .dl:nth-child(1) .ywly-sjdh { margin-left:-124px } .ce_left_nav_ywly .dl:nth-child(5) .ywly-sjdh { margin-left:-98px } .sskey{ background-color: transparent; border: none; font-size: 12px; width: 120px; } .ssbut{ width: 13px; height: 12px; background-image: url(../scheme/ss.png); cursor: pointer; border: none; background-color: transparent; } .topb div{ min-width:100%; width:auto !important; padding-top: 41px; position: absolute; left:50% !important; transform:translateX(-50%); display: none; z-index: 9; } .topb p{ flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0; background-color: #0055A2; display: flex; position: relative; padding-bottom: 5px; } .topb p::before{ /* content: ''; */ width: 16px; height: 8px; background-image: url(../scheme/jiao.png); position: absolute; top: -8px; left: 40px; } .topb p a{ color: #fff; border-bottom: 1px solid rgb(255,255,255,0.6); padding: 0 15px; height: 42px; line-height: 42px; width: 30%; text-align: center; font-size:16px; white-space:nowrap; } .topb p a:last-child{ border: none; } .topb li:hover div{ display: block; } .topd{ position: relative; } .topda{ display: flex; cursor: pointer; } .topda span{ margin-right: 5px; } .topda b{ font-weight: normal; font-size: 14px; color: #0055A2; } .topdb{ position: absolute; background-color: #fff; padding: 25px; width: 290px; border-radius: 15px; box-shadow: 0 0px 5px #BFD1E5; right: 0px; top: 30px; display: none; z-index: 9999; height: 500px; overflow-y: auto; } .topdb h1{ border-bottom: 1px solid #DDDDDD; font-size: 15px; font-weight: bold; padding: 10px 0; margin-bottom: 10px; } .topdb h1 a{ color: #000; } .topdb p{ display: flex; flex-wrap: wrap; margin-top: 5px; } .topdb p a{ font-size: 14px; color: #999999; margin-right: 10px; margin-top: 3px; margin-bottom: 3px; } .topdb p a:hover{ color: #0055A2; } .m1{ /* width: 100%; */ /* max-width: 100%; */ /* margin: auto; */ /* padding: 0; */ } .m1a{ /* width: 100%; */ /* display: flex; */ /* justify-content: space-between; */ } .m1a1{ /* display: flex; */ /* align-items: center; */ } .m1a1a{ display: flex; align-items: center; } .m1a1a span{ display: flex; height: 30px; width: 6px; background-color: #0055A2; border-radius: 3px; margin-right: 20px; } .m1a1a h1{ font-size: 30px; font-weight: bold; color: #000; } .m1a2b{ display: flex; /* margin-left: 0; */ } .m1a2b span{ height: 28px; cursor: pointer; color: rgb(153, 153, 153); margin: 0 17px; font-size: 24px; letter-spacing: 0px; } .m1a2b .m1acur{ color: rgb(27, 98, 206); font-weight: 800; border-bottom: 4px solid rgb(27, 98, 206); padding-bottom: 19px; } .m1a3 a{ font-size: 24px; color: #999999; } .m1b{ margin-top: 30px; } .m1bcon{ /* display: flex; */ /* justify-content: space-between; */ } .m1b2{ width: 600px; display: none; } .m1b2 ul{ width: 100%; } .m1b2 ul li:nth-child(2){ display: none; } .m1b2 li{ display: flex; height: 59px; align-items: center; border-bottom: 1px solid #EEEEEE; } .m1b2 li a{ display: flex; justify-content: space-between; width: 100%; align-items: center; } .m1b2 li a p{ font-size: 18px; align-items: center; width: 80%; height: 30px; line-height: 30px; color: rgb(102, 102, 102); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .m1b2 li a p span{ margin-right: 10px; display: none; } .m1b2 li a i{ font-size: 16px; color: rgb(153, 153, 153); } .m1b2 li a:hover p{ color: rgb(27, 98, 206); } .m2{ height: 500px; background-image: url(../scheme/bg1.jpg); } .m2box{ width: 1200px; max-width: 94%; margin: auto; padding: 65px 0; } .m2a{ display: flex; justify-content: space-between; align-items: center; } .m2a1{ display: flex; align-items: center; } .m2a1 span{ display: flex; height: 30px; width: 6px; background-color: #fff; border-radius: 3px; margin-right: 20px; } .m2a1 h1{ font-size: 30px; font-weight: bold; color: #fff; } .m2a2 a{ font-size: 24px; color: #fff; } .m2b{ width: 100%; height: 360px; position: relative; } .jnext{ position: absolute; left: -42px; top: 95px; cursor: pointer; } .jprev{ position: absolute; right: -42px; top: 95px; cursor: pointer; } .m2b .swiper { width: 100%; height: 100%; margin-top: 80px; } .m2b .swiper .swiper-slide { display: flex; flex-direction: column; align-items: center; } .m2b .swiper .swiper-slide label{ background: rgba(255, 255, 255, 0.5); width: 126px; height: 126px; border-radius: 50%; overflow: hidden; display: flex; justify-content: center; align-items: center; } .m2b .swiper .swiper-slide h1 { font-size: 18px; font-weight: bold; color: #fff; margin: 25px 0; } .m2b .swiper .swiper-slide .wzx { font-size: 14px; line-height: 30px; color: #fff; text-align: center; } .m3{ width: 1200px; margin: auto; max-width: 94%; padding: 85px 0; } .m3a{ display: flex; align-items: center; justify-content: space-between; } .m3a1{ display: flex; align-items: center; } .m3a1 span{ display: flex; height: 30px; width: 6px; background-color: #0055A2; border-radius: 3px; margin-right: 20px; } .m3a1 h1{ font-size: 30px; font-weight: bold; color: #000; } .m3a1 i{ font-size: 30px; color: #000; margin: 0 20px; display: inline-block; } .m3a1 p a{ margin: 0 10px; color: #9A9A9A; font-size: 14px; } .m3a1 p a:hover{ color: #0055A2; } .m3a2 a{ font-size: 24px; color: #999; } .m3b{ display: flex; justify-content: space-between; margin-top: 70px; } .m3ba{ width: 434px; height: 493px; position: relative; overflow: hidden; border-radius: 15px; } .m3ba a{ display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; } .m3ba img{ min-height: 100%; min-width: 100%; max-width: none; } .m3ba p{ position: absolute; background: rgba(0, 85, 162, 0.5); padding: 10px 25px; font-size: 24px; font-weight: bold; color: #fff; border-radius: 10px; bottom: 25px; } .m3bb{ display: flex; flex-direction: column; justify-content: space-between; } .m3bb1{ width: 434px; height: 240px; position: relative; overflow: hidden; border-radius: 15px; } .m3bb1 a{ display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; } .m3bb1 img{ min-height: 100%; min-width: 100%; max-width: none; } .m3bb1 p{ position: absolute; background: rgba(0, 85, 162, 0.5); padding: 10px 25px; font-size: 24px; font-weight: bold; color: #fff; border-radius: 10px; bottom: 25px; } .m3bc{ width: 310px; height: 493px; position: relative; overflow: hidden; border-radius: 15px; } .m3bc a{ display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; } .m3bc img{ min-height: 100%; max-width: none; height: 100%; } .m3bc p{ position: absolute; background: rgba(0, 85, 162, 0.5); padding: 10px 25px; font-size: 24px; font-weight: bold; color: #fff; border-radius: 10px; bottom: 25px; } .fta{ background-color: #EEEEEE; padding: 20px 0; } .ftabox{ width: 1200px; margin: auto; max-width: 94%; display: flex; justify-content: space-between; } .ftabox select{ width: 380px; height: 35px; border: 1px solid #fff; background-color: transparent; } .ftb{ background-color: #2D2D2D; padding: 30px 0; } .ftbox{ width: 1200px; margin: auto; max-width: 94%; display: flex; justify-content: space-between; } .ftb1a{ font-size: 14px; line-height: 26px; color: #fff; margin-top: 20px; } .ftb1a a{ color: #fff; } .ad{ text-align: center; } .lanmu{ width: 1200px; margin: auto; max-width: 94%; height: 86px; background-image: url(../scheme/lanmu.png); display: flex; justify-content: space-between; margin-top: -33px; z-index: 999; position: relative; } .lanmua{ width: 260px; height: 86px; display: flex; justify-content: center; align-items: center; font-size: 30px; font-weight: bold; color: #fff; } .lanmub{ padding-top: 33px; height: 53px; color: #fff; display: flex; align-items: center; justify-content: right; padding-right: 30px; font-size: 16px; } .lanmub a{ color: #fff; } .lanmub img{ margin-right: 5px; } .nei{ width: 1200px; margin: auto; max-width: 94%; display: flex; justify-content: space-between; } .left{ width: 260px; } .lefta{ background-color: #F5F1F0; } .lefta1{ border-bottom: 1px solid #e0e0e0; background-color: #eee; } .lefta1a a{ display: flex; height: 80px; justify-content: center; align-items: center; font-size: 20px; color: #929292; position: relative; } .lefta1a span{ width: 8px; height: 14px; background-image: url(../scheme/sanjiao.png); position: absolute; right: 30px; display: none; } .lefta1b{ padding: 10px; background-color: #f9f9f9; } .lefta1b a{ display: flex; height: 40px; justify-content: center; align-items: center; font-size: 16px; color: #929292; position: relative; } .lefta .leftcur{ color: #0053A1; font-weight: bold; } .lefta .leftcur span{ display: flex; } .right{ width: 940px; } .rta{ padding: 35px; padding-right: 0; } .clist ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } .clist li{ width: 437px; } .clist li label{ width: 100%; height: 310px; overflow: hidden; display: flex; justify-content: center; align-items: center; border-radius: 20px; cursor: pointer; background-color: #ddd; } .clist li label img{ max-width: none; height: 100%; } .clist li h1{ font-size: 16px; color: #000; text-align: center; padding: 30px 0 40px 0; } .clist li:hover h1{ color: #0053A1; } .con{ width: 1200px; margin: auto; max-width: 94%; } .ntitle{ font-size: 30px; font-weight: bold; text-align: center; padding: 50px 0; border-bottom: 1px solid #EEEEEE; } .ninfo{ font-size: 16px; color: #666; text-align: center; padding: 40px 0; } .content{ font-size: 16px; line-height: 30px; text-align: justify; color: #666; padding-bottom: 60px; } .content table{ border-collapse: collapse; } .content table td{ border: 1px solid #ddd; font-size: 13px; padding: 0 5px; } .content ul{ list-style: unset; } .content img{ display: flex; margin: 10px auto; } .pian{ display: flex; justify-content: center; padding: 50px 0; border-top: 1px solid #EEEEEE; } .pian p{ margin: 0 20px; color: #333; font-size: 16px; } .pian p a{ color: #333; } .pian p a:hover{ color: #0053A1; } .map{ margin: 50px 0; box-shadow: 0 5px 10px #D3D3D3; border-radius: 10px; overflow: hidden; } .lxa{ margin: 50px 0; text-align: center; } .lxb{ display: flex; justify-content: space-between; margin-bottom: 50px; } .lxba{ width: 640px; position: relative; font-size: 20px; font-weight: bold; color: #939393; line-height: 50px; } .lxba .ma{ position: absolute; bottom: 0; right: 0; } .lxbb{ margin-top: 50px; } .tj{ display: flex; justify-content: space-between; } .tj1{ width: 303px; height: 297px; overflow: hidden; display: flex; justify-content: center; align-items: center; overflow: hidden; } .tj2{ width: 570px; } .tj2 li{ display: flex; height: 59px; align-items: center; border-bottom: 1px solid #EEEEEE; } .tj2 li a{ display: flex; justify-content: space-between; width: 100%; } .tj2 li a p{ font-size: 16px; color: #000; display: flex; align-items: center; } .tj2 li a p span{ margin-right: 10px; } .tj2 li a i{ font-size: 16px; color: #222; } .tj2 li a:hover p{ color: #0055A2; } .nlist{ margin-top: 30px; } .nlist li{ display: flex; height: 59px; align-items: center; border-bottom: 1px solid #EEEEEE; } .nlist .nls a{ display: flex; justify-content: space-between; width: 100%; align-items: center; } .nlist .nls a p{ font-size: 16px; color: #000; align-items: center; width: 80%; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nlist .nls a p span{ margin-right: 10px; } .nlist .nls a i{ font-size: 16px; color: #222; } .nlist .nls a:hover p{ color: #0055A2; } .nlist .ntui{ width: 303px; height: 297px; float: left; margin-right: 30px; border: none; } .topb .catcss1 div{ min-width:100%; left:50%; transform:translateX(-50%); } .topb .catcss1 div p a{ width: 100%; white-space:nowrap; padding:0 20px !important; } .topb .catcss6 div{ width: 120px; left: -20px; } .topb .catcss6 div a{ width: 100%; } .topb .catcss10 div{ width: 100px; left: -5px; } .topb .catcss10 div p a{ width: 100%; } .topb .catcss31 div{ width: 125px; left: -20px; } .topb .catcss31 div a{ width: 100%; } .topb .catcss40 div{ width: 140px; left: -29px; } .topb .catcss40 div p a{ width: 100%; } .topb .catcss46 div{ width: 100px; left: -7px; } .topb .catcss46 div a{ width: 100%; } .xuan{ position: fixed; right: 20px; top: 300px; } .xuan li{ position: relative; margin: 20px 0; } .xuan li span{ position: absolute; top: 10px; right: 10px; cursor: pointer; } .tj1 .swiper { width: 100%; height: 100%; } .tj1 .swiper .swiper-slide { position: relative; border-radius: 10px; overflow: hidden; background-color: #ddd; flex-direction: column; } .tj1 .swiper .swiper-slide img{ height: 100%; max-width: none; } .tj1 .swiper .swiper-slide a{ display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; } .tj1 .swiper .swiper-slide h1 { position: absolute; font-size: 14px; line-height: 30px; color: #fff; text-align: center; width: 100%; background: rgba(0, 0, 0, 0.5); bottom: 0; left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .m1b1 .tj1{ width: 600px; height: 376px; overflow: hidden; display: flex; justify-content: center; align-items: center; overflow: hidden; } .wapnav{ width:100%; background-color:#F8F8F8; height:auto; display:none; } .wapnav li{ padding:0px; font-size:16px; color:#777777; } .wapnav li a{ color:#777777; } .wapnav dl{ padding-left:30px; border-bottom:1px solid #E7E7E7; display:none; } .wapnav dl dd{ line-height:35px; font-size:14px; } .wapnav span{ display:block; line-height:40px; padding-left:10px; border-bottom:1px dashed #E7E7E7; } .wapnav .navmoon{ background-color:#E6E6E6; } .sanxian{ width: 42px; height: 30px; display: none; }