.headMain{background:rgba(255,255,255,0);}
.headMain2{ background:#fff;}
.headMain2:hover{ background:#fff;}
.bannerBox{ height:668px; width:100%; background:url(../img/news/kv.jpg) no-repeat center top;  position:fixed; left:0; top:0px; z-index:1;}
.bannerBox .txt{ width:1000px; height:668px; margin:0 auto; background:url(../img/news/kv_txt.png) no-repeat center center; position:relative;}

.headMain{position: relative; left:0; top:0px; z-index:5;}
.homePage{ position: relative; left:0; top:583px; width:100%; z-index:3;background:#f8f8f8;}
.footMain{top:583px;}

.tabBox{ height:60px; line-height:60px; background:#fff; width:100%;}
.tabFixd{ position:fixed; left:0; top:0;box-shadow: 0 2px 6px rgba(0,0,0,.1); z-index:99;}
.tabBox ul{ text-align:center;}
.tabBox li{margin:0 40px; font-size:15px; color:#000; display:inline-block; position:relative; height:36px; line-height:36px; cursor:pointer;text-transform:uppercase;padding-left:24px;}
.tabBox li.ic1{ background:url(../img/news/tab_icon01.png) no-repeat left center; }
.tabBox li.ic2{ background:url(../img/news/tab_icon02.png) no-repeat left center;}
.tabBox li.ic3{ background:url(../img/news/tab_icon03.png) no-repeat left center;}
.tabBox li.ic4{ background:url(../img/news/tab_icon04.png) no-repeat left center;}
.tabBox li i{ position:absolute; left:0; bottom:0; width:100%;  *width:90%; height:2px; line-height:2px; overflow:hidden; background:#ad0003;
-webkit-transform: translateY(3px);
     -moz-transform: translateY(3px);
          transform: translateY(3px);opacity: 0;filter:alpha(opacity=0);}
.tabBox li.on i{opacity:1;filter:alpha(opacity=100);  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
          transform: translateY(0);}

.tabBox li i{
	opacity: 0;
  -webkit-transform: translateY(3px);
     -moz-transform: translateY(3px);
          transform: translateY(3px);
  -webkit-transition: -webkit-transform 0.5s ease, opacity 0.15s ease;
     -moz-transition:    -moz-transform 0.5s ease, opacity 0.15s ease;
          transition:         transform 0.5s ease, opacity 0.15s ease;
}
.tabBox li:hover i{
  opacity: 1;
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
          transform: translateY(0);
}

.itemBox{ padding:40px 20px; overflow:hidden;}
.itemBox .item{ width:33.3%; display:inline-block; float:left; margin-bottom:30px;}
.videoBox .item{ width:25%;}

.itemBox .item .inner{ padding:0 20px;}
.itemBox .item .innerBox{ background:#fff; height:250px;border-radius: 8px; overflow:hidden; position:relative; cursor:pointer;}
.itemBox .item .innerBox:hover{box-shadow: 6px 6px 20px rgb(0,0,0,0.08);}



.itemBox .item .innerBox,.itemBox .item .innerBox:hover,
.videoBox .item .innerBox img,.videoBox .item .innerBox:hover img{-moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear;}

.itemBox .item .innerBox .info{}



.videoBox .item .info{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.videoBox .item .info .name{ position:absolute; top:90px; width:80%; left:10%; text-align:center; font-size:15px; color:#fff; background:url(../img/news/video.png) no-repeat center top;  padding-top:60px;}
.videoBox .item .innerBox:hover img{-webkit-filter: blur(5px);}

.itemBox .item .pic{ width:100%; margin:0 auto; padding:0px 0 18px 0; text-align:center;}
.itemBox .item .txt{ }
.itemBox .item .txt h3,.caseInfo h1{ font-size:18px; 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;}
.itemBox .item .txt p,.caseInfo .infoBox p{ font-size:13px; color:#999; width:80%; line-height:22px; margin:0 auto;overflow: hidden; height:44px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
	
.news{ padding:25px;}
.news .other{ padding:0 0 15px 0; border-bottom:1px solid rgba(0,0,0,0.1); font-size:13px; color:#999;}
.news .other .date{ margin-right:20px; font-family:HELVETICANEUELTPRO-THEX;}
.news h1{ font-size:18px; color:#000; margin:18px 0; line-height:30px;overflow: hidden; height:30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}	
.news .txt{ padding-left:100px;}
.news .txt .pic{ width:85px; margin-left:-100px; float:left; overflow:hidden;}
.news .txt .pic img{border-radius: 4px;}
.news .txt .text{ line-height:22px;overflow: hidden; height:66px; font-size:13px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
	
.news .more{ padding-top:10px; text-align:right; padding-right:3px;}
.news .more a{ color:#999; position:relative; display:inline-block; height:26px; line-height:26px;}
.news .more a i{ position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ad0003; line-height:1px;}
.news .more a:hover{ color:#ad0003;}
.news .more a:hover i{ width:0;}


.news .more a i,.news .more a:hover i{-webkit-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}
	

.itemBox .item .innerBox>img{ position:relative;}

.itemBox .item .innerBox .info{}
.itemBox .item .innerBox:hover .info{ }

.innerBox .info,.innerBox.hover .info,
.innerBox .caseInfo .btn,.innerBox.hover .caseInfo .btn,
.innerBox .caseInfo .txts,.innerBox.hover .caseInfo .txts,
.innerBox .caseInfo .infoBox .step,.innerBox.hover .caseInfo .infoBox .step,
.itemBox .item .innerBox .caseInfo .btn{-webkit-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}

body{ background:#f2f2f2;}
.newPage{ margin:50px; width:85%; background:#fff;border-radius: 8px; margin:50px auto 80px auto;}
.newPage .inner{ padding:60px 60px 30px 60px;}
.newPage .inner .title{ text-align:center; color:#000; padding:0px 0 60px 0;}
.newPage .inner .title h1{ font-size:24px; 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;}

.newPage .other{ width:100%; border-top:1px solid rgba(0,0,0,0.05); padding:20px 0 0 0; overflow:hidden; margin-top:30px;}
.newPage .other a{ color:#666;}
.newPage .other a:hover{ color:#ad0003;}
.newPage .other .next{ float:right;}


.w1360 .videoBox .item{ width:33.3%;}



.proMain{ width:965px; height:565px; overflow:hidden; padding:50px 60px; position:absolute; left:50%; top:50%; margin-left:-480px; margin-top:-280px; border-radius: 5px; color:#000; text-align:center;}

.proMain h2{ font-size:20px; margin-bottom:20px;}
.proMain p{ font-size:13px; line-height:22px; color:#666;}
.proDialog .close{ position:absolute; right:100px; top:0px; background:url(../img/news/close.png) no-repeat center center; cursor:pointer; width:20px; height:20px;}
.proDialog{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999;}


.w1920  .bannerBox{ background:url(../img/news/kv.jpg) no-repeat center center;  background-size:cover;}

.newInfo img{ max-width:92%;}