/*全网推*/
html,body{
	background: #1b2529;
}
#bar{
	background: #fe8700!important;
	/*height: 4px!important;*/
}
.video-item-info{
	font-family: "微软雅黑";
}
.ai_01_bg{
	width: 85%;
}

.nav_min{
	background: #001538;
}
.nav_min .img-nav-icon8,.nav_min .img-nav-txt{
	align-self: center;
}
.nav-title{
	font-size: 16px;
	color: #fff;
	padding-bottom: 10px;
	padding-top: 10px;
}
.nav-des{
	font-size: 14px;
	font-family: "方正兰亭刊黑";
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	height: 20px;
}

/*四个图标介绍*/
.img-nav-icon8{
	width: 70px;
	height: 70px;
}
.se0_icon01{
	background: url(../images/se0_icon01.png) no-repeat center 43% transparent;
	margin: 0 auto;
}
.se0_icon02{
	background: url(../images/se0_icon02.png) no-repeat center 43% transparent;
	margin: 0 auto;
}
.se0_icon03{
	background: url(../images/se0_icon03.png) no-repeat center 43% transparent;
	margin: 0 auto;
}
.se0_icon04{
	background: url(../images/se0_icon04.png) no-repeat center 43% transparent;
	margin: 0 auto;
}

.bor-line:hover .se0_icon01{
	background: url(../images/se0_icon01_fill.png) no-repeat center 43% transparent;
	margin: 0 auto;
}
.bor-line:hover .se0_icon02{
	background: url(../images/se0_icon02_fill.png) no-repeat center 43% transparent;
	margin: 0 auto;
}
.bor-line:hover .se0_icon03{
	background: url(../images/se0_icon03_fill.png) no-repeat center 43% transparent;
	margin: 0 auto;
}
.bor-line:hover .se0_icon04{
	background: url(../images/se0_icon04_fill.png) no-repeat center 43% transparent;
	margin: 0 auto;
}
.bor-line:hover .nav-title{
	color:#ff8800;
}
.bor-line{
	width: 80%;
    border: 1px solid transparent;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px;
    padding-top: 0;
}
.bor-line:hover{
	border: 1px solid #ff8800;
	cursor: pointer;
}    
.color_b3b3b3{
	color: #b3b3b3;
}
.color_c2c2c2{
	color: #c2c2c2;
}
.back087cb3{
	background: #087cb3;
}
.word button{
	background: transparent;
	border: 1px solid #fff;
	font-size: 18px;
	color: #fff;
	padding: 0.03rem 0.12rem;
}
.hide{
	display: none;
}
.w-hover:hover .hide{
	display: block!important;
}
.w-hover:hover .show{
	display: none!important;
}
.color_ff8800{
	color: #ff8800;
}
.seo_serv li{
	font-size: 18px;
	line-height: 0.5rem;
	color: #fff;
	cursor: pointer;
}
.seo_serv li span{
	padding-right: 0.1rem;
}
.seo_serv li:hover{
	color: #ff8800;
}
.seo_btn button{
	background: transparent;
	font-size: 0.26rem;
	color: #fff;
	border:1px solid #fff;
	padding: 10px 35px;
	margin-left: 15px;
	
}
.seo_btn button:hover{
	color: #fff;
	background: #ff8800;
	border:1px solid #ff8800;
}
.border-t-fff{
	border-top: 1px solid #fff;
	height: 300px;
}
.border-t-fff:hover{
	border: 1px solid #ff8800!important;
	height: 300px;
}
.Ailerons{
	font-family: Ailerons;
}
.HelveticaObl-Thin{
	font-family: HelveticaObl-Thin;
	font-weight: lighter;
	font-style: italic;
	
	
}
.cursor{
	cursor: pointer;
}
.seo_back{
	width: 70%; 
	height: 25px;
	background: #8f9497;
	position: absolute;
	top: 0.18rem;
	left: -1px;
}
.dec:hover{
	background: #ff8800;
}
.dec01{
	width: 82px;
	height: 72px;
}
.dec .dec_icon01{	
	background: url(../images/seo_icon01.png) no-repeat;
}
.dec:hover .dec_icon01{
	background: url(../images/seo_icon01_fill.png) no-repeat;
	background-position-x: 10px;
}
.dec .dec_icon02{	
	background: url(../images/seo_icon02.png) no-repeat;
}
.dec:hover .dec_icon02{
	background: url(../images/seo_icon02_fill.png) no-repeat;
	background-position-x: 10px;
}
.dec .dec_icon03{	
	background: url(../images/seo_icon03.png) no-repeat;
}
.dec:hover .dec_icon03{
	background: url(../images/seo_icon03_fill.png) no-repeat;
	background-position-x: 10px;
}
.dec .dec_icon04{	
	background: url(../images/seo_icon04.png) no-repeat;
}
.dec:hover .dec_icon04{
	background: url(../images/seo_icon04_fill.png) no-repeat;
	background-position-x: 10px;
}
.dec:hover .dec01,.dec:hover .dec02,.dec:hover .dec03{
	padding-left: 10px;
	color: #000;
}
.dec02{
	padding: 10px 0;
}
.dec03{
	padding-bottom: 15px;
}
.cursor:hover .seo_back{
	background: #03245c;
}
.cursor:hover .dec04 div{
	padding-left: 10px;
}
.bor-t-fe8700{
	border-top: 1px solid #fe8700;
}
.dsj_back{
	background: url(../images/seo_bg03.png) repeat-x;
	background-size: 100% 100%;
	height: 240px;
	text-align: center;
	border-left: 1px solid #fe8700;
	border-right: 1px solid #fe8700;
	border-image: url(../images/seo_bg05.png) 1 1 1 1 repeat;
    
}
.dsj_back:hover{
	background: url(../images/seo_bg04.png) repeat-x;
	background-size: 100% 100%;
}
.dsj_back p{
	font-size: 0.14rem;
	color: #fff;
	line-height: 0.25rem;
}
.dsj_back .line{
	width: 40px;
	height: 1px;
	background: #fff;
	position: absolute;
    bottom: 50px;
}
.yx_icon span{
	width: 86px;
	height: 86px;
	display:block;
	margin: 0 auto;
	background: url(../images/yx_icon.png) no-repeat;
}

