/*大黄蜂云视频加密页面*/


/*banner*/
.spjm-banner-left-box,.spjm-banner-right-box{

float: left;

width: 50%;

height: 100%;
}
.spjm-banner-box{

width: 100%;

height: 600px;

background-image: url("../images/dhfshipinjiami/banner.png");

background-repeat:no-repeat;

background-size:100% 100%;

-moz-background-size:100% 100%;
}

.spjm-banner-content{

height: 100%;

position: relative;
}

.spjm-banner-img-three{

width: 100%;
}

.spjm-banner-three-big-title{

position: absolute;

top: 76px;

left: 0;

font-family: Lato-Bold;

width: 682px;

height: 80px;

font-size:60px;

font-weight:bold;

color:rgba(255,255,255,1);

line-height:72px;
}

.spjm-banner-three-big-title-two{

font-family: Lato-Bold;

top: 152px;

width: 682px;

height: 80px;

position: absolute;

font-size:60px;

font-weight:bold;

color:rgba(255,255,255,1);

line-height:72px;
}

.spjm-banner-three-small-title{

position: absolute;

top: 246px;

left: 0;

width: 743px;

font-size:26px;

font-family:SourceHanSansCN-Normal;

font-weight:400;

color:rgba(255,255,255,1);

line-height:40px;
}

.spjm-banner-tips{

position: absolute;

top: 375px;

left: 0;

font-size:16px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(254,254,254,1);

line-height:72px;
}
.spjm-banner-oss{

position: absolute;

top: 425px;

left: 200px;

font-size:16px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(254,254,254,1);

line-height:25px;
}
spjm-banner-log{
	 height: 20px;

line-height: 20px;

width: 100%;

margin-left: 50px;
}
.spjm-banner-log a{

line-height: 25px;

padding-top: 455px;

margin-left: 200px;

display: block;

float: left;

font-size:16px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(255,151,89,1);
}

.spjm-banner-three-ul{

position: absolute;

left: 21px;

top: 109px;

width: 800px;

height: 26px;
}

.spjm-banner-three-ul li{

float: left;

margin-right: 47px;
}

.spjm-banner-three-ul img{

float: left;

margin-top: 12px;

padding-right: 10px;

width: 26px;

height: 26px;

display: block;

line-height: 26;
}

.spjm-banner-three-span{

font-size:26px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(255,255,255,1);

line-height:48px;
}

.spjm-banner-btn{

position: absolute;

left: -2px;

bottom: 116px;

width:160px;

height:50px;

background:rgba(247,183,93,1);

border-radius:5px;

text-align: center;
}

.spjm-banner-btn img{

position: absolute;

left: 37px;

top: 18px;
}

.spjm-banner-btn span{

position: absolute;

top: 0;

left: 60%;

width: 100%;

transform: translate(-50%,0);

text-align: center;

font-size:16px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(254,254,254,1);

line-height: 50px;
}


/*spjm-a*/
.spjm-box-a{

height: 1100px;

background: rgb(255, 255, 255);

overflow: hidden;
}

.spjm-a-content{

height: 100%;
}

.spjm-a-top,.box-a-bottom{

width: 100%;

overflow: hidden;
}

.spjm-a-top{

padding-top: 80px;
}

.spjm-a-title{

width: 100%;

display: inline-block;

text-align: center;

font-size:38px;

font-family:Lato-Bold;

font-weight:bold;

color:rgba(47,47,51,1);

line-height:48px;
}

.spjm-a-smalltitle{

width: 100%;

display: inline-block;

text-align: center;

font-size:18px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(57,75,80,1);

line-height:48px;
}

.spjm-a-bottom{

height: 75%;

position: relative;
}

.spjm-a-bottom ul{

text-align: center;

padding-left: 23px;

height: 380px;

margin-top: 60px;
}

.spjm-a-bottom>ul>li{

float: left;

width: 280px;

height: 360px;

margin-left: 118px;

background:rgba(255,255,255,1);

margin-bottom: 80px;
}

.spjm-a-bottom>ul>li:hover{

box-shadow:0px 5px 15px 0px rgba(44,44,44,0.1), 0px -5px 10px 0px rgba(44,44,44,0.02);

border-radius:5px;
}

.spjm-a-bottom>ul>li:hover .list-a-btn-box{

display: block;
}

.spjm_a_img_box{

width: 100%;

height: 50%;

overflow: hidden;
}

.spjm_a_img_box img{

margin-top: 24px;

width: 211px;

height: 152px;
}
.spjm-a-li-title{

font-size:18px;

font-family:DIN-Medium;

font-weight:800;

color:rgba(0,0,0,1);

line-height:48px;
}

