@charset "utf-8";
body,div,p,h1,h2,h3,h4,h5,h6,/* structural elements 结构元素 */dl,dt,dd,ul,ol,li,/* list elements 列表元素 */pre,/* text formatting elements 文本格式元素 */form,button,input,textarea,/* form elements 表单元素 */table,th,td {margin:0;outline:none;-webkit-tap-highlight-color:transparent;/*color:#282828;*/caret-color: rgba(0,0,0,0);}
h1,h2,h3,h4,h5,h6,i,b {font-weight:normal;}
body,button,input,select,textarea {font:14px/24px "微软雅黑",Georgia,Microsoft YaHei;-webkit-font-smoothing: none}
body,button,input,select,textarea {font-family: "Noto Sans SC";}
em,i {font-style:normal;}
/*html{ background: url(../images/bady.jpg) top center no-repeat;}*/
.youxiu ul,.section-bullets{ padding: 0 ;}
/* 将斜体扶正 */small {font-size:12px;}
/* 小于 12px 的中文很难阅读，让 small 正常化 *//** @重置列表元素 **/li {list-style:none;}
/** @重置文本格式元素 **/a {text-decoration:none;outline:none;color:#282828;}
/*a:hover {text-decoration:none; color: #3a4e7f;}*/
/** @重置表单元素 **/img {border:0;}
/* img 搭车：让a链接里的 img 无边框  当没有正确路径时alt的文字大小*/button,input,select,textarea {font-size:100%;line-height:normal;}
/* 使得表单元素在 ie 下能继承字体大小 *//** @重置表格元素 **/table {border-collapse:collapse;border-spacing:0;}
input[type="button"],input[type="submit"],input[type="reset"] {cursor:pointer;}
/* @ie6 7 8(q) bug  */iframe {display:block;}
/* @清浮动 */.clearfix:after {display:block;content:" ";clear:both;}
.clearfix {zoom:1;/* for IE6 IE7 */}
.num_box{position:relative;}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{font-size:12px;color:#282828;word-wrap:break-word;behavior:url("csshover.htc");}
button,input,select,textarea{font:12px/1.5  Arial, "宋体", Helvetica,  Verdana, sans-serif;word-wrap:break-word;color:#565756;}
ul,li{list-style:none;margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
img{border:none;border:0;vertical-align:middle;}
a{text-decoration:none;outline:none;}
p{margin:0;padding:0;}
input,select,textarea{vertical-align:middle;*font-size:100%;}
input{margin:0;outline:none;padding:0;}
input::-ms-clear{display:none;}
.clearfix:after{content:"."; display:block; height:0;clear:both;visibility:hidden;}
/*html{ background:url("../images/box_bei.jpg") top center repeat-y; background-attachment:fixed}*/
body{ background:url("../images/listbody2.jpg")  top center no-repeat ;position: relative;}

header{width: 1200px; height: 270px; margin: 0 auto 0px;}
.banner_2{ width:1200px; margin:0x auto;  padding-top: 25px;}
.logo1{ float: left; margin-top: 0px; /* box-shadow: inset 0px 0px 10px 5px #fff, 0px 1px 50px 30px #fff; */}

.z_list{ width: 1200px; height: 75px; line-height:75px;margin:0 auto; font-size: 16px;}
.z_list a{ color:#5f5f5f}
.z_list a:hover{ color:#000000;}
.z3_list{ width: 1200px; margin:0 auto;}
.z3_list ul{display: inline-block;}
.z3_list li{ display: block; width: 380px; height: 270px; margin-right: 30px; float: left; margin-bottom: 30px; background: #fff;box-shadow: 0px 2px 8px 1px rgb(13 9 25 / 20%);transition:All 0.3s ease-in-out;}
.z3_list li img{ width: 380px; height: 210px;}
.z3_list li:nth-child(3n+0){ margin-right: 0;}



.z3_list li p { text-align: center; line-height: 60px; font-size: 18px;}
.z3_list li:hover{ color:#fff;transform:translate(0,-10px);}
.z3_list li a:hover{ color:#6b6b6b;}


.z5_list{ width: 1200px; margin:0 auto;}
.z5_list ul{display: inline-block;}
.z5_list li{ display: block; width: 380px; height: 290px; margin-right: 30px; float: left; margin-bottom: 30px; background: #fff;box-shadow: 0px 2px 8px 1px rgb(13 9 25 / 20%);transition:All 0.3s ease-in-out;}
.z5_list li img{ width: 380px; height: 210px;}
.z5_list li:hover{transform:translate(0,-10px);}

.z5_list li:nth-child(3n+0){ margin-right: 0;}
.z5_list li p{ text-align: center; line-height: 50px; font-size: 18px;}
.z5_list li span{display:block;text-align: center; line-height: 0px; font-size: 14px;}

.fix-width_1{width:510px;float:left}
.fix-width_2{width:700px;margin:40px 0 0 0;float:left;border-radius:7em 0em 7em 0em;overflow:hidden}
.fix-width_2 img{display:block;width:100%;height:100%;border-radius:7em 0em 7em 0em;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;box-shadow:-1px 8px 28px -1px rgb(77 160 151 / 92%)}
.fix-width_2  img:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}
.fix-width{width:1200px;margin:0 auto 0px;position:relative;}
.fix-width_1 .fix-width{width:510px}
.newscon p,.newscon div{color:#282828}
.newscon_vo p,.newscon_vo div{color:#282828}
.newscon-wrap h1.tit{color:#282828}
.newsarticle{padding-top:160px}
.newsarticle .head-wrap{background-color:#f4f4f4;background-image:none}
.newsarticle .news-cla{margin-bottom:50px}
.newscon-wrap{padding:0px 100px 60px}
.newscon-wrap h1.tit{font-size:36px;color:#161c60;margin-bottom:30px;line-height:1.2;text-align:center;white-space:pre-wrap;word-wrap:break-word;word-break:normal}
.newscon-wrap .time{margin-bottom:30px;padding-bottom:7px;color:#999;font-size:16px;text-align:center;border-bottom:1px solid #e0e0e0}
.newscon{  }
.newscon .news-art{position:relative;width:75%;margin:50px auto}
.newscon .news-art img{display:block;width:100%}
.newscon img{max-width:100%;min-height:100%;margin:0 auto;clear: both;      display: block;
    margin: 0 auto 10px;
}
.newscon p,.newscon div{text-indent:2em;line-height:2.2;font-size:18px;color:#282828;margin:0 auto 30px}
.newscon h3{margin-bottom:15px;font-size:20px;color:#282828;text-indent:1.5em;font-weight:bold}
.uppage{}
.uppage p{float:left;width:50%;height:36px;line-height:36px;font-size:16px;font-weight:bold}
.uppage p span,.uppage p a{float:left}
.uppage p span{width:65px}
.uppage p a{width:calc(100% - 65px);height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.vo_box_mor{color: #666666; font-size: 18px; margin-bottom: 5px;padding-top: 30px;}
.vo_l{cursor: pointer;width: 35px; height: 63px;background: url("../images/vol.png");background-size: 100% 100%; position: absolute; top:50%; left: 35px;-webkit-transition:all 0.2s linear;}
.vo_r{cursor: pointer;width: 35px; height: 63px;background: url("../images/vor.png");background-size: 100% 100%; position: absolute; top:50%; right: 35px;-webkit-transition:all 0.2s linear;}
.vo_l a,.vo_r a{ display: block;width: 100%; height: 100%;}
.vo_l:hover{-webkit-transform:scale(1.15);transform:scale(1.15);}
.vo_r:hover{-webkit-transform:scale(1.15);transform:scale(1.15);}

.pci_box{    text-indent: 2em;
    line-height: 36px;
    font-size: 18px;
    color: #282828;
    margin: 0 auto 30px;}

.swiper{width:100%;height:100%}
.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
:root{--swiper-theme-color: rgb(0 0 0 / 0%);}
.swiper-button-prev{ background: url("../images/vol.png"); width: 35px; height: 63px;left: 25px;-webkit-transition:all 0.2s linear; top:60%}
.swiper-button-next{ background: url("../images/vor.png"); width: 35px; height: 63px;right: 25px;-webkit-transition:all 0.2s linear;top:60%}
.