body{
	font-family: "微软雅黑";
	font-size: 14px;
}
.navbar-inverse{
	background: #262626;
}
.navbar-inverse .navbar-nav{
	padding-left: 45px;
}
.navbar-inverse .navbar-nav>li>a{
	font-size: 16px;
	color:#fff;
	line-height: 36px;
}
.navbar-inverse .navbar-nav>li>a.curr{
	border-bottom:2px solid #e54e47;
	padding-bottom: 13px;
	background: -moz-linear-gradient(top, #262626, #111c18,50%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #262626), color-stop(1, #111c18));
}
.banner{
	padding-top: 20px;
	overflow: hidden;
}
.banner-left {
	float: left;
	position: relative;
	width:670px;
}
.banner-left img{
	float: left;
	width: 100%;
/*	max-width: 670px;*/
}
@media only screen and (max-width: 768px) {
    .clear-padding{
     margin-left: -25px;
     }
    
    }

    .xsshow{
        margin-bottom: 50px;
        padding: 17px 20px;
        font-size: 30px;
        
        
    }

@media screen and (min-width: 993px) {
     .xsshow{
        display: none;
    }
        
}


@media (min-width: 768px) and (max-width: 993px) { 
    .mdshow{
        display: none;
    }
    
}


.pre{  /* .next*/
	width: 12px;
	height: 34px;
	position: absolute;
	z-index: 10;
	top: 163px;
}
.pre{
	left: 10px;
	background: url(../../images/left.png)
}
/* .next{
	right: 10px;
	background: url(../../images/right.png)
} */
.banner-dot{
	position: absolute;
	bottom: 10px;
	right: 10px;
	list-style: none;
}
.banner-dot li{
	float: left;
	margin-right: 5px;
	width: 8px;
	height: 8px;
	background: url(../../images/white.png);
	cursor: pointer;
}
.banner-dot li.curr{
	background: url(../../images/red.png);
}
.banner-info{
	position: absolute;
	left: 50px;
	top: 38px;
	width: 180px;
	height: 50px;
	line-height: 50px;
	background: rgba(0,0,0,0.3);
	font-size: 32px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.banner-info span{
	float: left;
	width: 50px;
	height: 50px;
	background: #e94d3d;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}
.banner-right{
	float: right;
	width:150px;
	height:113px;
}
.banner-right ul{
	padding: 0;
	list-style: none;
}
.banner-right li{
	padding-bottom: 11px;
}
.banner-right li:last-child{
	padding-bottom: 0;
}
.news-list dl{
	position: relative;
	padding: 25px 0;
	overflow: hidden;
	border-bottom: 1px solid #f1f1f1;
}
.news-list dd.news-img{
	position: absolute;
	left: 0;
	top: 38px;
	margin: 0;
}
.news-list dt,.news-list dd{
	margin-left: 220px;
}
.news-list dt{
	font-size: 18px;
	line-height: 35px;
}
.news-intro{
	color: #646464;
	padding-bottom: 20px;
	min-height: 60px;
}
.news-info{
	font-size: 12px;
}
.news-info span{
	display:inline-block;
	padding: 0 15px 0 35px;
}
.right-title{
	margin-top: 20px;
	padding: 5px 0;
	text-align: center;
	border-bottom: 1px solid #cdcdcd;
}
.right-title h3{
	margin:0;
	margin-top: 5px;
	line-height: 100%;
	font-weight: normal;
}
.right-title span{
	font-size: 12px;
	color: #9a9792
}
.right-tab{
	list-style: none;
	line-height: 45px;
}
.right-tab ul{
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-bottom: 1px solid #f3f3f3;
}
.right-tab li{
	text-align: center;
	list-style: none;
	float: left;
	width: 50%;
	cursor: pointer;
}
.right-tab li.curr{
	border-bottom: 2px solid #e44d46;
}

.hotkeyword{
    background-color: #0E3265;
    box-shadow: 5px 3px 3px #43465F;
    color:#EDC3AE;
}
.right-keyword li{
    margin: 10px 0;
}
.right-keyword ul li a{
    font-weight: bold;
    display: inline;
    line-height: 35px;
    font-size:18px;
    text-decoration: none;
    text-shadow: 1px 2px 3px #FBF2E3;
}

.product-show ul{ 
	padding: 0;
}
.product-show li{ 
    position: relative;
	list-style: none;
	display: inline-block;
	margin: 10px 0;
	border-bottom: 20px;
	overflow: hidden;
	border-radius: 3px;
	font-size: 12px;
	border: 5px solid #F1F1F1;
}
.product-show li span{
    position: absolute;     
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #FFFFFF;
    left:0;
    bottom: 0;
    opacity: 0.6;
    z-index: 9999;
    font-weight: bold;
    border: solid 1px gray;
    width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    course:hand;
}
.product-show li:hover span{  /*0B4693  0F64D3*/
    text-shadow: 1px 1px #0B4693;
}
.product-show ul div:nth-child(1) li span{
     background-color: #1BD1A5;
}
.product-show ul div:nth-child(2) li span{
     background-color: #FC6315;
}
.product-show ul div:nth-child(3) li span{
     background-color: #146654;
}
.product-show ul div:nth-child(4) li span{
     background-color: #D80835;
}
.product-show ul div:nth-child(5) li span{
     background-color: #7C739F;
}
.product-show ul div:nth-child(6) li span{
     background-color: #003371;
}


.product-show li a{
    display: inline-block;
    width: 385px;
    height: 235px;
    text-align: center;
}

/*必看*/
.product-show li{ 
	margin: 5px 5px;
}
.bk-show li a{
    display: inline-block;
    width: 320px;
    height: 200px;
    text-align: center;
}
.bk-show li span{
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    left:0;
    bottom: 0;
    font-weight: bold;
    border: solid 1px gray;
    width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    course:hand;
}




.product-show li a img:hover{
    transform: scale(1.1);
}
.product-show li a img{
   transition :all 0.7s; 
}

.product-show li:last-child{
	
}


.product-show li .intro{
	display: none;
	padding-top: 5px;
	color: #a2a2a0;
}


.right-content ul{
	padding: 0;
}
.right-content li{
	padding:14px 10px 14px 50px;
	list-style: none;
	background-position: 20px 12px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #f3f3f3;
	font-size: 12px;
}
.right-content li:last-child{
	border: 0;
}
.right-content li .intro{
	display: none;
	padding-top: 5px;
	color: #a2a2a0;
}
.right-content li.num1{
	background-image: url(../../images/num1.png);
}
.right-content li.num2{
	background-image: url(../../images/num2.png);
}
.right-content li.num3{
	background-image: url(../../images/num3.png);
}
.right-content li.num4{
	background-image: url(../../images/num4.png);
}
.right-content li.num5{
	background-image: url(../../images/num5.png);
}
.right-content li.num6{
	background-image: url(../../images/num6.png);
}
.right-content li.num7{
	background-image: url(../../images/num7.png);
}
.right-content li.num8{
	background-image: url(../../images/num8.png);
}
.right-content li.num9{
	background-image: url(../../images/num9.png);
}
.right-content li.num10{
	background-image: url(../../images/num10.png);
}
.right-content a{
	margin: 0;
	font-size: 14px;
	line-height: 100%;
	color: #000;
}
.right-content li.curr a{
	font-size: 16px;
}
.right-content li.curr .intro{
	display: block;
}
.right-hot{
	padding-top: 20px;
}
.right-hot img{
	max-width: 100%;
	width: 100%;
}
	.banner-right img{
	    display: block;
	   	background-color:yellow;
	    box-shadow: 20px 5px 5px #CFCFCF;
	    border-radius: 2%;
	    border-right: 40px;
	}
@media only screen and (max-width: 1200px) {
	.banner-right{
	/*	display: none;*/
	margin-left: 20px;
	}
	.banner-right img{
	    display: block;
	   	background-color:yellow;
	    box-shadow: 20px 5px 5px #CFCFCF;
	    border-radius: 5%;
	    border-right: 40px;
	}
}
@media only screen and (max-width: 767px) {
	.navbar-inverse .navbar-nav{
		padding-left: 0;
	}
	.news-list dl{
		padding: 10px 0;
	}
	.news-list dt, .news-list dd{
		margin-left: 0;
		padding: 5px 0;
	}
	.news-list dd.news-img{
		position: relative;
		top: 0;
	}

}
.sing_display_none{
	display: none;
}
.sing_display_block{
	display: block;
}
.news-detail{
	margin-bottom: 140px;

}

/* 分页样式设置 */
	.pages a,
			.pages a,
						.pages span {
							display: inline-block;
							padding: 2px 5px;
							margin: 0 1px;
							border: 1px solid #f0f0f0;
							-webkit-border-radius: 3px;
							-moz-border-radius: 3px;
							border-radius: 3px;
							font-size: 20px;
						}
						
						.pages a,
						.pages li {
							display: inline-block;
							list-style: none;
							text-decoration: none;
							color: #58A0D3;
						}
						
						.pages a.first,
						.pages a.prev,
						.pages a.next,
						.pages a.end {
							margin: 0;
						}
						
						.pages a:hover {
							border-color: #50A8E6;
						}
						
						.pages span.current {
							background: #50A8E6;
							color: #FFF;
							font-weight: 700;
							border-color: #50A8E6;
						}



/*服务中心*/
.centerBJ{
    margin:20px 10px;
    background-image: url("../../img/textBJ02.png");
    background-repeat: no-repeat;
}
.centerBJ02{
    margin:20px 10px;
    background-image: url("../../img/textBJ01.png");
    background-repeat: no-repeat;
}

/* 图文价绍 -- 图片 */
/* 图文介绍1 - 图文介绍2 - 图文介绍3 - 图文介绍4*/
.ITShow02 #ITimage01,#ITimage02,#ITimage03,#ITimage04{
	margin-top: 10px;
	margin-bottom: 5px;
}
.ITShow02 #ITimage01 img,#ITimage02 img,#ITimage03 img,#ITimage04 img{
	width: 100%;
	height: 100%;
	border-radius: 2%;
	box-shadow: 3px 3px 13px 3px #CFCFCF;
}
.ITShow02 #ITtext01,#ITtext02,#ITtext03,#ITtext04{
	padding-left: 120px;
	padding-top: 15px;
}
.ITShow02 #ITtext01 h2:hover,#ITtext02 h2:hover,#ITtext03 h2:hover,#ITtext03 h2:hover{
	cursor: pointer;
	color: DimGrey;
	text-shadow: 4px 4px 3px 3px Snow3;
}