.spjm-a-li-p{

padding: 0 25px;

font-size:14px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(153,153,153,1);

line-height:24px;
}

.spjm-a-btn-box{

display: none;

margin-top: 31px;

width: 100%;

position: absolute;

left: 233px;

top: -10px;

transform: translate(-50%,0);

position: relative;
}

.spjm-a-btn{

position: absolute;

display: block;

width: 100px;

height: 35px;

background:rgba(62,178,150,1);

border-radius:18px;

line-height: 35px;

text-align: center;

left: 50%;

top: 50%;

transform: translate(-50%,-50%);
}

.spjm-a-btn>span{

font-size:12px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(255,255,255,1);

line-height:35px;
}



/*spjm-b*/

.spjm-box-b{

height:600px;

background:rgba(250,250,250,1);
}

.spjm-b-content{

height: 100%;

overflow: hidden;
}


.spjm-b-bottom{

width: 100%;
}

.spjm-b-bottom{

padding-top: 75px;

height: 100%;

position: relative;

text-align: center;
}

.spjm-b-bottom-top{

width: 100%;

height: 360px;

box-sizing: border-box;
}

.spjm-b-left{

float: left;

width: 50%;

height: 100%;

margin-top: 13px;
}

.spjm-b-left>img{
}

.spjm-b-right{

float: left;

width: 50%;

height: 100%;

overflow: hidden;
}

.spjm-b-right>ul{

margin-top: 36px;

margin-left: 170px;

width: 100%;

height: 100%;
}

.spjm-b-right>ul>li{

height: 41px;

width: 100%;
}

.spjm-b-li-content{

margin-top: -10px;

float: left;

height: 100%;

width: 70%;
}

.spjm-b-li-title{

margin-top: -3px;

display: inline-block;

text-align: left;

width: 100%;

font-size:18px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(57,75,80,1);

line-height:48px;
}

.spjm-b-li-content{

display: inline-block;

text-align: left;

font-size:14px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(170,170,170,1);

line-height:24px;
}


.spjm-b-right-big-title{

margin-top: 14px;

width: 100%;

display: inline-block;

margin-left: -50px;

font-size:38px;

font-family:DIN-Medium;

font-weight:500;

color:rgba(47,47,51,1);

line-height:48px;
}

.spjm-b-right-bottom{

margin-top: -183px;

margin-left: 161px;

width: 100%;

height: 100px;
}

.spjm-b-right-bottom-item{

float: left;

width: 80px;

height: 100%;

margin-right: 83px;

}

.spjm-b-right-bottom-item-box{

display: inline-block;

width: 100%;

margin-bottom: 6px;
}

.spjm-b-right-bottom-item-box img{

height: 55px;
}

.spjm-b-right-bottom-item span{

font-size:14px;

font-family:SourceHanSansSC-Regular;

font-weight:400;

color:rgba(57,75,80,1);

line-height:30px;
}



/*spjm-c*/
.spjm-box-c{

height:600px;

background:rgba(255,255,255,1);
}

.spjm-c-content{

height: 100%;

overflow: hidden;
}


.spjm-c-bottom{

width: 100%;
}

.spjm-c-bottom{

padding-top: 75px;

height: 100%;

position: relative;

text-align: center;
}

.spjm-c-bottom-top{

width: 100%;

height: 360px;

box-sizing: border-box;
}

.spjm-c-right{

float: left;

width: 40%;

height: 100%;

margin-top: 51px;
}

.spjm-c-right>img{

margin-top:-74px;

width: 448px;

height: 507px;
}

.spjm-c-left{

float: left;

width: 60%;

height: 100%;

overflow: hidden;
}

.spjm-c-left>ul{

margin-top: 50px;

margin-left: 79px;

width: 100%;

height: 100%;
}

.spjm-c-left>ul>li{

height: 41px;

width: 100%;
}

.spjm-c-li-img{

float: left;

width:8px;

height:8px;

background:rgba(62,178,150,1);

opacity:0.5;

border-radius:50%;

margin-right: 10px;
}

.spjm-c-li-content{

margin-top: -10px;

float: left;

height: 100%;

width: 100%;
}

.spjm-c-li-title{

margin-top: -3px;

display: inline-block;

text-align: left;

width: 100%;

font-size:18px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(57,75,80,1);

line-height:48px;
}

.spjm-c-li-content{

display: inline-block;

text-align: left;

font-size:14px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(170,170,170,1);

line-height:24px;
}

.spjm-c-left-big-title{

margin-top: 14px;

width: 100%;

display: inline-block;

margin-left: -242px;

font-size:38px;

font-family:DIN-Medium;

font-weight:500;

color:rgba(47,47,51,1);

line-height:48px;
}



/*spjm-d*/

