/*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;
}