@charset "utf-8";
*{margin:0; padding:0;}
body{font-size:16px;font-family:"微软雅黑", Arial; color:#333; background-color:#f1f8ff;min-width: 1300px;}
div,li,ul,dl,dd,dt,span,font,label,i,b,button{ list-style-type:none;font-family:"微软雅黑", Arial;font-size:16px}
td{padding:0;list-style-type:none;}
a{text-decoration: none;color:#333;font-family:"微软雅黑", Arial; font-weight:normal;-webkit-transition: all 0.4s ease;transition: all 0.4s ease; font-size:16px}a:hover{color:#001f5b}
input,img{border: 0;outline: none}h1,h2,h3,h4,h5{font-weight:normal;}.clrfix:after {content: '';display: block;height: 0;clear: both;}.fl{float:left;}.fr{float:right;}

.top{ height:73px;  background: #001f5b; overflow:hidden; position:fixed; width:100%; z-index:9;    min-width: 1300px;}.logo{margin:2px 14px; float:left}.logo img{max-height:68px;}
.nav{float:right; padding-top:22px;padding-right: 14px;}.nav ul{float:left;}.nav ul a{display:block; float:left; font-size:16px; line-height:30px; padding: 0 18px; color:#fff}
.search{float:right; margin-left:18px;}.search input::placeholder{ color:#999}
.search input[type="text"]{ height:28px; box-sizing:border-box;  width: 165px;  line-height: 28px; border: #c0c4cc 1px solid; border-right:0; background:#fff;    color: #606266;    padding: 0 15px; border-radius:20px 0 0 20px; display:block; float:left}.search input[type="button"]{ height:28px; display:block; border: #c0c4cc 1px solid; float:left; text-align:center; padding-left:15px;border-radius:0 20px 20px 0; font-size:12px; background:#fff url(../images/ss.png) no-repeat 10px center; background-size:11px; width:65px; cursor:pointer}

.video{width:100%; height:100vh; position:relative; overflow:hidden}.video video{width:100%; height:100%;    object-fit: cover;}
.video .txt{position:absolute; z-index:1; width:100%; left:0; bottom:0; height:320px; background:rgba(255, 255, 255, .7);padding: 30px 36px; box-sizing:border-box; overflow:hidden; font-size:24px; line-height:36px; color:#000; text-indent:2em}

.mapbox{padding: 0 14px; clear:both; width:100%; box-sizing:border-box; background-color:#f1f8ff}
.tit{    width: 100%; background: url(../images/title_line.png) no-repeat center 72px; text-align: center; font-size: 32px; color: #001f5b; padding: 40px 0;}
.main{position: relative; z-index: 1; border: 1px solid #ddd; -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,.2); box-shadow: 0 0 8px 1px rgba(0,0,0,.2);}
.main .map{}.main .map img{max-width:100%;}
.mapInfo{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 0; background: url(../images/mapbg.png) no-repeat top;  background-size: cover}
.mapInfo li{width: 21%; padding: 5px 1%; margin:0 1%; font-size: 15px;display: -webkit-box; cursor:pointer;  display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position:relative}.mapInfo li::before{content:"";min-width: 8px; height: 8px;  background: #1f029c; position:absolute; left:1%}
.mapInfo li:hover,.mapInfo li.on{color: #f30;}.mapInfo li:hover::before,.mapInfo li.on::before{background: #f30;}

.shuzi{background:#f1f8ff url(../images/bg1.png) no-repeat top;     background-size: 70%;}
.shuzi ul{width: 1300px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box;display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 30px 0}
.shuzi ul li,.shuzi ul li a{-webkit-box-flex: 1;  -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox;  display: flex;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -ms-flex-direction: column; flex-direction: column;  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;  -webkit-box-align: center;-ms-flex-align: center; align-items: center}.shuzi ul li .pic{    width: 130px; height: 104px; text-align:center}.shuzi ul li .pic img{max-height:100%;}
.shuzi ul li h1{    font-size:77px; color: #001f5b;font-weight: 700; text-align:center; lin-height:100px}.shuzi ul li h3{    font-size:15px; color: #001f5b;}

.news{ background:#f1f8ff url(../images/bg2.png) no-repeat top; background-size: 60%;}
.news .swiper-container{width: 1300px; margin: 0 auto;}
.news .pic{background:#001f5b; height:310px; overflow:hidden}.news .pic img{ width:100%; height:100%;object-fit: cover; opacity:.7;-webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out}
.news .txt{position: absolute; left: 0; bottom: -40%; display:flex;flex-direction: column;  justify-content: space-between;  padding: 14px; width: 76%; height: 38%;  -webkit-box-sizing: border-box;  box-sizing: border-box; overflow: hidden; background: #fff;  border-bottom: 2px solid #e40000; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out}
.news .txt h1{font-weight: 700; color:#333; background:url(../images/jt1.png) no-repeat right center; padding-right:30px;font-size:16px; display:block; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box;-webkit-box-orient: vertical;}
.news .txt span{font-size:12px; display:block; clear:both; color:#333}
.news a:hover .txt{bottom:0;}.news a:hover .pic img{ opacity:1}
.news .swiper-pagination{position:relative; line-height:34px; bottom:auto;    margin-top: 16px;}.news .swiper-pagination-bullet{width:10px; height:10px; background:#777; opacity:1}.news .swiper-pagination-bullet-active{ background:#e90000}
.news ul li{overflow:hidden; position:relative; margin-right:13px;}
.news ul{display:flex;    display: flex; justify-content: space-between; flex-direction: row;}

.footer{margin-top: 20px; clear:both; width:100%; overflow:hidden;  background: #001f5b; height: 240px; line-height: 240px; color: #fff; font-size: 28px; display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: center;   -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center}
.footer p{padding: 0 20px;}
.footer:before {
    content: "";
    display: inline-block;
    width: 120px;
    height: 2px;
    background: -webkit-gradient(linear,right top,left top,from(#fff),to(transparent));
    background: linear-gradient(270deg,#fff,transparent)
}

.footer:after {
    content: "";
    display: inline-block;
    width: 120px;
    height: 2px;
    background: -webkit-gradient(linear,left top,right top,from(#fff),to(transparent));
    background: linear-gradient(90deg,#fff,transparent)
}

/**/
.top1{ height:73px;  overflow:hidden; position:relative; width:100%; z-index:1;    min-width: 1300px;}
.top1 .nav{background: #001f5b;    border-top-left-radius: 50px;  border-bottom-left-radius: 50px; padding-left: 60px; padding-bottom:21px}

.zyhead{    width: 1300px; margin: 0 auto;    margin-bottom: 10px;}
.zyhead .wz{  margin: 20px 0; font-size:14px}.zyhead .wz span{    color: rgb(187, 0, 0); font-size:14px}
.zyhead .title{    color: #001f5b; font-size: 40px;}
.zyhead .line{ width: 80px;  height: 2px; background: #b00; margin-top: 20px}

.content{ width: 1300px;  margin: 0 auto; min-height:500px}.content video{max-width:100%;}
.content p,.content p span{ line-height: 34px;font-size: 24px;font-family:"微软雅黑", Arial;color:#333}

.content ul{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap}
.content ul li{    height: 354px;width: 19%;  margin: .5%; position: relative; color: #fff; overflow: hidden}
.content ul li .pic{overflow:hidden; width:100%; height:100%;}.content ul li .pic img{width:100%; height:100%;object-fit: cover;}
.content ul li .txt{position: absolute; z-index:1; color:#fff;  left: 0;  bottom: 0; height: 30%;  width: 100%;  background: rgba(0,31,91,.4);  padding: 8px 12px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden}.content ul li .txt h1{font-size:20px;    margin-bottom: 6px; font-weight:normal; position:relative; z-index:1}.content ul li .txt h1::after{content:"";width: 30%; height: 8px;  background: -webkit-gradient(linear,left top,right top,from(red),to(transparent)); background: linear-gradient(90deg,red,transparent);  position: absolute; left: 0; bottom: 0; z-index:-1}
.content ul li .txt p{line-height: 20px;color: #fff; font-size:14px; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical;  overflow: hidden;}
.content ul li .desc{height:70%;margin-top:-100%;background:rgba(0,31,91,.3);line-height:23px;padding:13px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;opacity:0;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:10;display:-webkit-box;-webkit-box-orient:vertical;    line-height: 23px;    color: #fff;font-size: 14px; position:absolute; top:0;}
.content ul li:hover .desc{    margin-top: 0; opacity: 1;}

.fy{clear:both; width:100%; text-align:right;padding: 20px 0 8px; font-size:14px}

.content dl{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;    padding: 10px 0;}
.content dl dd{ width:32.3%;margin:.5%;background-repeat:no-repeat;background-size:100% 100%;position:relative;color:#333;overflow:hidden}
.content dl dd .pic{background:#001f5b; height:302px; overflow:hidden}
.content dl dd .pic img{ width:100%; height:100%;object-fit: cover; opacity:.7;-webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out}
.content dl dd .txt{position: absolute; left: 0; bottom: -40%; display:flex;flex-direction: column;  justify-content: space-between;  padding: 14px; width: 100%; height: 38%;  -webkit-box-sizing: border-box;  box-sizing: border-box; overflow: hidden; background: #fff;  border-bottom: 2px solid #e40000; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out}
.content dl dd .txt h1{font-weight: 700; color:#333; background:url(../images/jt1.png) no-repeat right center; padding-right:30px;font-size:16px; display:block; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box;-webkit-box-orient: vertical;}
.content dl dd .txt span{font-size:12px; display:block; clear:both; color:#333}
.content dl dd a:hover .txt{bottom:0;}.content dl dd a:hover .pic img{ opacity:1}

.con_title{text-align:center;font-size:24px;font-weight:700;border-bottom:1px solid #e0e0e0;padding:16px 0;margin-bottom:16px;}
.con_title h1{  color:#333;  text-align: center; font-size: 24px; font-weight: 700; display:block}.con_title h3{font-size:16px;font-weight:400;color:#999;padding-top:10px; display:block; text-align:center}
.con,.con p,.con p span{ font-size: 18px; line-height:24px;}
.con p img{max-width:100%;}

.map_tit{color:#bd0000;font-size:18px;border-bottom:1px solid #ddd;padding:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.map_tit:before{content:"";width:8px;height:8px;background:#bd0000;margin-right:14px}
.map_img{border: 1px solid #e9e9e9; height:400px; background: #f5fbff; width:780px; margin:10px auto; text-align:center;}.map_img img{ max-width:100%; height:100%}
.map_img .swiper-button-prev, .swiper-button-next{width:36px; height:36px;    border-radius: 50%; background-color: rgba(31, 45, 61, .11); background-repeat:no-repeat; background-position:center; background-size:auto; display:none;    transition: .3s;}
.map_img .swiper-button-prev{background-image:url(../images/map_l.png); left:16px}
.map_img .swiper-button-next{background-image:url(../images/map_r.png); right:16px}
.map_img:hover .swiper-button-prev,.map_img:hover .swiper-button-next{display:block;}
.map_video{width:780px; margin:10px auto;}.map_video video{width:100%;height:auto}
.map_txt{padding: 14px 0; line-height: 26px; font-size: 15px; text-indent: 2em;}.map_txt p{line-height: 26px; font-size: 15px; text-indent: 2em;}

.szleft{width:260px; float:left}
.szleft .zp{    height: 366px;width: 100%; position: relative; overflow: hidden}
.szleft .zp .pic{overflow:hidden; width:100%; height:100%;}.szleft .zp .pic img{width:100%; height:100%;object-fit: cover;}
.szleft .zp .txt{position: absolute; z-index:1; color:#fff;  left: 0;  bottom: 0; height: 30%;  width: 100%;  background: rgba(0,31,91,.4);  padding: 8px 12px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden}
.szleft .zp .txt h1{font-size:20px;    margin-bottom: 6px; font-weight:normal; position:relative; z-index:1}
.szleft .zp .txt h1::after{content:"";width: 30%; height: 8px;  background: -webkit-gradient(linear,left top,right top,from(red),to(transparent)); background: linear-gradient(90deg,red,transparent);  position: absolute; left: 0; bottom: 0; z-index:-1}
.szleft .zp .txt p{line-height: 20px;color: #fff; font-size:14px; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical;  overflow: hidden;}

.szleft .ml{clear:both; padding-bottom:70px}.szleft .ml .mltit{    color: #001f5b; font-size: 16px;  border-bottom: 2px solid #001f5b; padding: 10px 0; margin-top: 10px;}
.szleft .ml ul{display:block;}
.szleft .ml ul a{border-bottom:1px solid #e0e0e0;padding:12px 0; overflow:hidden; display:block; clear:both; width:100%; font-size:14px; position:relative}.szleft .ml ul a:hover{    color: #e00606;}.szleft .ml ul a::before{content:">"; position:absolute; right:0; width:14px; height:14px; font-family:"宋体"}

.szright{ width:1001px; float:right;}
.szright .szrtit{color:#bd0000;font-size:18px;border-bottom:1px solid #ddd;padding:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.szright .szrtit:before{content:"";width:8px;height:8px;background:#bd0000;margin-right:14px}
.szright .szrtxt{padding: 14px 0; line-height: 26px; font-size: 18px; text-indent: 2em;}.szright .szrtxt p{line-height: 26px; font-size: 18px; text-indent: 2em;}