.newsdetail2{position:relative;}

@media (max-width: 3000px){
.newsdetail2 article {
    width: 1388px;
}
}

@media(min-width:1200px){
.newsdetail2{padding-top:30px;padding-bottom:30px;}
}

@media(max-width:767px){
.newsdetail2{padding-top:15px;padding-bottom:15px;}
}

.newsdetail2 dir{}
.newsdetail2 dir>dl{}
.newsdetail2 dir>dl>dt{float:left;}
.newsdetail2 dir>dl>dt>b{color:rgb(102,102,102); font-weight:inherit;}
.newsdetail2 dir>dl>dd{}
.newsdetail2 dir>dl>dd>i{color:rgb(88,23,23); font-style:normal;}
.newsdetail2 dir>dl>dd>a{color:rgb(8,38,55);}
.newsdetail2 dir>dl>dd>a:hover{color:rgb(41,129,227);}
@media(min-width:1200px){
.newsdetail2 dir{padding-top:38px;}
}
@media(max-width:1199px){
.newsdetail2 dir{padding-top:28px;}
}
@media(max-width:767px){
.newsdetail2 dir{padding-top:18px;}
}

.newsdetail2 h1{display:block; margin-bottom:18px; font-size:28px; font-weight:bold; text-align: center;}

.newsdetail2 .info-box{color:#686868; padding:0 0 18px 0; text-align: center;}
.newsdetail2 .info-box span.t{padding-left:18px; display:inline-block;}


.newsdetail2 .content-box{ }
.newsdetail2 .content-box img{margin:8px auto; display:block;}


.newsdetail2 .cutover-box{margin-top:38px;}
.newsdetail2 .cutover-box:after{display:block; content:''; clear:both;}
.newsdetail2 .cutover-box>dl{margin-top:8px;}
.newsdetail2 .cutover-box>dl:after{display:block; content:''; clear:both;}
.newsdetail2 .cutover-box>dl:first-child{}
.newsdetail2 .cutover-box>dl:last-child{}
.newsdetail2 .cutover-box>dl>dt{float:left;}
.newsdetail2 .cutover-box>dl>dt b{font-weight:normal;}
.newsdetail2 .cutover-box>dl>dd{float:left;}
.newsdetail2 .cutover-box>dl>dd a{color:#555;}
.newsdetail2 .cutover-box>dl>dd a:hover{color:rgb(41,129,227);}


.newsdetail2 .hits-box{}
.newsdetail2 .hits-box h2{position:relative; padding-left:16px; font-size:20px; font-weight:bold;}
.newsdetail2 .hits-box h2:before{position:absolute; left:0; top:4px; bottom:4px; content:''; width:4px; background:rgb(65,93,138);}
.newsdetail2 .hits-box ul{margin:8px 0 0 0;}
.newsdetail2 .hits-box ul:after{display: block; content: ''; clear: both;}
.newsdetail2 .hits-box ul li{position:relative; margin:4px 0; padding-left:28px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:50%; float: left;}
.newsdetail2 .hits-box ul li:before{position:absolute; left:0; top:50%; margin-top:-8px; width:15px; height:15px; line-height:15px; font-size:12px; text-align:center; border-radius:3px; background:rgb(41,129,227); color:#fff;}

.newsdetail2 .hits-box ul li:nth-child(1):before{content:'1'; background:rgb(41,129,227);}
.newsdetail2 .hits-box ul li:nth-child(2):before{content:'2'; background:rgb(40, 129, 225);}
.newsdetail2 .hits-box ul li:nth-child(3):before{content:'3'; background:rgb(38, 139, 227);}
.newsdetail2 .hits-box ul li:nth-child(4):before{content:'4'; background:rgb(37, 148, 230);}
.newsdetail2 .hits-box ul li:nth-child(5):before{content:'5'; background:rgb(35, 158, 232);}
.newsdetail2 .hits-box ul li:nth-child(6):before{content:'6'; background:rgb(34, 167, 234);}
.newsdetail2 .hits-box ul li:nth-child(7):before{content:'7'; background:rgb(32, 177, 237);}
.newsdetail2 .hits-box ul li:nth-child(8):before{content:'8'; background:rgb(30,195,243);}
.newsdetail2 .hits-box ul li a{ }
.newsdetail2 .hits-box ul li a:hover{ }

.newsdetail2 .tag{margin-bottom:18px; text-align:left;}
.newsdetail2 .tag a{display:inline-block; margin-right:8px; border:1px solid #f0f0f0; padding:2px 8px; border-radius:3px;}
@media(max-width:767px){
.newsdetail2 .tag{margin-bottom:8px;}
.newsdetail2 .tag a{margin-right:4px; padding:2px 8px;}
}

@media(max-width:1200px){
.newsdetail2 h1{  margin-bottom:0; font-size:24px;}


 


.newsdetail2 .info-box{float:none; padding:8px 0 0;}
.newsdetail2 .info-box:after{display:block; content:''; clear:both;}
.newsdetail2 .info-box>i{display:block; float:left; font-style:normal; color:#666;} 
.newsdetail2 .info-box>dl{float:left; margin-left:18px;}
.newsdetail2 .info-box dt{display:none;}
 
 
}

@media(max-width:992px){

.newsdetail2 .content-box{float:none; width:100%;}

.newsdetail2 .text-box{float:none; width:100%; padding:18px 0 0 0;}
}
@media(max-width:992px) and (min-width:768px){

.newsdetail2 .content-box{margin-bottom:18px;}

.newsdetail2 .text-box>aside{float:left; width:50%; padding-right:8px;}
.newsdetail2 .text-box>div{float:left; width:50%; padding-left:8px; margin:0 !important;}
}

@media(max-width:767px){

.newsdetail2 h1{  font-size:18px;}

.newsdetail2 .hits-box ul li{width:100%;}
.newsdetail2 .info-box{font-size:14px;}
.newsdetail2 .text-box>aside + .hits-box{margin:8px 0 0 0;}
}







.subtitle{position:relative;  background:#fbfcfd;}
@media(min-width:1200px){
.subtitle{padding:50px 0 0; }
}
@media(max-width:1199px){
.subtitle{padding:30px 0 0;}
}
@media(max-width:767px){
.subtitle{padding:15px 0 0;}
}
.subtitle .title-box{position:relative; padding-left:18px;}
.subtitle .title-box:after{display:block; content:''; clear:both;}
.subtitle .title-box:before{position:absolute; content:''; left:0; top:6px; bottom:4px; width:4px; background:rgb(65,93,138);}
.subtitle .title-box h3{font-weight:bold; font-size:20px;}
.subtitle .title-box p{ }
.subtitle .title-box a{position:absolute; top:50%; right:0; line-height:18px; margin-top:-8px;}




.service3{position:relative; background:#fbfcfd; padding:48px 0;}
.service3 .list-box{ }
.service3 .list-box:after{display:block; content:''; clear:both;}
.service3 .list-box>ul{margin:-28px;}
.service3 .list-box>ul>li{float:left; width:33.333%; padding:28px;}
.service3 .product-box{position:relative;}
.service3 .product-box>.pc{border-radius:6px; box-shadow:0 2px 4px rgba(0,0,0,.18);}
.service3 .product-box>.pc strong{display:block; height:38px; background:#f8f8f8; border-top-left-radius:8px; border-top-right-radius:8px; position:relative; overflow:hidden;
background:-webkit-gradient(linear, top, bottom, color-stop(0%,#fff), color-stop(100%,#f0f0f0));
background:-moz-linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
background:-webkit-linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
background:-o-linear-gradient(to bottom, #fff 0% #f0f0f0 100%);
background:-ms-linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
background:linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);}
.service3 .product-box>.pc strong em{position:absolute; line-height:38px; top:0; font-size:13px; color:#585858; opacity:.8;}
.service3 .product-box>.pc strong em.fa-arrow-left{left:10px;}
.service3 .product-box>.pc strong em.fa-arrow-right{left:32px;}
.service3 .product-box>.pc strong em.fa-repeat{left:54px; font-size:14px;}
.service3 .product-box>.pc strong em.fa-ellipsis-v{right:16px;}
.service3 .product-box>.pc strong p{background:#eee; margin:4px 32px 4px 80px; border-radius:88px;}
.service3 .product-box>.pc strong p:after{display:block; content:''; clear:both;}
.service3 .product-box>.pc strong p i.fa-unlock-alt{float:left; line-height:30px; font-size:12px; margin:0 6px 0 12px;}
.service3 .product-box>.pc strong p a{float:left; line-height:30px; font-weight:normal; font-size:12px; color:#585858; opacity:0; transition:.3s;}
.service3 .product-box>.pc:hover strong p a{opacity:1;}
.service3 .product-box>.pc strong p a:hover{color:rgb(65,93,138);}
.service3 .product-box>.pc strong p b span{color:#888;}
.service3 .product-box>.pc strong p i.fa-star-o{float:right; line-height:30px; font-size:12px; margin:0 8px 0 0;}
.service3 .product-box>.pc>span{display:block; height:288px; overflow:hidden; background:rgb(255,255,255);}
.service3 .product-box>.pc>span img{display:block; width:100%; transition:linear 2s;}
.service3 .product-box>.pc>span:hover img{transform:translate(0,-100%); transition:linear 5s; margin-top:248px;}
.service3 .product-box>.text{padding:18px 8px 0 8px;}
.service3 .product-box>.text>h3{white-space:nowrap; font-weight:bold; font-size:20px; text-overflow:ellipsis; overflow:hidden;}
.service3 .product-box>.text>p{color:#585858;}
.service3 .product-box>.text>ins{float:right; margin-top:12px;}
@media(max-width:1200px){
.service3{padding:38px 0;}
.service3 .list-box>ul{margin:-9px;}
.service3 .list-box>ul>li{padding:9px; width:50%;}
.service3 .product-box>.pc{box-shadow:0 0 18px rgba(0, 0, 0, .18);}
.service3 .product-box>.text>ins>a span{display:none;}
}
@media(max-width:767px){
.service3{padding:18px 0;}
.service3 .list-box>ul{margin:-4px 0;}
.service3 .list-box>ul>li{width:100%; padding:4px 0;}
.service3 .product-box>.pc{box-shadow:0 0 8px rgba(0, 0, 0, .18);}
.service3 .product-box>.pc>span{height:238px;}
.service3 .product-box>.text{padding:8px 0;}
.service3 .product-box>.text>h3{font-size:18px;}
.service3 .product-box>.text>p{font-size:14px;}
.service3 .product-box>.text>ins{margin-top:10px;}
.service3 .product-box>.text>ins>a{line-height:34px; font-size:14px; padding:0 8px;}
}