html,
body {
    height: 100%;
    width: 100%;
	margin: 0;
	padding: 0;
}

/* body::-webkit-scrollbar-track{background-color:#f0f0f0}
body::-webkit-scrollbar{width:7px}
body::-webkit-scrollbar-thumb{border-radius:4px;background-color:#aaa}
body::-webkit-scrollbar-thumb:hover{background-color:#aaa} */

/* ::-webkit-scrollbar{width:7px;height:7px}
::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:4px;display:inline-block}
::-webkit-scrollbar-track{background-color:#f0f0f0} */
.word-wrap{
	word-break: break-all;
}
main.content{
	min-height: calc(100vh - 97px);
}
.padding-12{
	padding-left: 12px;
	padding-right: 12px;
}
.padding-right-24{
	padding-right: 24px;
}
@media (min-width: 768px){
	.no-padding-left-pc{
		padding-left:0px !important;
	}
	.no-padding-right-pc{
		padding-right: 0px !important;
	}
	.margin-bottom-8{
		margin-bottom:8.8rem !important;
	}
	.margin-bottom-0{
		margin-bottom: 0 !important;
	}
	.userinfo .dropdown-menu{
		width: 11.2rem;
		left: -5rem;
	}
	.userinfo .dropdown-menu .name a{
		white-space:normal;
		word-break:break-all;
		word-wrap:break-word;
		font-family: PingFangSC-Regular;
		font-size: 12px !important;
		line-height: 17px !important;
	}
}
@media (max-width: 768px){
	.no-padding-right-y{
		padding-right: 0px !important;
	}
}
@media (min-width: 1200px){
	.padding-left-16{
		padding-left: 16px;
		padding-right: 0;
	}
	.padding-right-16{
		padding-right: 16px;
		padding-left: 0;
	}
	
	.padding-8{
		padding-left: 8px;
		padding-right: 8px;
	}

	
	.padding-left-4-16{
		padding-left: 18px !important;
		padding-right: 0 !important;
	}
	.padding-right-4-16{
		padding-right: 18px !important;
		padding-left: 0 !important;
	}
	
	.padding-left-4-12{
		padding-left: 12px !important;
		padding-right: 6px !important;
	}
	.padding-right-4-12{
		padding-left: 6px !important;
		padding-right: 12px !important;
	}
	
	
}
a {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    color: #474157;
}

a:hover,
a:focus {
    color: #474157;
}

hr {
    max-width: 100px;
    margin: 25px auto 0;
    border-width: 1px;
    border-color: rgba(34, 34, 34, 0.1);
}

hr.light {
    border-color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 200;
    letter-spacing: 1px;
}
h1{
	font-weight: 500;
}

.color-333{
	color: #333;
}
.color-666{
	color: #666;
}
.color-999{
	color: #999;
}
.navbar-default {
    font-weight: 200;
    letter-spacing: 1px;
}

.navbar-default .navbar-header .navbar-brand {
    font-weight: 200;
    letter-spacing: 1px;
    color: #474157;
}

.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
    color: #474157;
}

.navbar-default .navbar-header .navbar-toggle {
    font-size: 12px;
    color: #474157;
    padding: 8px 10px;
}

.navbar-default .nav > li > a {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    color: #7a798c;
}

.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
    color: #474157;
}

.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
    color: #474157 !important;
    background-color: transparent;
}

.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
    background-color: transparent;
}

#mainbody {
    position: relative;
    width: 100%;
    min-height: auto;
    overflow-y: hidden;
    background: #f1f6fd;
    color: #474157;
    height: calc(100vh - 61px);
}

#mainbody .index-text {
    text-align: center;
    padding: 250px 0 50px;
    position: relative;
    height: 100vh;
}
/* .clearfix{
	height: 0;
	clear:both;
} */
#mainbody .index-text h1 {
    font-size: 50px;
    font-weight: bold;
    color: #171347
}

#mainbody .index-gallery {
    text-align: center;
    padding: 200px 0 50px;
    position: relative;
}

@media (max-height: 500px) {
    #mainbody {
        height: inherit;
    }
}

@media (min-width: 768px) {
    .navbar-default {
        background-color: transparent;
        border-color: transparent;
    }

    #mainbody .index-text {
        text-align: left;
    }
}

@media (max-width: 767px) {

    .navbar-default {
        background-color: #f1f6fd;
        border-color: #f1f6fd;
    }

    .navbar-default .navbar-collapse {
        background: #f1f6fd;
        box-shadow: 5px 9px 5px rgba(0, 0, 0, 0.07);
		-moz-box-shadow: 5px 9px 5px rgba(0, 0, 0, 0.07);
		-webkit-box-shadow: 5px 9px 5px rgba(0, 0, 0, 0.07);
    }

    #mainbody {
        height: unset;
    }

    #mainbody .index-text {
        padding: 130px 0 0 0;
        height: calc(100vh - 261px);
    }

    #mainbody .index-gallery {
        padding: 30px 0 50px 0;
    }

    #mainbody .index-text h1 {
        font-size: 50px;
        margin-bottom: 20px;
    }
}

footer {
    background-color: #222222;
    padding: 20px 0;
    color: rgba(255, 255, 255, 0.3);
    text-align: center;
}

.bg-primary {
    background: #fdcc52;
    background: -webkit-linear-gradient(#fdcc52, #fdc539);
    background: linear-gradient(#fdcc52, #fdc539);
}

.btn {
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 300px;
}

.btn-xl {
    margin-top: 20px;
    padding: 10px 45px;
    font-size: 14px;
}

.no-padding{
	padding: 0 !important;
}
.no-padding-left{
	padding-left: 0 !important;
}

.no-padding-right{
	padding-right: 0 !important;
}

.ellipsis{
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap; 
}
.big-title{
	font-size: 2.4rem;
	color: #0E1B3F;
	margin-top: 5.6rem;
	margin-bottom: 4.4rem;
}

/* my write */
/* 导航start */
.navbars{
	position: fixed;
	z-index: 111;
	width: 100%;
	height: 4.8rem;
	background-color: #3072F2;
	line-height: 4.799rem;
	transition: background-color .3s;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
}

.navbars:hover{
	background-color: #196ED9;
	transition: background-color .3s;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
}
.navbars .left a{
	color: #fafafa;font-size: 1.8rem;
}
.navbars .left img{
	max-width: 100%;
	width: 13rem;
	margin-top: -.8rem;
}
.navbars .left .ver{
	padding: 0 .3rem;
}
.navbars ul{
	margin-bottom:0 !important;
}
.navbars .center li, .navbars .right li{
	list-style-type:none;
	display: inline-block;
	color: #F0F0F0;
	
}
.navbars .center li{
	background-color: transparent;
	transition: background-color .3s;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
}


.navbars .center .lv-1:hover, .navbars .right .dropdown:hover{
	background-color: #2061B3;
	transition: background-color .3s;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
}

.navbars .center .lv-1:hover a .caret{
	transform: rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); 	/* Opera */
	transition: transform .3s;
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
}

.navbars .center li a, .navbars .right li a{
	font-size: 1.5rem;
	color: #F0F0F0;
	padding: 1rem .9rem;
}

.navbars .right li input{
	width: 8rem;
	height: 3rem;
	opacity: 0.4;
	background: #4D4D4D;
	border-radius: 1.55rem;
	border:0;
	color: #F0F0F0;
	transition: width .3s ease;
	-webkit-transition: width .3s ease;
	-moz-transition: width .3s ease;
}

.search .search-form{
    width: 8rem;
    position: absolute;
    top: -2rem;
    right: 0;
    transition: width .3s ease;
	-webkit-transition: width .3s ease;
	-moz-transition: width .3s ease;
    display: inline-block;
    vertical-align: middle;
	z-index: 9999;
}

.search .searching{
	width: 30rem;
	transition: width .3s ease;
	-webkit-transition: width .3s ease;
	-moz-transition: width .3s ease;
}
.search .searching input{
	width: 30rem !important;
	opacity: 1 !important;
	background: #FFF !important;
	box-shadow: 0 2px 10px 0 #1662C2 !important;
	border-radius: 15.5px !important;
	color: #333 !important;
	transition: width .3s ease;
	-webkit-transition: width .3s ease;
	-moz-transition: width .3s ease;
}

/* .search .searching input:blur{
	
} */

.navbars .right .search{
	position: relative;
	margin-right: 1.6rem;
}


.navbars .right .search .fa-search-ico{
	position: absolute;
	right: .8rem;
	top: .75rem;
	width: 1.6rem;
	height: 1.6rem;
	max-width: 100%;
	vertical-align:middle;
	cursor:pointer;
	background: url('../image/icon_search.svg');
}
.search .searching .fa-search-ico{
	background: url('../image/icon_search_pressed.svg') !important;
	background-repeat: no-repeat !important;
}
.navbars .right .website:hover a, .navbars .right .logins:hover a{
	text-decoration:underline;
}
.navbars .right .register{
	height: 2.45rem;
	border: 1px solid #FFFFFF;
	border-radius: 1.6rem;
	line-height: 2.25rem;
}
.navbar-inverse .navbar-toggle{
	border-color:#fff !important;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
	background-color:transparent !important;
}

.navbars .right .dropdown:hover .dropdown-menu{
	display: inline-block !important;
}

.dropdown-menu{
	display: none !important;
	transition: display .3s !important;
	-webkit-transition: display .3s !important;
	-moz-transition: display .3s !important;
	line-height: 3.2rem;
	min-width: 11.2rem;
}
.dropdown-menu li:first-child{
	margin-top: .8rem;
}

.dropdown-menu li:last-child{
	margin-bottom: .8rem;
}
.dropdown-menu li a{
	padding-top: 0 !important;
}
.navbars .center .dropdown:hover .dropdown-menu, .navbars .right .dropdown:hover .dropdown-menu{
	display: inline-block !important;
	transition: display .3s !important;
	-webkit-transition: display .3s !important;
	-moz-transition: display .3s !important;
}
.navbars .center .dropdown .dropdown-menu a, .navbars .right .dropdown .dropdown-menu a{
	line-height: 3.2rem;
}
.navbars .center .dropdown .dropdown-menu a:hover, .navbars .right .dropdown .dropdown-menu a:hover{
	background: #F5F5F5;
	color: #437CEE;
	transition: background .3s, color .3s;
	-webkit-transition: background .3s, color .3s;
	-moz-transition: background .3s, color .3s;
}
.navbars .dropdown .dropdown-menu ul{
	background: rgba(255,255,255,0.98);
	box-shadow: 2px 0 20px 0 rgba(153,153,153,0.20);
	-moz-box-shadow: 2px 0 20px 0 rgba(153,153,153,0.20);
	-webkit-box-shadow: 2px 0 20px 0 rgba(153,153,153,0.20);
}
.navbars .dropdown .dropdown-menu li{
	width: 100%;
	height: 3.2rem;
}
.navbars .dropdown .dropdown-menu li a{
	font-size: 14px;
	color: #666;
	padding: .2rem 2.4rem .2rem 1.5rem;
}
.navbars .dropdown .dropdown-menu li a:hover{
	color: #437CEE;
	background-color: rgba(255,255,255,0.98);
}

/* 小于768px */
@media (max-width: 768px){
	.navbars .right .dropdown{
		max-width: 100% !important;
	}
	.navbars .right .dropdown:hover .dropdown-menu{
		display: block !important;
	}
	/*  */
	.navbars .left img, .navbars .center, .navbars .right{
		display: none;
	}
	.navbars .left .ver{
		display: none;
	}
	
	.navbars .center{
		z-index: 999999;
	}
	.navbars .center > ul, .navbars .right ul{
		background: rgba(0,0,0, 0.85);
		margin-left: -15px;
		margin-right: -15px;
		margin-top: -2px;
		/* overflow-y: auto; */
	}
	.navbars .right ul.dropdown-menu{
		background-color: #2061B3;
	}
	.navbars .right ul.dropdown-menu li a{
		padding-left: 4.9rem;
		color: #F0F0F0;
	}
	.navbars .center ul li, .navbars .right ul li{
		display: block;
		text-align: left;
	}
	
	.navbars .center ul li a, .navbars .right ul li a{
		width: 100%;
		display: block;
	}
	
	.navbars{
		line-height: 3rem;
	}
	.dropdown-menu{
		position: static;
		float: none;
	}
	.navbars .center .dropdown ul.multi-level{
		padding-left: 2rem;
		display: none;
	}
	
	.navbars .right ul{
		margin-top: 0;
		text-align: left;
		line-height: 4rem;
		padding-bottom: 2rem !important;
	}
	.navbars .right ul li{
		display: block;
	}
	.search .search-form{
		width: 100%;
		position: static;
	}
	
	.search .search-form input{
		width: 100% !important;
		background: #e3e3e3 !important;
	}
	.navbars .right .search .fa-search-ico{
		top: 1.3rem;
	}
	.navbars .right .register{
		border: 0;
	}
	/* searching */
	
}

/* 导航end */
/* 轮播start */
#banner{
	color: #fff;
	position: relative;
}

.main-banner {
	height: 64rem;
}
#banner .banner a{
	color: #fff;
	color: #3247cc;
}