.clr_hover:hover .yx_icon_img01{
	background-position:-86px 0px;
}
.yx_icon_img02{
	background-position:0px -86px!important;
}
.clr_hover:hover .yx_icon_img02{
	background-position:-86px -86px!important;
}
.yx_icon_img03{
	background-position:0px -172px!important;
}
.clr_hover:hover .yx_icon_img03{
	background-position:-86px -172px!important;
}
.yx_icon_img04{
	background-position:0px -258px!important;
}
.clr_hover:hover .yx_icon_img04{
	background-position:-86px -258px!important;
}
.yx_icon_img05{
	background-position:0px -344px!important;
}
.clr_hover:hover .yx_icon_img05{
	background-position:-86px -344px!important;
}
.yx_icon_img06{
	background-position:0px -430px!important;
}
.clr_hover:hover .yx_icon_img06{
	background-position:-86px -430px!important;
}
.clr_hover:hover .text-white{
	color: #fe8700!important;
}
.clr_hover div:first-child{
	padding-right: 10%;
}
/*优势*/
.bkg_fe8700{
	background: #fe8700;
}
.color_000000{
	color: #000000;
}
.youshi_syn p{
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.youshi_tx02{
	position: absolute;
}
.rltv{	 
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    height: 600px;
}

.larg{
	display: none;
	background: #022c71;
	width: 105%;
	height: 610px;
    padding: 15px;
    z-index: 3;
}
.youshi_head{
	font-size: 16px;
	color: #000000;
	background: #fe8700;
	height: 30px;
	line-height: 30px;
	padding-left: 15px;
    position: absolute;
    width: 93%;
    z-index: 2;
    top: 0;
    margin-left: -15px;
}
.rltv:hover .larg{
	display: block;
}
.rltv:hover .youshi_cnt{
	display: none;
}
.youshi_cnt{
	background: rgba(2,44,113,.5);
    padding: 20px;
    height: 220px;
    position: absolute;
    top: 390px;
}
.youshi_cnt .des{
	font-size: 14px;
    letter-spacing: 1px;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 40px;
}
.youshi_cnt .tit{
	font-size: 14px;
	color: #fff;
	padding-top: 15px;
}
.arrows{
	position: absolute;
	right: 0;
	bottom: 250px;
	display: flex;
}
.button-next{
	width: 64px;
	height: 12px;
	background: url(../images/ys_lr_icon.png) no-repeat;
	background-position: -64px 0px;	
    margin-right: 20px;
    cursor: pointer;
}
.button-prev{
	width: 64px;
	height: 12px;
	background: url(../images/ys_lr_icon.png) no-repeat;
	background-position: 0px -12px;
	margin-right: 40px;
	cursor: pointer;
	margin-top: -10px;
}


.show{
	display: block!important;
}
.hide{
	display: none!important;
}
.taxonomy-box-left{
	position: relative;
}
.taxonomy-box-left-bg{
	min-width: 328px;;
	height: 611px;
    background: url(../images/video_left_bj11.png) no-repeat;
    margin-left: -28px;
    margin-bottom: -31px;
    background-size: 100% 100%;
}
.taxonomy-title{
	position: absolute;
    width: 200px;
    color: #fff;
    top: 58px;
    right: 0;
}

.taxonomy-btn-seemore{
    width: 100px;
    height: 100px;
    padding-top: 30px;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    color: #9165E6;
    text-decoration: none;
    background: url(../images/video_left_button_ckgd.png) no-repeat;
    position: absolute;
    background-size: 100% 100%;
    top: 250px;
    right: 46px;
}
.video-seemore {
    color: #053a8f;
}
.video-seemore:hover {
    color: #7e8dff;
}

.taxonomy-btn-seemore:hover {
    text-decoration: none;
}
.line-h-16 {
    position: absolute;
    top: 14px;
    right: 0;
    width: 1px;
    height: 16px;
    background-color: #C7C4CD;
}
.category-tabs {
    position: absolute;
    top: 130px;
    left: -260px;
    width: 216px;
}
.category-tabs > li > a {
    width: 86px;
    padding: 6px 0;
    text-align: center;
    border: 1px solid #fff;
    color: #fff;
    margin-right: 20px;
    margin-bottom: 20px;
}

.video-item {
    width: 360px;
    height: 265px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 6px;
    margin-top: 15px;
}
.video-item:hover,.video-item:hover .video-item-title,.video-item:hover .video-item-dec,.video-item:hover .video-item-price, .video-item:hover .video-item-name,.video-item:hover .video-item-analysis,.video-item:hover .video-item-analysis span{
	background-color: #ff8800;
	color: #010a19!important;
}
.video_4:hover,.video_4:hover .video-item-title{
	background: transparent;
	color: #ff8800!important;
}
.video_4:hover .video-item-dec{
	background: transparent;
	color: #fff!important;
	text-align: center;
}

.video_all{
	width: 360px!important;
}

@media only screen and (min-width: 996px) and (max-width: 1025px) {

.video-item_1{
	width: 315px;
    height: 265px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 6px;
    margin-top: 15px;
}
.video_all{
	width: 315px!important;
}
.video-js{
	width: 100%;
}

.video_4{
	width: 240px!important;
}
.video-js-4{
	width: 100%!important;
}

}

.video-js .vjs-big-play-button {
    top: auto;
    left: auto;
    right: 10px;
    bottom: 10px;
    width: 57px;
    height: 57px;
    line-height: 50px;
    font-size: 40px;
    border-radius: 50%;
}
.video-item-avatar {
    width: 48px;
    height: 48px;
    background-color: #fff;
    border: 1px solid #efefef;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 4px;
}
.video-item-avatar > img {
    width: 100%;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
	background: #fff;
	color: #053a8f;
}
.nav-pills li a:hover{
	background: #fff;
	color: #053a8f;
	border-radius: 4px;
}
.video-item-name {
    display: block;
    font-size: 14px;
    color: #555;
    margin-top: 16px;
    margin-bottom: 5px;
}
.video-item-price {
    color: #B2AEBB;
    width: 190px;
    font-size: 12px;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.video-item-analysis {
    font-size: 12px;
    color: #B2AEBB;
    padding-top: 10px;
}
.video-item-analysis span {
    font-size: 14px;
    color: #555;
    margin-left: 9px;
}
.seo_nav-tabs {
	display: flex;
    width: fit-content;
    height: 42px;
    position: absolute;
    right: 0;

}
.seo_nav-tabs li{
	float: left;
}
.seo_nav-tabs li a{
	display: flex;
}
.seo_nav-tabs li a span{
	align-self: center;
	padding-left: 10px;
	font-size: 14px;
}
.seo_nav-tabs>li>a:hover {
    text-decoration: none;
    background-color: inherit!important;
    color: #ff8800;

}
.seo_nav-tabs li.active a{
	color: #ff8800;
}
.seo_nav-tabs>li>a:focus {
	background-color: inherit!important;
	color: #ff8800;
}

.video_4{
	width: 280px;
	height: 480px;
	background-color: inherit;
    border-radius: 0px;
	
	
}
.video-item-02{
	width: 290px;
    height: 360px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 6px;
    margin-top: 15px;
}
.video_4 .vjs-big-play-button {
    top: auto;
    left: auto;
    right: 105px;
    bottom: 145px;
    width: 70px;
    height: 70px;
    line-height: 65px;
    font-size: 50px;
    border-radius: 50%;
    color: #ff8800;
    background: #fff;
}
.video-js-4{
	width: 280px;
	height: 360px;
	background: inherit;
	overflow: hidden;
	border: 1px solid #ff8800;
}
.video-item-title{
	color: #ffffff;
	font-size: 20px;
	text-align: center;
	padding: 15px 0;
	
}
.video-item-dec{
	color: #a9a9a9;
	font-size: 14px;
	padding: 0 15px;
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-align: center;
	
}
.video-item-info:hover{
	background: transparent;
}
.video-js-4:hover{
	background: transparent;
}

/*mark*/
.market{
	position: absolute;
	width: 220px;
	padding-top: 15%;
	text-align: center;
	margin-left: 50%;
	transform: translateX(-50%);
	
}
.market img{
	
}
.img{
    overflow: hidden;
    cursor: pointer;
}
.img>img{
    width: 100%;
    transition:all 1s;/*图片放大过程的时间*/
    position: relative;
}
.img>img:hover{
    cursor: crosshair;
    transform: scale(1.2);  /*以y轴为中心旋转*/
}
.FZLTCXHJW{
	font-family:FZLTCXHJW;
}
.market p{
	padding: 15px 0;
	color: #ffffff;
	font-size: 16px;
	line-height: 30px;
}
.market button{
	color: #ffffff;
	font-size: 16px;
	background: transparent;
	text-align: center;
	border: 1px solid #fff;
	padding: 5px 25px;
}
.market button:hover{
	color: #fff;
	background: #ff8800;
	border: 1px solid #ff8800;
}
#hexagon {
      width: 70px;
      height: 40px;
      background: #313131;
      position: relative;
}
#hexagon:before {
    content: "";
    position: absolute;
    top: -20px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-bottom: 20px solid #313131;
}
#hexagon:after {
     content: "";
    position: absolute;
     bottom: -19px;
     left: 0;
     width: 0;
     height: 0;
     border-left: 35px solid transparent;
     border-right: 35px solid transparent;
     border-top: 20px solid #313131;
 }