.spjm-box-d{

height:600px;

background:rgba(255,255,255,1);
}

.spjm-d-content{

height: 100%;

overflow: hidden;
}


.spjm-d-bottom{

width: 100%;
}

.spjm-d-bottom{

padding-top: 75px;

height: 100%;

position: relative;

text-align: center;
}

.spjm-d-bottom-top{

width: 100%;

height: 360px;

box-sizing: border-box;
}

.spjm-d-left{

float: left;

width: 40%;

height: 100%;

margin-top: 13px;
}

.spjm-d-left>img{

margin-top: -72px;
}

.spjm-d-right{

float: left;

width: 60%;

height: 100%;

overflow: hidden;
}

.spjm-d-right>ul{

margin-top: 36px;

margin-left: 170px;

width: 100%;

height: 100%;
}

.spjm-d-right>ul>li{

height: 41px;

width: 100%;
}

.spjm-d-li-content{

margin-top: -10px;

float: left;

height: 100%;

width: 100%;
}

.spjm-d-li-title{

margin-top: -3px;

display: inline-block;

text-align: left;

width: 100%;

font-size:18px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(57,75,80,1);

line-height:48px;
}

.spjm-d-li-content{

display: inline-block;

text-align: left;

font-size:14px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(170,170,170,1);

line-height:24px;
}


.spjm-d-right-big-title{

margin-top: 14px;

width: 100%;

display: inline-block;

margin-left: -215px;

font-size:38px;

font-family:DIN-Medium;

font-weight:500;

color:rgba(47,47,51,1);

line-height:48px;
}


/*spjm-e*/


.spjm-box-e{

height:600px;

background:rgba(255,255,255,1);
}

.spjm-e-content{

height: 100%;

overflow: hidden;
}


.spjm-e-bottom{

width: 100%;
}

.spjm-e-bottom{

padding-top: 75px;

height: 100%;

position: relative;

text-align: center;
}

.spjm-e-bottom-top{

margin-left: -76px;

width: 100%;

height: 360px;

box-sizing: border-box;
}

.spjm-e-right{

float: left;

width: 40%;

height: 100%;

margin-top: 51px;
}

.spjm-e-right>img{

margin-top:-74px;
}

.spjm-e-left{

float: left;

width: 60%;

height: 100%;

overflow: hidden;

position: relative;
}

.spjm-e-left>ul{

margin-top: 50px;

margin-left: 79px;

width: 100%;

height: 100%;
}

.spjm-e-left>ul>li{

height: 41px;

width: 100%;
}

.spjm-e-li-img{

float: left;

width:8px;

height:8px;

background:rgba(62,178,150,1);

opacity:0.5;

border-radius:50%;

margin-right: 10px;
}

.spjm-e-li-content{

margin-top: -10px;

float: left;

height: 100%;

width: 100%;
}

.spjm-e-li-title{

margin-top: -3px;

display: inline-block;

text-align: left;

width: 100%;

font-size:18px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(57,75,80,1);

line-height:48px;
}

.spjm-e-li-content{

display: inline-block;

text-align: left;

font-size:14px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(170,170,170,1);

line-height:24px;
}

.spjm-e-left-big-title{

margin-top: 14px;

width: 100%;

display: inline-block;

margin-left: -242px;

font-size:38px;

font-family:DIN-Medium;

font-weight:500;

color:rgba(47,47,51,1);

line-height:48px;
}

.spjm-e-btn-box{

position: absolute;

left: 77px;

bottom: 0;
}
.spjm-e-btn{

width:160px;

height:50px;

background:rgba(106,117,255,1);

box-shadow:0px 5px 20px 0px rgba(106,117,255,0.4);

border-radius:5px;
}

.spjm-e-btn span{

font-size:16px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(255,255,255,1);

line-height:50px;
}



/*spjm-f*/

.spjm-box-f{

background: rgb(255, 255, 255);
}

.spjm-f-content{

height: 100%;
}

.spjm-f-top,.box-g-bottom{

width: 100%;

overflow: hidden;
}

.spjm-f-top{

padding-top: 80px;

height: 25%;
}

.spjm-f-title{

width: 100%;

display: inline-block;

text-align: center;

font-size:38px;

font-family:Lato-Bold;

font-weight:bold;

color:rgba(47,47,51,1);

line-height:48px;
}

.spjm-f-smalltitle{

width: 100%;

display: inline-block;

text-align: center;

font-size:18px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(57,75,80,1);

line-height:48px;
}

.spjm-f-bottom{

margin-top: 0px;

height: 75%;

position: relative;
}

.spjm-f-bottom ul{

text-align: center;

padding-left:98px;

height: 380px;

margin-top: 10px;
}