.ITShow02 #ITtext01 p,#ITtext02 p,#ITtext03 p,#ITtext04 p{
	font-size: 21px;
	text-shadow: 7px 5px 5px #CFCFCF;
	line-height: 29px;
	font-weight: 30px;
}
.ITShow02 #ITtext01 p:hover,#ITtext02 p:hover,#ITtext03 p:hover,#ITtext04 p:hover{
	cursor: pointer;
	color: DimGrey;
	text-shadow: 4px 4px 3px 3px Gainsboro;
}

/*小屏到中屏678-992 */
@media screen and (max-width: 992px) {
	.ITShow02 #ITtext01,#ITtext02,#ITtext03,#ITtext04{
		padding-left: 12px;
		padding-top: 15px;
	}
	
	 }
@media screen and (min-width: 992px) {
    .ITShow02{
       padding: 2px 30px;
    }
	
	 }

/*<div id="layerDemo"><div class="layui-btn-container"> <button data-method="setTop" class="layui-btn btn btn-danger">销毁流程</button></div></div>*/
/*销毁流程*/
#ProcessBJ{
    position: relative;
   /* margin-bottom: 30px;*/
    
}

#ProcessBJ .ProcessBu{
    position: absolute;
    left: 190px;
    top: 35px;
}

/*.ProcessBJ .ProcessBu .ProcessSt{ 
    font-size: 60px;
    font-weight: bold;
}*/
    