#hexagon:hover{
	background: #fe8700;
}
#hexagon:hover:before{
	border-bottom: 20px solid #fe8700;
}
#hexagon:hover:after{
	border-top: 18.75px solid #fe8700;
}
.advert{
	display: flex;
	padding-top: 30px;
}
.advert img{
	display: block;
    width: 68%;
    margin: 0 auto;
}
.advert_txt{
	padding-left: 15px;
}
.advert_txt h4{
	font-size: 20px;
	color: #ffffff;
}
.advert_txt p{
	width: 138px;
	padding-top: 10px;
	font-size: 14px;
	color: #777279;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*渐变背景*/
.gradient04{
    background: #181818;
    background: -moz-linear-gradient(top,  #181818 0%, #021129 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#181818), color-stop(100%,#021129));
    background: -webkit-linear-gradient(top,  #181818 0%,#021129 100%);
    background: -o-linear-gradient(top,  #181818 0%,#021129 100%);
    background: -ms-linear-gradient(top,  #181818 0%,#021129 100%);
    background: linear-gradient(to bottom,  #181818 0%,#021129 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181818', endColorstr='#021129',GradientType=0 );
}
:root .gradient05{filter:none;}

.gradient05{
    background: #212121;
    background: -moz-linear-gradient(top,  #212121 0%, #030326 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#212121), color-stop(100%,#030326));
    background: -webkit-linear-gradient(top,  #212121 0%,#030326 100%);
    background: -o-linear-gradient(top,  #212121 0%,#030326 100%);
    background: -ms-linear-gradient(top,  #212121 0%,#030326 100%);
    background: linear-gradient(to bottom,  #212121 0%,#030326 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#030326',GradientType=0 );
}
:root .gradient05{filter:none;}


.gradient06{
    background: #06003e;
    background: -moz-linear-gradient(top,  #06003e 0%, #0a0a0f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#06003e), color-stop(100%,#0a0a0f));
    background: -webkit-linear-gradient(top,  #06003e 0%,#0a0a0f 100%);
    background: -o-linear-gradient(top,  #06003e 0%,#0a0a0f 100%);
    background: -ms-linear-gradient(top,  #06003e 0%,#0a0a0f 100%);
    background: linear-gradient(to bottom,  #06003e 0%,#0a0a0f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06003e', endColorstr='#0a0a0f',GradientType=0 );
}
:root .gradient06{filter:none;}