﻿body,h1,h2,h3,h4,h5,p,dl,dd,ol,ul,th,td,fieldset,
input,button,textarea,form,canvas,audio,
video,article,aside,details,figcaption,
figure,footer,header,hgroup,menu,nav,section{margin:0;
    padding:0px; outline: none;
    font-weight: normal;}
ol,ul{list-style:none}
img{border:0;-ms-interpolation-mode:bicubic}
li,img,label,input{vertical-align:middle}
a{outline:none; cursor: pointer;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.window {background: #f7f7f7;}
/*顶部*/
.top {
    background: #6a2148;
}
.w1400 {
    width: 1400px;
    max-width:100%;
    margin: 0 auto;
}
/*内容*/

.restrict-access-box{
	width:1024px;
              max-width:98%;
	margin:180px auto;
	}
.restrict-access-picbox{
	float:left;
	text-align:center;
	}
.restrict-access-text{
	width:580px;
	float:right;
	margin:-10px 0 0;
	}
.restrict-access-text .restrict-access-title{
	width:100%;
	float:left;
	text-align:left;
	font-size:42px;
	font-family:"Microsoft YaHei UI";
	color:#333;
	line-height:52px;
	margin:0 0 18px;
	}
.restrict-access-text .restrict-access-info{
	width:100%;
	text-align:left;
	font-size:18px;
	font-family:"Microsoft YaHei UI";
	color:#666;
	line-height:50px;
	float:left;
	margin-bottom: 5px;
	}
.restrict-access-text .restrict-access-info .inter-apps{
	padding:0 10px;
	display:inline-block;
	background-color:rgba(0,84,149,0.98);
	height:30px;
	font-size:14px;
	line-height:30px;
	border-radius:5px;
	color:#fff;
	box-sizing:border-box;
	margin:0 0 0 10px;
	}
.restrict-access-text .restrict-access-notice{
	width:100%;
	text-align:left;
	font-size:18px;
	font-family:"Microsoft YaHei UI";
	color:#333;
	line-height:30px;
	float:left;
	margin-bottom: 5px;
}
.restrict-access-text .restrict-access-notice.call{
	margin-top:10px;
}
.restrict-access-notice span{
	float: left;
}
.restrict-access-notice .describe{
	width:calc(100% - 50px);
}


/*底部*/
.dibu_bg{
    background:#6a2148;
}
.dibu{ padding: 40px 0px 0px; }
.dblogo{ float: left;
}
.dbdz{ float: left;
    margin:6px 0px 0px 95px;
    font-size: 16px; 
    line-height: 32px;
    color:#fff;  
}

.dbewm{
    float: right;
    width: 108px;
}
.dbewm li{
    width: 100%; float: left;
    position: relative;
    cursor: pointer;
   
}
.dbewm li h2{ padding-left: 42px;
    font-size: 16px; 
    line-height: 34px;
    color:#fff;  
}
.dbewm li:nth-of-type(1) h2{
    background: url(./db_wx.png) no-repeat left center;
}
.dbewm li:nth-of-type(2) h2{
    background: url(./db_wb.png) no-repeat left center;
}
.dbewm li .dbewm_on{
    display: none;
    width: 100px; height: 100px;
    background: #fff;
    padding: 5px;
    position: absolute;
    left: 0px; bottom: 34px;

}
.dbewm li .dbewm_on span{
    position: relative;
    width: 100%; height: 100%;
    float: left;
}
.dbewm li .dbewm_on span img{ width: 100px; height: 100px;}
.dbewm li .dbewm_on span::before{
    content: "";
    width: 0;
    height: 0;
    left:45px;
    bottom: -15px;
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #fff;
}
.dbewm li:hover .dbewm_on{
    display: block;
}



.banquan{ border-top: #884d6d 1px solid;
    margin-top: 34px;
    width: 100%; float: left;
    padding: 13px 0px;
    font-size: 16px; line-height: 30px;
    color:#fff;  
}
.banquan a{
 color:#fff;  
}
.dibu {
    padding: 40px 0px 0px;
}
.ctbx {
    width: 1400px;
    max-width:100%;
    margin: 0 auto;
}


@media screen and (max-width: 1400px){
.dblf {
    padding: 0 30px;
}
.banquan p {
    padding: 0 30px;
}
.restrict-access-box {
    padding: 0 1%;
}
}