/* 销毁范围 */
/* 产品展示 - 产品服务 - 产品图片 - 产品文本 */
/* 食品，化妆品，服装 -- 奶粉,饼干，肉类 -- 文件，硬盘，电子产品*/
.ProShow .marginlun{
    margin: 0 40px;
}
.ProShow{
   /* background:GhostWhite;*/
   padding:0 160px 0 160px;
   background-color: #f1f4f9;
   position: relative;
   margin-top: 40px;
   position: relative;
   background-image: url("../../img/newsbj.jpg");
   margin-bottom: 60px;
}

.ProShow .us{
    display: inline-block;
    text-transform: uppercase;  /*大写*/
    color: rgba(169,179,197,.1);
    position: absolute;
    left: 28%;
    font-size: 110px;
    top: 3%;
    z-index: 1;
    line-height: 0.8;
}
.ProShow .usdiv{
    font-size: 35px;
    font-weight:bold;
    /*text-shadow: 1px 2px #CFCFCF;*/
    margin: 30px 0 30px 120px;
}

.ProShow .ProService{
    padding-top: 2%;
    margin-bottom: 20px;
}

.ProService .ProTitle{
	margin-bottom: 7px;
	font-weight: bold;
	color: dimgrey;	
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 21px;
	text-shadow:2px 2px 1px #aaa;
}
.ITShow03 .ProService .marginlun{
    width: 100%;
}

