@charset "utf-8";

/* CSS Document */

body{ background:#f8f8f8;}

.banner{ overflow:hidden;}

.banner img{ float:left;}



.tabBox{ background:#fff; width:100%; padding:18px 0 18px 0;}

.tabBox ul{ width:100%; height:48px; line-height:30px; overflow:hidden;}

.tabBox li{ width:33.33%; float:left; text-align:center; padding-top:33px; height:15px; line-height:15px; font-size:13px; position:relative;}

.tabBox li .left{ position:absolute; left:0; top:0; height:100%; width:1%; overflow:hidden; background:rgba(0,0,0,0.05);}

.tabBox li .right{ position:absolute; right:0; top:0; height:100%; width:1%; overflow:hidden; background:rgba(0,0,0,0.05);}

.tabBox li.on{ color:#ad0003;}

.tabBox li.ic1{ background:url(/template/mobile/xnskin/img/news/icon1.png) no-repeat center top; background-size:24px;}

.tabBox li.ic2{ background:url(/template/mobile/xnskin/img/news/icon2.png) no-repeat center top; background-size:24px;}

.tabBox li.ic3{ background:url(/template/mobile/xnskin/img/news/icon3.png) no-repeat center top; background-size:24px;}



.tabBox li.ic1.on{ background:url(/template/mobile/xnskin/img/news/icon1_on.png) no-repeat center top; background-size:24px;}

.tabBox li.ic2.on{ background:url(/template/mobile/xnskin/img/news/icon2_on.png) no-repeat center top; background-size:24px;}

.tabBox li.ic3.on{ background:url(/template/mobile/xnskin/img/news/icon3_on.png) no-repeat center top; background-size:24px;}



.tabMain{ padding:16px;}

.videoBox{ padding:16px 8px;}



.videoBox{ overflow:hidden;}

.item{ margin-bottom:16px;}

.videoBox .item{ width:50%; float:left;}

.item .inner{ padding:0;}

.videoBox .item .inner{ padding:0 8px;}

.item .innerBox{ background:#fff;border-radius: 8px; position:relative; cursor:pointer;}

.videoBox .item .innerBox{ height:auto;}

.videoBox .item .innerBox img{ float:left;}

.videoBox .item .innerBox{ overflow:hidden;}



.videoBox .item .info{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3);}

.videoBox .item .info .name{ position:absolute; top:50%; margin-top:-40px; width:80%; left:10%; text-align:center; font-size:13px; line-height:21px; color:#fff; background:url(/template/mobile/xnskin/img/news/video.png) no-repeat center top;  padding-top:50px;}

.videoBox .item .innerBox:hover img{-webkit-filter: blur(5px);}



.item .pic{ width:100%; margin:0 auto; padding:0px 0 18px 0; text-align:center;}

.item .txt{ }

.item .txt h3{ font-size:16px; color:#000; margin-bottom:10px; font-weight:normal; height:21px; line-height:21px;

overflow: hidden; height:21px;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;}

.caseInfo .infoBox p{ font-size:13px; color:#999; width:80%; line-height:22px; margin:0 auto;  height:44px;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;}

	

.news{  padding:14px 18px 18px 18px;}

.news .other{ padding:0 0 6px 0; border-bottom:1px solid rgba(0,0,0,0.05); font-size:13px; color:#999;}

.news .other .date{ margin-right:20px; font-family:HELVETICANEUELTPRO-THEX;}

.news h1{ font-size:15px; color:#000; margin:8px 0; line-height:21px;overflow: hidden;
}	

.news .txt{ padding-left:100px;}

.news .txt .pic{ width:85px; margin-left:-100px; float:left; overflow:hidden;border-radius: 4px;}
.news .txt .pic img{border-radius: 4px;}

.news .txt .text{ line-height:21px;overflow: hidden; height:63px;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;}

	

.newPage{ padding:20px;}



.newPage .inner{ padding:0px;}

.newPage .inner .title{ text-align:center; color:#000; padding:0px 0 20px 0;}

.newPage .inner .title h1{ font-size:24px; line-height:36px; margin-bottom:20px;}

.newPage .inner .title p{ font-size:13px; color:#666;}

.newPage .inner .title p .date{font-family:HELVETICANEUELTPRO-THEX; margin-right:20px;}



.newInfo{ font-size:13px; line-height:24px; color:#3c3c3c;}





<!--ºÄʱ1758988002.2576Ãë-->