.banner img{
	/* max-width: 100%; */
	max-width: 56rem;
}
#banner .banner .title{
	font-size: 2.6rem;
	line-height: 5.9rem;
	margin-bottom: 2rem;
	color: #3247cc;
	
}
#banner .banner .des{
	font-size: 1.6rem;
	color:#000;
	line-height: 2.6rem;
	margin-bottom: 4.4rem;
	/* display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden; */
}
#banner .banner .subtitle{
	font-size: 4.6rem;
	line-height: 3.3rem;
	margin-bottom: 1.2rem;
	color: #3247cc;
	font-weight:bold;
}
#banner .banner .url{
	font-size: 1.4rem;
	height: 3.4rem;
	line-height: 3.4rem;
	/*background-color: #F7AF40;*/
	border-radius: 2rem;
	width: 9.6rem;
	/* margin: 5rem 0; */
	margin-bottom: 6.4rem;
}
#banner .banner .url:hover{
    background-color: #3247cc;
}
#banner .banner .url:hover a{
	color: #fff;
}

#banner .banner .banner-img{
	margin-top: 10.6rem !important;
}


@media screen and (max-width: 1600px) {
	.banner img{
		max-width: 100%;
	}
	
	#banner{
		background-size:100% 100%;
	}
}

#banner .banner .text{
	margin-top: 17.4rem;
	padding-bottom: 2rem;
}

.swiper-pagination-bullet{
	width:3.6rem !important;
	height:.4rem !important;
	border-radius:0 !important;
	background: #fff !important;
	transition: opacity .3s;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
}

.swiper-pagination-bullet:hover{
	background: #fff !important;
	opacity: 1;
	transition: opacity .3s;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
}

.swiper-pagination-bullet-active{background:#fff !important}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	width: auto !important;
	bottom: 13.8rem !important;
}
/* 轮播end */

/* 栏目跳转start */
.column{
	width: 100%;
	background: rgba(255,255,255,.92);
	height: 9.6rem;
	position: absolute;
	bottom: 0;
	z-index: 100;
}

.column .media a:first-child{
	/* padding-top: .8rem; */
}
.column .media-left, .column .media > .pull-lefts{
	padding-right: 0;
}
.column img{
	max-width: 9.2rem;
	margin-top: .2rem;
}


.column .title{
	font-size: 1.8rem !important;
	margin-top: 2rem;
	color: #0E1B3F; 
	line-height: 2.4rem;
}
.column .list:hover .title{
	color: #437CEE;
}

.column .text{
	color: #7E8894;
	font-size: 1.4rem;
	line-height: 1.8rem;
	margin-top: 1rem;
	width: 100%;
}

/* 栏目跳转end */

/* 最新内容start */
.new-content{
	background-color: #fff;
}
.new-content .text-list{
	padding-bottom: 1.9rem;
	position: relative;
	/* opacity:0; */
}

.left-padding-ghost{
	padding-left: 2.4rem;
}

.right-padding-ghost{
	padding-right: 2.4rem !important;
}