.ProShow .ProService .marginlun #ProImg{
    position:relativel;
    background-color: #FFFFFF;
    width:21%;
    padding-top: ;
    margin: 0 2%;
    margin-bottom: 40px;
    text-align: center;
    cursor: pointer;
    height: 100%;
}

.ProShow .ProService .marginlun #ProImg img{
/*    max-width: 350px;*/
      border-radius:10px;
      margin-top: 3%;
      width: 100%;
      max-height: 56%;
}

.ProShow .ProService .marginlun #ProImg .mask{
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%,-50%);
/*    background-color:rgba(0,0,0,0.2);*/
    width: 93%;
    /*line-height: 100px;*/
    color: #1C1C1C;
    font-size: 21px;
    font-weight:900;
    display: none;
}

.ProShow .ProService .marginlun #ProImg .ProText{
     margin: 20px;
     font-size: 19px;
}

@media screen and (max-width: 768px) {
.ProShow{
   padding:0 60px 0 60px;
   margin-top: 10px;
   margin-bottom: 20px;
}
.ProShow .usdiv{
    margin: 20px 0 20px 30px;
}
.ITShow .ProService .marginlun{
}

.ProShow .ProService .marginlun #ProImg{
    margin: 0 2%;
    margin-bottom: 10px;
  /*  padding-left: 10px;*/
    padding-right: 0;
    padding: 0;
 
}
.ProShow .ProService .marginlun #ProImg img{
      border-radius:0;
      margin-top: 3%;
}
.ProShow .ProService .marginlun #ProImg .ProText{
     margin: 0;
     font-size: 16px;
}
}


#ProImg img{
	transition: all 0.4s;
}
#ProImg img:hover{
	transform: scale(1.2);
}
#ProImg .ProText a{
	text-decoration: none;
}

