body {font-family: "微软雅黑"; overflow-x: hidden;}

/*Banner文字*/
.banner2{ width: 360px; margin: 0 auto; overflow: hidden;}
.banner2 .text_mask{position: absolute; top: -100%; width: 360px; transition: all 1s;}
.banner2 .text_mask{top: 40%;}

.select {
    position: relative;
    width: 100%;
    height: 30px;
    margin-top: 8px;
    margin-left: 0px;
    font-size: 14px;
    line-height: 30px;
    background: url(../images/selectbg.png) center no-repeat;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    color: #333;
    background: #fff;
    border: rgba(255, 255, 255, 0.2) 1px solid;
}

.layui-laypage a, .layui-laypage span {height: 38px; line-height: 38px;}
.layui-box, .layui-box * {font-size: 14px;}
.layui-laypage a:hover {color: #0a4897;}
.layui-laypage input:focus,.layui-laypage select:focus{border-color:#0a4897!important}
.layui-breadcrumb span[lay-separator] {
    margin: 0 10px;
    color: #fff;
}
.layui-form-select1 .layui-input{
width: 100px; height: 40px; line-height: 40px; text-align: center; background: #0a4897; border: 0; border-radius: 0px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; color: #fff; font-size: 15px; padding-left: 5px;
}
.layui-form-selected1 dl{
    background-color: #0a4897;
    color: #fff;
    font-size: 14px;
}
.layui-form-select dl {
    border: 0px solid #eee;
}
.layui-form-select dl dd{
    padding-left: 20px;
}
.layui-form-select dl dd.layui-this {
    background-color: #0a4897;
    color: #fff;
    padding-left: 20px;
}
.layui-form-select dl dd:hover {
    background-color: #0a4897;
}

/* 常规 */
.content {text-align: left; font-size: 14px; color: #666666; line-height: 26px; text-align: justify;}
.content p {display: block; margin-block-start: 0.8em; margin-block-end: 0.8em; margin-inline-start: 0px; margin-inline-end: 0px;}
.content .layui-carousel img {display:block; margin: 0 auto; max-width:100%; max-height:250px; text-align: center; margin-bottom:10px; position: absolute; top: 50%; left: 50%;  transform: translate(-50%, -50%);}
.content img {display:block; margin: 0 auto; width: 100%; text-align: center; margin-bottom:10px;}
.content .title {font-size: 18px; line-height:30px; text-align: center; margin-bottom:5px; color: #0a4897;}
.content .date {display: block; height:34px; font-size: 13px; line-height:34px; background: #fafafa; margin-bottom:5px; border-bottom: 1px solid #e3e3e3;}
.content .date .left {float:left; margin-left: 10px;}
.content .date .right {float:right; margin-right: 10px;}
.content .date .right .bdsharebuttonbox {float:right; margin-top: 6px;}
.content .next {display: block; font-size: 14px; line-height:30px; padding-top: 10px; margin-top:15px;  border-top: 1px solid #e3e3e3;}
.content .pic {margin: 0 auto; text-align: center; margin-top:10px; margin-bottom:10px;}
.content .attach {margin: 0 auto; color: #0a4897; text-align: left; margin-bottom:10px;}
.content .tag {margin: 0 auto; color: #0a4897; text-align: left; margin-bottom:10px;}
.content .video{width: 340px; height: 240px; margin: 0 auto; text-align: center; margin-bottom:10px; position: relative;}
.content .video video {width: 100%; height: 100%; object-fit: fill;}
.content .video .VideoBtn {position: absolute; left: 50%; top: 50%; display: block; width: 70px; height: 70px; margin-left: -35px; margin-top: -35px; cursor: pointer; z-index: 10;}
.content .pinlun { font-size: 14px; margin-top:10px; padding-top:10px; border-top: 1px solid #e3e3e3;}
.content .photo {padding-bottom:0px; padding-top:0px; border-bottom: 1px solid #e3e3e3;}
.content .photo .tu {width:340px;  margin: 0 auto;  }
.content .photo .jianjie{ line-height:30px; padding-bottom:10px;}
.content .photo .showbox {background:#eee;}
.content .photo .showbox span { background:url(../images/whitebg.png) repeat;}
.content .photo .showbox p {margin:0px; border: 0px solid #e3e3e3; display:none; z-index:999; }
.content .photo .showsum {left:21px; margin-top:10px; }
.content .photo .showsum p {margin:0px;}
.content .photo .showsum span {border:1px solid #ddd;}
.content .photo .showsum span.sel { border:1px solid #f60;}
.content .photo .showpage { width:340px; margin-top:0px; position:relative;}
.content .photo .showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:14px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.content .photo .showpage a#shownext { left:auto; right:0;}
.content .photo .showpage a:hover { background:#ccc; color:#777;}

/*联系我们*/
.contact {margin: 0 auto; padding: 10px; background-color: #fafafa; color: #999; border:solid 1px #eee; border-radius: 2px;}
.contact h3 {margin-top: 10px; font-size: 16px; line-height: 30px; color: #333;}
.contact p {margin-top: 0px; height:52px; font-size: 14px; line-height: 26px; color: #0a4897;}
.contact_ul{}
.contact_ul li{border-left: 0px solid #0074C5; box-sizing: border-box; padding-left: 0px; margin-top: 0px; font-size: 14px; line-height: 40px;}

/* 栏目分割段 */
.separate1 {margin: 0 auto; text-align: center;}
.separate1 .title {padding-top: 10px; font-size: 20px; color: #0a4897; line-height: normal;}
.separate1 .titleen {font-size: 12px; line-height: normal; color: #999; padding-top: 2px;}
.separate1 .line-blue {margin: 5px auto 0; width: 105px; border-bottom: 4px solid #0a4897;}
.separate1 .line-gray {margin: 0 auto 0px; width: 100%; border-bottom: 1px solid #e3e3e3;}

/* 栏目分割2 */
.separate2 { width:100%; height:40px; border-bottom:solid 1px #e9e9e9; margin-bottom:0px;}
.separate2 .title {font-size:18px; line-height:40px; color: #0a4897; font-weight: bold; float:left; padding-left:12px; position:relative;}
.separate2 .title:before { content:''; display:block; width:4px; height:25px; background:#0a4897; position:absolute; left:0; top:9px;}
.separate2 .titleen {font-size: 12px; line-height:45px; color: #999;  margin-left: 10px;}
.separate2 m {font-size: 14px; color:#0a4897; line-height:40px; float:right;}
.separate2 m a {color:#0a4897; }
.separate2 m a:hover { color:#0a4897; }

/* 栏目分割3 */
.separate3 { width:100%; height:40px; border-bottom:solid 1px #e9e9e9; margin-bottom:0px;}
.separate3 .title {font-size:18px; line-height:40px; color: #fff; font-weight: bold; float:left; padding-left:12px; position:relative;}
.separate3 .title:before { content:''; display:block; width:4px; height:25px; background:#fff; position:absolute; left:0; top:9px;}
.separate3 .titleen {font-size: 12px; line-height:45px; color: #999;  margin-left: 10px;}
.separate3 m {font-size: 14px; color:#0a4897; line-height:40px; float:right;}
.separate3 m a {color:#0a4897; }
.separate3 m a:hover { color:#0a4897; }

/*滚动效果*/
.dg1 {height: 310px; width:1300px; overflow: hidden; margin: 0px auto;}
.dg1 li{height: 310px; width: 275px; margin-right: 20px; border:0px solid #ddd; text-align: center; float: left;}
.dg2 {height: 200px; overflow: hidden; width: 100%; margin:0px auto;}

/* 选项卡效果 */
.xuanxiang {HEIGHT: 40px; font-size: 18px; font-weight:bold;}
.xuanxiang UL {MARGIN: 0px; PADDING: 0px;}
.xuanxiang A {font-size: 18px; font-weight:bold; color: #333;}
.xuanxiang LI {DISPLAY: block; BACKGROUND: url(../images/spacer.gif) no-repeat; FLOAT: left; CURSOR: pointer; color: #909090; LINE-HEIGHT: 40px; MARGIN-RIGHT: 20px; HEIGHT:40px; TEXT-ALIGN: center}
.xuanxiang LI.hover {BACKGROUND: url(../images/spacer.gif) no-repeat; color: #0a4897; LINE-HEIGHT: 40px; HEIGHT: 40px;border-bottom: 2px solid #0a4897;}
.xuanxiang LI.hover A {color: #0a4897;  font-weight:bold;}

/* 中间版面 */
.text-main {display: block; margin: 0 auto; padding: 10px;}

/*友情链接*/
.links { width: 100%; margin-top: 5px; display: inline-block;}
.links ul {float:left; display:inline-block; width: 100%;}
.links ul li{display:inline; float:left; margin: 0 8px;}
.links ul li img{display:block; margin-top:10px; border:1px solid #ccc;}
.links ul li:hover img{border:1px solid #0a4897;}
.links ul li a {font-size: 13px; color: #333; line-height: 24px; margin-bottom:0px;}
.links ul li a:hover {color: #0a4897;}

/* 子页面顶部大图 */
.banner_zi {width: 100%; height: 150px; background-color: #fff; background-size: 150%; background-repeat: no-repeat; background-position: center;  }
.banner_zi2 {width: 100%; height: 60px; background-color: #fff; background-size: 130%; background-repeat: no-repeat; background-position: center;  }
.ltbg_text { 
    margin: 0 auto;
    width: 100%;
    padding-top: 35px;
    text-align: center;
}
.ltbg_text h2{
    margin: 0 auto;
    position: relative;
    width: 110px;
    background: #0a4897;
    font-size: 18px;
    color: #fff;
    padding: 8px 20px;
    text-align: center;
}
.ltbg_text h2::before,
.ltbg_text h2::after{
    content: "";
    position: absolute;
    width: 9px;
    height: 18px; 
    bottom: 0px;
    background: #0a4897;
}
.ltbg_text h2::before{
    left: -9px;
}
.ltbg_text h2::after{
    right: -9px;
}

/**五大优势**/
.fl {float: left;}
.fr {float: right;}
.z3-wrap {margin: auto; display:inline-block;}
.z3-wrap .z3-l {width: 100%;}
.z3-wrap .z3-l li {padding-left: 100px; position: relative; margin-bottom: 15px; }
.z3-wrap .z3-l li h3 { font-size: 15px; color: #333;}
.z3-wrap .z3-l li h3:after { content: ""; display: block; width: 48px; height: 3px; background-color: #27A3E9; margin-top: 10px;}
.z3-wrap .z3-l li p { margin-top: 5px; font-size: 12px; line-height: 20px; color: #999;}
.z3-wrap .z3-l li:before { content: attr(num); position: absolute; width: 86px; height: 86px; text-align: center; font: 30px/86px Arial; color: #fff; background: url(../images/shuzibgwap.png); left: 0; top: 0;}
.z3-wrap .z3-r { width: 600px;}

/*顶部电话*/
.header {height:30px; padding: 3px; background: #0a4897; display: block;}
.header .tel {float:left;}
.header .tel a{padding-left: 5px; font-size: 18px; line-height: 30px; color: #ffffff; font-weight:800;}
.header .home {float:right; padding-right: 5px;}

/*顶部LOGO*/
.logo {margin: 0 auto; padding: 10px 8px; text-align: center;}

/*置顶导航*/
.menutop {width: 100%; height: 60px; line-height: 60px; background: #0a4897; position: fixed; top: 0; left: 0; z-index: 99999999;}
.menutop .nav_fl {float:left;}
.menutop .nav_fl img{display: inline-block; margin-left: 6px; margin-top: 0px;}
.menutop .nav_fr {float:right;}
.menutop .nav_fr .burgers_box{position:absolute; right:0px; top: 0; z-index: 99999999999;}
.menutop .nav_fr .icon {height: 2px; width: 30px; top: 28px;background-color: #fff;border-radius: 20px;position: absolute;transition-duration: 0.5s;}
.menutop .nav_fr .icon:before {left: 0; position: absolute; top: -10px; height: 2px; width: 30px; background-color: #fff; content: ""; border-radius: 20px; transition-duration: 0.5s;}
.menutop .nav_fr .icon:after {left: 0; position: absolute; top: 10px; height: 2px; width: 30px; background-color: #fff; content: ""; border-radius: 20px; transition-duration: 0.5s;}
.menutop .nav_fr .menu {width: 50px; height: 60px; position: relative; transition-duration: 1s; display: inline-block; cursor: pointer; z-index:99;}
.menutop .nav_fr .burger_lin .icon {transition-duration: 0.5s; transition-delay: 0.5s;}
.menutop .nav_fr .burger_lin .icon:after {transition: transform 0.5s, top 0.5s 0.5s;}
.menutop .nav_fr .burger_lin .icon:before {transition: transform 0.5s, top 0.5s 0.5s;}
.menutop .nav_fr .burger_lin .open .icon {transition-duration: 0.1s;transition-delay: 0.5s;background: transparent;}
.menutop .nav_fr .burger_lin .open .icon:before {transition: top 0.5s, transform 0.5s 0.5s;top: 0px;transform: rotateZ(-45deg);}
.menutop .nav_fr .burger_lin .open .icon:after {transition: top 0.4s, transform 0.5s 0.5s;top: 0px;transform: rotateZ(45deg);}
.menu_ex {position: fixed; z-index: -10;}
.menu_iop {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1!important;}
.menu_text{position: fixed; top: 0; margin-top: 60px; width: 150px; height: 100%; background: #0a4897; z-index: 999999999; transform: translate(-100%,0); -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s;}
.menu_text ul {margin-top: 0px; border-top: 0px solid #ffffff; overflow-y: auto;}
.menu_text ul li {border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.menu_text ul li a {display: block;  padding-left: 30px; color: #fff; font-size: 16px; line-height: 45px; }
.menu_hide{transform: translate(0,0); }

/*通栏导航*/
.menu {margin: 0 auto; background: #0a4897;}
.menu * {box-sizing: border-box;}
.menu .center {margin: 0 auto; width: 100%;}
.menu .ul-list {display: flex;}
.menu .ul-list:last-child {border-top: 1px solid rgba(0, 0, 0, 0.2);}
.menu .ul-list li {flex: 1; border-right: 1px solid rgba(0, 0, 0, 0.2); position: relative;}
.menu .ul-list li:last-child {border-right: 0px solid rgba(0, 0, 0, 0.2);}
//取消最右侧竖线 .menu .ul-list li:last-child {border-right: none; }
.menu .ul-list li a {height: 45px; display: flex; align-items: center; justify-content: center; font-size: 16px; text-decoration: none;  color: #fff; background: #0a4897;}
.menu .ul-list li .this {background: #3292E4;}
.menu .ul-list li a:hover {background: #3292E4;}
.menu .ul-list li a p {display:block; color: #fff; font-size: 14px; line-height: 26px; text-align: center;}
.menu .ul-list li a span {display:block; color: rgba(255, 255, 255, 0.6); font-size: 8px; line-height: 12px; text-align: center;}
.menu .ul-list li:hover .ol-list {display: block;}

/*子栏导航*/
.zi {position: sticky; top: 0; left: 0; margin: 0 10px; background: #fff; display: flex; justify-content: center; position: relative; }
.zi * {box-sizing: border-box;}
.zi .ul-list {width: 100%; margin-top: 8px; display: flex; }
.zi .ul-list li {flex: 1; margin-top: 0px; border-left: 5px solid #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; position: relative;}
.zi .ul-list li:last-child {border-right: 5px solid #fff;}
.zi .ul-list li a {height: 35px; display: flex; align-items: center; justify-content: center; font-size: 14px; text-decoration: none; color: #fff; background: #0a4897; border-radius: 50px;}
.zi .ul-list li .this {background: #25A7E5; color: #fff; }
.zi .ul-list li a:hover {background: #25A7E5; color: #fff; }
.zi .ul-list li:hover .ol-list {display: block;}
.zi .ol-list {top: 47px; width: 100%; }
.zi .ol-list li {border-left: 1px solid #eee; border-top: 0px solid #eee; border-bottom: 1px solid #eee; border-right: 1px solid #eee; position: relative;}
.zi .ol-list li a{background: #fafafa; display: flex; font-size: 14px; color: #0a4897; height: 35px;  align-items: center;  justify-content: center;}
.zi .ol-list li a:hover {background: #0a4897; color: #ffffff;}
.zi .ol-list li .this {background: #0a4897; color: #ffffff; }

/*子栏目列表样式2*/
.class_ys2 { width: 100%; text-align: center; font-size: 10px;}
.class_ys2 span {display: block; padding: 20px 0 0 0; margin: 0px; border: 1px solid #0a4897; font-size: 13px; color: #777;}
.class_ys2 span:hover { border: 1px solid #FF7800;; }
.class_ys2 span.lc1 {background-image: url(../images/list2-icon1-1.png); background-position: center 20px; background-size: 80px 80px;}
.class_ys2 span.lc1:hover {background-image: url(../images/list2-icon1-2.png); background-position: center 20px; background-size: 80px 80px;}
.class_ys2 span.lc2 {background-image: url(../images/list2-icon2-1.png); background-position: center 20px; background-size: 80px 80px;}
.class_ys2 span.lc2:hover {background-image: url(../images/list2-icon2-2.png); background-position: center 20px; background-size: 80px 80px;}
.class_ys2 span.lc3 {background-image: url(../images/list2-icon3-1.png); background-position: center 20px; background-size: 80px 80px;}
.class_ys2 span.lc3:hover {background-image: url(../images/list2-icon3-2.png); background-position: center 20px; background-size: 80px 80px;}
.class_ys2 span.lc4 {background-image: url(../images/list2-icon4-1.png); background-position: center 20px; background-size: 80px 80px;}
.class_ys2 span.lc4:hover {background-image: url(../images/list2-icon4-2.png); background-position: center 20px; background-size: 80px 80px;}
.class_ys2 span {background: url(../images/list_bg1.jpg)no-repeat center 0px;}
.class_ys2 span:hover {background: url(../images/list_bg2.jpg) no-repeat center 0px;}
.class_ys2 span m {display: block; margin-top: 5px; margin-bottom: 5px; font-size: 18px; color: #333; font-weight: 500;}
.class_ys2 span:hover m {color: #333;}
.class_ys2 span p {margin: 10px 0 0 0; height: 40px; line-height: 40px; border-top: 1px solid #eee; font-size: 15px; color: #fff; background: #0a4897;}
.class_ys2 span:hover p {border-top: 1px solid #fff; color: #fff; background: #FF7800;}
.class_ys2 span img {transition:all 2s ease; -moz-transition:all 2s ease; -ms-transition:all 2s ease; -o-transition:all 2s ease; -webkit-transition:all 2s ease;}
.class_ys2 span:hover img {transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg);}

/*子栏目列表样式3*/
.class_ys3 {background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;}
.class_ys3 li{width:100px;height:120px; float:left; margin-top:10px; margin-right:0px; text-align:center; border:1px solid #e5e5e5;transition:all .4s;padding-top:10px;padding-bottom:10px; background:#fff;}
.class_ys3 li i{display:inline-block;width:80px;height:58px;background-position:0 0;background-repeat:no-repeat;transition:all .5s}
.class_ys3 li h4{font-size:16px; color:#333; line-height:20px; font-weight:100; margin-top:0px;}
.class_ys3 li h4 span{font-size:10px; ine-height:20px; color: rgba(0, 0, 0, 0.5); display:block; }
.class_ys3 li .more{margin-top:2px;border-radius:100%;width:13px;height:13px;border:1px solid #0a4897; display:inline-block;line-height:11px;font-size:12px;margin:0 auto;color:#0a4897}
.class_ys3 li:hover i{background-position:0 -58px}
.class_ys3 li:hover{background:#0a4897; box-shadow:0 0 10px #ccc;z-index:2}
.class_ys3 li:hover h4{color:#fff}
.class_ys3 li:hover h4 span{color: rgba(255, 255, 255, 0.5);}
.class_ys3 li:hover .more{background:#fff}

/* 栏目列表样式4 */
.class_ys4 {width: 100%; display:inline-block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: .3s;  }
//.class_ys4:hover {transform:scale(1.12); -webkit-transform:scale(1.12); -moz-transform:scale(1.12); -ms-transform:scale(1.12); -o-transform:scale(1.12)}
.class_ys4 .mask {background-color: rgba(255,255,255,0.1); box-sizing: border-box; padding: 15px; position: absolute; height: 100%; width: 100%; top: 0px; text-align: center; border:1px solid #0a4897;} 
.class_ys4:hover .mask {background-color: rgba(255,255,255,0.1); border:1px solid #0a4897;}
.class_ys4 .mask img{margin-top: 20px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; transition:1.5s;}
.class_ys4:hover .mask img{transform:rotate(360deg); }
.class_ys4 .mask p {background-color: #0a4897; margin-top: 25px; padding: 5px 0; font-size: 18px; line-height: 26px; color: #fff; text-align: center; border-radius: 10px; border-bottom: 0px solid #ccc; border-top: 0px solid #ccc; }
.class_ys4 .mask p span{display: block; font-size: 8px; line-height: 20px; }
.class_ys4:hover .mask p {background-color: #0a4897; color: #fff;}
.class_ys4 .mask m{display: block; width: 150px; background-color: #0a4897; border:1px solid #fff; font-size: 22px; color: #fff; text-align: center; line-height: 40px; height: 40px; margin: 10px auto; margin-top: 50px;}
.class_ys4:hover .mask m{background-color: #0a4897; border:1px solid #fff;}

/* 栏目列表样式5 */
.class_ys5 {overflow: hidden; position: relative;}
.class_ys5 .mask {background-color: rgba(0,0,0,0.6); position: absolute; height: 100%; width: 100%; top: 0px; transition: all 0.5s; text-align: center;}
.class_ys5 .mask p {color: #fff; text-align: center; font-size: 18px; margin-top: 20px;}
.class_ys5 .mask p span {display: block; font-size: 10px; line-height: 26px;}
.class_ys5 .mask .box_name {height: 100%; transition: all 0.5s;}
.class_ys5 .mask img{margin-top: 25%;}
.class_ys5:hover .mask {background-color: rgba(0,99,53,0.6);}
.class_ys5:hover .mask .box_name{margin-top: -140%;}
.class_ys5 .mask .box_link {box-sizing: border-box; padding: 0px 10px;}
.class_ys5 .mask .box_link a{display: block; width: 140px; border:1px solid #fff; color: #fff; text-align: center; line-height: 40px; height: 40px; margin: 10px auto; margin-top: 20px; transition: all 0.3s;}
.class_ys5 .mask .box_link a:hover{background-color: #005F33; border:1px solid #005F33;}
.class_ys5 .mask .box_link p {display: block; font-size: 10px; line-height: 26px;}
.class_ys5 .mask .box_link p span{display: block; border-bottom: 1px solid #fff; border-top: 1px solid #fff; font-size: 18px; line-height: 50px; margin-top: 10px;}

/* 栏目列表样式6 */
.class_ys6 {padding: 0px 0px; text-align: left;}
.class_ys6 .img {float: left; width: 20%; height: 120px; border-radius: 100%; overflow: hidden; border: 0px solid #ddd;}
.class_ys6 .img img {width: 100%;}
.class_ys6 .text {width: 70%; float: left; padding: 0 4%;}
.class_ys6 .text h4 {font-size: 16px; font-weight: normal; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.class_ys6:hover .text h4 {color: #0a4897;}
.class_ys6 .text h4 m {font-size: 14px; color: #aaa; padding-left: 34px; background: url(../images/list6-icon-zhiwei.png) no-repeat 10px center; background-size: 22px;}
.class_ys6 .text p {line-height: 22px; color: #888; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.class_ys6 .text .foot {margin-top: 10px;}
.class_ys6 .text .foot span {font-size: 14px; float: left;}
.class_ys6 .text .foot span p {font-size: 14px; color: #999; margin-top: 0px;;}
.class_ys6 .text .foot m {float: right; display: block; width: 90px; line-height: 28px; border: solid 1px #ddd; font-size: 13px; text-align: center; border-radius: 26px; color: #666; margin-right: 30px;}
.class_ys6:hover .text .foot m {background: #0a4897; color: #FFF; border: solid 1px #fbd951;}
.class_ys6:after {display: block; content: ""; clear: both;}
.class_ys6 .text .foot:after {display: block; content: ""; clear: both;}

/*底部导航*/
.footer {width: 100%; height:55px; background: #0a4897;}
.footer * {box-sizing: border-box;}
.footer .ul-list {width: 100%; display: flex;}
.footer .ul-list li {flex: 1; border-right: 1px solid rgba(0, 0, 0, 0.2);  position: relative;  text-align: center;}
.footer .ul-list li:last-child {border-right: 0px solid rgba(0, 0, 0, 0.2);}
.footer .ul-list li a {color: #ffffff;}
.footer .ul-list li a:hover {color: #fff; }
.footer .ul-list li a img{margin: 5px auto; display: block; text-align: center;}

/*底部导航2*/
.footer2 { width:100%;  position:fixed; bottom:0; z-index:100;}
.footer2 ul li{ width:33.3%; height:44px; background:#f8904e; float:left; position:relative;}
.footer2 ul li a{ display:block;}
.footer2 ul li .foot_cont{ width:75%; margin: 0 auto;}
.footer2 ul li .foot_cont .img{ float:left;}
.footer2 ul li .foot_cont .img img{ width:26px;  margin-top:11px;}
.footer2 ul li .foot_cont .p{ float:right;}
.footer2 ul li .foot_cont .p p{ font-size:1.0em; color:#FFF; line-height:44px;}
.footer2 ul .li1{background:#2472d1;}
.footer2 ul .li2{background:#00b968;}
.footer2 ul li .zx_liang{ position:absolute; width:20px; height:12px; background:#ff0013; border-radius:40px; text-align:center; top:6px; left:32px;}
.footer2 ul .li1 .zx_liang{left:24px;}
.footer2 ul li .zx_liang p{font-size:0.6em; color:#FFF; line-height:14px;}

/*首页简介*/
.aboutin  {margin-bottom: 5px; font-size: 14px; line-height: 26px; color: #333;}

/*更多按钮*/
.btn{display: block; margin: 0 auto; margin-top: 5px; width:155px;height:30px;background:#E6E6E6; border:0px solid #fff; line-height:30px; text-align:center; color:#0a4897; font-size:14px; font-weight:bold; border-radius: 50px;}
.btn:hover{background:#E6E6E6; color:#0a4897; font-weight:bold; border:0px solid #fff;  border-radius: 50px;}

/*按钮效果*/
.inab {width: 170px; height: 30px; line-height: 30px; text-align: center; background: #0a4897; transform: skewX(-45deg); }
.inab{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.inab1:hover {width: 170px; height: 30px; line-height: 30px; text-align: center; background: #0a4897; transform: skewX(-45deg); }
.inabtext {display: inline-block; color:#fff;font-size:16px; font-family: "微软雅黑"; transform: skewX(45deg); }

/*简单文章列表*/
.doc_list {display: block; height: 80px; background: #fff; padding: 0px; border-bottom: #d1d1d1 1px dashed;}
.doc_list .date {float: left; width: 70px; color: #3d61a3; background: #fafafa; text-align: center; padding:8px 0; font-family: arial;}
.doc_list .date .day {font-size: 28px;  line-height: 30px; display: block;}
.doc_list .date .mouth {display: block;  line-height: 24px; }
.doc_list .box {margin-left: 80px; margin-right: 0px; display: block;}
.doc_list .box .title {height: 30px; font-size: 16px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.doc_list .box .info {color: #999; height: 40px; font-size: 12px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.doc_list:hover .date {background: #3d61a3; color: #fff;}
.doc_list:hover .box .title {color: #3d61a3;}

/*简单文章列表3*/
.doc_list3 { width:100%; overflow:hidden;}
.doc_list3 li {height:45px; line-height:45px; border-bottom:1px dashed #cccccc; background:url(../images/dian1.png) no-repeat left center;}
.doc_list3 li:hover {background:url(../images/dian2.png) no-repeat left center;}
.doc_list3 li a  {color:#565656; font-size:15px; padding-left:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.doc_list3 li:hover a { color:#0a4897; }
.doc_list3 li span {float:right; width:100px; font-size:14px; color:#999; text-align: center;}   
.doc_list3 li a:hover { color:#0a4897; }


.data-item {
    width: 100%;
    float: left;
    position: relative;
    margin: 6px 0px;
}
.data-item::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -12px;
    width: 5px;
    height: 24px;
    background: #0a4897;
}
.data-item h1 {
    margin-left: 5px;
    display: block;
    overflow: hidden;
    padding: 0px 10px;
    border: #eaeaeb 1px solid;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
      box-sizing: border-box;
}
.data-item h1 a {
    float: left;
    width: calc(100%);
    font-size: 15px;
    color: #555;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.data-item h1 p {
    float: right;
    padding-left: 20px;
    line-height: 66px;
    font-size: 16px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    background: url(../images/lt_time.png) no-repeat left;
}
.data-item:hover h1 {
    background: #0a4897;
    background-image: -webkit-gradient(linear, left top, right top, from(#0a4897), to(#0a4897)), -webkit-gradient( linear, left top, left bottom, from(#0a4897), to(#0a4897));
    background-image: -webkit-linear-gradient(left, #0a4897 0%, #0a4897 100%), -webkit-linear-gradient( #0a4897, #0a4897);
    background-image: linear-gradient(90deg, #0a4897 0%, #0a4897 100%), linear-gradient( #0a4897, #0a4897);
    background-blend-mode: normal, normal;
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#0a4897', endColorStr='#0a4897', gradientType='1');
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0a4897',endColorStr='#0a4897',gradientType='1')";
    box-shadow: 0px 0px 23.76px 0.24px rgba(35, 67, 130, 0.35);
}
.data-item:hover h1 a {
    color: #fff;
    font-weight: bold;
}
.data-item:hover h1 p {
    color: #fff;
    background: url(../images/lt_time2.png) no-repeat left;
}

/*详细文章列表*/
.news_list {display: block; height: 100px; background: #ffffff; padding: 0px; border-bottom: #d1d1d1 1px dashed;}
.news_list .pic {float: left; width: 120px; background: #fafafa; text-align: center; position:relative; overflow:hidden;}
.news_list .box {margin-left: 140px; margin-right: 0px; overflow:hidden;}
.news_list .box .title {font-size: 16px; height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.news_list .box .info {color: #8c8c8c; height: 40px; font-size: 12px;  line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.news_list:hover .date {background: #0a4897; color: #fff;}
.news_list:hover .box .title {color: #0a4897;}
.news_list .box .more span {float:right; width: 80px; height: 20px; line-height: 20px;  margin-top:3px; text-align: center; font-size: 12px; color: #ffffff; border-radius: 100px; background-color: #0a4897; overflow:hidden;}
.news_list:hover .box .more span {color: #ffffff; background-color: #0a4897;}
.news_list .box .more m {float: left; padding-top: 5px; color: #666;}

/*图片列表*/
.pro_in {display:block; padding: 8px; background-color: #efefef; color: #999;  border-radius: 2px; overflow:hidden;}
.pro_in:hover {background-color: #0a4897; color: #d2d2d2;}
.pro_in h3 {padding-left:18px; font-size: 15px; line-height: 24px; color: #333; background:url(../images/dian2.png) no-repeat left center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.pro_in:hover h3 {color: #fff; background:url(../images/dian3.png) no-repeat left center;}

/*图片列表*/
.pro_list {display:inline-block; width:100%; padding: 1px; background-color: #f8f8f8; color: #999;  border-radius: 2px;}
.pro_list:hover {background-color: #0a4897; color: #d2d2d2;}
.pro_list h3 {font-size: 15px; line-height: 26px; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.pro_list:hover h3 {color: #fff;}
.pro_list p {margin-top: 0px;  font-size: 12px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.pro_list span {float:right; margin-top: 2px; height: 20px; line-height: 20px; padding: 0 10px; font-size: 12px; color: #ffffff; border-radius: 100px; background-color: #0a4897;}
.pro_list:hover span {color: #0a4897; background-color: #ffffff;}
.pro_list .video {background: url(../images/icon_video_off.png) center center no-repeat; top: 0; height: 100%; width: 100%; position:absolute; z-index:10;}
.pro_list .video:hover {background: url(../images/icon_video_on.png) center center no-repeat; top: 0; height: 100%; width: 100%; position:absolute; z-index:10;}
.pro_list .mask{position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); top: -100%; left: 0px; text-align: center; color: #fff; transition: all 0.5s;}
.pro_list:hover .mask{top: 0px; }
.pro_list:hover .mask m{background: url(../images/icon_more.png) center center no-repeat;  height: 100%; width: 100%; top: 0px; left: 0px; position:absolute; z-index:10;}
.pro_list:hover .mask i{background: url(../images/icon_video.png) center center no-repeat;  height: 100%; width: 100%; top: 0px; left: 0px; position:absolute; z-index:10;}

.pro_list3 {display:inline-block; width:100%; padding: 1px; background-color: #f8f8f8; color: #999;  border-radius: 2px;}
.pro_list3 h3 {font-size: 15px; line-height: 26px; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.pro_list3 p {margin-top: 0px;  font-size: 12px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.pro_list3 span {float:right; margin-top: 2px; height: 20px; line-height: 20px; padding: 0 10px; font-size: 12px; color: #ffffff; border-radius: 100px; background-color: #0a4897;}

.texiao-center {position:relative; overflow:hidden; text-align: left; display:block;}
.texiao-center img {max-width:100%; max-height: 300px;}

#wrap{width: 100%; min-width: 300px; margin: 0px auto 0px; background: #FAFAFA;}
.hiSlider{overflow: hidden; height: 240px; width: 500px; background: #eee; margin: 0; padding: 0;}
.hiSlider-item{ float: left; }
.hiSlider li{list-style: none;}
.hiSlider li img{display: block; margin: 0 auto; width: 100%; height: 240px;}

.anim_fade_image {
    position:absolute;    
    -webkit-animation-name: fadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 12s;
    /* -webkit-animation-direction: alternate; */
}

@-webkit-keyframes fadeInOut1 {
    0% {
        opacity:0; 
     }
    25% {
        opacity:1;
    }
    50% {
        opacity: 0;    
    }
    75% {
        opacity:0;
    }
}
.anim_fade_image1 {
    position:absolute;    
    -webkit-animation-name: fadeInOut1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 12s;
}
@-webkit-keyframes fadeInOut2 {
    0% {
        opacity:0;
     }
    25% {
        opacity:0;
    }
    50% {
        opacity:1;
    }
    75% {
        opacity:0;
    }
}
.anim_fade_image2 {
    position:absolute;    
    -webkit-animation-name: fadeInOut2;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 12s;
    /* -webkit-animation-direction: alternate; */
}
@-webkit-keyframes fadeInOut3 {
    0% {
        opacity:0;
     }
    25% {
        opacity:0;
    }
    50% {
        opacity: 0; 
    }
    75% {
        opacity:1;
    }
}
.anim_fade_image3 {
    position:absolute;    
    -webkit-animation-name: fadeInOut3;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 12s;
}