.spjm-f-bottom>ul>li{

float: left;

width: 239px;

height: 340px;

margin: 0 30px;

background:rgba(255,255,255,1);
}

.spjm-f-bottom>ul>li:nth-last-child(4){

margin-left: 0px;
}

.spjm-f-btn-box{

position: relative;

width:100%;

height:50px;
}

.spjm-f-btn-green-a{

position: absolute;

width:160px;

left: 50%;

transform: translate(-50%,0);

height: 100%;

background:rgba(62,178,150,1);

box-shadow:0px 5px 20px 0px rgba(62,178,150,0.2);

border-radius:5px;

line-height: 50px;
}

.spjm-f-btn-green-a span{

font-size:14px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(255,255,255,1);
}

.spjm_f_img_box{

width: 100%;

height: 50%;
}

.spjm-f-li-p{

margin-top: 26px;

font-size:14px;

font-family:SourceHanSansSC-Regular;

font-weight:400;

color:rgba(123,123,123,1);

line-height:20px;
}

.spjm-f-li-title{

font-size:20px;

font-family:Lato-Bold;

font-weight:bold;

color:rgba(57,75,80,1);

line-height:22px;
}

.spjm_f_img_margin_top{

margin-top: -55px;
}

.spjm-f-left-line{

position: absolute;

left: 297px;

top:-55px;
}

.spjm-f-center-line{

position: absolute;

left: 600px;

top: 66px;
}
.spjm-f-right-line{

position: absolute;

right:283px;

top:-55px;
}


/*spjm-g*/
.spjm-box-g{

background-image: url("../images/dhfshipinjiami/spjm_g_bg.png");

background-repeat:no-repeat;

background-size:100% 100%;

-moz-background-size:100% 100%;
}

.spjm-g-content{

overflow: hidden;

position: relative;

height: 100%;
}

.spjm-g-ul{

overflow: hidden;

padding-top: 69px;

padding-left: 26px;

width: 100%;

height: 670px;

}

.spjm-g-ul li:nth-last-child(1),.spjm-g-ul li:nth-last-child(4){

border-right: none;
}

.spjm-g-img-box{

margin-top: 20px;

display: inline-block;

width: 100%;

height: 78px;

text-align: center;
}

.spjm-g-ul>li>span{

margin-top: 43px;

display: inline-block;

width: 100%;

height:15px;

font-size:16px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(255,255,255,1);

line-height:26px;

text-align: center;
}

.spjm-g-p-box{

width: 100%;

text-align: center;
}

.spjm-g-p-box p{

margin-top: 27px;

display: inline-block;

width:259px;

font-size:14px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(255,255,255,1);

line-height:28px;
}

.spjm-g-content ul>li{

padding-top: 20px;

width: 416px;

height: 335px;

float: left;

border-right: 1px solid rgba(255,255,255,0.2);

border-bottom: 1px solid rgba(255,255,255,0.2);
}


/*spjm-h*/

.spjm-box-h{

background-image: url("../images/dhfshipinjiami/spjm_h_bg.png");

background-repeat:no-repeat;

background-size:100% 100%;-moz-background-size:100% 100%;
}
.spjm-h-content{

height: 100%;

position: relative;
}

.spjm-h-center-info{

height: 100%;

position: absolute;

left: 0;

top: 0;

background: #7D7B92;
}

.spjm-h-top-smalltitle{

margin-top: 131px;

display: inline-block;

width: 100%;

text-align: center;

font-size:32px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(255,255,255,1);

line-height:42px;
}

.spjm-h-title{

margin-top: 132px;

display: inline-block;

width: 100%;

text-align: center;

font-size:72px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(255,255,255,1);

line-height:82px;
}
.spjm-h-intro{

margin-top: 29px;

display: inline-block;

width: 100%;

text-align: center;

font-size:18px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(255,255,255,1);

line-height:28px;

opacity:0.8;
}

.spjm-h-btn-box-left{

position: absolute;

bottom: 110px;

left: 337px;
}

.spjm-h-left-btn{

width:270px;

height:60px;

background:rgba(62,178,150,1);

border-radius:30px;
}
.spjm-h-left-btn span{

font-size:16px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(255,255,255,1);

line-height:60px;
}

.spjm-h-btn-box-right{

position: absolute;

bottom: 110px;

left: 714px;
}

.spjm-h-right-btn{

background: none;

width:200px;

height:60px;

border:2px solid rgba(255,255,255,0.2);

border-radius:30px;

box-shadow:none;
}

.spjm-h-right-btn span{

font-size:14px;

font-family:SourceHanSansCN-Regular;

font-weight:400;

color:rgba(255,255,255,1);

line-height:60px;

opacity:1;
}