/* 底部信息 */
.footerinfo{
	font-size: 18px;
	height: 150px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: GhostWhite;
	box-shadow: 3px 3px 2px 3px LightGray;
	font-weight: 700;
}
.footerinfo .fimg .row{
    margin-left: 5px;
}
.footerinfo .fimg{	
} 
.footerinfo .fimg ul li{
	display: inline-block;
	margin-top: 10px;
	float: left;
	list-style: none;
}
.footerinfo .fimg ul li img{
	display: inline-block;		
	float: left;
	height: 70px;
	width: 70px;
}
.footerinfo .fimg ul li p{
	padding-top: 20px;
    height: 70px;
	text-shadow: 3px 3px 2px #FFFFE0;
}
.footerinfo .fimg ul li:hover p{
	padding-top: 20px;
	display: inline-block;
    height: 70px;
	/*background-color: #F2DEDE;
	padding-bottom: -10px; */
	color: LightSteelBlue;
	cursor: pointer;
}

.footerinfo .fbatext{
	clear: both;
	text-align: center;
}
.footerinfo .fbatext a{
}
.footerinfo .fbatext a:hover span{
	text-decoration: none;
	color: #000000;
	}
.footerinfo .fbatext a span{
	display: inline-block;
	/* margin-left: 51px; */
}



/* 图文介绍1 -- 公司 */
.aboutus{
   /* background:GhostWhite;*/
   padding:0 50px 0 50px;
   background-color: #f1f4f9;
   position: relative;
   margin-top: 40px;
   position: relative;
   /*background-image: url("../../img/haoyuanbj.png");*/
}

.aboutus .us{
    display: inline-block;
    text-transform: uppercase;  /*大写*/
    color: rgba(169,179,197,.1);
    position: absolute;
    left: 28%;
    font-size: 110px;
    top: 7%;
    z-index: 1;
    line-height: 0.8;

}

.aboutus .usdiv{
    font-size: 35px;
    font-weight:bold;
    /*text-shadow: 1px 2px #CFCFCF;*/
    margin: 30px 0 30px 160px;
}

.aboutus #usimg{
	margin-top: 40px;
    /*	border-radius: 2%;*/
	/*box-shadow: 2px 2px 5px 2px #CFCFCF;*/
	margin-bottom: 60px;
}

.aboutus #usimg .usimage{
    width: 100%;
}
.aboutus #usimg .usimage img{
    width: 100%;
	border-radius: 2%;
}

.aboutus #ustext{
	padding-left: 40px;
	padding-top: 40px;
	font-size: 21px;
	text-shadow: 7px 5px 5px #CFCFCF;
	line-height: 29px;
	overflow: hidden;
}


.aboutus #ustext .clamprow{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical;
      
}
@media screen and (max-width: 768px) {
.aboutus{
        padding:0;
}
.aboutus .usdiv{
        margin: 10px 100px;
}
.aboutus #ustext{
	padding-left: 0;
}
.aboutus #ustext .clamprow{
           overflow: hidden;
           text-overflow: ellipsis;
           display: -webkit-box;
           -webkit-line-clamp: 4;
           -webkit-box-orient: vertical;
           width:100%;
     }
 

}
@media screen and (min-width: 768px)  and (max-width: 992px){
     .aboutus{
           padding:0 100px 0 120px;
        }
     .aboutus #ustext .clamprow{
           overflow: hidden;
           text-overflow: ellipsis;
           display: -webkit-box;
           -webkit-line-clamp: 6;
           -webkit-box-orient: vertical;
           width:100%;
     }
 
 }

        
.aboutus #ustext p:hover{
	cursor: pointer;
	color: DimGrey;
	text-shadow: 4px 4px 3px 3px Gainsboro;
}

#ustext .linktext{
    display: inline-block;
    text-decoration: none;
    height:40px;
    font-size: 23px;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    background-color:#BFEFFF;
    border: 1px dashed #B5B5B5;
    line-height: 40px;
}
#ustext .linktext:hover a{
    color: #FFFFFF;
}
#ustext .linktext a{
    text-decoration: none;
    line-height: 40px;
}




