body {font-family: "微软雅黑"; overflow-x: hidden;}

/* 常规 */
.content {text-align: left; font-size: 14px; color: #666666; line-height: 26px;}
.content p {display: block; margin-block-start: 0.8em; margin-block-end: 0.8em; margin-inline-start: 0px; margin-inline-end: 0px;}
.content img {display:block; margin: 0 auto; width: 100%; text-align: center; margin-bottom:10px; }
.content .title {margin-bottom:5px; text-align: center; font-size: 18px; line-height:30px; color: #E62129;}
.content .date {display: block; height:40px; font-size: 14px; line-height:40px; background: #fafafa; margin-bottom:15px; 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-bottom:10px;}
.content .attach {margin: 0 auto; color: #E62129; text-align: left; margin-bottom:10px;}
.content .tag {margin: 0 auto; color: #E62129; 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: #555;}
.contact p {margin-top: 0px; height:52px; font-size: 14px; line-height: 26px; color: #E62129;}

/* 栏目分割段 */
.separate1 {margin: 0 auto; text-align: center;}
.separate1 .title {padding-top: 10px; font-size: 20px; color: #E62129; 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 #E62129;}
.separate1 .line-gray {margin: 0 auto 0px; width: 100%; border-bottom: 1px solid #e3e3e3;}

/* 中间版面 */
.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 #F6A700;}
.links ul li a {font-size: 14px; color: #333; line-height: 24px; margin-bottom:0px;}
.links ul li a:hover {color: #F6A700;}

/* 子页面顶部大图 */
.banner_zi {width: 100%; height: 100px; background-color: #fff; background-size: 150%; background-repeat: no-repeat; background-position: center;  }

/**五大优势**/
.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: #eee; border-bottom: 1px #ddd solid;}
.header .tel {float:left;}
.header .tel a{padding-left: 5px; font-size: 18px; line-height: 30px; color: #333; font-weight:800;}
.header .home {float:right; padding-right: 5px;}

/*顶部LOGO*/
.logo {margin: 0 auto; padding: 10px; text-align: center;}

/*置顶导航*/
.menutop {width: 100%; height: 60px; line-height: 60px; background: #E62129; position: fixed; top: 0; left: 0; z-index: 99999999;}
.menutop .nav_fl {float:left;}
.menutop .nav_fl img{display: inline-block; margin-left: 0px; 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: #E62129; 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: 40px; color: #fff; font-size: 16px; line-height: 42px; }
.menu_hide{transform: translate(0,0); }

/*通栏导航*/
.menu {margin: 0 auto; background: #E62129;}
.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: 18px; text-decoration: none;  color: #fff; background: #E62129;}
.menu .ul-list li .this {background: #F6A700;}
.menu .ul-list li a:hover {background: #F6A700;}
.menu .ul-list li a p {display:block; color: #fff; font-size: 16px; 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: 10px; display: flex; }
.zi .ul-list li {flex: 1; margin-top: 0px; border-left: 1px solid #eee; border-top: 1px solid #eee; border-bottom: 1px solid #eee; position: relative;}
.zi .ul-list li:last-child {border-right: 1px solid #eee;}
.zi .ul-list li a {height: 35px; display: flex; align-items: center; justify-content: center; font-size: 14px; text-decoration: none; color: #E62129; background: #fafafa;}
.zi .ul-list li .this {background: #E62129; color: #fff; }
.zi .ul-list li a:hover {background: #E62129; 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: #E62129; height: 35px;  align-items: center;  justify-content: center;}
.zi .ol-list li a:hover {background: #F6A700; color: #ffffff;}
.zi .ol-list li .this {background: #F6A700; 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 #E62129; 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: #E62129;}
.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 #E62129; display:inline-block;line-height:11px;font-size:12px;margin:0 auto;color:#E62129}
.class_ys3 li:hover i{background-position:0 -58px}
.class_ys3 li:hover{background:#E62129; 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: 10px; position: absolute; height: 100%; width: 100%; top: 0px; text-align: center; border:1px solid #E62129;} 
.class_ys4:hover .mask {background-color: rgba(255,255,255,0.1); border:1px solid #F6A700;}
.class_ys4 .mask img{margin-top: 0px; -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 {margin-top: 15px; padding: 5px 0; font-size: 18px; line-height: 30px; color: #E62129; text-align: center; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
.class_ys4 .mask p span{display: block; font-size: 12px; line-height: 20px; }
.class_ys4:hover .mask p {color: #F6A700;}
.class_ys4 .mask m{display: block; width: 140px; background-color: #E62129; border:1px solid #fff; color: #fff; text-align: center; line-height: 40px; height: 40px; margin: 10px auto; margin-top: 15px;}
.class_ys4:hover .mask m{background-color: #F6A700; 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: #E62129;}
.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: #F6A700; 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: #E62129;}
.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: #555;}

/*更多按钮*/
.btn{display: block; margin: 0 auto; margin-top: 5px; width:155px;height:30px;background:#E62129; border:0px solid #fff; line-height:30px; text-align:center; color:#fff; font-size:14px; font-weight:bold; border-radius: 50px;}
.btn:hover{background:#F6A700; color:#fff; font-weight:bold; border:0px solid #fff;  border-radius: 50px;}

/*按钮效果*/
.inab {width: 170px; height: 30px; line-height: 30px; text-align: center; background: #F6A700; 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: #F6A700; 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: #E62129; 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; white-space: nowrap; display: block;}
.doc_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;}
.doc_list:hover .date {background: #E62129; color: #fff;}
.doc_list:hover .box .title {color: #E62129;}

/*详细文章列表*/
.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: #E62129; color: #fff;}
.news_list:hover .box .title {color: #E62129;}
.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: #E62129; overflow:hidden;}
.news_list:hover .box .more span {color: #ffffff; background-color: #ff0000;}
.news_list .box .more m {float: left; padding-top: 5px; color: #666;}

/*图片列表*/
.pro_list {display:inline-block; padding: 1px; background-color: #f8f8f8; color: #999;  border-radius: 2px;}
.pro_list:hover {background-color: #E62129; color: #d2d2d2;}
.pro_list h3 {font-size: 16px; line-height: 26px; color: #555; 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: #E62129;}
.pro_list:hover span {color: #E62129; 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;}

.texiao-center {position:relative; overflow:hidden; text-align: left; display:block;}
.texiao-center img {max-width:100%; max-height: 240px;}<!--0.00015091896057129-->