.pcBanner .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;}
.pcBanner .page1 { position: absolute; bottom: 16px;text-align: center;z-index: 10;}
.pcBanner .page1 .swiper-pagination-bullet {width: 40px; height: 4px; margin: 0 5px;background: #fff;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;opacity: 1; filter: alpha(opacity=100);}
.pcBanner .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #e60012;}
.mBanner .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #e60012;}
ul.grid{ width:100%; margin-bottom:74px;}
ul.grid li{overflow:hidden;padding: 6px;width:24.9%; float:left; display:block;}
ul.grid li img{ display: block;outline: 0;border: none;width:auto; height:auto; max-width:100%; max-height:100%;}
ul.grid li a .info_hover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 20px;opacity: 0;transition: all .3s linear 0s; filter: alpha(opacity=0);}
ul.grid li a .info_hover .hover_table{width: 100%;display: table; height: 100%;}
ul.grid li a .info_hover .hover_cell{display: table-cell;vertical-align: middle;text-align: center;width: 100%;height: 100%;}
ul.grid li a:hover .info_hover{opacity:1;filter:alpha(opacity=100);}
ul.grid li a .info_hover .bg{display:block;width:100%;height:100%; background-color: rgba(255,255,255,0.8); position:absolute; left:0; top:0;display: inline-block;}
ul.grid li a .info_hover p{width: 100%; font-size: 20px; color: #333;line-height: 30px;font-weight: normal; text-align:center;letter-spacing: 1px;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;-webkit-transform: translateY(-13px);-ms-transform: translateY(-13px); transform: translateY(-13px); font-weight:bold}
ul.grid li a:hover .info_hover p{-webkit-transform: translateY(0px);-ms-transform: translateY(0px); transform: translateY(0px);}
.caseHd{ position:relative; padding-bottom:44px}
.pt68{ padding-top:68px}
.caseHd h2{ font-size:38px; font-weight:normal; padding-top:60px; padding-bottom:38px; float:left}
.caseHd .bg{ position:absolute; left:-0.5%; top:128px; width:72.7%}
.caseHd .bg img{ width:100%}
.caseHd .caseNav{ float:left; padding-top:76px}
.caseHd .caseNav a{ padding:0 0 0 60px; font-size:18px; color:#666}
.caseHd .caseNav a.cur,.caseHd .caseNav a:hover{ color:#e60012}
.mcaseHd{ display:none; padding-bottom:13px}
.mcaseHd .caseNav{ padding-top:10px}
.mcaseHd .caseNav a{ padding:0 18px 0 0 ; font-size:13px; color:#666; line-height:24px}
.mcaseHd .caseNav a.cur{ color:#e60012}
.caseBd{ padding:10px 10px 24px; position:relative}
.caseBd a.more{ display: block;width: 250px; height: 54px; line-height: 54px;font-size: 16px; text-align: center;border: solid 1px #505050; -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; margin: 0 auto 50px}
.caseBd a.more:hover{ background:#e50010; border:1px solid #e50010; color:#fff}
@font-face {
    
    font-weight: normal;
    font-style: normal;
}
.news{ background:url(../images/bg_01.png) repeat; padding-top:40px; padding-bottom:40px; position:relative}
.news:before{content:""; position: absolute; top:-75px; left:5%;width: 442px; height: 233px; background: url(../images/bg_02.png) no-repeat; background-size:60%}
.find_nav{z-index:9999;width:20%; float:left; position:relative}
.find_nav_list ul{position:relative;}
.find_nav_list ul li{padding:0; margin-bottom:23px; position:relative}
.find_nav_list ul li a{display:block;width:124px;height:40px; line-height:40px;text-align:center;font-size:16px; border:1px solid #525252; background:#fff}
.find_nav_list ul li.find_nav_cur a{border:1px solid #e50010; background:#e50010; color:#fff}
.find_nav_list ul li:first-child{ margin-bottom:43px}
.find_nav_list ul li:first-child:before{content: "";position: absolute;bottom: -36px;left: 50%; margin-left: -1px; width: 2px; height: 30px;background: #000;}
.swipe{ width:80%; float:right}
.newsHd{ float:left; text-align:center; padding-top:30%}
.newsHd em{ display: block;line-height: 0.8; margin-bottom: 12px; font-size: 48px;font-style: normal;}
.newsHd h2{ font-size:36px; font-weight:normal}
.mnewsHd{ display:none;margin-bottom:20px}
.mnewsHd em{ line-height: 0.8; margin-bottom: 12px;font-family: Athelas_Regular;font-style: normal; padding-right:10px}
.news_handle{ float:right; margin-right: -3px; position: relative;} 
.news_handle:before{content:""; position: absolute; bottom:0; left:50%;width: 1px; height: 100%; background: #e6e6e6;}
.n_h_line{ position:relative; height: 66px; overflow: hidden;} 
.line_h{ display:block; position: absolute; left:50%; width:1px; height:100%; background: #434343;}
.n_h_line img{ display:block; position: absolute; bottom: 0; left:50%; margin-left: -6px;} 
.n_h_line01{ margin-bottom:22px}
.n_h_line02{height: 86px;}
.n_h_line02 img{ bottom:auto; top: 0;}
.n_h_line02 .line_h{ top:auto; bottom: 0;}
.news_more{ display:block; text-align: center; width:46px; height: 46px; overflow: hidden; line-height: 46px; border-radius: 50%; background: #fff; border:1px solid #535353; position: absolute; bottom:15px; left:50%; margin-left: -23px;}
.news_more:before{ content: ""; position: absolute; top:50%; left:50%; width:0; height:0; border-radius: 50%; background: #e50010;    -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.news_more em{ position:relative; font-style:normal}
.news_more:hover{ color:#fff; border-color:#e50010;}
.news_more:hover:before{ top:-1%; left:-1%; width:102%; height:102%;}
.news ul li .news_rec:nth-child(3),.news ul li .news_rec:nth-child(4){ border-bottom:0}
.news_rec{ width:38%; padding:26px 0 26px 0; float: left; margin-left:12%; border-bottom:1px dotted #ccc} 
.news_rec h4{ font-size:20px; font-weight:normal}
.news_rec h4 a{ display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_rec p{ line-height:18px; height: 36px; overflow: hidden; margin: 10px 0 25px; color:#666}
.news_rec div{ display:inline-block; line-height: 24px; padding-left: 22px; position: relative; color:#333}
.news_rec div:before{ content:""; position: absolute; top:0; left:0; width:14px; height:100%; background: url(../images/time.png) 0 center no-repeat;}
.news_rec:hover h4 a{ color:#e50010;}
.li_list .news_rec:nth-child(2).animated{animation-delay:0.2s;-webkit-animation-delay:0.2s;}
.li_list .news_rec:nth-child(3).animated{animation-delay:0.4s;-webkit-animation-delay:0.4s;}
.li_list .news_rec:nth-child(4).animated{animation-delay:0.6s;-webkit-animation-delay:0.6s;}
.li_list .news_rec:nth-child(5).animated{animation-delay:0.8s;-webkit-animation-delay:0.8s;}
.li_list .news_rec:nth-child(6).animated{animation-delay:1s;-webkit-animation-delay:1s;}
.link{ background:#f5f5f5;color:#d5d5d5; overflow:hidden; padding-top:20px; padding-bottom:20px}
.link h4{ font-size:18px; font-weight:normal; color:#333; display: inline-block}
.link a{ color:#666; padding:0 5px;}
.link a:hover{ color:#e60012}
@media screen and (min-width: 962px) and (max-width: 1368px) { 
.find_nav {width:26%;}
.swipe {width: 74%;float: right;}
.news:before{background-size:70% 70%}
}
@media screen and (max-width:961px){
ul.grid li{width:49.99%;}
.mcaseHd{ display:none}
.caseHd img{ width:100%}
.caseHd h2{ padding-top:40px; padding-bottom:18px}
.caseHd .bg{ top:138px; width:100%}
.news{  padding-top:68px; padding-bottom:52px;}
.news_rec{ width:100%;  padding: 0 0 40px 3%;}
.news:before{ content:""; position: absolute; top:-37px; left:auto; right:5%;width: 67px; height: 82px; background: url(../images/bg_02.png) no-repeat;}
.find_nav{width:22%;}
.swipe{ width:78%;}
.newsHd{ display:none}
.news_handle{ float:left}
.news_rec p{ margin: 10px 0 20px;}
.n_h_line {height: 155px;}
.n_h_line01{ margin-bottom:22px; height:100px}		
.find_nav_list ul li:first-child{ margin-bottom:42px}
.find_nav_list ul li:first-child:before{bottom: -30px;height: 15px;}	
.news_more{ bottom:50px; }		
.mnewsHd{ display:block;font-size:37px; margin-bottom:30px}
.mnewsHd em{ font-size: 52px;}
.li_list{ height:445px; overflow:hidden}
.link{ padding-top:10px; padding-bottom:10px}
.link h4{ font-size:16px}
.link a{ padding:0 18px}
.caseHd .caseNav{ padding-top:0px; padding-bottom:5px}
.caseHd .caseNav a{ padding:0 60px 0 0; font-size:18px; color:#666}
}
@media screen and (max-width:480px){
ul.grid{ margin-bottom:34px}
ul.grid li{width:100%;}
.caseBd {padding: 10px 2px 0px;}
.grid li.w2{width:100%;}
.caseHd{ display:none}
.mcaseHd{ position:relative;  display:block}
.pt37{padding-top:37px;}
.mcaseHd h2{ font-size:22px; font-weight:normal; padding-top:26px; }
.mcaseHd .bg{ position:absolute; left:-0.5%; top:96px; width:94%;z-index:-1}
.mcaseHd .bg img{ width:100%}
.caseBd a.more{ width:56%; height:34px; line-height:34px; font-size:14px; margin-bottom:54px;}
.news{  padding-top:38px; padding-bottom:28px;}
.news_rec{ width:100%;  padding: 0 0 30px 3%;}
.find_nav{width:29%;}
.swipe{ width:71%;}
.find_nav_list ul li a{width:70px;height:32px; line-height:32px;font-size:14px;}
.newsHd{ display:none}
.news_handle{ float:left}
.news_rec h4{ font-size:16px;}
.news_rec p{ margin: 10px 0 10px;}
.news_rec div{font-size:12px}
.n_h_line {height: 125px;}
.n_h_line01{ margin-bottom:22px; height:80px}		
.find_nav_list ul li:first-child{ margin-bottom:42px}
.find_nav_list ul li:first-child:before{bottom: -30px;height: 15px;}	
.news_more{  width:36px; height: 36px; line-height: 36px;margin-left: -18px;bottom:40px; }	
.news_more em{ font-size:12px}	
.mnewsHd{ display:block;font-size:22px; margin-bottom:20px}
.mnewsHd em{font-size: 30px;}
.li_list{ height:375px; overflow:hidden}
}