/* 关于我们 */
.company{
	background:GhostWhite;
	box-shadow:2px 2px 2px 5px WhiteSmoke;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	font-size: 18px;
	cursor: pointer;
}
.company p:first-child{
	font-size: 30px;
	margin-bottom: 5px;
	font-family: "book antiqua";
	font-weight: 550; 
	text-shadow: 5px 5px 3px #CFCFCF;
}
.ITShow02 #ITimage05{  /* 营业执照*/
	margin-top: 10px;
	display: block;
	
	border-radius: 2%;
	box-shadow: 3px 3px 13px 3px #CFCFCF;
}

/* 网站备案编号 href="http://beian.miit.gov.cn"
   网站名：保密销毁
 */


/*销毁热搜 15，17，18静态页面样式  nth-child(){获取直接子元素}*/ 
.hotdetail{
     background:GhostWhite;
}
.hotdetail .modetail{
    height:200px;
    width:100%;
    background-color:#2A6868;
    box-shadow:2px 2px 3px 3px;
    border-radius:7px;
    font-size: 30px;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
}
.hotdetail div:nth-child(1) .modetail{
     background-color:#3271AE;
}
.hotdetail div:nth-child(1) div p:first-child{
    height: 40%;
    padding-top: 10%;
    padding-left: 12%;
}
.hotdetail div:nth-child(1) div p:last-child{
     font-size: 25px;
     font-family: Microsoft Yahei,SimSun,Helvetica;
     height: 60%;
     width: 100%;
     padding-top: 20px;
     padding-left: 12%;
}
.hotdetail div:nth-child(1) div p:last-child span{
     margin-left: 45%;
}

.hotdetail div:nth-child(2) .modetail{
     background-color:#F07C82;
}
.hotdetail div:nth-child(2) div p:first-child{
    height: 40%;
    padding-top: 10%;
    padding-left: 12%;
}
.hotdetail div:nth-child(2) div p:last-child{
     font-size: 25px;
     font-family: Microsoft Yahei,SimSun,Helvetica;
     height: 60%;
     padding-top: 20px;
     padding-left: 12%;
}
.hotdetail div:nth-child(2) div p:last-child span{
     margin-left: 45%;
}

.hotdetail div:nth-child(3) .modetail{
     background-color:#75C1C4;
}
.hotdetail div:nth-child(3) div p:first-child{
    height: 40%;
    padding-top: 10%;
    padding-left: 12%;
}
.hotdetail div:nth-child(3) div p:last-child{
     font-size: 25px;
     font-family: Microsoft Yahei,SimSun,Helvetica;
     height: 60%;
     width: 100%;
     padding-top: 20px;
     padding-left: 12%;
}
.hotdetail div:nth-child(3) div p:last-child span{
    margin-left: 45%;
}

.ProMeth,.product,.DataMust{
    margin-top: 50px;
    margin-bottom: 30px;
    padding-left: 50px;
}
.ProMeth,.product,.DataMust span{
    cursor: pointer;
    font-weight: bold;
    font-size: 25px;
}

.ProMeth span{
    color: #75C1C4;
    text-shadow: 1px 3px 3px #1C2D25;
}
.product span{
    color: #43465F;
    text-shadow: 1px 3px 3px #1C2D25;
}
.DataMust span{
    color: #D7000E;
    text-shadow: 1px 3px 3px #1C2D25;
}

.hotdetail div a{
    text-decoration: none;
}

#ProMeth div:nth-child(1) div:hover{
    box-shadow:3px 2px 3px #0E3265;
}
#ProMeth div:nth-child(2) div:hover{
    box-shadow:3px 2px 3px #0E3265;
}
#ProMeth div:nth-child(3) div:hover{
    box-shadow:3px 2px 3px #0E3265;
}