.new-content .text-list .leftba, .new-content .text-list .rightba, .solution .list .solution-left, .solution .list .solution-right, .goods .ant-tabs-content-holder .dd-left, .goods .ant-tabs-content-holder .dd-right, .app .ggleft, .new-course .courseleft{
	position: absolute;
	background-image: url(../image/bg_shape3.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.new-content .text-list .leftba{
	bottom: 6rem;
	width: 10rem;
	height: 9rem;
	left: -15rem;
}
.new-content .text-list .rightba{
	top:-3rem;
	width: 6rem;
	height: 6rem;
	right: -3rem;
}
/* .new-content .text-center{
	font-size: 2.4rem;
	color: #0E1B3F;
	line-height: 3rem;
	margin: 5rem 0;
} */
.new-content .list-content{
	padding: 1.6rem 0;
	height: 8.2rem;
	background-color: #fff;
	border: 1px solid #EBEEF0;
	transition: border .3s;
	-webkit-transition: border .3s;
	-moz-transition: border .3s;
}
.new-content .list-content .text-label, .new-content .list-content .text-title{
	display: inline-block;
}
.new-content .list-content .text-label{
	height: 1.8rem;
	background-color: #F2A634;
	color:#fff;
	font-size: 12px;
	padding: .4rem;
	line-height: 1.18rem;
	margin-right: .3rem;
}
.new-content .list-content .text-title{
	width: calc(100% - 7rem);
	color: #0E1B3F;
	font-size: 1.4rem;
	/* padding-top: .15rem; */
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	
}
.new-content .list-content .text-title span{
	width: 100%;
	display: inline;
	overflow: hidden;
	text-overflow:ellipsis;
	height: 1.8rem;
	line-height: 2.45rem;
	white-space: nowrap;
}

.new-content .list-content .des{
	font-size: 1.4rem;
	color: #7E8894;
	height: 2.4rem;
	line-height: 2.4rem;
	padding-top: .5rem;
	padding-bottom: 2rem;
}
.new-content .flashflashflash:hover .list-content .text-title{
/* .new-content .list-content:hover .text-title{ */
	color: #437CEE;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}
.new-content .flashflashflash:hover .list-content{
/* .new-content .list-content:hover{ */
	margin-top: -1rem;
	border: 1px solid #fff;
	box-shadow: 0 8px 30px 0 #E6F4FF;
	-moz-box-shadow: 0 8px 30px 0 #E6F4FF;
	-webkit-box-shadow: 0 8px 30px 0 #E6F4FF;
	transition: box-shadow .3s, border .3s;
	-webkit-transition: box-shadow .3s, border .3s;
	-moz-transition: box-shadow .3s, border .3s;
}

.new-content .flashflashflash:hover{
	padding-bottom: 1rem;
}

.new-content .listzifarent{
	margin-bottom: 2.4rem;
}
/* 第三个之后 */
.new-content .listzifarent:nth-of-type(n+4){
	/* margin-top: 3rem; */
}
/* 最新内容end */

/* 云端解决方案 start */
.solution{
	background-image: -webkit-linear-gradient(90deg, #F7F9FA 0%, #FCFDFD 100%);
	background-image: -moz-linear-gradient(90deg, #F7F9FA 0%, #FCFDFD 100%);
	background-image: -o-linear-gradient(90deg, #F7F9FA 0%, #FCFDFD 100%);
	background-image: -ms-linear-gradient(90deg, #F7F9FA 0%, #FCFDFD 100%);
	background-image: linear-gradient(90deg, #F7F9FA 0%, #FCFDFD 100%);
}

.solution .list{
	position: relative;
	/* opacity:0; */
}

.solution .list .list-v{
	background-image: url('../image/bg_solution_default.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 11.6rem;
	line-height: 11.6rem;
	transition: background .3s;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
}
.solution .list .list-v:last-child{
	margin-bottom: 3.4rem;
}
.solution .list .solution-left, .solution .list .solution-right{
	position: absolute;
}
.solution .list .solution-left{
	width: 6rem;
	height: 6rem;
	left: -5rem;
	top: 15rem;
}
.solution .list .solution-right{
	bottom: 6rem;
	width: 10rem;
	height: 9rem;
	right: -16.8rem;
}
.solution .list .list-v:hover{
	background-image: url('../image/bg_solution_pressed.png');
	transition: background .3s;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
}

.solution .list .list-v:hover .left{
	color: #437CEE;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}

.solution .list .list-v .left{
	font-size: 1.6rem;
	color: #0E1B3F;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}
.solution .list .list-v:nth-child(3) .right img{
	max-width: 74%;
}

.solution .list .list-v:nth-child(5) .right img{
	max-width: 74%;
}

.solution .list .list-v .right img{
	max-width: 100%;
}



.solution .list .right.one .img007{
	width: 13.8rem;
	height: 7.2rem;
	margin-top: 2.2rem;
	margin-right: 2rem;
}
.solution .list .right.one .slightly{
	margin-right: 0;
}

/* ico start*/
.solution .list .right.one .ghost-hover, .solution .list .right.one .slightly, .mobile-ghost-hover{
	line-height: 1.8rem;
	display:table;
	font-family: SourceHanSansSC-Regular;
	font-size: 14px;
	color: #333;
	background: #F7FAFC;
	border: 1px solid #EBEEF0;
	cursor: pointer;
	transition: background .3s, border .3s, color .3s;
	-webkit-transition: background .3s, border .3s, color .3s;
	-moz-transition: background .3s, border .3s, color .3s;
}
.solution .list .right.one .text{
	display:table-cell;
	vertical-align: middle;
}

.solution .list .right.one .ghost-hover:hover{
	background: #EDF2FF;
	color: #437CEE;
	border: 1px solid #437CEE;
	transition: background .3s, border .3s, color .3s;
	-webkit-transition: background .3s, border .3s, color .3s;
	-moz-transition: background .3s, border .3s, color .3s;
}

.solution .list .right.one .slightly{
	width: 16rem;
	font-family: SourceHanSansSC-Regular;
	font-size: 18px;
	color: #333;
}

/* 提示信息 样式  start */
.tip-yellowsimple {
	z-index:1000;
	text-align:left;
	padding:10px;
	min-width:50px;
	max-width:300px;
	color:#333;
	background-color:#FFF;
	box-shadow: 0 2px 20px 0 #dff1ff;
	font-size: 14px;
	line-height: 20px;
	
}

.tip-yellowsimple .tip-arrow-bottom {
	margin-top:0;
	margin-left:-5px;
	top:100%;
	left:50%;
	box-shadow: 0 2px 20px 0 #dff1ff;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 9px solid transparent;
	border-top: 4px solid #fff;
}
/* 提示信息 样式  end*/

.solution .list .right.two .tensorflow{
	background:url('../image/AI.jpg') no-repeat center center; background-size: cover;
	background-position:0px 0px;
}
.solution .list .right.two .ffmpeg{
	background:url('../image/AI.jpg') no-repeat center center; background-size: cover;
	background-position:-158px 0px;
}

.solution .list .right.two .horovod{
	background:url('../image/AI.jpg') no-repeat center center; background-size: cover;
	background-position:-316px 0px;
}
.solution .list .right.two .ppfj{
	background:url('../image/AI.jpg') no-repeat center center; background-size: cover;
	background-position:-474px 0px;
}
.solution .list .right.two .gstr{
	background: url(../image/gstreamer.png) no-repeat center center;
    /* background-position: -632px 0px; */
    background-size: 100%;
    height: 3.2rem;
    margin-bottom: 0.8rem;
}
.solution .list .right.two .cnstream{
	height: 3.2rem;
	margin-right: 0;
}
.h32{
	height: 3.2rem !important;
}
.bottom8{
	margin-bottom: .8rem;
}
.small-of{
	width: calc(100% - 4px);
}
/* 提示 */
.ghost-tip, .mobile-ghost-tip{
	z-index: 19891020; 
	position: absolute;
}

.transparent{
	opacity: 0;
}
.ghost-tip .ghost-tip-content, .mobile-ghost-tip .mobile-ghost-tip-content{
	box-shadow: 0 2px 20px 0 #DFF1FF;
	width: 33.2rem;
	font-size: 14px;
	color: #333333;
	line-height: 20px;
	background-color: #fff;
	position: relative;
	padding: 1rem;
}
/* .mobile-ghost-tip .mobile-ghost-tip-content{
	width: 90%;
	background-color: red;
} */

.ghost-tip .ghost-tipst{
	background: #fff;
	border-color: transparent #fff #fff transparent;
	transform: translateX(-50%) rotate(45deg);
	left: 50%;
	width: 1rem;
	height: 1rem;
	display: block;
	position: absolute;
	bottom: -.5rem;
}

@media screen and (min-width: 768px) and (max-width: 1198px) {
	.solution .list .right.one .img007{
		width: 10rem;
	}
	.solution .list .right.one .slightly{
		width: 11.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
	.solution .list .right.one .img007{
		width: 9rem;
		margin-right: 1rem;
	}
	.solution .list .right.one .slightly{
		width: 9.27rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
	
}
@media screen and (min-width: 785px){
	.mobile-solution{
		display: none;
	}
}
@media screen and (max-width: 785px){
	.pc-solution{
		display: none;
	}
}
.mobile-solution .mobile-ghost-hover{
	height: 7.2rem;
}
.mobile-solution .mobile-img007{
	height: 7.2rem;
	padding-left: 6px;
	padding-right: 6px;
}
.mobile-solution .mobile-img007{
	margin-bottom: 12px;
}
.mobile-solution .small-title{
	font-size: 18px;
	padding: 1rem 0;
	text-align: center;
}

.mobile-solution .list .tensorflow{
	background:url('../image/AI.jpg') no-repeat center center; background-size: cover;
	background-position:0px 0px;
}
.mobile-solution .list .ffmpeg{
	background:url('../image/AI.jpg') no-repeat center center; background-size: cover;
	background-position:-152px 0px;
}
.mobile-solution .list .horovod{
	background:url('../image/AI.jpg') no-repeat center center; background-size: cover;
	background-position:-304px 0px;
}
.mobile-solution .list .ppfj{
	background:url('../image/AI.jpg') no-repeat center center; background-size: cover;
	background-position:-474px 0px;
}
.mobile-solution .list .gstr{
	background:url('../image/AI.jpg') no-repeat center center; background-size: cover;
	background-position:-632px 0px;
}
.mobile-ghost-hover.onclick{
	background: #EDF2FF;
	color: #437CEE;
	border: 1px solid #437CEE;
}

.mobile-solution .max-138{
	max-width: 13.8rem;
	margin: auto;
}
.mobile-solution .borders{
	border: 1px solid #EBEEF0;
}
.mobile-solution .borders .mobile-ghost-hover{
	border: 0;
}
/* 云端解决方案 end */

/* 云边端产品矩阵 start */
.goods{
	background-color: #fff;
}

.goods .ant-tabs-nav-list{
	position: relative;
	display: flex;
	border-bottom: 1px solid #EBEEF0;
	margin-bottom: 4.8rem;
}
.goods .ant-tabs-nav-list .ant-tabs-tab{
	font-size: 1.6rem;
	color: #7E8894;
	margin-bottom: 1.6rem;
	cursor: pointer;
	margin-right: 1.6rem;
	margin-left: 2rem;
}
.goods .ant-tabs-nav-list .ant-tabs-tab:first-child{
	margin-left: 1.6rem;
}

.goods .ant-tabs-nav-list .ant-tabs-tab-active{
	color: #3F75E0;
}

.goods .ant-tabs-ink-bar{
	width: 0;
	left: 0;
}

.goods .ant-tabs-ink-bar{
    position: absolute;
    background: #3471EB;
    pointer-events: none;
	height: 2px;
	bottom: 0;
}
.goods .ant-tabs-content-holder{
	position: relative;
}
.goods .ant-tabs-content-holder .dd-left, .goods .ant-tabs-content-holder .dd-right{
	position: absolute;
}
.goods .ant-tabs-content-holder .dd-left{
	width: 13.5rem;
	height: 11.7rem;
	top: 7.5rem;
	left: -25rem;
}
.goods .ant-tabs-content-holder .dd-right{
	width: 6rem;
	height: 6rem;
	top: -2rem;
	right: -3rem;
}
.goods .row{
	margin-left: 0;
	margin-right: 0;
}
.goods .ant-tabs-content-holder .goods-list {
	background: #FFFFFF;
	height: 21rem;
	box-shadow: 0 8px 30px 0 #E6F4FF;
	-moz-box-shadow: 0 8px 30px 0 #E6F4FF;
	-webkit-box-shadow: 0 8px 30px 0 #E6F4FF;
	border-radius: 6px;
	padding: 2rem 2.4rem;
	opacity:0.9;
}

.goods .ant-tabs-content-holder .goods-list .img{
	width: 13.2rem;
	margin-top: 0rem;
	transition: width .3s, margin-top .3s;
	-webkit-transition: width .3s, margin-top .3s;
	-moz-transition: width .3s, margin-top .3s;
}

.m-dge{
	height: 7.2rem;
	overflow: hidden;
}

.goods .ant-tabs-content-holder .goods-list .goods-title{
	font-size: 1.8rem;
	color: #0E1B3F;
	line-height: 6rem;
}
.goods .ant-tabs-content-holder .goods-list-ghost{
	position: relative;
}
.goods .ant-tabs-content-holder .goods-list .goods-des{
	font-size: 1.4rem;
	color: #7E8894;
	line-height: 2.4rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	top: .4rem;
}

.goods .ant-tabs-content-holder .goods-list.active .goods-des{
	top: 1.6rem;
}
.goods .ant-tabs-content-holder .goods-list.active .m-dge{
	overflow:visible;
}
.goods .ant-tabs-content-holder .goods-list-ghost .ab-img{
	position: relative;
}
.goods .ant-tabs-content-holder .goods-list-ghost .ab-img .img{
	/* position: static; */
	/* top: 0;
	right: 0;
	transition: top .3s;
	-webkit-transition: top .3s;
	-moz-transition: top .3s; */
}

.goods .ant-tabs-content-holder .goods-list.active .img{
	width: 19.4rem;
	height: 10.581rem;
	position: absolute;
	right: 0;
	/* margin-top: -5.4rem; */
	top: -3.7rem;
	transition: width .3s, top .3s, right .3s, position .3s;
	-webkit-transition: width .3s, top .3s, right .3s, position .3s;
	-moz-transition: width .3s, top .3s, right .3s, position .3s;
}




.goods .ant-tabs-content-holder .list-flag{
	padding-left: 1.2rem;
	padding-right: 1.2rem;
}
.goods .ant-tabs-content-holder .goods-list.active{
	background-image: url('../image/background_product.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transition: background .3s;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
}

.goods .ant-tabs-content-holder .goods-list.active .show-des{
	display: inline-block;
	transition: display .3s;
	-webkit-transition: display .3s;
	-moz-transition: display .3s;
}

.goods .ant-tabs-content-holder .goods-list.active .goods-des, .goods .ant-tabs-content-holder .goods-list.active .goods-title{
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}

.goods .ant-tabs-content-holder .goods-list.active .goods-des{
	-webkit-line-clamp: 4;
}

.goods .ant-tabs-content-holder .goods-list .show-des a{
	color: #fff;
}
.goods .ant-tabs-content-holder .goods-list .show-des{
	display: none;
	margin-top: 2rem;
	border: 1px solid #fff;
	color: #fff;
	font-size: 12px;
	border-radius: 1.2rem;
	cursor: pointer;
	padding: .3rem .7rem .2rem;
	transition: display .3s;
	-webkit-transition: display .3s;
	-moz-transition: display .3s;
}
.goods .ant-tabs-content-holder .btn-goods-switch{
	margin: 2.4rem 1.6rem 4.4rem 0;
}

.goods .ant-tabs-content-holder .btn-goods-switch .left, .goods .ant-tabs-content-holder .btn-goods-switch .right{
	width: 2.8rem;
	height: 2.8rem;
	background-color: #E6ECF5;
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	/* 鼠标禁止样式 */
	/* cursor:not-allowed;  */
}
.goods .ant-tabs-content-holder .btn-goods-switch .left{
	transform: scaleX(-1);
	background: url('../image/right_default.svg') no-repeat center center;
	background-size: 16px 16px;
	margin-right: 1.3rem;
	background-color: #E6ECF5;
	transition: background .3s, background-color .3s, transform .3s;
	-webkit-transition: background .3s, background-color .3s, transform .3s;
	-moz-transition: background .3s, background-color .3s, transform .3s;
}
.goods .ant-tabs-content-holder .btn-goods-switch .right{
	transform: scaleX(-1);
	background: url('../image/left_default.svg') no-repeat center center;
	background-size: 16px 16px;
	background-color: #E6ECF5;
	transition: background .3s, background-color .3s, transform .3s;
	-webkit-transition: background .3s, background-color .3s, transform .3s;
	-moz-transition: background .3s, background-color .3s, transform .3s;
}
.goods .ant-tabs-content-holder .btn-goods-switch .right.active:hover{
	background-image: url('../image/left_pressed.svg');
	background-color: #437CEE;
	transition: background-image .3s, background-color .3s;
	-webkit-transition: background-image .3s, background-color .3s;
	-moz-transition: background-image .3s, background-color .3s;
	
}

.goods .ant-tabs-content-holder .btn-goods-switch .left.active:hover{
	background-image: url('../image/right_pressed.svg');
	background-color: #437CEE;
	transform: scaleX(-1);
	transition: background-image .3s, background-color .3s, transform .3s;
	-webkit-transition: background-image .3s, background-color .3s, transform .3s;
	-moz-transition: background-image .3s, background-color .3s, transform .3s;
}


/* 云边端产品矩阵 end */

/* 应用示例 statr */
.app{
	background: -webkit-linear-gradient(90deg, #F7F9FA 0%, #FCFDFD 100%);
	background: linear-gradient(90deg, #F7F9FA 0%, #FCFDFD 100%);
}
.app .list .media-left{
	padding-right: 2.4rem;
}
.app .list .media-left .mtitle{
	display: none;
}
.app .position{
	position: relative;
}
.app .row{
	/* opacity:0; */
}
.app .position .ggleft{
	width: 6rem;
	height: 6rem;
	bottom: 2.5rem;
	left: -3rem;
}

.app .list{
	position: relative;
}
.app .list .titles{
	color: #0E1B3F;
	font-size: 1.8rem;
	margin-top: .4rem;
}
.app .list .titles:hover{
	color: #437CEE;
}
.app .list .media .media-left img{
	width: 24rem;
}
.app .list .text{
	font-size: 1.4rem;
	color: #7E8894;
	line-height: 2.4rem;
	cursor: default;
	margin-top: 1.2rem;
	
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
	
}
.app .list .related-goods{
	font-size: 1.4rem;
	color: #666;
	position: absolute;
	bottom: .2rem;
}
.app .list .related-goods div{
	display: inline-block;
}
.app .list .related-goods .goods-list div:first-child{
	margin-left: 0;
}
.app .list .related-goods .goods-list div{
	border: 1px solid #EBEEF0;
	border-radius: 12px;
	padding: .1rem .45rem;
	margin-left: .5rem;
}

.app .list .related-goods .goods-list div:hover{
	border: 1px solid #437CEE;
	color: #437CEE;
}
.app .list{
	margin-bottom: 4.5rem;
}

/* 应用示例 end */

/* 最新课程 start */
.new-course{
	background-color: #fff;
}

.new-course .list{
	margin-top: 0;
	transition: margin-top .3s;
	-webkit-transition: margin-top .3s;
	-moz-transition: margin-top .3s;
	padding-left: 12px;
	padding-right: 12px;
}
.new-course .list:hover{
	margin-top: -1rem;
	transition: margin-top .3s;
	-webkit-transition: margin-top .3s;
	-moz-transition: margin-top .3s;
}

.new-course .list:hover .list-p .title{
	color: #437CEE;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}
.new-course .list:hover .list-p{
	box-shadow: 0 8px 30px 0 #C2DDF2;
	-moz-box-shadow: 0 8px 30px 0 #C2DDF2;
	-webkit-box-shadow: 0 8px 30px 0 #C2DDF2;
	transition: box-shadow .3s;
	-webkit-transition: box-shadow .3s;
	-moz-transition: box-shadow .3s;
}

.new-course .list .list-p{
	box-shadow: 0 8px 30px 0 #E6F4FF;
	-moz-box-shadow: 0 8px 30px 0 #E6F4FF;
	-webkit-box-shadow: 0 8px 30px 0 #E6F4FF;
	transition: box-shadow .3s;
	-webkit-transition: box-shadow .3s;
	-moz-transition: box-shadow .3s;
}

.new-course .list .title{
	color: #0E1B3F;
	font-size: 1.6rem;
	line-height: 2.4rem;
	margin-top: 2rem;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}
.new-course .list .img{
	height: 148.92px;
	overflow: hidden;
}
.new-course .list .img img{
	width: 100%;
}

.new-course .list .des{
	min-height: 15rem;
	position: relative;
	padding-left: 2rem;
	padding-right: 2rem;
}

.new-course .list .label-flag{
	font-size: 1.3rem;
	color: #7E8894;
	position: absolute;
	bottom: 2.4rem;
}
.new-course .list .label-flag .flag{
	width: 1rem;
	height: 1rem;
	display: inline-block;
	background-image: url('../image/people.svg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.new-course .more{
	margin-top: 3.2rem;
	margin-bottom: 4.4rem;
	
}
.new-course .more span{
	display: inline-block;
	color: #fff;
	font-size: 1.4rem;
	background: #437CEE;
	border-radius: 1.7rem;
	padding: .7rem 2rem;
	cursor: pointer;
	box-shadow: 0 8px 30px 0 #BDDFF9;
	-moz-box-shadow: 0 8px 30px 0 #BDDFF9;
	-webkit-box-shadow: 0 8px 30px 0 #BDDFF9;
	transition: box-shadow .3s;
	-webkit-transition: box-shadow .3s;
	-moz-transition: box-shadow .3s;
}
.new-course .more span:hover{
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	transition: box-shadow .3s;
	-webkit-transition: box-shadow .3s;
	-moz-transition: box-shadow .3s;
}
.new-course .gleft{
	position: relative;
}
.new-course .courseleft{
	position: absolute;
	width: 13rem;
	height: 11rem;
	bottom: 0;
	right: -22rem;
}

/* 最新课程 end */
/* 合作伙伴和客户 start */
.partners{
	background-image: linear-gradient(0deg, #F7F9FA 0%, #FCFDFD 100%);
	background: -webkit-linear-gradient(0deg, #F7F9FA 0%, #FCFDFD 100%));
	background: linear-gradient(0deg, #F7F9FA 0%, #FCFDFD 100%));
}
.partners .partner-list{
	display: none;
}
.partners .list{
	display:flex;
	display: -webkit-flex;
	margin-bottom: 3.2rem;
}


.partners .list .item{
	width: 14.8rem;
	height: 6rem;
	background-color: #D8D8D8;
	text-align: center;
	margin-right: 2rem;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-direction: column;
	flex-wrap: wrap;
}
.partners .list .item img{
	 max-width: 100%;
}
.partners .list .item:last-child{
	margin-right: 0;
}

.partners .list.two .item:first-child{
	margin-left: 7.4rem;
}
.partners .list.two{
	margin-bottom: 6.4rem;
}

/* 合作伙伴和客户 end

/* 申请板卡试用 start */
.card{
	background-image: url('../image/banner_background.png');
	background-size:100%;
	height: 19rem;
}
.card .card-content .card-title{
	font-size: 2.4rem;
	color: #FFF;
	margin-top: 2.2rem;
	margin-bottom: 1.6rem;
}
.card .card-content .card-des{
	font-size: 1.4rem;
	color: #D4E2FA;
	margin-bottom: 2.9rem;
}
.card .card-content input{
	width: 20%;
	background: #5B91FA;
	border: 1px solid transparent;
	box-shadow: 0 2px 8px 0 #4178E3;
	border-radius: 22.5px;
	color: #fff;
	margin-right: 2rem;
	outline: 0;
	font-size: 1.4rem;
	transition: border .3s;
	-webkit-transition: border .3s;
	-moz-transition: border .3s;
}
.card .card-content input:hover{
	border: 1px solid #86AEFC;
	transition: border .3s;
	-webkit-transition: border .3s;
	-moz-transition: border .3s;
}
.card .card-content .form-control:focus{
	border: 1px solid #86AEFC;
	transition: border .3s;
	-webkit-transition: border .3s;
	-moz-transition: border .3s;
}

.card .card-content input::-webkit-input-placeholder {
	color:#fff;
}
.card .card-content input:-moz-placeholder{
  color: #fff;
}

.card .card-content input::-moz-placeholder {
  color: #fff;
}

.card .card-content input:-ms-input-placeholder{
  color: #fff;
}

.card .card-content .submit{
	background-color: #F2AC42;
	color: #fff;
	font-size: 1.4rem;
	padding: 7px 18px;
}
/* 申请板卡试用 end */

/* 尾部 start */
footer.footer{
	background: #F5F6F7;
	margin-top: 0;
	border-top: 1px solid #EEEFF0;
	
}

footer{
	padding-top: 2.4rem;
}
footer.footer .left-logo img{
	max-width: 9rem;
}
footer.footer ul{
	margin:0;
}
footer.footer .des .list{
	width: 100%;
}
footer.footer ul li {
	margin-right: 4.4rem;
	color: #7E8894;
}
footer.footer ul li:last-child{
	margin-right: 0;
}
footer.footer ul li a{
	font-size: 1.4rem;
	color: #7E8894;
	text-decoration:none;
}
footer.footer ul li a:hover{
	color: #437CEE;
	text-decoration:none !important;
}
footer .share a{
	display: inline-block;
	width: 2.4rem;
	height: 2.4rem;
	cursor: pointer;
}

footer .share a.weixin{
	background-image: url('../image/weixin_default.svg');
	margin-right: 2.1rem;
	position: relative;
}

.share a.xinlang{
	background-image: url('../image/weibo_default.svg');
}
footer .share a.weixin:hover{
	background-image: url('../image/weixin_pressed.svg');
}
.share a.xinlang:hover{
	background-image: url('../image/weibo_pressed.svg');
}
footer .share .weixin{
	color: #fff;
}

footer .share .weixin .caret{
	position: absolute;
	bottom: 2.6rem;
	left: .8rem;
	margin-left: 0;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	opacity: 0;
}

footer .share .weixin #qrcode{
	position: absolute;
	bottom: 3rem;
	left: -2.5rem;
	background-color: #fff;
	padding: .4rem;
	box-shadow: 0 8px 30px 0 #E6F4FF;
	-moz-box-shadow: 0 8px 30px 0 #E6F4FF;
	-webkit-box-shadow: 0 8px 30px 0 #E6F4FF;
	opacity: 0;
}


footer.footer .container .mtext{
	display: none;
}
/* 尾部 end

/* 右边浮动 start */
.right-float{
	width: 4.4rem;
	position: fixed;
	right: 4rem;
	z-index: 100;
	top: 60%;
	cursor: pointer;
	display: none;
}

.right-float .tel{
	width: 100%;
	height: 4.4rem;
	background-color: #437CEE;
	background-image: url('../image/phone.svg');
	border-radius: 50%;
	margin-bottom: 3.8rem;
	transition: background-color .3s;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
}
.right-float .tel:hover{
	background-color: #3E72DB;
	transition: background-color .3s;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
}

.right-float .text-sy{
	position: relative;
	width: 100%;
	height: 15.4rem;
	text-align: center;
	background-color: #fff;
	border: 1px solid #EBEEF0;
	box-shadow: 0 2px 20px 0 #E6F4FF;
	-moz-box-shadow: 0 2px 20px 0 #E6F4FF;
	-webkit-box-shadow: 0 2px 20px 0 #E6F4FF;
	border-radius: 2.4rem;
	writing-mode:vertical-rl;
	writing-mode: tb-rl;
	margin-bottom: 2.4rem;
	transition:border .3s;
	-webkit-transition:border .3s;
	-moz-transition:border .3s;
}
.right-float .text-sy:hover{
	border: 1px solid #437CEE;
	transition:border .3s;
	-webkit-transition:border .3s;
	-moz-transition:border .3s;
}
.right-float .text-sy:hover .img{
	background: url('../image/apply_pressed.svg');
	background-repeat: no-repeat;
	transition:background .3s;
	-webkit-transition:background .3s;
	-moz-transition:background .3s;
}
.right-float .text-sy:hover span.text{
	color: #437CEE;
	transition:color .3s;
	-webkit-transition:color .3s;
	-moz-transition:color .3s;
}
.right-float .text-sy .img{
	width: 100%;
	height: 1.9rem;
	background: url('../image/apply_default.svg');
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 1.8rem;
	left:1.3rem;
	*left:0; /* IE6, IE7 */
	+left:0;/* IE6, IE7*/
	left:0\9; /* IE6, IE7, IE8, IE9, IE10 */
	left:0\0; /* IE8, IE9, IE10 */
	left:0\9\0;/*IE9, IE10*/
	_left:0; /* Only works in IE6 */
	*+left:0; /*  WARNING: Only works in IE7 ? Is it right? */
	transition:background .3s;
	-webkit-transition:background .3s;
	-moz-transition:background .3s;
}

.right-float .text-sy span{
	display: inline-block;
}
.right-float .text-sy span.text{
	font-size: 1.6rem;
	color:#666;
	line-height: 2.4rem;
	position: absolute;
	top: 5.3rem;
	left: 1rem;
}
.right-float .go-top{
	width: 100%;
	height: 4.4rem;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 2px 20px 0 #E6F4FF;
	-moz-box-shadow: 0 2px 20px 0 #E6F4FF;
	-webkit-box-shadow: 0 2px 20px 0 #E6F4FF;
	border: 1px solid #f2f2f2;
	transition:border .3s;
	-webkit-transition:border .3s;
	-moz-transition:border .3s;
}

.right-float .go-top:hover{
	border: 1px solid #437CEE;
	transition:border .3s;
	-webkit-transition:border .3s;
	-moz-transition:border .3s;
}

.right-float .go-top div{
	width: 100%;
	height: 100%;
	background-image: url('../image/top_default.svg');
	transition:background-image .3s;
	-webkit-transition:background-image .3s;
	-moz-transition:background-image .3s;
}
.right-float .go-top div:hover{
	background-image: url('../image/top_pressed.svg');
	transition:background-image .3s;
	-webkit-transition:background-image .3s;
	-moz-transition:background-image .3s;
}
@media screen and (max-width: 768px){
	.left-padding-ghost{
		padding-left: 15px;
	}
	.new-content .text-list .listzifarent{
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
}
/* 右边浮动 end */
@media screen and (min-width: 768px) and (max-width: 1470px) {
	.navbars .zhong{
		width: 41.66666667%;
	}
	.navbars .you{
		width: 33.33333333%;
	}
}

@media screen and (min-width: 768px) and (max-width: 1369px) {
	.navbars .left a{
		font-size: 1.7rem;
	}
	.navbars .left img{
		width: 12.7rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 1418px) {
	.right-float{
		right: 2rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
	.navbars .center li a, .navbars .right li a{
		padding: 1rem 1.1rem;
	}
	.navbars .left img {
	    width: 10.7rem;
	}
	.navbars .you {
	    width: 30.333333%;
	}
	.navbars .zhong{
		width: 44.66666667%;
	}
	
}


@media screen and (min-width: 768px) and (max-width: 1217px) {
	.navbars .center li a, .navbars .right li a {
	    padding: 1rem 1rem;
	}
	.navbars .left .ver {
	    margin: 0 1rem;
	}
	.right-float{
		right: 2rem;
	}
}

@media screen and (min-width: 768px) and (max-width: 1210px) {  
	.goods .ant-tabs-content-holder .goods-list.active .img{
		width: 11.4rem;
		margin-top: -2.4rem;
	}
	.goods .ant-tabs-content-holder .goods-list .goods-title{
		font-size: 1.6rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 9rem;
	}
	.goods .ant-tabs-content-holder .goods-list .img{
		width: 10rem;
		margin-top: -.6rem;
	}
}

@media screen and (min-width: 768px) and (max-width: 1185px) {
	.navbars .center li a, .navbars .right li a {
	    padding: 1rem .7rem;
	}
	.navbars .left .ver {
	    margin: 0 .3rem;
	}
	.navbars .left a {
	    font-size: 1.6rem;
	}
	.navbars .left img {
	    width: 9.7rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
	.navbars .center li a, .navbars .right li a {
	    padding: 1rem .6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 1094px) {
	.navbars .center li a, .navbars .right li a{
		font-size: 1.4rem;
	}
}

@media screen and (min-width: 768px) and (max-width: 1053px) {
	.navbars .left .ver {
	    margin: 0 .1rem;
	}
	.navbars .center li a, .navbars .right li a {
	    padding: 1rem .4rem;
	}
}

@media screen and (min-width: 768px) and (max-width:1026px) {
	.navbars .left a {
	    font-size: 1.5rem;
	}
	.navbars .left img {
	    width: 9rem;
	}
	.right-float{
		right: 2rem;
	}
	.app .list .related-goods .goods-list div{
		padding: .1rem .2rem;
	}
}
@media screen and (min-width: 768px) and (max-width:1000px) {
	.container-fluid{
		padding-left: 12px;
		padding-right: 12px;
	}
	
}

@media screen and (min-width: 768px) and (max-width:990px) {
	.column{
		height:9rem;
	}
	.column img {
	    max-height: 7.6rem;
	}
	.column .title {
	    font-size: 1.6rem;
	    margin-top: 1.5rem;
	    line-height: 1.6rem;
	}
	.column .media-left{
		padding-right:0;
	}
	.new-content .list-content .text-title, .new-content .list-content .des{
		font-size:13px;
	}
	.goods .list-flag{
		padding: 0;
	}
	.goods .ant-tabs-content-holder .goods-list{
		padding: .8rem  1rem;
		padding-bottom: 3rem;
	}
	
	.goods .goods-list .goods-des{
		display:-webkit-box;
		-webkit-line-clamp:4;
		-webkit-box-orient:vertical;
		overflow:hidden;
	}
	.goods .ant-tabs-content-holder .goods-list .show-des{
		bottom:.5rem;
	}
	
	.app .list .titles{
		font-size:1.6rem
	}
	.app .list .media .media-left img{
		width: 16rem;
	}
	.app .list .text{
		font-size:1.3rem;
		line-height:2rem;
		-webkit-line-clamp:2;
	}
	.app .list .related-goods{
		font-size:1.2rem;
		bottom:0;
	}
	.right-float{
		width: 3.8rem;
	}
	.right-float .tel{
		height:3.8rem;
		margin-bottom: 1.8rem;
	}
	.right-float .text-sy{
		margin-bottom: 1.4rem;
	}
	.right-float .text-sy .img{
		left:1rem;
		*left:0; /* IE6, IE7 */
		+left:0;/* IE6, IE7*/
		left:0\9; /* IE6, IE7, IE8, IE9, IE10 */
		left:0\0; /* IE8, IE9, IE10 */
		left:0\9\0;/*IE9, IE10*/
		_left:0; /* Only works in IE6 */
		*+left:0; /*  WARNING: Only works in IE7 ? Is it right? */
	}
	.right-float .text-sy span.text{
		font-size:1.6rem;
		left:.6rem;
	}
	.right-float .go-top{
		height: 3.8rem;
	}
	
	.solution .list .list-v:nth-child(3) .right img{
		max-width: 105%;
	}
	.solution .list .list-v:nth-child(5) .right img {
	    max-width: 105%;
	}	
	.solution .list .list-v .right img{
		max-width: 110%;
	}
	
	
}
@media screen and (min-width: 768px) and (max-width:970px) {
	.new-course .list .des .read{
		text-align: left;
	}
}
@media screen and (min-width: 768px) and (max-width:950px) {
	.navbars .left {
		width: 15.66666667%;
	}
	.navbars .zhong{
		width: 50.66666667%
	}
	.navbars .you{
		width: 33.333333%;
	}
	.navbars .left .imgs, .navbars .left .ver{
		display: none;
	}
	.navbars .right li input{
		height:2.5rem;
		width:8rem;
	}
	.navbars .right .search .fa-search-ico{
		top: .5rem;
	}
	.search .search-form{
		top: -1.5rem;
	}
	
	#banner .title{
		font-size:3.6rem;
	}
	
}

@media screen and (min-width: 768px) and (max-width:840px) {
	.navbars .center li a, .navbars .right li a{
		padding: 1rem .2rem;
	}
	.container-fluid{
		padding-left: 8px;
		padding-right: 8px;
	}
	.navbars .left a{
		font-size: 1.4rem;
	}
}
@media screen and (min-width: 768px) and (max-width:982px) {
	.goods .ant-tabs-content-holder .goods-list.active .img{
		top: -1.7rem;
	}
}

@media screen and (min-width: 768px) and (max-width:769px) {
	.navbars .center li a, .navbars .right li a{
		padding: 1rem .1rem;
	}
}

@media (max-width: 768px) {
	
	.big-title{
		margin: 3rem 0;
	}
	
	.navbar-toggle{
		margin-right:0;
	}
	
	.new-content .text-list .leftba, .new-content .text-list .rightba, .solution .list .solution-left, .solution .list .solution-right, .goods .ant-tabs-content-holder .dd-left, .goods .ant-tabs-content-holder .dd-right, .app .ggleft, .new-course .courseleft{
		display: none;
	}
	.right-float{
		width:3rem;
		right:1rem;
		top: 46%;
	}
	.right-float .tel{
		height:3rem;
		margin-bottom:.8rem;
	}
	.right-float .text-sy {
		height: 13.4rem;
		margin-bottom: 0.5rem;
	}
	
	.right-float .text-sy .img{
		height: 1.5rem;
		top: 1.5rem;
		left: 0.7rem;
		*left:0; /* IE6, IE7 */
		+left:0;/* IE6, IE7*/
		left:0\9; /* IE6, IE7, IE8, IE9, IE10 */
		left:0\0; /* IE8, IE9, IE10 */
		left:0\9\0;/*IE9, IE10*/
		_left:0; /* Only works in IE6 */
		*+left:0; /*  WARNING: Only works in IE7 ? Is it right? */
	}
	.right-float .text-sy span.text{
		font-size: 1.5rem;
		top: 4rem;
		left: 0.3rem;
	}
	.right-float .go-top{
		height: 3rem;
	}
	.container-fluid{
		padding-left: 15px;
		padding-right: 15px
	}
	#banner .banner{
		height:51rem;
	}
	
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		bottom: 17.8rem !important;
	}
	
	#banner .banner .text{
		margin-top: 7rem;
	}
	#banner .banner_m{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	#banner .banner .subtitle{
		line-height: 2.3rem;
		font-size:2rem;
	}
	
	#banner .banner .title{
		font-size:2.4rem;
		line-height:3rem;
	}
	#banner .banner .des{
		font-size:1.4rem;
		line-height: 2rem;
	}
	
	.column{
		height: 15.6rem;
	}
	.column .list{
		padding: 0;
	}
	.column img{
		max-height:7.5rem;
	}
	
	.media-left{
		padding-right:0 !important;
	}
	
	.column .title{
		line-height: 1.7rem;
        margin-top: 2.5rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 1.3rem;
        -webkit-line-clamp: 1;
	}
	.column .text{
		display: none;
	}
	
	.new-content .text-center{
		margin:3rem 0;
	}
	.new-content .text-list .row{
		margin-left: 0;
		margin-right: 0;
	}
	.new-content .listzifarent:nth-of-type(n+4){
		margin-top: 0;
	}
	.new-content .listzifarent{
		margin-bottom: 1rem;
	}
	
	/* .solution .list .list-v{
		height: 7.6rem;
		line-height: 7.6rem;
	} */
	.solution .list .list-v .left{
		font-size: 1.2rem;
		padding: 0;
		display:-webkit-box;
		-webkit-line-clamp:1;
		-webkit-box-orient:vertical;
		overflow:hidden;
	}
	
	.goods .ant-tabs-content-holder .row{
		margin-left: 0;
		margin-right: 0;
	}
	.goods .ant-tabs-nav-list{
		margin-bottom: 1.8rem;
		padding-left: 15px;
	}
	.goods .ant-tabs-nav-list .ant-tabs-tab{
		font-size: 1.3rem;
	}
	.goods .ant-tabs-ink-bar{
		width: 5rem;
		left: 15px;
	}
	.goods .list .list-flag{
		margin-bottom: 1.5rem;
		padding-left: 1.2rem !important;
	}
	.goods .btn-goods-switch .right{
		margin-right: 1rem;
	}
	.goods .ant-tabs-content-holder .btn-goods-switch{
		margin: 1rem 0;
	}
	/* .app .container{
		padding: 0;
	} */
	
	.app .row{
		margin-left: 0;
		margin-right: 0;
	}
	.app .list .text, .app .list .related-goods, .app .list .titles{
		display: none;
	}
	.app .list .media .media-left img{
		width: 16rem;
	}
	.app .list{
		margin-bottom: 2.5rem;
	}
	.app .list .media-left .mtitle{
		font-size:  1.6rem;
		margin-top: 1rem;
		display: inline-block;
		display:-webkit-box;
		-webkit-line-clamp:1;
		-webkit-box-orient:vertical;
		overflow:hidden;
	}
	
	.new-course .list{
		margin-bottom: 1.5rem;
	}
	
	.new-course .list .title{
		margin-top:1rem;
	}
	
	.new-course .list .des .read{
		text-align: left;
	}
	.new-course .more{
		margin-top: 1.2rem;
		margin-bottom: 3rem;
	}
	.card .card-content .card-des{
		margin-bottom: 1rem;
	}
	.card .card-content .card-title{
		font-size: 2rem;
	}
	.card .card-content input{
		width: 100%;
		margin-bottom: 1rem;
	}
	.card .card-content .submit{
		width: 50%;
	}
	
	.card{
		height: auto;
	}
	.partners .list{
		display: none;
	}
	
	.partners .partner-list{
		display: inline-block;
		margin-bottom: 2rem;
	}
	
	footer .container, footer .container .left-logo, footer .share{
		padding: 0;
	}
	
	
	footer.footer ul li{
		margin-right:1.4rem;
	}
	footer .share a.weixin{
		margin-right: .1rem;
	}
	
	footer.footer .des .text-address{
		display: none;
	}
	
	footer.footer .container .mtext{
		display: inline-block;
	}
	
}



/* 
 * 课程中心
 */
.curriculum-index {
	width: 100%;
	
}
/* 横屏srart 公用的 */
.gcc .rung{
	position: relative;
	height: 32rem;
}
.gcc .bacurriclum{
	width: 100%;
	background-image: none;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: relative;
}
.gcc .rung .title{
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.gcc .rung .title h1{
	font-size: 36px;
	color: #FFF;
	font-family: FZLTZHK--GBK1-0;
}

.gcc .rung .title .des{
	font-family: PingFangSC-Regular;
	font-size: 16px;
	color: #FFFFFF;
}
/* 横屏end */

/* 小导航start  公用*/
.gcc .cur-nva{
	display: flex;
	display: -webkit-flex;
	align-items:center;
	justify-content:center;
	height: 5.2rem;
	line-height: 5.2rem;
	background: #FFF;
	box-shadow: 0 1px 8px 0 #E6F4FF;
	-moz-box-shadow: 0 1px 8px 0 #E6F4FF;
	-webkit-box-shadow: 0 1px 8px 0 #E6F4FF;
}
.gcc .cur-nva.fixed{
	position: fixed;
	top:0;
	left:0;
	right: 0;
	z-index: 1000;
}

.gcc .cur-nva .item{
	margin-right: 2.9%;
	position: relative;
}

.gcc .cur-nva .item-animated{
	position: absolute;
	height: 2px;
	bottom: 0;
	width: 0;
	left: 0;
	background:#437CEE;
}

.gcc .cur-nva .item.active a{
	color: #437CEE;
}
.gcc .cur-nva .item:ast-child{
	margin-right: 0;
}
.gcc .cur-nva a{
	font-size: 16px;
	color: #8A97B8;
	font-family: PingFangSC-Regular;
}

/* 小导航end */
.curriculum-index .container{
	margin-top: 3px;
}
.curriculum-index .new-course{
	padding: 3rem 0;
	margin-top: .2rem;
}
.curriculum-index .new-course .list{
	margin-bottom: 2.8rem;
	position: relative;
}

.curriculum-index .new-course .list .flaglab{
	position: absolute;
	top: .8rem;
	left: 1.2rem;
	z-index: 999;
	background-color: #F2A634;
	color: #fff;
	font-size: 12px;
	padding: .1rem 1rem;
}

.curriculum-index .new-course .list .des .title{
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

@media (min-width: 1200px){
	.curriculum-index .new-course .list:nth-child(1) .flaglab{
		left: 0;
	}
	.curriculum-index .new-course .list:nth-child(2) .flaglab{
		left: .6rem;
	}

	.curriculum-index .new-course .list:nth-child(3) .flaglab{
		left: 1.2rem;
	}

	.curriculum-index .new-course .list:last-child .flaglab{
		left: 1.8rem;
	}
	
	.navbars .center .caret{
		margin-left: .4rem;
	}
}


@media (max-width: 768px) {
	.curriculum-index .new-course .list .des{
		 min-height: 12rem;
	}
	
	.curriculum-index .new-course .list .label-flag{
		bottom: 1.4rem;
	}
	
	.curriculum-index .new-course .list .title{
		font-size:1.5rem;
	}
}

@media (max-width: 530px) {
	.gcc .cur-nva{
		width: 98%;
		margin: 0 auto;
	}
	.gcc .cur-nva .item{
		width: 20%;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		text-align: center;
	}
	
	
	.gcc .cur-nva a{
		font-size: 15px;
	}
	.gcc .cur-nva .item-animated{
		left: 14px;
	}
}



/* 
 * 数据为空的时候
 */
.empty{
	height: 38rem;
	font-size: 16px;
	color: #8A97B8;
	line-height: 38rem;
}
.empty img{
	width: 10rem;
}



/* 
 * 文档中心
 */
.gcc .gcc-content .title{
	font-size: 24px;
	color: #0E1B3F;
	line-height: 3rem;
	margin: 5.6rem 0;
}

.document-index .document-content .document-content-list{
	box-shadow: 0 8px 30px 0 #E6F4FF;
	-moz-box-shadow: 0 8px 30px 0 #E6F4FF;
	-webkit-box-shadow: 0 8px 30px 0 #E6F4FF;
	border-radius: 6px;
	position: relative;
	margin-bottom: 4rem;
	margin-top: 0;
	transition: margin-top .3s, box-shadow .3s;
	-webkit-transition: margin-top .3s, box-shadow .3s;
	-moz-transition: margin-top .3s, box-shadow .3s;
}
.document-index .document-content .document-content-list:hover{
	margin-top: -1rem;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	transition: margin-top .3s, box-shadow .3s;
	-webkit-transition: margin-top .3s, box-shadow .3s;
	-moz-transition: margin-top .3s, box-shadow .3s;
}
.document-index .document-content .document-content-list .bg{
	background: #FFFFFF;
}

.document-index .document-content .document-content-list .image{
	margin-top: -2rem;
	position: relative;
	width: 121px;
	margin-right: 16px;
}
@media screen and (min-width: 768px) and (max-width:1200px) {
	.document-index .document-content .document-content-list .image{
		width: 41.66666667%;
		margin-right: 0;
	}
	
	
}
@media screen and (min-width: 768px) and (max-width:992px) {
	.document-index .document-content .document-content-list .read .down, .document-index .document-content .document-content-list .read .num{
		font-size: 12px !important;
	}
}
.document-index .document-content .document-content-list .image .flaglab{
	position: absolute;
	top: .4rem;
	right: 1rem;
	font-size: 12px;
	color: #FFFFFF;
	background: rgba(12,19,37,0.60);
	border-radius: 2px;
	padding: .2rem .8rem;
	font-family: PingFangSC-Regular;
}
.document-index .document-content .document-content-list .image .flaglab:not(:empty){
	background: #FF3131;
}

.document-index .document-content .document-content-list .image img{
	max-width: 100%;
}

.document-index .document-content .document-content-list .right{
	min-height: 13rem;
}
.document-index .document-content .document-content-list .right .document-title{
	margin-top: 2.2rem;
	font-size: 16px;
	color: #0E1B3F;
	line-height: 2.4rem;
	
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}
.document-index .document-content .document-content-list .right .document-title:hover{
	color: #437CEE;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}
.document-index .document-content .document-content-list .read{
	position: absolute;
	bottom: 0;
}
.document-index .document-content .document-content-list .read i{
	color:#CACEDB;
	margin-right: 3px;
}
.document-index .document-content .document-content-list .read .num{
	font-size: 13px;
	color: #7E8894;
}
.document-index .document-content .document-content-list .read .down{
	font-size: 14px;
	color: #666;
}
.document-index .document-content .document-content-list .read .down a{
	color: #666;
}
.document-index .document-content .document-content-list .read .down span{
	border: 1px solid #E8E8E8;
	border-radius: 12px;
	padding: .15rem 1.1rem;
	text-align: center;
	cursor: pointer;
}

.document-index .document-content .document-content-list .read .down span:hover{
	border: 1px solid #437CEE;
	color: #437CEE;
	transition: border .3s, color .3s;
	-webkit-transition: border .3s, color .3s;
	-moz-transition: border .3s, color .3s;
}

/* 文档中心详情 */
.document-details{
	position: relative;
}

.document-details{
	margin-top: 7.2rem;
}
.document-details .container{
	background-color: #fff;
}
.document-details .container .content-bg-with{
	box-shadow: 0 1px 8px 0 #EEF2F5;
	border-radius: 4px;
	min-height: 32rem;
	padding-bottom: 4.8rem;
}
.document-details .document-right-content .row .title h2{
	font-family: PingFangSC-Medium;
	font-size: 26px;
	color: #333;
	line-height: 32px;
	font-weight: 500;
}
.document-details .document-right-content .row .title h2 .bo{
	margin-top: -.3rem;
}
.document-details .document-right-content .row .title h2 a{
	font-family: MicrosoftYaHeiUI;
	font-size: 14px;
	color: #666;
}
.document-details .document-right-content .row .title h2.down a{
	background: #FFFFFF;
	border: 1px solid #E8E8E8;
	border-radius: 16px;
	padding: .5rem;
	transition: border .3s, color .3s;
	-webkit-transition: border .3s, color .3s;
	-moz-transition: border .3s, color .3s;
}

.document-details .document-right-content .row .title h2.down a:hover{
	border: 1px solid #437CEE;
	color: #437CEE;
	transition: border .3s, color .3s;
	-webkit-transition: border .3s, color .3s;
	-moz-transition: border .3s, color .3s;
}
.document-details .document-right-content .row .info h3{
	font-family: PingFangSC-Medium;
	font-size: 18px;
	color: #555555;
	font-weight:500;
	letter-spacing:0;
}
.document-details .document-right-content .row .info img{
	max-width: 100%;
}

.document-details .document-right-content .row .info p{
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #252525;
	line-height: 25px;
}


.status-point {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #8A97B8;
  vertical-align:middle;
}
/* 左边导航 */
.document-details .document-left-nav{
	position: fixed;
	/* width: 25.5rem; */
	left: 0;
	height: 100%;
	border-right: 1px solid #E6EAED;
	overflow-y: auto;
}
.document-details .document-left-nav::-webkit-scrollbar-track{background-color:transparent}
.document-details .document-left-nav::-webkit-scrollbar{width:6px}
.document-details .document-left-nav::-webkit-scrollbar-thumb{border-radius:6px;background-color:#ccc}
.document-details .document-left-nav::-webkit-scrollbar-thumb:hover{background-color:#aaa}

.document-details .document-left-nav .top{
	border-top: 1px solid #E6EAED;
}
.document-details .document-left-nav a{
	color: #8A97B8;
	font-family: PingFangSC-Regular;
	font-size: 14px;
}

/* 选中背景 start */
.document-details .document-left-nav .active_bg{
	background-color: #F8F9FA;
	margin-right: -1.5rem;
}
/* 选中背景 end */

.document-details .document-left-nav a.active li{
	color: #437CEE;
}

.document-details .document-left-nav a.active .status-point{
	background-color: #437CEE;
}

.document-details .document-left-nav .go-back, .document-details .document-left-nav ul li{
	line-height: 2rem;
	padding-top: 1.8rem;
}
.document-details .document-left-nav ul a:first-child li{
	padding-top: 0;
	padding-bottom: 1.8rem;
}
.document-details .document-left-nav ul li:hover{
	color: #437CEE;
	/* overflow: visible; */
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	
}
.document-details .document-left-nav ul li:hover .status-point{
	background-color: #437CEE;
	transition: background-color .3s;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
}
.document-details .document-left-nav ul li{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #8A97B8;
}

.document-details .document-left-nav ul{
	list-style-type: none;
}



@media screen and (min-width: 768px) and (max-width:1198px) {
	.document-index .document-content .document-content-list .right .document-title{
		margin-top:1rem;
	}
	.document-index .document-content .document-content-list .image{
		margin-top: -1rem;
	}
	
	.document-index .document-content .document-content-list .read{
		bottom: 1.7rem;
	}
}

@media screen and (min-width: 768px) and (max-width:990px) {
	.document-index .document-content .document-content-list .right .document-title{
		-webkit-line-clamp:2;
		font-size: 15px;
	}
	.document-index .document-content .document-content-list .right{
		min-height:10rem;
	}
	.document-index .document-content .document-content-list .read .num{
		font-size: 12px;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}
}
@media screen and (max-width: 768px) {
	.document-index .document-content .document-content-list .image img{
		/* width: 100%; */
	}
	.document-details{
		margin-top: 5rem;
	}
}
@media screen and (max-width: 392px) {
	.document-index .document-content .document-content-list .right{
		min-height: 12rem;
	}
	.document-index .document-content .document-content-list .right .document-title{
		margin-top:1.2rem;
	}
}

@media screen and (max-width: 340px) {
	.document-index .document-content .document-content-list .image{
		margin-top:-1rem;
	}
	.document-index .document-content .document-content-list .right{
		min-height:11rem;
	}
}
/* 在线实验 */
.experiment img{
	width: 100%;
}

.experiment .experiment-list{
	padding-top: 3.2rem;
}

.experiment .experiment-list-8{
	padding-bottom: 8.8rem;
}

.experiment .experiment-list .list{
	background: #FFF;
	box-shadow: 0 8px 30px 0 #E6F4FF;
	-moz-box-shadow: 0 8px 30px 0 #E6F4F;
	-webkit-box-shadow: 0 8px 30px 0 #E6F4F;
	border-radius: 6px;
	transition: box-shadow .3s;
	-webkit-transition: box-shadow .3s;
	-moz-transition: box-shadow .3s;
	margin-bottom: 2.8rem;
}

.experiment .experiment-list .top{
	height: 17.2rem;
	overflow:hidden;
	border-radius: 6px 6px 0 0;
	position: relative;
}

.experiment .experiment-list .top .flaglab{
	position: absolute;
	top: .8rem;
	right: .8rem;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 20px;
	background: rgba(12,19,37,0.60);
	border-radius: 2px;
	padding: .1rem .8rem;
}

.experiment .experiment-list .content-p .title{
	font-size: 18px;
	color: #0E1B3F;
	margin: 2.4rem 0 1rem 0;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

.experiment .experiment-list .content-p .des{
	font-size: 14px;
	color: #7E8894;
	line-height: 24px;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.experiment .experiment-list .bottom{
	margin: 2.4rem 0;
	font-size: 13px;
	color: #7E8894;
}
.experiment .experiment-list .bottom .fa.fa-people{
	background-image: url('../image/people.svg');
	width: 1rem;
	height: 1rem;
	margin-right: .8rem;
}
.experiment .experiment-list .row{
	margin-bottom: 3.6rem;
}
.experiment .experiment-list .list:hover{
	margin-top: -1rem;
	box-shadow: 0 8px 30px 0 #C2DDF2;
	-moz-box-shadow: 0 8px 30px 0 #C2DDF2;
	-webkit-box-shadow: 0 8px 30px 0 #C2DDF2;
	transition: margin-top .3s, box-shadow .3s;
	-webkit-transition: margin-top .3s, box-shadow .3s;
	-moz-transition: margin-top .3s, box-shadow .3s;
}
.experiment .experiment-list .list:hover .content-p .title{
	color: #437CEE;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}
.experiment .experiment-list .list:hover .content-p .title a{
	color: #437CEE;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}


@media screen and (min-width: 768px) and (max-width:991px) {
	.experiment .experiment-list .content-p .title{
		margin: 1rem 0;
	}
	.experiment .experiment-list .top{
		height: auto;
	}
	.experiment .experiment-list .bottom{
		margin: 1rem 0;
	}
}
@media screen and (min-width: 768px){
	.experiment .experiment-list .content-p .des{
		height: 7.2rem;
	}
}

@media screen and (max-width: 768px){
	.experiment .experiment-list .top{
		height: auto;
	}
	
	.experiment .experiment-list .list{
		margin-bottom: 3.6rem;
	}
	.experiment .experiment-list .row{
		margin-bottom: 0;
	}
}

/* 应用实例 */
.app-index .experiment-list .bottom .related-goods div{
	display: inline-block;
	font-size: 14px;
	color: #666;
}

.app-index .experiment-list .bottom .related-goods .goods-list div{
	border: 1px solid #E8E8E8;
	border-radius: 1.2rem;
	padding: .1rem .6rem;
}
.app-index .experiment-list .bottom .related-goods .goods-list div a{
	line-height: 1.8rem;
	display: inline-block;
}
.app-index .experiment-list .bottom .related-goods .goods-list a:hover{
	color: #437CEE;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}
.app-index .experiment-list .bottom .related-goods .goods-list div:hover{
	border: 1px solid #437CEE;
	color: #437CEE;
	transition: color .3s, border .3s;
	-webkit-transition: color .3s, border .3s;
	-moz-transition: color .3s, border .3s;
}

/* 
 * SDK下载
 */
.sdk-index .sdk-nav-ba{
	background: #FFF;
	box-shadow: 0 1px 8px 0 #EEF2F5;
	-moz-box-shadow: 0 1px 8px 0 #EEF2F5;
	-webkit-box-shadow: 0 1px 8px 0 #EEF2F5;
	line-height: 5.6rem;
}

.sdk-index .sdk-nav-ba .sdk-nav .hr {
	border-bottom: 1px solid #EEF2F5;
}

.sdk-index .sdk-nav-ba .sdk-nav .list .list-i div{
	cursor: pointer;
}
.sdk-index .sdk-nav-ba .sdk-nav .list .list-i div:last-child span{
	margin-right: 0;
}
.sdk-index .sdk-nav-ba .sdk-nav .list .list-i div span{
	padding: .2rem 1.2rem;
	border: 1px solid #E8E8E8;
	border-radius: 12px;
	margin-right: 2rem;
}
.sdk-index .sdk-nav-ba .sdk-nav .list .list-i div span:hover{
	border: 1px solid #437CEE;
	color: #437CEE;
	background-color: #EDF2FF;
	transition: color .3s, border .3s, background-color .3s;
	-webkit-transition: color .3s, border .3s, background-color .3s;
	-moz-transition: color .3s, border .3s, background-color .3s;
}
.sdk-index .sdk-nav-ba .sdk-nav .list .list-i div span.active{
	border: 1px solid #437CEE;
	color: #437CEE;
	background-color: #EDF2FF;
	transition: color .3s, border .3s, background-color .3s;
	-webkit-transition: color .3s, border .3s, background-color .3s;
	-moz-transition: color .3s, border .3s, background-color .3s;
}

.sdk-index .sdk-content{
	margin-top: 2rem;
}

.sdk-index .sdk-content .left .content-list{
	background: #FFFFFF;
	box-shadow: 0 1px 8px 0 #EEF2F5;
	-moz-box-shadow: 0 1px 8px 0 #EEF2F5;
	-webkit-box-shadow: 0 1px 8px 0 #EEF2F5;
	border-radius: 4px;
	padding-top: 2rem;
	padding-bottom: 2rem;
	color: #7E8894;
	margin-bottom: 1.6rem;
	padding-left: 2rem;
	padding-right: 2rem;
}

.sdk-index .sdk-content .left .content-list .top, .sdk-index .sdk-content .left .content-list .des{
	font-family: PingFangSC-Regular;
	font-size: 16px;
}

.sdk-index .sdk-content .left .content-list .top, .sdk-index .sdk-content .left .content-list .zhong{
	margin-bottom: 1.6rem;
}
.sdk-index .sdk-content .left .content-list .down{
	font-size: 14px;
	cursor: pointer;
}
.sdk-index .sdk-content .left .content-list .down a:hover{
	border: 1px solid #437CEE;
	color: #437CEE;
	transition: color .3s, border .3s;
	-webkit-transition: color .3s, border .3s;
	-moz-transition: color .3s, border .3s;
	
}
.sdk-index .sdk-content .left .content-list .down a{
	border: 1px solid #E8E8E8;
	border-radius: 12px;
	padding: .3rem 1.2rem;
}

.sdk-index .sdk-content .left .content-list .zhong{
	font-size: 14px;
	color: #999;
}
.sdk-index .sdk-content .left .content-list .zhong .shu{
	margin: 0 1.2rem;
}
.sdk-index .sdk-content .right{
	background: #FFFFFF;
	box-shadow: 0 1px 8px 0 #EEF2F5;
	border-radius: 4px;
}
.sdk-index .sdk-content .right .title{
	font-size: 18px;
	margin-top: 2rem;
}

.sdk-index .sdk-content .right .list ul{
	list-style: none;
	padding: 0;
}
.sdk-index .sdk-content .right .list ul li{
	margin-top: 1.6rem;
}
.sdk-index .sdk-content .right .list ul li .status-point{
	width: 4px;
	height: 4px;
	background-color: #333;
	margin-right: .8rem;
	margin-top: -.2rem;
}
.sdk-index .sdk-content .right .list ul li a{
	font-size: 14px;
}

.sdk-index .sdk-content .right .list ul li:hover .status-point{
	background-color: #437CEE;
	transition: background-color .3s;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
}
.sdk-index .sdk-content .right .list ul li:hover a{
	color: #437CEE;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}

@media screen and (max-width: 768px){
	.sdk-index .sdk-nav-ba{
		line-height:4rem;
	}
	.sdk-index .sdk-nav-ba .sdk-nav .list .list-i div span{
		margin-right: 1rem;
	}
	
}

/* 行业方案 */
.solution-index .big-title{
	margin-top: 5.6rem;
	margin-bottom: 4.4rem;
}
.solution-index .bg-fff{
	background-color: #fff;
}
.solution-index .bg-hh{
	background-image: -webkit-linear-gradient(90deg, #F7F9FA 0%, #FCFDFD 100%);
	background-image: -moz-linear-gradient(90deg, #F7F9FA 0%, #FCFDFD 100%);
	background-image: -o-linear-gradient(90deg, #F7F9FA 0%, #FCFDFD 100%);
	background-image: -ms-linear-gradient(90deg, #F7F9FA 0%, #FCFDFD 100%);
	background-image: linear-gradient(90deg, #F7F9FA 0%, #FCFDFD 100%);
}
.solution-index .solution-content{
	margin-top: .2rem;
}
.solution-index .solution-content .trend .trend-content{
	background: #FFFFFF;
	box-shadow: 0 8px 30px 0 #E6F4FF;
	border-radius: 4px;
	padding: 2rem 4rem;
	margin-bottom: 4.4rem;
}
.solution-index .solution-content .trend .trend-content .img img{
	width: 100%;
	vertical-align:middle;
}

.solution-index .solution-content .trend .trend-content .text-c, .solution-index .solution-content .trend .trend-content .text-c *{
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #333333;
	vertical-align:middle;
}

.solution-index .solution-content .trend .trend-content .row{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}
.solution-index .solution-content .trend .trend-content .text >div{
	
}
.solution-index .solution-content .trend .trend-content .text-c .text{
	vertical-align:middle;
}
.solution-index .solution-content .industry .industry-content{
	margin-bottom: 4.4rem;
}

.solution-index .solution-content .industry .industry-content .top img{
	max-width: 100%;
	width: 100%;
}

.solution-index .solution-content .industry .industry-content .bottom{
	padding: 0 2rem 4rem;
	background-color: #fff;
}
.solution-index .solution-content .industry .industry-content .list{
	background: #FFFFFF;
	box-shadow: 0 8px 30px 0 #E6F4FF;
	margin-bottom: 2rem;
}

.solution-index .solution-content .industry .industry-content .bottom .title{
	font-family: PingFangSC-Regular;
	font-size: 16px;
	color: #333;
	padding-top: 2.4rem;
	padding-bottom: 2rem;
}
.solution-index .solution-content .industry .industry-content .bottom .text{
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #7E8894;
	line-height: 22px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.solution-index .solution-content .thesolution .thesolution-content .des{
	padding-bottom: 3.6rem;
}

@media screen and (max-width: 768px){
	
	.solution-index .solution-content .trend .trend-content .row{
		display: inline-block;
	}
	
	.solution-index .solution-content .trend .trend-content .img{
		padding-left: 1.5rem !important;
	}	
	.solution-index .solution-content .trend .trend-content .text-c{
		padding-right: 1.5rem !important;
		margin-top: 1rem;
	}
	.solution-index .solution-content .trend .trend-content{
		padding: 0 1.5rem;
	}
	.solution-index .big-title{
		margin-top: 3rem;
		margin-bottom: 2rem;
	}
	.solution-index .solution-content .industry .industry-content .bottom .title{
		padding-top: 1.4rem;
		padding-bottom: 1rem;
	}
}

/* 解决方案 */
.advantage .advantage-content .list{
	background: #FFF;
	box-shadow: 0 8px 30px 0 #E6F4FF;
	-moz-box-shadow: 0 8px 30px 0 #E6F4FF;
	-webkit-box-shadow: 0 8px 30px 0 #E6F4FF;
	padding: 2.4rem 2rem;
	font-family: PingFangSC-Regular;
	margin-bottom: 2.4rem;
}
.advantage .advantage-content .list .left-img{
	max-width: 100%;
}
.advantage .advantage-content .list .title{
	font-size: 16px;
	color: #333;
	margin-bottom: 1.2rem;
}
.advantage .advantage-content .list .text{
	font-size: 14px;
	color: #7E8894;
	line-height: 22px;
}

.architecture .trend-content .wz{
	background: #F8F9FA;
}

.architecture .trend-content .wz .text h3{
	font-family: PingFangSC-Regular;
	font-size: 16px;
	color: #333;
	font-weight: 500;
}
.architecture .trend-content .wz .text p{
	font-size: 14px;
	color: #0E1B3F !important;
	line-height: 24px;
}

.apps .advantage-content .list .text{
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #0E1B3F;
	line-height: normal;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.apps .advantage-content .list{
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border: 1px solid #EBEEF0;
	padding: 2.2rem 2rem;
}
.apps .advantage-content .list img{
	max-width: 100%;
}


/* 在线实验详情页 */
.online-details{
	margin-top: 4.8rem;
	height: 100rem;
}

.online-details .crumbs{
	height: 4.8rem;
	line-height: 4.8rem;
	font-size: 14px;
	color: #8A97B8;
}
.online-details .crumbs .fa-reply-all{
	font-size:16px;
}
.online-details .crumbs .go-back{
	margin-right: 1.6rem;
}

.online-details .crumbs a{
	color: #8A97B8;
}
.online-details .crumbs a:hover{
	color: #437CEE;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}
.online-details .crumbs .active{
	color: #437CEE;
	cursor: auto;
}

.online-details .details .details-none{
	background-color: #fff;
	padding: 2.4rem 2rem;
}

.online-details .details .wz .wz-2{
	padding-left: 2.8rem;
}
.online-details .details .img img{
	max-width: 100%;
}

.online-details .details .wz .wz-2 h2{
	font-weight: 500;
	font-size: 26px;
	font-family: PingFangSC-Medium;
	color: #333;
	margin-top: 1rem;
	
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.online-details .details .wz .wz-2 .des{
	background: #F8F9FA;
	padding-left: 1.3rem;
	font-size: 14px;
	color: #7E8894;
	line-height: 2.4rem;
	margin: 2rem 0;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.online-details .details .wz .wz-2 .flag{
	font-size: 1.4rem;
	line-height: 18px;
}
.online-details .details .wz .wz-2 .flag d{
	color: #151515;
}

.online-details .details .wz .wz-2 .flag .zhong{
	padding: 0 1.3rem;
	color: #D8D8D8;
}
.online-details .details .wz .wz-2 .ann div:first-child{
	margin-right: 1.6rem;
}	
.online-details .details .wz .wz-2 .ann div{
	display: inline-block;
	padding: .7rem 2rem;
	border-radius: 1.7rem;
	cursor: pointer;
	margin-top: 2rem;
}

.online-details .details .wz .wz-2 .ann .start{
	background: #437CEE;
	box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
	-moz-box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
	-webkit-box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
}

.online-details .details .wz .wz-2 .ann .start:hover{
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	transition: box-shadow .3s;
	-webkit-transition: box-shadow .3s;
	-moz-transition: box-shadow .3s;
}

.online-details .details .wz .wz-2 .ann .start a{
	color: #fff;
	font-size: 1.4rem;
}

.online-details .details .wz .wz-2 .ann .down{
	background: #FFFFFF;
	border: 1px solid #E8E8E8;
	border-radius: 16px;
}

.online-details .details .wz .wz-2 .ann .down:hover{
	border: 1px solid #437CEE;
	transition: border .3s;
	-webkit-transition: border .3s;
	-moz-transition: border .3s;
}
.online-details .details .wz .wz-2 .ann .down:hover a{
	color: #437CEE;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}

.online-details .details .content-ghost .content-left, .online-details .details .content-ghost .content-right{
	background-color: #fff;
	margin-top: 1.6rem;
	padding: 2rem;
}

.online-details .details .content-ghost .content-left .flag-title{
	font-size: 16px;
	color: #333;
	margin-top: -5px;
}


.online-details .details .content-ghost .content-left h3{
	font-family: PingFangSC-Medium;
	font-size: 18px;
	color: #333;
	font-weight: 700;
	margin: 2rem  0 1.6rem;
}
.online-details .details .content-ghost .content-left p{
	font-size: 14px;
	
}
.online-details .details .content-ghost .content-left img{
	max-width: 3.16rem;
}
.online-details .details .content-ghost .content-ghost-img img{
	max-width: 100%;
}
@media screen and (max-width: 1000px) {
	.online-details .details .content-ghost .content-left .content-ghost{
		padding-left: 15px !important;
	}
}
.online-details .details .content-ghost .content-right .title{
	font-size: 18px;
	color: #333;
}
.online-details .details .content-ghost .content-right .list{
	margin-top: 1.6rem;
}
.online-details .details .content-ghost .content-right .list img{
	width: 6.8rem;
	height: 4.9rem;
}

.online-details .details .content-ghost .content-right .list .text .titles{
	font-size: 14px;
	color: #0E1B3F;
	
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.online-details .details .content-ghost .content-right .list .directory-title{
	font-size: 14px;
	color: #333333;
	line-height: 3.8rem;
	vertical-align: middle;
	margin: 0 -2rem;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.online-details .details .content-ghost .content-right .list .directory-title a{
	width: 100%;
	display: inline-block;
	padding: 0 2rem;
}
.online-details .details .content-ghost .content-right .list .directory-title .active{
	color: #437CEE;
	background: #F8F9FA;
}
.online-details .details .content-ghost .content-right .list .directory-title .active .status-point{
	background-color: #437CEE;
}
.online-details .details .content-ghost .content-right .list .directory-title .status-point{
	width: 4px;
	height: 4px;
	background-color: #333;
	vertical-align: middle;
	margin-left: 1.5rem;
}
.online-details .details .content-ghost .content-right .read{
	font-size: 14px;
	color: #333;
	line-height: 3.8rem;
	vertical-align: middle;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.online-details .details .content-ghost .content-right .read a{
	color: #333;
}
.online-details .details .content-ghost .content-right .read a:hover{
	color: #437CEE;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}

.online-details .details .content-ghost .content-right .list.read .text .status-point{
	width: 4px;
	height: 4px;
	background-color: #333;
	vertical-align: middle;
	margin-right: .8rem;
}
.online-details .details .content-ghost .content-right .read .text:hover .status-point{
	background-color: #437CEE;
	transition: background-color .3s;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
}

.online-details .details .course-details h3{
	font-size: 16px !important;
}
.online-details .details .content-ghost .directory-list{
	vertical-align: middle;
	
}
.online-details .details .content-ghost .directory-list .text{
	vertical-align: middle;
	font-size: 14px;
	color: #333;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}
.online-details .details .content-ghost .directory-list .give span{
	padding: .3rem 1.2rem;
	font-size: 14px;
	color: #FFF;
	cursor: pointer;
	background: #437CEE;
	box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
	-moz-box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
	-webkit-box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
	border-radius: 17px;
	display: none;
	
	transition: display .3s;
	-webkit-transition: display .3s;
	-moz-transition: display .3s;
}

.online-details .details .content-ghost .directory-list .give span:hover{
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	transition: box-shadow .3s;
	-webkit-transition: box-shadow .3s;
	-moz-transition: box-shadow .3s;
}

.online-details .details .content-ghost .directory-list .list{
	background: #F8F8F8;
	border-radius: 4px;
	height: 4.8rem;
	line-height: 4.8rem;
	margin-top: 1.2rem;
	transition: background .3s, border .3s;
	-webkit-transition: background .3s, border .3s;
	-moz-transition: background .3s, border .3s;
}

.online-details .details .content-ghost .directory-list .list:hover{
	background: #EDF2FF;
	border: 1px solid #437CEE;
	transition: background .3s, border .3s;
	-webkit-transition: background .3s, border .3s;
	-moz-transition: background .3s, border .3s;
}

.online-details .details .content-ghost .directory-list .list:hover .text{
	color: #437CEE;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}

.online-details .details .content-ghost .directory-list .list:hover .give span{
	display: unset;
	transition: display .3s;
	-webkit-transition: display .3s;
	-moz-transition: display .3s;
}
.online-details .details .content-ghost .directory-list .list:hover .caralog{
	background: url("../image/caralog_pressed.svg");
	transition: background .3s;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
}
.online-details .details .content-ghost .directory-list .list:first-child{
	margin-top: 2.4rem;
}
.online-details .details .content-ghost .directory-list .caralog{
	width: 2.4rem;
	height: 2.4rem;
	background: url("../image/caralog_default.svg");
	vertical-align: middle;
	margin-right: 1.2rem;
}

/* 评论内容 */
.comments .flag-title{
	/* font-weight: 700; */
}

.comments .comments-input{
	margin-top: 1.6rem;
	font-size: 14px;
}

.comments .comments-input textarea{
	background: #F8F9FA;
	border: 1px solid #E4E8EB;
	border-radius: 2px;
	font-size: 14px;
	color: #828D99;
	resize:none;
}
.comments .comments-input .push-parent{
	margin-top: 1.6rem;
	margin-bottom: 2.3rem;
}
.comments .comments-input .push-parent .push{
	color: #FFF;
	padding: .7rem 2rem;
	background: #B3B3B3;
	border-radius: 17px;
	cursor:not-allowed;
}

.comments .comments-content .list{
	margin-top: 3.4rem;
}

.comments .comments-content .header-img{
	border-radius: 50%;
}

.comments .comments-content .list .info{
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #7E8894;
	margin-bottom: 1.2rem;
	vertical-align: middle;
}

.comments .comments-content .list .info div{
	display: inline-block;
}

.comments .comments-content .list .info .user-name{
	margin-right: 1.6rem;
}

.comments .comments-content .list .text{
	background: #F8F9FA;
	padding: .6rem 1.2rem;
	font-size: 14px;
	line-height: 24px;
}

@media screen and (max-width: 768px) {
	.phone-no-padding{
		padding: 0 !important;
	}
	.online-details .details .content-ghost .content-left, .online-details .details .content-ghost .content-right{
		padding: 1rem;
	}
	.online-details .details .wz .wz-2{
		padding-left:0;
	}
	.online-details .details .details-none{
		padding: 1rem;
	}
	.online-details .details .wz .wz-2 h2{
		font-size: 16px;
	}
	.online-details .details .wz .wz-2 .des{
		overflow:visible;
		text-overflow: clip;
		white-space:normal;
		word-wrap:break-word;
		word-break:normal; 
		padding-left: 0;
	}
	
	.comments .comments-content .header{
		padding: 0 !important;
	}
	.comments .comments-content .content-ghost{
		padding: 0 0 0 1.2rem !important;
	}
	.comments .comments-content .list .text{
		line-height: 2rem;
		padding: .6rem .6rem;
	}

	.comments .comments-content .list .info .user-name{
		max-width: 11rem;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
		padding-top: .25rem;
	}
}


/* 搜索页面 */
.search-index .form-control-feedback{
	left: 0;
	top: .2rem;
}
.search-index .fa-search-ico{
	color: #687280;
}

.search-index form .q{
	background: #F7FAFC;
	border: 1px solid #E4E8EB;
	border-radius: 17px;
	padding-left: 2.8rem;
	font-size: 14px;
	color: #828D99;
}
.search-index form .search-submit input{
	width: 100%;
	height: 3.3rem;
	background: #F7AF40;
	border-radius: 20px;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	margin-bottom: 2.5rem;
}

.search-index form .search-submit input:active{
	border: 0;
}

.search-index .rung{
	height: 20.8rem;
}
.search-index .hot span:first-child{
	font-size: 12px;
}
.search-index .hot span, .search-index .hot a{
	color: #F0F0F0;
}
.search-index .hot span{
	margin-right: 1.2rem;
}
.search-index .hot a{
	font-size: 13px;
	padding: .4rem .8rem;
	background: rgba(255, 255, 255, .2);
	border-radius: 2px;
	color:#fff;
	transition: background .3s, color .3s;
	-webkit-transition: background .3s, color .3s;
	-moz-transition: background .3s, color .3s;
}

.search-index .hot a:hover{
	background: #fff;
	color: #437CEE;
	transition: background .3s, color .3s;
	-webkit-transition: background .3s, color .3s;
	-moz-transition: background .3s, color .3s;
}
.search-content{
	margin-top: 2rem;
}
.search-content .left{
	margin-bottom: 2rem;
}
.search-content .left, .search-content .right{
	background: #FFF;
	box-shadow: 0 1px 8px 0 #EEF2F5;
	border-radius: 4px;
}

.search-content .left .left-title{
	border-bottom: 1px solid #E6EAED;
	padding: 0 2.4rem;
}

.search-content .left .left-title div{
	display: inline-block;
}

.search-content .left .left-title div a{
	opacity: 0.7;
	font-family: PingFangSC-Regular;
	font-size: 16px;
	color: #6577AA;
	line-height: 5.4rem;
	margin-right: 2.8rem;
}

.search-content .left .left-title .last a{
	margin-right: 0;
}

.search-content .left .left-title div a .num{
	padding: .2rem .6rem;
	margin-left: .8rem;
	background: #B0B9D0;
	border-radius: 8px;
	font-size: 12px;
	color: #FFFFFF;
	font-family: PingFangSC-Regular;
}
.search-content .left .left-title .active {
	position: relative;
}

.search-content .left .left-title .active a{
	color: #437CEE;
	opacity: 1;
}

.search-content .left .left-title .active a .num{
	background: #437CEE;
}

.search-content .left .left-title .active b{
	position: absolute;
	bottom: 0;
	left: 0;
	border-bottom: 2px solid #437CEE;
}

.search-content .left .content-list{
	padding: 0 2.4rem;
	font-family: PingFangSC-Regular;
}
.search-content .left .content-list .list {
	margin-top: 2.4rem;
}

.search-content .left .content-list .list:last-child{
	margin-bottom: 2.4rem;
}
.search-content .left .content-list .list .title{
	font-size: 16px;
	color: #333;
	margin-bottom: 1.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.search-content .left .content-list .list .des{
	font-family: MicrosoftYaHei;
	font-size: 14px;
	color: #7E8894;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: 1.7rem;
}

.search-content .left .content-list .list .on-ghost{
	color: rgba(255,160,24,1);
}

.search-content .left .content-list .list .bottom span{
	font-size: 13px;
	display: inline-block;
}
.search-content .left .content-list .list .bottom span.one{
	margin-right: 1.2rem;
}
.search-content .left .content-list .list .bottom span.read{
	
	color: #7E8894;
}
.search-content .left .content-list .list .bottom span.read i{
	margin-right: .6rem;
	color:#CACEDB;
}
.search-content .right .content-right{
	padding-left: 2rem;
	padding-right: 2rem;
}
.search-content .right .content-right .right-title{
	line-height: 5.4rem;
	font-size: 18px;
}
.search-content .right .content-right .list{
	margin-top: 2rem;
}
.search-content .right .content-right .list .name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.search-content .right .content-right .list .name a{
	width: 100%;
	font-size: 14px;
	color: #333;
	
}
.search-content .right .content-right .list .name a:hover{
	color: #437CEE;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
}
.search-content .right .content-right .list .name a:hover .status-point{
	background-color: #437CEE;
	transition: background-color .3s;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
}
.search-content .right .content-right .list .name a .status-point{
	width: 4px;
	height: 4px;
	background-color: #333;
	margin-right: .8rem;
}
.search-content .right .content-right .list:last-child{
	margin-bottom: 2rem;
}

@media screen and (max-width: 768px) {
	.search-index .has-feedback{
		padding: 0;
	}
}

/* 申请弹框 start */
.modal{
	background: rgba(23,49,77, .6);
}
.bounced{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 999;
	/* background: rgba(23,49,77, .6); */
	/* display: none; */
}
.bounced .bounced-content{
	position: relative;
	width: 100%;
	height: 100%;
}

.bounced .bounced-content .go-content{
	/* position: absolute; */
	top: calc((100% - 40rem)/2);
	left: calc((100% - 40rem)/2);
	background: #FFFFFF;
	border-radius: 8px;
	width: 40rem;
	height: 55rem;
	padding-left: .9rem;
	padding-right: .9rem;
	border-top: 2px solid #437CEE;
}
.layui-layer-cee .layui-layer-title{
	background: #437CEE;
}
.contactus .bounced-content .go-content{
	top: calc((100% - 47rem)/2);
	left: calc((100% - 45rem)/2);
	width: 45rem;
	height: 47rem;
}
.modal-dialog{
	width: 45rem;
}
#myModal .modal-dialog{
	width: 40rem;
}
#sdkmodal .modal-dialog{
	/*width: 46rem;*/
}
.contactus .bounced-content .go-content .demand{
	
	resize: none;
}

.bounced .bounced-content .go-content .bounced-title{
	margin-top: 2.4rem;
}

.bounced .bounced-content .go-content .bounced-title .title-text{
	font-family: PingFangSC-Regular;
	font-size: 20px;
	color: #0E1B3F;
	line-height: 24px;
	padding-left: 1rem;
}

.bounced .bounced-content .go-content .bounced-title .left .fa-shu{
	background: url('../image/apply.svg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 2.4rem;
	height: 2.4rem;
}

.bounced .bounced-content .go-content .bounced-title .closes .fa-closes{
	background: url('../image/cancel.svg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor: pointer;
	width: 1.6rem;
	height: 1.6rem;
}

.bounced .bounced-content .go-content .bounced-form .form-group{
	margin-top: 2rem;
}
.bounced .bounced-content .go-content .bounced-form .form-group label{
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #666;
	line-height: 16px;
	margin-bottom: 1.2rem;
	font-weight: 500;
}
.bounced .bounced-content .go-content .bounced-form .form-group input{
	background: #FFFFFF;
	border: 1px solid #D9D9D9;
	border-radius: 2px;
	transition: border .3s;
	-webkit-transition: border .3s;
	-moz-transition: border .3s;
}
.bounced .bounced-content .go-content .bounced-form .form-group input:focus, .bounced .bounced-content .go-content .bounced-form .form-group textarea:focus{
	border: 1px solid #437CEE;
	box-shadow: 0 1px 16px 0 #E6F4FF;
	transition: border .3s, box-shadow .3s;
	-webkit-transition: border .3s, box-shadow .3s;
	-moz-transition: border .3s, box-shadow .3s;
	
}



.bounced .bounced-content .go-content .bounced-form .btn-content{
	width: 40rem;
	height: 5.6rem;
	background: #FAFAFA;
	border-top: 1px solid #F2F2F2;
	margin-left: -2.4rem;
	margin-right: -2.4rem;
	position: absolute;
	bottom: -7rem;
	border-radius: 0 0 8px 8px;
}

.contactus .bounced-content .go-content .bounced-form .btn-content{
	width: 45rem;
	bottom: -6.5rem;
}

.bounced .bounced-content .go-content .bounced-form .btn-content div{
	display: inline-block;
	cursor: pointer;
}
.bounced .bounced-content .go-content .bounced-form .btn-content div span{
	background: #FFFFFF;
	border: 1px solid #D9D9D9;
	border-radius: 17px;
	display: inline-block;
	padding: .7rem 2rem;
	margin-top: 1rem;
	transition: border .3s;
	-webkit-transition: border .3s;
	-moz-transition: border .3s;
}

.bounced .bounced-content .go-content .bounced-form .btn-content div:nth-child(2) span{
	margin-right: 2.4rem;
	margin-left: 1.6rem;
	background: #437CEE;
	box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
	-moz-box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
	-webkit-box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
	color: #fff;
	transition: box-shadow .3s;
	-webkit-transition: box-shadow .3s;
	-moz-transition: box-shadow .3s;
	border: 0;
}
.bounced .bounced-content .go-content .bounced-form .btn-content div:first-child span:hover{
	border: 1px solid #437CEE;
	color: #437CEE;
	transition: border .3s, color .3s;
	-webkit-transition: border .3s, color .3s;
	-moz-transition: border .3s, color .3s;
	
}
.bounced .bounced-content .go-content .bounced-form .btn-content div:nth-child(2) span:hover, #sdkmodal .bounced .bounced-content .go-content .bounced-form .btn-content div span:hover{
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	transition: box-shadow .3s;
	-webkit-transition: box-shadow .3s;
	-moz-transition: box-shadow .3s;
}
/*20220923 申请试用新增 S*/
#myModal #emailDemand{
   resize: none;
}
#myModal .dropdown>p{
    color: #999;
}
#myModal .dropdown:after {
    content: "▾";
    font-size: 28px;
    position: absolute;
    right: 10px;
    top: -4px;
    display: block;
    color: #999;
}
#myModal .menu{
    margin:0;
    padding:0;
    opacity: 0;
    transform: rotatey(180deg) rotateX(5deg) translatey(100px);
    display: none;
}
#myModal .menu li{
    border: 1px solid #d2d6de;
    border-top: inherit;
    padding: 0.5rem 2.3rem;
    list-style-type: none;
    position: relative;
    color: #999;
}
#myModal .menu li input{
    /*width: 30rem;*/
    border: 0;
    outline:none;
    color: #000;
}
#myModal .menu li.act{
    background: #437cee;
    color: #fff;
}
#myModal .menu li:before{
    content: "•";/*○*/
    font-size: 17px;
    position: absolute;
    left: 5px;
    top: 0;
    display: block;
    color: #999;
}
#myModal .menu li.act:before{
    color: #ffeb3b;
   /* background: #ffeb3b;*/
}
#myModal .menu.showMenu {
    opacity: 1;
    transform: rotateX(0deg) translatey(0px);
    display: block;
}
/*20220923 申请试用新增 E*/
#sdkmodal, #myModal, #myModal1{
	background:rgba(5,43,87,.45);
}
#sdkmodal .bounced .bounced-content .go-content{
/*	top: calc((100% - 35.4rem)/2);
	left: calc((100% - 46rem)/2);*/
	width: 46rem;
	height: 25.4rem;
	border-top: 2px solid #3D94F2;
}
#sdkmodal .bounced .bounced-content .go-content .bounced-title .left .fa-shu{
	background: url('../image/del.svg');
}
#sdkmodal .bounced .bounced-content .go-content .bounced-title .title-text{
	color:#0E1B3F;
	padding-left: 1rem;
}
#sdkmodal .bounced-form .tip-txt{
	margin-top: 3.2rem;
	font-size: 14px;
	color: #333333;
	line-height: 24px;
	font-family: MicrosoftYaHeiUI;
}
#sdkmodal .bounced .bounced-content .go-content .bounced-form .btn-content{
	width: 46rem;
	bottom: -9.5rem;
}

#sdkmodal .bounced .bounced-content .go-content .bounced-form .btn-content div span{
	background: #437CEE;
	box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
	-moz-box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
	-webkit-box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
	border-radius: 17px;
	font-family: MicrosoftYaHeiUI;
	font-size: 14px;
	color: #FFFFFF;
}
@media screen and (max-width: 414px) {
	
	.bounced .bounced-content .go-content, #sdkmodal .bounced .bounced-content .go-content{
		left: calc((100% - 34rem)/2);
		width: 34rem;
	}
	
	.bounced .bounced-content .go-content .bounced-form .btn-content, #sdkmodal .bounced .bounced-content .go-content .bounced-form .btn-content{
		width:34rem;
	}
}

@media screen and (max-width: 320px) {
	.bounced .bounced-content .go-content, #sdkmodal .bounced .bounced-content .go-content{
		left: calc((100% - 29rem)/2);
		width: 29rem;
	}
	.bounced .bounced-content .go-content .bounced-form .btn-content, #sdkmodal .bounced .bounced-content .go-content .bounced-form .btn-content{
		width:29rem;
	}
}


/* 申请弹框 end */

/* 404页面 */
.c-404{
	padding-top: 30rem;
}
.c-404 img{
	max-width: 100%;
}
.c-404 .title{
	font-family: MicrosoftYaHeiUI-Bold;
	font-size: 64px;
	color: #0E1B3F;
	margin-bottom: 40px;
	font-weight: 700;
}
.c-404 .title2{
	font-family: MicrosoftYaHeiUI-Bold;
	font-size: 24px;
	color: #0E1B3F;
	font-weight: 700; 
	margin-bottom: 16px;
}
.c-404 .title3{
	font-family: MicrosoftYaHeiUI;
	font-size: 16px;
	color: #7E8894;
	margin-bottom: 32px;
}
.c-404 .title4{
	margin-top: 2rem;
}
.c-404 .title4 a{
	font-family: MicrosoftYaHeiUI;
	font-size: 14px;
	color: #FFFFFF;
	padding: .7rem 2rem;
	background: #437CEE;
	box-shadow: 0 4px 20px 0 rgba(67,124,238,0.40);
	border-radius: 17px;
}


@media screen and (min-width: 768px) and (max-width: 1200px) {
	#banner .banner .text{
		margin-top: 15.4rem;
	}
	
}
@media (min-width:1200px){
	#banner .banner .conet-left{
		width: calc(1200px - 576px);
		margin-right: 1.6rem;
	}
	#banner .banner .conet-right{
		width: 560px;
	}
}
.modal.in .modal-dialog{
    width: 100%;
    height: 100%;
    margin: 0;
}
#myModal .modal-dialog{
    width: 100%;
}
.contactus .bounced-content .go-content{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.bounced .bounced-content .go-content{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}