#DataMust div:nth-child(1) div:hover{ 
    box-shadow:3px 2px 3px #0E3265;
}
#DataMust div:nth-child(2) div:hover{
    box-shadow:3px 2px 3px #0E3265;
}
#DataMust div:nth-child(3) div:hover{
    box-shadow:3px 2px 3px #0E3265;
}

#product div:nth-child(1) div:hover{
    box-shadow:3px 2px 3px #D5BB38;
}
#product div:nth-child(2) div:hover{
    box-shadow:3px 2px 3px #0E3265;
}
#product div:nth-child(3) div:hover{
    box-shadow:3px 2px 3px #D5BB38;
}
   
/*销毁方法 25，26，27，28，29  nth-child(){获取直接子元素}*/ 
.methoddetail{
    
}

.methoddetail .methodmode{
    height:280px;
    width:100%;
    background-color:#2A6868;
    border-radius:7px;
    color: #FFFFFF;
    cursor: pointer;
    overflow: hidden;
}

.methoddetail div:nth-child(1) a{
    text-decoration: none;
}
.methoddetail div:nth-child(2) a{
    text-decoration: none;
}
.methoddetail div:nth-child(3) a{
    text-decoration: none;
}
.methodmode p:nth-child(1){
    font-weight: bold;
    font-size: 30px;
    padding-top: 30px;
    padding-left: 30px;
    margin-bottom:35px;
    width: 100%;
    height: 20%;
}
.methodmode p:nth-child(2){
    width: 60%;
    height: auto;
    float: left;
    overflow: hidden;
    padding-left: 10px;
}
.methodmode p:nth-child(2) img{
    width: 100%;
    height: auto;
    border-radius: 5px;
    transition :all 1s;
}
.methodmode p:nth-child(2) img:hover{
    transform: scale(1.1);
}
.methodmode p:nth-child(3){
    font-weight: bold;
    font-size: 15px;
    padding-top :5px;
    padding-left :15px;
    padding-right: 10px;
    width: 40%;
    height: 80%;
    float: left;
}

.methoddetail div:nth-child(1) a:hover .methodmode{
    box-shadow:3px 3px 3px #0E3265;
}
.methoddetail div:nth-child(2) a:hover .methodmode{
    box-shadow:3px 3px 3px #0E3265;
}
.methoddetail div:nth-child(3) a:hover .methodmode{
    box-shadow:3px 3px 3px #0E3265;
}

TextProhibit{
    padding: 0 10px;
    
}
.TextProhibit div{
    font-style: italic;
    padding:15px 10px;
    font-size:18px;
    background:#0E3265;
    color:#EDC3AE;
    margin-top: 20px;
    margin-bottom:210px;
    font-weight: bold;
    font-size: 21px;
    border-radius: 5px;
}
  
.FilesSecr,.ShipinSafe,.desMethod span{ 
    cursor: pointer;
    font-weight: bold;
    font-size: 25px;
    margin-top: 50px;
    margin-bottom: 30px;
    padding-left: 50px;
    text-shadow: 1px 3px 3px #1C2D25;
}

.desMethod{ 
    cursor: pointer;
    margin-top: 50px;
    margin-bottom: 30px;
    text-shadow: 1px 3px 3px #1C2D25;
   
}

.FilesSecr span{
    color: #D7000F;
}
.ShipinSafe span{
    color: #F28E16;
}
.Pro-des{
    width: 100%;
    margin-top: 70px;
    position: relative;
}
.Pro-des h2{
    position: absolute;
    text-align: center;
    left:50%;
    transform:translate(-50%,-50%); 
    font-size: 30px;
    font-weight: bold;
    color: #00000;
    text-shadow: 1px 2px 1px #CFCFCF;
}
.Pro-des h3 {
    position: absolute;
    text-align: center;
    left:50%;
    transform:translate(-50%,-50%); 
    font-weight: bold;
    color: #00000;
    text-shadow: 1px 2px 1px #CFCFCF;
}
   .swiper-container01 {
      width: 100%;
      height: auto;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide01 {
      /* Center slide text vertically */
      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;
    }
    
    .bk-file {
        height: 100%;
        
    }
    .bk-file ul {
        height: 100%;
        display: flex;
        flex-direction:column; 
    }
    .bk-file ul li {
        display: inline-block;
        height: 12.33333%;
        flex: 1;
        display: flex;
        justify-content:center;
        align-content: center;
        margin-bottom: 5px;
        transition :all 0.7s;
     }
    .bk-file ul li p {
        flex: 1;
        /*background-color:#FDD876 ;*/
        margin:0;
        text-align: center;
        /*color: #FAFF72;*/
        font-size: 18px;
        font-weight: bold;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: url(/Public/img/dateIcon.jpg) no-repeat right bottom;
        background-color:#F5E9DD ;  /*背景色位于背景图片下方，否则颜色会被覆盖*/
        border-top: 6px solid #f2dcb5;
       
    }
    .bk-file ul li:hover a{
        text-shadow: 1px 1px #FDD876;
        font-weight: bold;
}
    .bk-file ul li:hover p,a{
        transform: translateY(-5px);
    }
    .bk-file ul li p span{
        height: 50%;
        width: 100%;
    }
    .bk-file ul li p span:nth-child(1){
        font-size: 27px;
        color: #f78b1e;
        border-bottom: 1px dashed #f78b1e;
        
    }
    .bk-file ul li p span:nth-child(2){
        text-shadow: 1px 1px #f78b1e;
    }
    .bk-file ul li a {
        text-decoration:none;
        margin-left: 15px;
        line-height: 65px;
        font-size: 19px;
        flex: 6;
        border-bottom: 1px dashed #F6AC19;
    }
    
.card img{
    transition :all 1s;
}
.card img:hover{
    transform: scale(1.2);
}

.news-safe{
    display: flex;
    flex-wrap: wrap; 
    justify-content:space-between;
    margin-bottom:14px ;
    transition: all 1.7s;
}
.news-safe div{
    width: 49%;
}

.news-safe div:nth-child(1) img:hover{
     box-shadow: 3px -3px 5px #8a8a8a;
     transform: scale(1.01);
}
.news-safe div:nth-child(2) img:hover{
     box-shadow: 1px -2px 3px #8a8a8a;
     transform: translateY(-3px);
     
}

.news-safe div:nth-child(1){
}
.news-safe div:nth-child(2){
     box-shadow: 1px -2px 3px #8a8a8a;
}

.xc-file{
    /*background-color: #fffef3;*/
    margin-top: 20px;
    background-color: #EDEDED;
}
.xc-file a{
    color:#1C2D25;
    font-size:17px;
    padding-top:20px;
    margin-left:-40px;
    font-weight: bold;
  
}
.xc-file a:hover{
    color: #C25339;
    text-decoration: none;
}
.xc-file span{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.zx-file{
    border-bottom: 1px solid red;
}
.zx-file a{
    color:#8a8a8a;
    
    padding-top:20px;
    margin-left:-40px;
}
.zx-file a:hover{
    color: #1C2D25;
    font-weight: bold;
    text-decoration: none;
}
/*底*/
.footer-top{
    border-top: 1px dashed LightGray;
    padding: 20px;
    display: block;
    margin-top:150px;
    font-size: 18px;
    border-radius: 7px;
    background-color: GhostWhite;
   /* box-shadow: 2px 2px 20px 3px;*/
}
.footer-top .col-sm-4{
   border-right: 2px dashed GhostWhite;
}
.footer-top .col-sm-4:last-child{
   border-right:NONE;
}
.footer-top ul li{
    display: inline-block;
    width: 40%;
    padding-left: 10%;
    font-weight: bold;
    cursor: pointer;
    margin-top: 7px;
}

.footer-top ul li:hover{
    color:red;
}