@charset "utf-8";
/******************************************************/

/*******************页面公共样式文件*******************/

/******************************************************/

/*1200+ 内容宽度：1200px  页面内容居中  匹配默认样式 */

body {
	position: relative;
	padding-top: 71px;
}

#scroll-top {
	position: fixed;
	width: 54px;
	height: 54px;
	right: 5px;
	bottom: 40px;
	z-index: 1000;
	cursor: pointer;
	background: #b8babd url(../images/top.png) center center no-repeat;
	opacity: 0.6;
	filter: Alpha(opacity=60);
	border-radius: 5px;
}

#scroll-top:hover {
	background: #90C42F url(../images/top.png) center center no-repeat;
	opacity: 1.0;
	filter: Alpha(opacity=100);
}

.share-box {
	width: 100%;
	margin: 0px auto 0px auto;
	height: 26px;
	padding-bottom: 2px;
}

.share-box div {
	width: 132px;
	float: right;
}

/*视频样式*/

.video {
	width: 801px;
	margin: 0 auto;
	position: relative;
	background: #fff;
}

.video .jwplayer {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1000
}

.video .alt {
	padding-top: 56.25%;
}

.videoBox {
	width: 98%;
	margin: 10px auto;
	padding: 40px 0;
	background: #F4F4F4;
}

.wrapBox {
	width: 100%;
}

.contentBox {
	width: 1200px;
	margin: 0 auto;
}

.btn-for-more {
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-family: "思源黑体";
	font-size: 16px;
	color: #FFF;
	display: block;
	background: #FFAE00;
	border-radius: 5px;
}

.btn-for-more-1 {
	background: #33CBCC;
}

.btn-for-more:hover {
	font-size: 18px;
}

.headerWrap {
	height: 66px;
	border-bottom: 2px solid #33CBCC;
	position: fixed;
	top: 0;
	background: #FFF;
	z-index: 80000;
}

.headerBox {
	position: relative;
	height: 66px;
}

.logo {
	float: left;
	display: block;
}

.menu {
	position: fixed;
	right: 50%;
	margin-right: -587px;
	z-index: 90000;
}

.menu li.level-1 {
	float: left;
	margin: 0 5px;
	text-align: center;
}

.menu li.level-1>a {
	display: inline-block;
	padding: 0 25px 1px 25px;
	line-height: 64px;
	font-size: 18px;
	/*font-weight: bold;*/
	color: #30343c;
	font-family: "思源黑体";
	position: relative;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	z-index: 9001;
}

/*.menu li.level-1>a:before {

    content: "";

    position: absolute;

    left: 50%;

    right: 50%;

    bottom: 0px;

    background:#33CBCC;

    height: 100%;

    -webkit-transition: all .3s ease-out;

    -moz-transition: all .3s ease-out;

    -o-transition: all .3s ease-out;

    -ms-transition: all .3s ease-out;

    transition: all .3s ease-out;

	z-index:9000;

}



.menu li.level-1>a:hover:before, .menu li.level-1.selected>a:before, .menu li.level-1.active-nav>a:before {

    left: 0;

    right: 0;

}*/

.menu li.level-1>a:hover {
	color: #FFF;
	background: #33CBCC;
}

.menu li.level-1>a:hover,
.menu li.level-1.selected>a,
.menu li.level-1.active-nav>a {
	color: #FFF;
	background: #33CBCC;
}

.menu li.level-1 .subNav {
	display: none;
	z-index: 100000;
	position: absolute;
	left: 0px;
	top: 64px;
}

.menu li.level-1 .subNav a {
	z-index: 100010;
	display: block;
	line-height: 48px;
	height: 48px;
	color: #242424;
	font-size: 16px;
	width: 100%;
	text-align: center;
	background: #FCFCFC;
	font-family: "思源黑体";
	border-bottom: 1px solid #E6E6E6;
}

.menu li.level-1.active-nav {
	position: relative;
	z-index: 99999;
}

.menu li.level-1.active-nav .subNav {
	position: absolute;
	min-height: 10px;
	_height: expression(this.scrollHeight <10 ?"10px": "auto");
	width: 166px;
	z-index: 100000;
}

.menu li.level-1.active-nav .subNav a {
	z-index: 100010;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	background: #FCFCFC;
	color: #242424;
}

.menu li.level-1.active-nav .subNav a:hover {
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
	background: #F5F5F5;
	opacity: 1;
}

.cell {
	float: right;
}

/*banner*/

.banner {
	width: 100%;
}

.swiper-banner {
	width: 100%;
	min-width: 320px;
	overflow: hidden;
	position: relative;
}

/*banner slide*/

.swiper-banner .swiper-slide {
	/*width: 25%;*/
	width: 100%;
	min-width: 320px;
	/*height: 100%;*/
}

.banner,
.swiper-banner,
.swiper-banner .swiper-slide {
	height: 400px;
}

.swiper-banner .swiper-slide div {
	opacity: 0;
}

.swiper-banner .banner01 {
	background: url("../images/bg_banner_product.jpg") repeat;
}

.swiper-banner .banner02 {
	background: url("../images/bg_banner_microlecture.jpg") repeat;
}

.swiper-banner .banner03 {
	background: #0DBA67;
}

.swiper-banner .swiper-slide .contentBox {
	height: 100%;
	position: relative;
}

/*banner01*/

.banner01 .title01 {
	width: 490px;
	height: 49px;
	margin-top: 75px;
	background: url("../images/title_1_indexbanner.png") 0 0 no-repeat;
	float: left;
}

.banner01 .title02 {
	height: 120px;
	font-size: 40px;
	width: 490px;
	line-height: 60px;
	font-family: "思源黑体";
	color: #FFF;
	float: left;
	margin: 15px 0 25px 0;
}

.banner01 .title03 {
	height: 40px;
	line-height: 40px;
	color: #30333A;
	font-size: 30px;
	width: 490px;
	font-family: "思源黑体";
	float: left;
}

.banner01 .title04 {
	height: 60px;
	width: 449px;
	background: url("../images/icon_12_indexbanner.png") center top no-repeat;
	margin: 58px 140px 0 66px;
	padding-top: 260px;
	float: left;
}

.banner01 .title04 .btn-for-more,
.banner01 .title05 .btn-for-more {
	margin: 0 auto;
}

.banner01 .title05 {
	display: none;
}

/*banner02*/

.banner02 .title01 {
	width: 490px;
	height: 30px;
	margin-top: 55px;
	background: url("../images/title_4_indexbanner.png") 0 0 no-repeat;
	float: left;
}

.banner02 .title02 {
	height: 80px;
	font-size: 72px;
	width: 490px;
	line-height: 80px;
	font-family: "思源黑体";
	color: #FFF;
	font-weight: bold;
	float: left;
}

.banner02 .title03 {
	height: 60px;
	font-size: 40px;
	width: 520px;
	line-height: 60px;
	font-family: "思源黑体";
	color: #FFF;
	float: left;
	margin: 15px 0 10px 0;
}

.banner02 .title04 {
	height: 40px;
	font-size: 30px;
	width: 490px;
	line-height: 40px;
	font-family: "思源黑体";
	color: #FFF;
	float: left;
	margin-bottom: 15px;
}

.banner02 .title05 {
	height: 344px;
	background: url("../images/icon_11_indexbanner.png") 0 0 no-repeat;
	width: 368px;
	float: left;
	margin: 30px 185px 0 105px;
}

.banner02 .title06 {
	height: 40px;
	width: 490px;
	float: left;
}

.banner02 .title06 .btn-for-more {
	float: left;
	margin-right: 10px;
}

/*.swiper-banner .banner03{background: url('../images/yd_banner.jpg') no-repeat left top;background-size: 100% 100% !important;}*/

/*banner03*/

.banner03 .title01 {
	width: 560px;
	height: 50px;
	font-size: 44px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: 635px;
	top: 100px;
}

.banner03 .title02 {
	width: 560px;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: 640px;
	top: 180px;
}

.banner03 .title03 {
	width: 400px;
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	position: absolute;
	left: 640px;
	top: 230px;
}

/*banner04*/

.banner04 {
	background: url("../images/banner04.jpg") 0 0 no-repeat;
	position: relative;
}

.banner04 .title01 {
	width: 600px;
	height: 50px;
	font-size: 44px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: 635px;
	top: 95px;
}

.banner04 .title02 {
	width: 600px;
	font-size: 24px;
	color: #fff;
	line-height: 36px;
	position: absolute;
	left: 640px;
	top: 170px;
}

.banner04 .title03 {
	width: 460px;
	font-size: 16px;
	color: #fff;
	line-height: 36px;
	position: absolute;
	left: 640px;
	top: 255px;
}

.banner04 .title04 {
	height: 60px;
	width: 550px;
	background: url("../images/left_img.png") center top no-repeat;
	margin: 58px 140px 0 66px;
	padding-top: 260px;
	float: left;
}

.banner05 {
	background: url("../images/banner05.png") 0 0 no-repeat;
	position: relative;
}

.banner05 .title01 {
	width: 879px;
	height: 38px;
	background: url("../images/top_1.png") 0 0 no-repeat;
	position: absolute;
	left: 300px;
	top: 20px;
}

.banner05 .title02 {
	width: 462px;
	height: 100px;
	background: url("../images/slogan.png") 0 0 no-repeat;
	position: absolute;
	left: 600px;
	top: 90px;
}

.banner05 .title03 {
	width: 202px;
	height: 40px;
	position: absolute;
	left: 700px;
	top: 130px;
	background: url("../images/live.png") 0 0 no-repeat;
	position: relative;
}

.banner05 .title03 a {
	display: block;
	width: 100%;
	height: 100%;
}

.banner06{
	background: url("../images/banner06.png") 0 0 no-repeat;
	position: relative;
	text-align: center;
}
.banner06 .title01{
	display: inline-block;
	width:622px;
	height: 158px;
	background: url("../images/banner6_title.png") center no-repeat;
	margin: 90px auto 0;
	background-size: 100% 100%;
}
.banner06 .view-more{
	display: inline-block;
	margin-top: 50px;
	background: rgba(255,255,255,.1);
	font-size: 1.8em;
	padding: 5px 30px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 25px;
}
/*banner pagination*/

.pagination {
	width: 60px;
	position: absolute;
	z-index: 20;
	left: 50%;
	margin-left: -30px;
	bottom: 10px;
}

.swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: none;
	margin: 0 5px;
	cursor: pointer;
	border: 1px solid #FFF;
	border-radius: 5px;
}

.swiper-visible-switch {
	background: #FFF;
}

.swiper-active-switch {
	background: #FFF;
}

/*banner翻页按钮*/

.prev-banner,
.next-banner {
	display: block;
	width: 10%;
	height: 100%;
	position: absolute;
	top: 0;
	display: none;
	opacity: 0.7;
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
}

.prev-banner:hover,
.next-banner:hover {
	opacity: 1;
}

.prev-banner {
	left: 0;
	background: url("../images/btn_prev.png") left center no-repeat;
}

.next-banner {
	right: 0;
	background: url("../images/btn_next.png") right center no-repeat;
}

/*页脚*/

.footer {
	width: 100%;
	background-color: #1E2432;
	border-top: 4px solid #188AE2;
	z-index: 2000;
}

.footer-con {
	/*width: 1200px;*/
	width: 96%;
	max-width: 1200px;
	padding: 0 5px;
	margin: 0 auto;
	padding: 15px 10px 0px 10px;
	overflow: hidden;
	background: #1E2432;
	position: relative;
}

.footer dl {
	width: 150px;
	float: left;
	min-height: 156px;
}

.footer dl dd {
	text-align: left;
	line-height: 30px;
}

.footer dl dd img {
	display: inline-block;
}

.footer dl dd a {
	color: #5E6369;
	font-size: 16px;
}

.footer dl dd a:hover {
	color: #FFF;
}

.footer dl.conmpnay-infor {
	width: 380px;
	margin: 20px 150px 0 150px;
}

.footer dl.conmpnay-infor dd {
	margin-bottom: 10px;
}

.footer dl.conmpnay-infor dd.phone {
	font-size: 26px;
	color: #FFF;
}

.footer dl.conmpnay-infor dd.mail,
.footer dl.conmpnay-infor dd.add {
	padding-left: 30px;
	text-indent: 0;
	color: #5E6369;
	font-size: 14px;
}

.footer dl.conmpnay-infor dd.mail {
	background: transparent url("../images/icon_mail.jpg") no-repeat scroll 0px 10px;
}

.footer dl.conmpnay-infor dd.add {
	background: transparent url("../images/icon_address.jpg") no-repeat scroll 0px 6px;
}

.footer dl.first dt,
.footer dl.first dd {
	text-align: left;
}

.footer dl dd.footer-link-133 a {
	font-weight: none;
}

.qr-code-collegeManage {
	display: block;
	position: absolute;
	right: 35px;
	top: 50%;
	margin-top: -74px;
}

/*版权信息*/

.copyright {
	width: 100%;
	line-height: 40px;
	background-color: #181D28;
	text-align: center;
	color: #5E6369;
	font-size: 14px;
}

.copyright p {
	/*width: 1200px;*/
	width: 96%;
	max-width: 1200px;
	padding: 0 5px;
	margin: 0 auto;
	background-color: #181D28;
}

.copyright p span,
.copyright p span a {
	color: #5E6369;
}

.copyright p span {
	padding: 0 10px;
}

.copyright p span.thisYear {
	padding: 0 0px;
}

/*当前位置*/

.locationWrap,
.location {
	height: auto;
	text-align: left;
	font-size: 18px;
	color: #242424;
}

.locationWrap {
	border-bottom: 1px solid #E9E9E9;
	margin-bottom: 30px;
}

.location {
	background: url(../images/location.png) 10px 22px no-repeat;
	line-height: 30px;
	padding: 15px 5px 15px 35px;
}

.location a {
	font-size: 18px;
	color: #242424;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.location a:hover {
	color: #8FC31F;
}

.containerBox {
	min-height: 300px;
}

/***********************首页************************/

/*滚动新闻栏*/

.newsBarWrap,
.newsBarBox {
	height: 64px;
}

.newsBarWrap {
	background: #F7F8F8 url(../images/bg_newsbar.jpg) center bottom repeat-x;
}

.newsBarBox {
	background: url(../images/icon_news.jpg) 10px center no-repeat;
	position: relative;
}

.scroll-info {
	width: calc(100% - 200px);
	overflow: hidden;
	float: left;
	margin-left: 50px;
	position: relative;
	margin-top: 12px;
	margin-bottom: 12px;
	height: 40px;
}

.scroll-info-box {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.newslist-scroll {
	width: 100%;
	line-height: 40px;
}

.newslist-scroll li {
	height: 40px;
	line-height: 40px;
}

.newslist-scroll li a,
.newslist-scroll li a:link {
	color: #2F343A;
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	font-family: "思源黑体";
	width: calc(90% - 100px);
	float: left;
	overflow: hidden;
}

.newslist-scroll li a:hover {
	color: #FF6501;
}

.newslist-scroll li span.newstime {
	float: right;
	padding-right: 4px;
	color: #2F343A;
	font-size: 16px;
	font-family: Arial;
	width: 100px;
}

.newsBarBox .btn-more-news {
	color: #888888;
	display: block;
	height: 64px;
	line-height: 64px;
	font-size: 16px;
	font-family: "思源黑体";
	float: right;
	margin-right: 10px;
}

.btn-prev-news,
.btn-next-news {
	position: absolute;
	right: 140px;
	width: 26px;
	height: 18px;
}

.btn-prev-news {
	background: url(../images/prev.png) no-repeat;
	top: 10px;
}

.btn-prev-news:hover {
	background: url(../images/prev_on.png) no-repeat;
}

.btn-next-news {
	background: url(../images/next.png) no-repeat;
	bottom: 10px;
}

.btn-next-news:hover {
	background: url(../images/next_on.png) no-repeat;
}

.wrapper-col {
	width: 100%;
	height: auto;
	padding-bottom: 30px;
}

.col-title {
	width: 100%;
	border-bottom: 1px solid #DEDEDE;
	height: 120px;
}

.col-title span {
	margin: 0 auto 0px auto;
	display: block;
	height: 120px;
	line-height: 120px;
	text-align: center;
	color: #30333A;
	font-size: 30px;
	font-family: "思源黑体";
	position: relative;
}

.col-title span:before {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -90px;
	bottom: -2px;
	background: none;
	height: 3px;
	width: 180px;
	background: #33CBCC;
}

.wrapper-item {
	width: 100%;
	height: auto;
}

.wrapper-col.solutions .btn-for-more,
.wrapper-col.platform-vc .btn-for-more {
	background: none;
	border: 1px solid #ABABAB;
	color: #ABABAB;
	margin: 0 auto;
}

.wrapper-col.platform-vc .btn-for-more {
	margin-top: 20px;
}

.wrapper-col.solutions .btn-for-more:hover,
.wrapper-col.platform-vc .btn-for-more:hover {
	border: 1px solid #FFAE00;
	color: #FFF;
	background: #FFAE00;
}

.wrapper-col.platform-vc,
.wrapper-col.courseware-tool {
	border-bottom: 1px solid #DEE1E3;
	border-top: 1px solid #DEE1E3;
	background: #F4FAFE;
}

.solutions-item {
	float: left;
	width: 230px;
	height: 150px;
	margin: 40px 5px 20px 0px;
	border-left: 1px solid #E4ECF3;
}

.solutions-item:first-child {
	border: none;
}

.solutions-item .item-icon {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 90px;
}

.solutions-item .item-title {
	margin: 0 auto 0px auto;
	display: block;
	height: 56px;
	line-height: 28px;
	text-align: center;
	color: #30333A;
	font-size: 16px;
	font-family: "思源黑体";
}

.solutions-26 .item-title,
.solutions-121 .item-title {
	width: 130px;
}

.solutions-27 .item-title,
.solutions-122 .item-title {
	width: 180px;
}

.solutions-28 .item-title,
.solutions-123 .item-title {
	width: 98px;
}

.solutions-29 .item-title,
.solutions-124 .item-title {
	width: 145px;
}

.solutions-30 .item-title,
.solutions-125 .item-title {
	width: 162px;
}

.solutions-30 .item-title,
.solutions-126 .item-title {
	width: 115px;
}

.solutions-30 .item-title,
.solutions-139 .item-title {
	width: 180px;
}

.solutions-26 .item-icon,
.solutions-121 .item-icon {
	background: url(../images/solutions_1_un.png) center center no-repeat;
}

.solutions-27 .item-icon,
.solutions-122 .item-icon {
	background: url(../images/solutions_2_un.png) center center no-repeat;
}

.solutions-28 .item-icon,
.solutions-123 .item-icon {
	background: url(../images/solutions_3_un.png) center center no-repeat;
}

.solutions-29 .item-icon,
.solutions-124 .item-icon {
	background: url(../images/solutions_4_un.png) center center no-repeat;
}

.solutions-30 .item-icon,
.solutions-125 .item-icon {
	background: url(../images/solutions_5_un.png) center center no-repeat;
}

.solutions-30 .item-icon,
.solutions-126 .item-icon {
	background: url(../images/solutions_6_un.png) center center no-repeat;
}

.solutions-31 .item-icon {
	background: url(../images/solutions_6_un.png) center center no-repeat;
}

.solutions-32 .item-icon {
	background: url(../images/solutions_7_un.png) center center no-repeat;
}

.solutions-33 .item-icon {
	background: url(../images/solutions_8_un.png) center center no-repeat;
}

.solutions-34 .item-icon {
	background: url(../images/solutions_9_un.png) center center no-repeat;
}

.solutions-139 .item-icon {
	background: url(../images/solutions_10_un.png) center center no-repeat;
}

.solutions-item:hover .item-title {
	color: #FF6501;
}

.solutions-26:hover .item-icon,
.solutions-121:hover .item-icon {
	background: url(../images/solutions_1_on.png) center center no-repeat;
}

.solutions-27:hover .item-icon,
.solutions-122:hover .item-icon {
	background: url(../images/solutions_2_on.png) center center no-repeat;
}

.solutions-28:hover .item-icon,
.solutions-123:hover .item-icon {
	background: url(../images/solutions_3_on.png) center center no-repeat;
}

.solutions-29:hover .item-icon,
.solutions-124:hover .item-icon {
	background: url(../images/solutions_4_on.png) center center no-repeat;
}

.solutions-30:hover .item-icon,
.solutions-125:hover .item-icon {
	background: url(../images/solutions_5_on.png) center center no-repeat;
}

.solutions-31:hover .item-icon {
	background: url(../images/solutions_6_on.png) center center no-repeat;
}

.solutions-32:hover .item-icon {
	background: url(../images/solutions_7_on.png) center center no-repeat;
}

.solutions-33:hover .item-icon {
	background: url(../images/solutions_8_on.png) center center no-repeat;
}

.solutions-34:hover .item-icon {
	background: url(../images/solutions_9_on.png) center center no-repeat;
}

.solutions-139:hover .item-icon {
	background: url(../images/solutions_10_on.png) center center no-repeat;
}

.platform-vc-item {
	float: left;
	width: 260px;
	height: 150px;
	margin: 40px 15px 20px 15px;
	background: url(../images/title_bg_1_un.png) center 78px no-repeat;
}

.platform-vc-item .item-icon {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 90px;
	margin-top: 0;
}

.platform-vc-49 .item-icon {
	background: url(../images/platform_vc_1_un.png) center center no-repeat;
}

.platform-vc-50 .item-icon {
	background: url(../images/platform_vc_2_un.png) center center no-repeat;
}

.platform-vc-51 .item-icon {
	background: url(../images/platform_vc_3_un.png) center center no-repeat;
}

.platform-vc-52 .item-icon {
	background: url(../images/platform_vc_4_un.png) center center no-repeat;
}

.platform-vc-53 .item-icon {
	background: url(../images/platform_vc_5_un.png) center center no-repeat;
}

.platform-vc-54 .item-icon {
	background: url(../images/platform_vc_6_un.png) center center no-repeat;
}

.platform-vc-55 .item-icon {
	background: url(../images/platform_vc_7_un.png) center center no-repeat;
}

.platform-vc-56 .item-icon {
	background: url(../images/platform_vc_8_un.png) center center no-repeat;
}

.platform-vc-57 .item-icon {
	background: url(../images/platform_vc_9_un.png) center center no-repeat;
}

.platform-vc-58 .item-icon {
	background: url(../images/platform_vc_10_un.png) center center no-repeat;
}

.platform-vc-130 .item-icon {
	background: url(../images/platform_vc_11_un.png) center center no-repeat;
}

.platform-vc-131 .item-icon {
	background: url(../images/platform_vc_12_un.png) center center no-repeat;
}

.platform-vc-132 .item-icon {
	background: url(../images/platform_vc_13_un.png) center center no-repeat;
}

.platform-vc-item .item-title,
.platform-vc-item .item-intro {
	margin: 0 auto 0px auto;
	display: block;
	line-height: 28px;
	text-align: center;
	color: #000;
	font-size: 18px;
	font-family: "思源黑体";
}

.platform-vc-item .item-intro {
	font-size: 14px;
	height: 56px;
	color: #666666;
}

.platform-vc-item:hover {
	background: url(../images/title_bg_1_on.png) center 86px no-repeat;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.platform-vc-item:hover .item-title,
.platform-vc-item:hover .item-intro {
	color: #FF6501;
}

.platform-vc-item:hover .item-icon {
	margin-top: 8px;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.platform-vc-49:hover .item-icon {
	background: url(../images/platform_vc_1_on.png) center center no-repeat;
}

.platform-vc-50:hover .item-icon {
	background: url(../images/platform_vc_2_on.png) center center no-repeat;
}

.platform-vc-51:hover .item-icon {
	background: url(../images/platform_vc_3_on.png) center center no-repeat;
}

.platform-vc-52:hover .item-icon {
	background: url(../images/platform_vc_4_on.png) center center no-repeat;
}

.platform-vc-53:hover .item-icon {
	background: url(../images/platform_vc_5_on.png) center center no-repeat;
}

.platform-vc-54:hover .item-icon {
	background: url(../images/platform_vc_6_on.png) center center no-repeat;
}

.platform-vc-55:hover .item-icon {
	background: url(../images/platform_vc_7_on.png) center center no-repeat;
}

.platform-vc-56:hover .item-icon {
	background: url(../images/platform_vc_8_on.png) center center no-repeat;
}

.platform-vc-57:hover .item-icon {
	background: url(../images/platform_vc_9_on.png) center center no-repeat;
}

.platform-vc-58:hover .item-icon {
	background: url(../images/platform_vc_10_on.png) center center no-repeat;
}

.platform-vc-130:hover .item-icon {
	background: url(../images/platform_vc_11_on.png) center center no-repeat;
}

.platform-vc-131:hover .item-icon {
	background: url(../images/platform_vc_12_on.png) center center no-repeat;
}

.platform-vc-132:hover .item-icon {
	background: url(../images/platform_vc_13_on.png) center center no-repeat;
}

.cloud-service-item {
	float: left;
	width: 376px;
	height: 320px;
	margin: 40px 10px 20px 10px;
	border: 1px solid #E4ECF3;
}

.cloud-service-item .item-icon {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 126px;
	margin-top: -20px;
}

.cloud-service-38 .item-icon {
	background: url(../images/saas_un.png) center center no-repeat;
}

.cloud-service-39 .item-icon {
	background: url(../images/iaas_un.png) center center no-repeat;
}

.cloud-service-40 .item-icon {
	background: url(../images/public_services_un.png) center center no-repeat;
}

.cloud-service-item .item-title,
.cloud-service-item .item-intro {
	margin: 15px auto 15px auto;
	display: block;
	line-height: 24px;
	text-align: center;
	font-size: 20px;
	font-family: "思源黑体";
}

.cloud-service-38 .item-title {
	color: #2B9EFF;
}

.cloud-service-39 .item-title {
	color: #30CB9D;
}

.cloud-service-40 .item-title {
	color: #7598EC;
}

.cloud-service-item .item-intro {
	color: #666666;
	font-size: 16px;
	text-align: left;
	width: 87%;
	margin-top: 0px;
	height: auto;
	line-height: 32px;
}

.cloud-service-item:hover .item-title,
.cloud-service-item:hover .item-intro {
	color: #FF6501;
}

.cloud-service-38:hover .item-icon {
	background: url(../images/saas_on.png) center center no-repeat;
}

.cloud-service-39:hover .item-icon {
	background: url(../images/iaas_on.png) center center no-repeat;
}

.cloud-service-40:hover .item-icon {
	background: url(../images/public_services_on.png) center center no-repeat;
}

.courseware-tool-item {
	float: left;
	width: 540px;
	height: 240px;
	margin: 40px 10px 20px 40px;
}

.courseware-tool-item .item-icon {
	display: block;
	width: 78px;
	height: 77px;
	float: left;
	margin-top: 20px;
}

.courseware-tool-item .item-right {
	width: 450px;
	float: right;
}

.courseware-tool-59 .item-icon {
	background: url(../images/logo_microlecturer.png) center center no-repeat;
}

.courseware-tool-60 .item-icon {
	background: url(../images/logo_ecoursemaker.png) center center no-repeat;
}

.courseware-tool-item .item-title,
.courseware-tool-item .item-intro {
	margin: 15px auto 15px auto;
	display: block;
	line-height: 28px;
	text-align: left;
	font-size: 20px;
	font-family: "思源黑体";
	float: left;
}

.courseware-tool-item .item-intro {
	color: #666666;
	font-size: 16px;
	margin-top: 0px;
	height: auto;
}

.courseware-tool-item .btn-for-more {
	float: left;
	background: none;
	border: 1px solid #ABABAB;
	color: #ABABAB;
}

.courseware-tool-item .btn-for-more:hover {
	border: 1px solid #FFAE00;
	color: #FFF;
	background: #FFAE00;
}

.courseware-tool-item:hover .item-title,
.courseware-tool-item:hover .item-intro {
	color: #FF6501;
}

.teaching-resources-item {
	float: left;
	width: 222px;
	height: 310px;
	margin: 40px 0px 20px 22px;
	position: relative;
	overflow: hidden;
}

.teaching-resources-item:first-child {
	margin-left: 0;
}

.teaching-resources-item .item-icon {
	width: 100%;
	height: 240px;
}

.teaching-resources-61 .item-icon {
	background: url(../images/tr_1.jpg) center top no-repeat;
}

.teaching-resources-62 .item-icon {
	background: url(../images/tr_2.jpg) center top no-repeat;
}

.teaching-resources-63 .item-icon {
	background: url(../images/tr_3.jpg) center top no-repeat;
}

.teaching-resources-64 .item-icon {
	background: url(../images/tr_4.jpg) center top no-repeat;
}

.teaching-resources-65 .item-icon {
	background: url(../images/tr_5.jpg) center top no-repeat;
}

.teaching-resources-item .item-title {
	display: block;
	width: 100%;
	height: 88px;
	line-height: 88px;
	text-align: center;
	font-size: 22px;
	font-family: "思源黑体";
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../images/title_bg_2_un.png) center top repeat-x;
	color: #242424;
}

.teaching-resources-item:hover .item-title {
	background: url(../images/title_bg_2_on.png) center top repeat-x;
	color: #FFF;
}

.teaching-resources-item:hover .item-icon {}

.news-containerWrap {
	background: #FBFBFB;
	margin-top: 0px;
	padding-top: 10px;
	border-bottom: 1px solid #DEE1E3;
}

.wrapper-col.news .news-box {
	float: left;
	width: 570px;
	height: 330px;
	margin: 20px 0px 20px 56px;
}

.wrapper-col.news .news-box:first-child {
	margin-left: 0;
}

.title-newsBox {
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: left;
	font-size: 24px;
	font-family: "思源黑体";
	color: #30343C;
	border-bottom: 2px solid #30343C;
	position: relative;
}

.btn-more {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: left;
	font-size: 16px;
	font-family: "思源黑体";
	color: #30343C;
	background: url(../images/icon_more_un.jpg) right center no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}

.first-news {
	width: 95%;
	height: auto;
	margin: 15px auto;
}

.first-news img {
	display: block;
	width: 200px;
	height: 150px;
	float: left;
	margin-right: 10px;
}

.first-news .news-title {
	width: 330px;
	float: left;
	line-height: 30px;
	text-align: left;
	font-size: 16px;
	font-family: "思源黑体";
	color: #464646;
}

.first-news .news-smalltext,
.first-news .news-date,
.first-news .news-hits {
	float: left;
	line-height: 30px;
	text-align: left;
	font-size: 14px;
	font-family: "思源黑体";
	color: #AAAAAA;
	display: block;
}

.first-news .news-smalltext {
	border-bottom: 1px solid #EFEFEF;
	width: 330px;
	height: 60px;
	overflow: hidden;
}

.first-news .news-date {
	background: url(../images/icon_date.jpg) left center no-repeat;
	text-indent: 20px;
	width: 100px;
	height: 30px;
	margin-right: 25px;
}

.first-news .news-hits {
	background: url(../images/icon_hits.jpg) left center no-repeat;
	text-indent: 23px;
	width: 50px;
	height: 30px;
}

.newslist-1 {
	width: 95%;
	height: auto;
	margin: 0px auto;
}

ul.newslist-1 li {
	height: 28px;
	line-height: 28px;
	width: 100%;
	margin-bottom: 12px;
	margin-top: 0px;
	overflow: hidden;
}

ul.newslist-1 li a,
ul.newslist-1 li a:link {
	background: url(../images/icon_list.jpg) left center no-repeat;
	color: #30343C;
	display: block;
	text-indent: 18px;
	height: 30px;
	line-height: 30x;
	font-size: 14px;
	font-family: "思源黑体";
}

ul.newslist-1 li a:hover {
	color: #FF6501;
}

ul.newslist-1 li span.newstime {
	float: right;
	padding-right: 4px;
	color: #999999;
	font-size: 14px;
	font-family: Arial;
}

.btn-more:hover {
	color: #FF6501;
	background: url(../images/icon_more_on.jpg) right center no-repeat;
}

.first-news:hover .news-title {
	color: #FF6501;
}

/***********************解决方案************************/

.banner.solutions-banner {
	height: 280px;
	background: url(../images/banner_solutions.jpg) center center no-repeat;
	overflow: hidden;
}

.banner.solutions-banner div {
	width: 96%;
	max-width: 1200px;
	color: #FFF;
	margin: 0 auto;
}

.banner.solutions-banner div.title01 {
	height: 60px;
	line-height: 60px;
	text-indent: 50px;
	font-size: 46px;
	font-family: "思源黑体";
	margin: 55px auto 30px auto;
	letter-spacing: 4px;
}

.banner.solutions-banner div.title02,
.banner.solutions-banner div.title03 {
	line-height: 40px;
	text-indent: 50px;
	font-size: 20px;
	font-family: "思源黑体";
	letter-spacing: 1px;
}

.solutions-box {
	float: none;
	width: 560px;
	height: 180px;
	margin: 0px auto;
	position: relative;
}

.dotted-line {
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #DEDEDE;
	margin: 0px 0 25px 0;
	display: block;
	clear: both;
}

.solutions-box .solutions-mask {
	position: absolute;
	left: 0;
	top: 0;
	background: #333;
	opacity: 0.5;
	filter: Alpha(opacity=50);
	width: 290px;
	height: 180px;
	display: none;
}

.solutions-box img {
	display: block;
	width: 290px;
	height: 180px;
	float: left;
	margin-right: 25px;
}

.solutions-box .news-title {
	width: 240px;
	float: left;
	line-height: 30px;
	text-align: left;
	font-size: 18px;
	font-family: "思源黑体";
	color: #30343C;
	font-weight: bold;
}

.solutions-box .news-smalltext {
	width: 240px;
	height: 78px;
	overflow: hidden;
	float: left;
	line-height: 26px;
	text-align: left;
	font-size: 16px;
	font-family: "思源黑体";
	color: #30343C;
	overflow: hidden;
	margin: 5px 0 0 0;
}

.solutions-box .btn-detail {
	background: #C5C5C5;
	text-indent: 10px;
	width: 100px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	font-family: "思源黑体";
	color: #FFF;
	position: absolute;
	left: 315px;
	bottom: 0;
}

.solutions-box:hover .btn-detail {
	background: #33CBCC;
}

.solutions-box-last {
	background: #FFF;
}

.btn-for-solutions {
	display: block;
	background: #F8B600;
	text-align: center;
	width: 320px;
	height: 96px;
	line-height: 96px;
	font-size: 20px;
	font-family: "思源黑体";
	color: #FFF;
	border-radius: 5px;
	cursor: pointer;
}

.btn-for-solutions1 {
	display: block;
	background: #F8B600;
	text-align: center;
	width: 320px;
	height: 96px;
	line-height: 96px;
	font-size: 20px;
	font-family: "思源黑体";
	color: #FFF;
	border-radius: 5px;
	cursor: pointer;
}

.solutions-box .btn-for-solutions {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -48px;
	margin-left: -160px;
}

.solutions-box .btn-for-solutions1 {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -48px;
	margin-left: -160px;
}

.solutions-box:hover .solutions-mask {
	opacity: 0;
	filter: Alpha(opacity=0);
}

/* 解决方案 2018-4-12 */

.solution-page .content {
	width: 1200px;
	margin: 20px auto;
	position: relative;
}

.solution-page .solution-item {
	background: #F2F2F2;
	min-height: 240px;
	margin-bottom: 40px;
	position: relative;
}

.solution-page .item-left {
	padding-left: 470px;
}

.solution-page .item-right {
	padding-right: 470px;
}

.solution-page .solution-item img {
	display: block;
	position: absolute;
}

.solution-page .item-left img {
	left: 0;
}

.solution-page .item-right img {
	right: 0;
}

.solution-page .solution-item .item-intro {
	vertical-align: top;
}

.item-right .item-intro {
	padding-left: 30px;
	padding-right: 60px;
}

.item-left .item-intro {
	padding-right: 80px;
}

.solution-page .solution-item h2 {
	color: #30343C;
	font-size: 2.6em;
	font-weight: bold;
	margin: 0;
	padding: 30px 0 20px 0;
	background: none;
}

.solution-page .solution-item p {
	color: #30343C;
	font-size: 2.0em;
	padding-bottom: 20px;
	line-height: 1.6;
}

.solution-page .solution-item a {
	display: inline-block;
	color: #fff;
	background: #C0C0C0;
	padding: 5px 15px;
	border-radius: 5px;
	transition: all .3s ease;
	font-size: 1.4em;
}

.solution-page .solution-item a:hover {
	background: #33CBCC;
}

.solution-page .solution-more {
	text-align: center;
	margin-bottom: 30px;
}

.solution-page .solution-more a {
	display: inline-block;
	padding: 20px;
	font-size: 2em;
	font-weight: bold;
	color: #815300;
	background: #F8B600;
	border-radius: 5px;
}

.solution-page .solution-more a:hover {
	color: #fff;
	background: #33CBCC;
}

/***********************产品************************/

.banner.products-banner {
	height: 280px;
	background: url(../images/banner_products.jpg) center center no-repeat;
	overflow: hidden;
}

.banner.products-banner .contentBox div {
	width: 880px;
	color: #FFF;
	margin: 0;
	letter-spacing: 2px;
}

.banner.products-banner div.title01 {
	background: url(../images/title_1_indexbanner.png) center center no-repeat;
	height: 46px;
	margin-top: 50px;
}

.banner.products-banner div.title02 {
	line-height: 60px;
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	font-family: "思源黑体";
	margin: 15px auto 25px 0;
	text-shadow: 2px 2px 0px #539B42;
}

.banner.products-banner div.title03 {
	line-height: 30px;
	text-align: center;
	font-size: 24px;
	font-family: "思源黑体";
	text-shadow: 2px 2px 0px #539B42;
}

.containerBox-platform-vc .wrapper-col {
	border-bottom: none;
	border-top: none;
	background: none;
}

/***********************云服务************************/

.banner.banner-cloud-service {
	height: 280px;
	background: url(../images/banner_cloud_service.jpg) center center no-repeat;
	overflow: hidden;
}

/*.banner.banner-cloud-service .contentBox div{  width: 590px; letter-spacing:2px; margin-right:0; margin-left:auto; }

.banner.banner-cloud-service div.title01{ height:50px; line-height:50px; text-align:left; font-size:48px; font-weight:bold; font-family:"思源黑体"; margin:80px 0 15px  auto; color:#FFF000;  }

.banner.banner-cloud-service div.title02{ height:30px; line-height:30px; text-align:left; font-size:24px; font-family:"思源黑体";  color:#FFF;  }*/

.banner.banner-cloud-service div.title01 {
	font-size: 6.0em;
	color: #fff;
	font-family: "思源黑体";
	font-weight: bold;
	width: 50%;
	margin-left: 8%;
	margin-top: 70px;
	margin-bottom: 10px;
}

.banner.banner-cloud-service div.title02 {
	font-size: 3em;
	color: #fff;
	font-family: "思源黑体";
	width: 50%;
	margin-left: 8%;
	font-size: 2.4em;
}

/***********************技术服务************************/

.banner.banner-technical-service {
	height: 280px;
	background: url(../images/banner_technical_service.jpg) center center no-repeat;
	overflow: hidden;
}

.banner.banner-technical-service .contentBox div {
	width: 600px;
	letter-spacing: 1px;
	margin-left: 50px;
	color: #FFF;
}

.banner.banner-technical-service div.title01 {
	line-height: 50px;
	text-align: left;
	font-size: 50px;
	font-weight: bold;
	font-family: "思源黑体";
	margin: 90px auto 30px 50px;
}

.banner.banner-technical-service div.title02 {
	line-height: 30px;
	text-align: left;
	font-size: 24px;
	font-family: "思源黑体";
}

.technical-service {
	background: #F2F2F2;
}

.wrapper-col-ts {
	width: 100%;
	background: #FFF;
	margin: 0 auto 40px auto;
	padding: 35px 0;
}

.wrapper-col-ts-41 {
	margin-top: 40px;
}

.col-title-ts {
	float: left;
	width: 250px;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	font-family: "思源黑体";
	position: relative;
	color: #FFF;
	margin-left: 35px;
	margin-right: 35px;
}

.col-title-ts .icon-lt {
	display: block;
	width: 13px;
	height: 12px;
	position: absolute;
	left: 5px;
	top: 5px;
	background: url(../images/icon_lt.png) no-repeat;
}

.col-title-ts .icon-rt {
	display: block;
	width: 13px;
	height: 12px;
	position: absolute;
	right: 5px;
	top: 5px;
	background: url(../images/icon_rt.png) no-repeat;
}

.col-title-ts .icon-lb {
	display: block;
	width: 13px;
	height: 12px;
	position: absolute;
	left: 5px;
	bottom: 5px;
	background: url(../images/icon_lb.png) no-repeat;
}

.col-title-ts .icon-rb {
	display: block;
	width: 13px;
	height: 12px;
	position: absolute;
	right: 5px;
	bottom: 5px;
	background: url(../images/icon_rb.png) no-repeat;
}

.wrapper-col-ts-41 .col-title-ts {
	height: 290px;
	background: #33CBCC;
}

.wrapper-col-ts-42 .col-title-ts {
	height: 290px;
	background: #5DE0AE;
}

.wrapper-col-ts-43 .col-title-ts {
	height: 210px;
	background: #2FA7F8;
	line-height: 210px;
}

.wrapper-col-ts-44 .col-title-ts {
	height: 210px;
	background: #FFAE00;
	line-height: 210px;
}

.wrapper-col-ts-41 .col-title-ts span:first-child {
	display: block;
	width: 180px;
	height: 80px;
	position: absolute;
	left: 50%;
	top: 50%;
	line-height: 40px;
	margin-left: -90px;
	margin-top: -40px;
}

.wrapper-col-ts-42 .col-title-ts span:first-child {
	display: block;
	width: 150px;
	height: 80px;
	position: absolute;
	left: 50%;
	top: 50%;
	line-height: 40px;
	margin-left: -80px;
	margin-top: -40px;
}

.wrapper-item-ts {
	float: left;
	width: 850px;
	height: auto;
}

.ts-item {
	float: left;
	width: 150px;
	height: 130px;
	margin: 10px 30px 0px 30px;
}

.wrapper-col-ts-43 .ts-item,
.wrapper-col-ts-44 .ts-item {
	margin-top: 45px;
}

.ts-item .item-icon {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 65px;
	border-bottom: 1px solid #D1D1D1;
}

.ts-item .item-title {
	margin: 10px auto 0px auto;
	display: block;
	width: 100%;
	line-height: 24px;
	text-align: center;
	color: #333333;
	font-size: 16px;
	font-family: "思源黑体";
}

.ts-item-66 .item-icon {
	background: url(../images/customized_resources_1_un.png) center -15px no-repeat;
}

.ts-item-67 .item-icon {
	background: url(../images/customized_resources_2_un.png) center -15px no-repeat;
}

.ts-item-68 .item-icon {
	background: url(../images/customized_resources_3_un.png) center -15px no-repeat;
}

.ts-item-69 .item-icon {
	background: url(../images/customized_resources_4_un.png) center -15px no-repeat;
}

.ts-item-71 .item-icon {
	background: url(../images/customized_resources_5_un.png) center -15px no-repeat;
}

.ts-item-72 .item-icon {
	background: url(../images/customized_resources_6_un.png) center -15px no-repeat;
}

.ts-item-73 .item-icon {
	background: url(../images/customized_resources_7_un.png) center -15px no-repeat;
}

.ts-item-74 .item-icon {
	background: url(../images/new_media_1_un.png) center -15px no-repeat;
}

.ts-item-75 .item-icon {
	background: url(../images/new_media_2_un.png) center -15px no-repeat;
}

.ts-item-76 .item-icon {
	background: url(../images/new_media_3_un.png) center -15px no-repeat;
}

.ts-item-77 .item-icon {
	background: url(../images/new_media_4_un.png) center -15px no-repeat;
}

.ts-item-78 .item-icon {
	background: url(../images/new_media_5_un.png) center -15px no-repeat;
}

.ts-item-79 .item-icon {
	background: url(../images/new_media_6_un.png) center -15px no-repeat;
}

.ts-item-81 .item-icon {
	background: url(../images/training_services_1_un.png) center -15px no-repeat;
}

.ts-item-82 .item-icon {
	background: url(../images/training_services_2_un.png) center -15px no-repeat;
}

.ts-item-140 .item-icon {
	background: url(../images/training_services_5_un.png) center -15px no-repeat;
}

.ts-item-84 .item-icon {
	background: url(../images/training_services_3_un.png) center -15px no-repeat;
}

.ts-item-85 .item-icon {
	background: url(../images/training_services_4_un.png) center -15px no-repeat;
}

.ts-item-86 .item-icon {
	background: url(../images/competition_services_1_un.png) center -15px no-repeat;
}

.ts-item-87 .item-icon {
	background: url(../images/competition_services_2_un.png) center -15px no-repeat;
}

.ts-item-88 .item-icon {
	background: url(../images/competition_services_3_un.png) center -15px no-repeat;
}

.ts-item:hover .item-title {
	color: #FF6501;
}

.ts-item:hover .item-icon {
	border-bottom: 1px solid #FF6501;
}

.ts-item-66:hover .item-icon {
	background: url(../images/customized_resources_1_on.png) center -15px no-repeat;
}

.ts-item-67:hover .item-icon {
	background: url(../images/customized_resources_2_on.png) center -15px no-repeat;
}

.ts-item-68:hover .item-icon {
	background: url(../images/customized_resources_3_on.png) center -15px no-repeat;
}

.ts-item-69:hover .item-icon {
	background: url(../images/customized_resources_4_on.png) center -15px no-repeat;
}

.ts-item-71:hover .item-icon {
	background: url(../images/customized_resources_5_on.png) center -15px no-repeat;
}

.ts-item-72:hover .item-icon {
	background: url(../images/customized_resources_6_on.png) center -15px no-repeat;
}

.ts-item-73:hover .item-icon {
	background: url(../images/customized_resources_7_on.png) center -15px no-repeat;
}

.ts-item-74:hover .item-icon {
	background: url(../images/new_media_1_on.png) center -15px no-repeat;
}

.ts-item-75:hover .item-icon {
	background: url(../images/new_media_2_on.png) center -15px no-repeat;
}

.ts-item-76:hover .item-icon {
	background: url(../images/new_media_3_on.png) center -15px no-repeat;
}

.ts-item-77:hover .item-icon {
	background: url(../images/new_media_4_on.png) center -15px no-repeat;
}

.ts-item-78:hover .item-icon {
	background: url(../images/new_media_5_on.png) center -15px no-repeat;
}

.ts-item-79:hover .item-icon {
	background: url(../images/new_media_6_on.png) center -15px no-repeat;
}

.ts-item-81:hover .item-icon {
	background: url(../images/training_services_1_on.png) center -15px no-repeat;
}

.ts-item-82:hover .item-icon {
	background: url(../images/training_services_2_on.png) center -15px no-repeat;
}

.ts-item-140:hover .item-icon {
	background: url(../images/training_services_5_on.png) center -15px no-repeat;
}

.ts-item-84:hover .item-icon {
	background: url(../images/training_services_3_on.png) center -15px no-repeat;
}

.ts-item-85:hover .item-icon {
	background: url(../images/training_services_4_on.png) center -15px no-repeat;
}

.ts-item-86:hover .item-icon {
	background: url(../images/competition_services_1_on.png) center -15px no-repeat;
}

.ts-item-87:hover .item-icon {
	background: url(../images/competition_services_2_on.png) center -15px no-repeat;
}

.ts-item-88:hover .item-icon {
	background: url(../images/competition_services_3_on.png) center -15px no-repeat;
}

/***********************下载************************/

.banner.banner-download {
	height: 280px;
	background: url(../images/banner_download.jpg) center center no-repeat;
	overflow: hidden;
}

.banner.banner-download .contentBox div {
	width: 100%;
	letter-spacing: 2px;
	margin-left: 0;
	color: #FFF;
	text-indent: 240px;
}

.banner.banner-download div.title01 {
	height: 100%;
	line-height: 280px;
	text-align: left;
	font-size: 46px;
	font-weight: bold;
	font-family: "思源黑体";
}

/***********************新闻动态************************/

.banner.banner-news-information {
	height: 280px;
	background: url(../images/banner_news_nformation.jpg) center center no-repeat;
	overflow: hidden;
}

.banner.banner-news-information div {
	width: 96%;
	max-width: 1200px;
	color: #FFF;
	margin: 0 auto;
	text-align: center;
	letter-spacing: 4px;
	font-family: "思源黑体";
}

.banner.banner-news-information div.title01 {
	height: 60px;
	line-height: 60px;
	font-size: 46px;
	font-weight: bold;
	margin: 65px auto 30px auto;
	text-shadow: 2px 2px 0px #41B2CD;
}

.banner.banner-news-information div.title02 {
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 24px;
	margin: 0 auto;
	text-shadow: 1px 1px 0px #41B2CD;
}

/*新闻动态列表*/

.list-article {
	min-height: 400px;
}

.list-article li {
	display: block;
	border-bottom: 1px solid #F0F0F0;
	width: 1140px;
	height: 170px;
	margin: 20px auto 0 auto;
	padding-bottom: 20px;
}

.list-article li .left-news,
.list-article li .center-news {
	float: left;
}

.list-article li .center-news {
	width: 130px;
	height: auto;
	background: url(../images/bg_left_news.jpg) 40px 15px no-repeat;
	-webkit-transition: ease-out 0.3s;
	transition: ease-out 0.3s;
	position: relative;
	margin-left: 30px;
	margin-right: 10px;
	margin-top: 0;
}

.list-article li .news-time,
.list-article li .news-title {
	font-size: 18px;
	color: #242424;
	line-height: 30px;
	text-align: left;
	font-family: "思源黑体";
	-webkit-transition: ease-out 0.3s;
	transition: ease-out 0.3s;
}

.list-article li .news-time-1 {
	display: none;
}

.list-article li p {
	font-size: 14px;
	line-height: 220%;
	color: #717171;
	font-family: "思源黑体";
	margin-top: 15px;
	margin-bottom: 15px;
}

.list-article li .icon-block {
	position: absolute;
	width: 36px;
	height: 36px;
	background: #FFF url(../images/news_list_un.png) center center no-repeat;
	-webkit-transition: ease-out 0.3s;
	transition: ease-out 0.3s;
	left: 0;
	top: 50px;
}

.list-article li .click-num {
	background: url(../images/icon_click_num.jpg) left center no-repeat;
	padding-left: 24px;
	font-size: 14px;
	line-height: 220%;
	color: #717171;
	font-family: "思源黑体";
}

.list-article li .left-news {
	width: 260px;
	height: 100%;
}

.list-article li .right-news {
	width: 680px;
	height: auto;
	float: right;
}

.list-article li:hover .center-news {
	width: 150px;
	-webkit-transition: ease-out 0.3s;
	transition: ease-out 0.3s;
}

.list-article li:hover .news-time,
.list-article li:hover .news-title {
	font-weight: bold;
	color: #000;
	-webkit-transition: ease-out 0.3s;
	transition: ease-out 0.3s;
}

.list-article li:hover .icon-block {
	background: #188AE2 url(../images/news_list_on.png) center center no-repeat;
	-webkit-transition: ease-out 0.3s;
	transition: ease-out 0.3s;
	left: 90px;
}

/*分页样式*/

.page {
	width: 98%;
	height: 50px;
	line-height: 50px;
	text-align: right;
	font-size: 14px;
	clear: both;
	margin: 20px auto;
}

.page a,
.page a b,
.page span {
	background: #F5F5F5;
	color: #323232;
	padding: 9px 15px;
}

.page b {
	background: #188AE2;
	color: #fff;
	padding: 9px 15px;
}

.page a:hover,
.page span.current {
	background: #FB4945;
	color: #fff;
}

.article h1 {
	font-size: 24px;
	color: #000;
	line-height: 50px;
	text-align: center;
	font-family: "思源黑体";
	padding-bottom: 10px;
	font-weight: bold;
}

.article .article-info {
	border-bottom: 1px solid #F4F4F4;
	text-align: center;
	font-size: 16px;
	padding: 10px 0;
	color: #999999;
}

.article .article-info .share-box div {
	width: 180px;
}

.article .article-info span {
	padding: 0 10px;
}

.article .article-info span.date {
	background: url(../images/article_info_date.jpg) left center no-repeat;
	padding-left: 20px;
}

.article .article-content {
	padding: 10px 0 20px 0;
	font-size: 16px;
	min-height: 200px;
	color: #30343C;
}

.article .article-content p {
	font-size: 16px;
	padding: 8px 0;
	line-height: 200%;
	text-indent: 2em;
	width: 100% !important;
	color: #30343C;
	font-family: "思源黑体";
}

.article .article-content img {
	display: block;
	max-width: 100% !important;
	height: auto !important;
	margin: 5px auto;
}

.article .article-content table {
	width: 100% !important;
}

/*上一篇、下一篇*/

.change-btn {
	font-size: 16px;
	line-height: 30px;
	padding-top: 10px;
	border-top: 1px solid #dddddd;
	padding-bottom: 10px;
}

.change-btn .pre {
	width: 50%;
	float: left;
	text-align: left;
}

.change-btn .next {
	width: 50%;
	float: right;
	text-align: right;
}

.change-btn a {
	display: block;
	color: #626262;
}

.change-btn a:hover {
	color: #90C42F;
}

/***********************应用案例************************/

.banner.banner-case {
	height: 280px;
	background: #2EA7F8 url(../images/banner_case.jpg) center center no-repeat;
	overflow: hidden;
}

.banner.banner-case .contentBox div {
	width: 850px;
	color: #FFF;
	margin: 0 auto;
	text-align: left;
	letter-spacing: 2px;
	font-family: "思源黑体";
	margin-left: 80px;
}

.banner.banner-case .contentBox div.title01 {
	height: 60px;
	line-height: 60px;
	font-size: 50px;
	margin: 60px auto 20px 80px;
	text-shadow: 1px 1px 0px #2789CB;
}

.banner.banner-case .contentBox div.title02 {
	width: 700px;
	line-height: 30px;
	text-align: left;
	font-size: 20px;
	text-shadow: 1px 1px 0px #2789CB;
}

/***********************视频集锦************************/

.banner.banner-videos {
	height: 280px;
	background: url(../images/banner_videos.jpg) center center no-repeat;
	overflow: hidden;
}

.banner.banner-videos div {}

.banner.banner-videos div.title01 {
	width: 330px;
	color: #FFF;
	text-align: left;
	letter-spacing: 2px;
	font-family: "思源黑体";
	height: 60px;
	line-height: 60px;
	font-size: 50px;
	text-indent: 95px;
	font-weight: bold;
	margin: 122px auto 0px 330px;
	background: url(../images/icon_banner_videos.png) left 4px no-repeat;
}

.list-videos li {
	float: left;
	width: 380px;
	height: 270px;
	position: relative;
	margin: 0 10px 40px 10px;
}

.list-videos li .poster-img {
	width: 100%;
	height: 220px;
	display: block;
}

.list-videos li .videos-title {
	width: 100%;
	height: 50px;
	display: block;
	color: #000;
	text-align: center;
	font-family: "思源黑体";
	line-height: 50px;
	font-size: 16px;
}

.list-videos li .btn-videos {
	width: 77px;
	height: 77px;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -39px;
	top: 72px;
	background: url(../images/btn_videos.png) center center no-repeat;
}

/***********************关于我们************************/

.banner.banner-aboutus-y {
	height: 280px;
	background: url(../images/aboutus_y_banner.jpg) center center no-repeat;
	overflow: hidden;
}

.banner.banner-aboutus-y div {}

.banner.banner-aboutus-y div.title01 {
	width: 400px;
	color: #000;
	text-align: left;
	letter-spacing: 2px;
	font-family: "思源黑体";
	height: 120px;
	line-height: 120px;
	font-size: 40px;
	text-indent: 120px;
	font-weight: bold;
	margin: 80px auto 0px 260px;
	background: url(../images/icon_aboutus.png) left center no-repeat;
}

/***********************新闻列表************************/

.news.news-news-y {
	height: 280px;
	background: url(../images/news.jpg) center center no-repeat;
	overflow: hidden;
}

.news.news-news-y div {}

.news.news-news-y div.title01 {
	width: 400px;
	color: #000;
	text-align: left;
	letter-spacing: 2px;
	font-family: "思源黑体";
	height: 120px;
	line-height: 120px;
	font-size: 40px;
	text-indent: 120px;
	font-weight: bold;
	margin: 80px auto 0px 260px;
	background: url(../images/icon_aboutus.png) left center no-repeat;
}



/***********************资质荣誉************************/

.banner.banner-honor-ynedut {
	height: 280px;
	background: url(../images/honor_ynedut_banner.jpg) center center no-repeat;
	overflow: hidden;
}

.banner.banner-honor-ynedut div {}

.banner.banner-honor-ynedut div.title01 {
	width: 220px;
	color: #FF8644;
	text-align: left;
	letter-spacing: 2px;
	font-family: "思源黑体";
	height: 80px;
	line-height: 80px;
	font-size: 50px;
	font-weight: bold;
	margin: 80px auto 0px 150px;
	text-shadow: 2px 2px 0px #FFF;
}

/***********************直播课堂************************/

.banner.banner-live {
	height: 330px;
	background: url(../images/live_banner.jpg) center center no-repeat;
	overflow: hidden;
	background-size: 100% 100%
}

/***********************通用内容也框架样式************************/

/*左侧目录树*/

.side-menu {
	width: 258px;
	float: left;
	height: auto;
	position: relative;
	z-index: 1000;
	margin-top: 0px;
	border: 1px solid #01C0B9;
	margin-bottom: 25px;
	background: #FFF;
}

.btn-close-menu {
	display: none;
}

#classname {
	display: none;
}

#parent-classid-hidden {
	display: none;
}

#classid-hidden {
	display: none;
}

#classpath-hidden {
	display: none;
}

ul.leftbar {
	display: block;
	width: 100%;
	min-height: 100px;
	_height: expression(this.scrollHeight <100 ?"100px": "auto");
}

/*一级菜单*/

.leftbar li.tree2 {
	width: 100%;
	margin-left: 0px;
	min-height: 60px;
	_height: expression(this.scrollHeight <60 ?"60px": "auto");
}

.leftbar li.tree2 a,
.leftbar li.tree2 a:link {
	color: #30343D;
	font-size: 18px;
	font-family: "思源黑体";
	line-height: 30px;
	padding: 15px 0 15px 50px;
	text-align: left;
	padding-left: 50px;
	background: #F7F7F7;
	display: block;
	border-bottom: 1px solid #FFF;
	position: relative;
	font-weight: normal;
}

.containerBox-17 .leftbar li.tree2 a,
.containerBox-17.leftbar li.tree2 a:link,
.containerBox-19 .leftbar li.tree2 a,
.containerBox-19.leftbar li.tree2 a:link {
	font-size: 14px;
}

.leftbar li.tree2 a .tree2-icon {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 23px;
	top: 22px;
	-webkit-transition: ease-out 0.7s;
	transition: ease-out 0.7s;
	background: url(../images/tree2_un.png) no-repeat;
}

.containerBox-17 .leftbar li.tree2 a .tree2-icon {
	top: 21px;
}

.leftbar li.tree2 a#column35,
.leftbar li.tree2 a#column36,
.leftbar li.tree2 a#column37 {
	padding-left: 0;
	text-align: center;
	text-indent: 0;
	width: 100%;
}

.leftbar li.tree2 a#column35 {
	text-indent: 35px;
}

.leftbar li.tree2 a#column35 .tree2-icon,
.leftbar li.tree2 a#column36 .tree2-icon,
.leftbar li.tree2 a#column37 .tree2-icon {
	margin-left: auto;
	width: 63px;
	height: 63px;
	top: 0px;
}

.leftbar li.tree2 a#column35 .tree2-icon {
	background: url(../images/tree_un_35.png) center center no-repeat;
	left: 5px;
}

.leftbar li.tree2 a#column36 .tree2-icon {
	background: url(../images/tree_un_36.png) center center no-repeat;
}

.leftbar li.tree2 a#column37 .tree2-icon {
	background: url(../images/tree_un_37.png) center center no-repeat;
}

.leftbar li.tree2-on {}

.leftbar li.tree2 a:hover,
.leftbar li.tree2-on a,
.leftbar li.tree2-on a:link,
.leftbar li.tree2-on a:hover {
	color: #FFF;
	background: #188AE2;
	font-weight: bold;
}

.leftbar li.tree2 a:hover .tree2-icon,
.leftbar li.tree2-on a .tree2-icon {
	-webkit-transition: ease-out 0.7s;
	transition: ease-out 0.7s;
	background: url(../images/tree2_on.png) no-repeat;
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.leftbar li.tree2 a#column35:hover,
.leftbar li.tree2-on a#column35,
.leftbar li.tree2 a#column36:hover,
.leftbar li.tree2-on a#column36,
.leftbar li.tree2 a#column37:hover,
.leftbar li.tree2-on a#column37 {
	padding-top: 80px;
}

.leftbar li.tree2 a#column35:hover,
.leftbar li.tree2-on a#column35 {
	text-indent: 0px;
}

.leftbar li.tree2 a#column35:hover .tree2-icon,
.leftbar li.tree2-on a#column35 .tree2-icon,
.leftbar li.tree2 a#column36:hover .tree2-icon,
.leftbar li.tree2-on a#column36 .tree2-icon,
.leftbar li.tree2 a#column37:hover .tree2-icon,
.leftbar li.tree2-on a#column37 .tree2-icon {
	-webkit-transition: ease-out 0.7s;
	transition: ease-out 0.7s;
	left: 50%;
	top: 10px;
	margin-top: auto;
	margin-left: -32px;
}

.leftbar li.tree2 a#column35:hover .tree2-icon,
.leftbar li.tree2-on a#column35 .tree2-icon {
	background: url(../images/tree_on_35.png) no-repeat;
}

.leftbar li.tree2 a#column36:hover .tree2-icon,
.leftbar li.tree2-on a#column36 .tree2-icon {
	background: url(../images/tree_on_36.png) no-repeat;
}

.leftbar li.tree2 a#column37:hover .tree2-icon,
.leftbar li.tree2-on a#column37 .tree2-icon {
	background: url(../images/tree_on_37.png) no-repeat;
}

/*二级菜单*/

ul.leftbar li ul {
	display: none;
	width: 100%;
	padding-top: 0px;
}

ul.leftbar li.tree2-on ul {
	display: block;
}

ul.leftbar li ul li {
	width: 240px;
	padding: 0;
	margin: 0 auto;
	display: block;
	height: 49px;
}

ul.leftbar li ul li a,
ul.leftbar li.tree2-on ul li a,
ul.leftbar li.tree2-on ul li a:link {
	display: block;
	color: #30343C;
	font-family: "思源黑体";
	line-height: 48px;
	text-align: left;
	width: 100%;
	height: 48px;
	border-bottom: 1px solid #D6D6D6;
	font-size: 16px;
	position: relative;
	background: #FFF;
	text-indent: 15px;
	font-weight: normal;
	padding: 0;
}

ul.leftbar li.tree2 ul li.tree3 a .tree3-icon {
	display: block;
	width: 6px;
	height: 10px;
	position: absolute;
	left: 225px;
	top: 50%;
	margin-top: -3px;
	-webkit-transition: ease-out 0.7s;
	transition: ease-out 0.7s;
	background: url(../images/tree3_un.png) no-repeat;
}

ul.leftbar li.tree2-on ul li.tree3-on {}

ul.leftbar li.tree2 ul li.tree3 a:hover,
ul.leftbar li.tree2-on ul li.tree3-on a,
ul.leftbar li.tree2-on ul li.tree3-on a:link,
ul.leftbar li.tree2-on ul li.tree3-on a:hover {
	color: #FE6600;
	font-weight: normal;
	background: #FFF;
}

ul.leftbar li.tree2 ul li.tree3 a:hover .tree3-icon,
ul.leftbar li.tree2-on ul li.tree3-on a .tree3-icon,
ul.leftbar li.tree2-on ul li.tree3-on a:link .tree3-icon,
ul.leftbar li.tree2-on ul li.tree3-on a:hover .tree3-icon {
	background: url(../images/tree3_on.png) no-repeat;
}

.right-content {
	width: 920px;
	min-height: 200px;
	float: right;
	padding-bottom: 20px;
}

.right-content p {
	font-size: 16px;
	line-height: 200%;
	text-indent: 2em;
	color: #30343C;
	font-family: "思源黑体";
	margin: 0 auto 10px auto;
}

.right-content img {
	height: auto;
	margin: 20px auto;
	max-width: 98%;
	/*display:block;*/
}

.page-title {
	background: url(../images/page_title.png) center bottom no-repeat;
	margin: 10px auto 10px auto;
	line-height: 40px;
	text-align: center;
	font-size: 24px;
	color: #FE6600;
	font-family: "思源黑体";
	font-weight: normal;
	padding-bottom: 10px;
	position: relative;
}

h1 {
	margin: 10px auto 10px auto;
	line-height: 80px;
	text-align: center;
	font-size: 30px;
	color: #30343C;
	font-family: "思源黑体";
	font-weight: normal;
}

h2 {
	background: url(../images/h2.jpg) left 6px no-repeat;
	margin: 10px auto 10px 0px;
	line-height: 30px;
	text-align: left;
	padding-left: 15px;
	font-size: 20px;
	color: #01C0B9;
	font-family: "思源黑体";
	font-weight: bold;
}

h3 {
	background: url(../images/h3.png) left 7px no-repeat;
	margin: 20px auto 20px 15px;
	line-height: 30px;
	text-align: left;
	padding-left: 25px;
	font-size: 18px;
	color: #0089F2;
	font-family: "思源黑体";
	font-weight: normal;
}

h4 {
	background: url(../images/h4.png) left 8px no-repeat;
	margin: 10px auto 10px 30px;
	line-height: 30px;
	text-align: left;
	padding-left: 25px;
	font-size: 16px;
	color: #1B232A;
	font-family: "思源黑体";
	font-weight: normal;
}

h5 {
	background: url(../images/h5.jpg) center bottom no-repeat;
	margin: 20px auto 20px auto;
	line-height: 70px;
	text-align: center;
	font-size: 24px;
	color: #60B951;
	font-family: "思源黑体";
	font-weight: bold;
}

table.tableMainStyle {
	width: 98%;
	margin: 20px auto 20px auto;
	border: 0px;
	table-layout: fixed;
	border-collapse: collapse;
}

table.tableMainStyle th {
	height: 30px;
	line-height: 30px;
	border: 1px #ff6f21 solid;
	background: #FFE2D3;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	color: #ff6f21;
}

table.tableMainStyle-1 th {
	text-align: left;
	text-indent: 20px;
}

table.tableMainStyle td {
	font-size: 16px;
	color: #000;
	line-height: 50px;
	border: 1px #ff6f21 solid;
	text-align: center;
	padding: 0 5px;
}

table.tableMainStyle-a td {
	line-height: 30px;
}

.news-info-bar {
	font-size: 18px;
	line-height: 200%;
	color: #000;
	font-family: "思源黑体";
	margin: 10px auto;
	width: 98%;
	text-align: center;
	font-weight: bold;
}

.writer {
	padding-right: 30px;
	display: inline-block;
}

.befrom {
	display: inline-block;
}

.course-num {
	font-size: 16px;
	line-height: 200%;
	color: #999999;
	font-family: "思源黑体";
	/* margin:10px auto; width:180px; text-align: left;  position:absolute; bottom:-45px; left:0px; display:block; */
}

.article-content .btn-for-solutions,
.btn-for-solutions1,
.right-content .btn-for-solutions {
	margin: 20px auto;
}

.wrapper-solutions-item {
	width: 200px;
	margin: 0px auto 10px auto;
	height: auto;
}

.wrapper-solutions-item .solutions-item {
	margin-top: 0;
	width: 210px !important;
}

.wrapper-solutions-item .solutions-item .item-title {
	width: 98% !important;
}

.ml-pageLink-box {
	width: 98%;
	margin: 10px auto;
	height: 40px;
}

a.intro-link,
a.sale-link {
	width: 50%;
	line-height: 40px;
	font-size: 20px;
	color: #30343c;
	font-family: "思源黑体";
	display: inline-block;
	text-align: center;
	background: #EBEBEB;
}

.ml-pageLink-box a:hover,
.ml-pageLink-box-64 .intro-link,
.ml-pageLink-box-78 .sale-link {
	background: #FDC154;
	color: #FFF;
}

.download-btn-ynm-ios:hover {
	cursor: default;
}

.article .article-content .text-box-s1 p,
.text-box-s1 p {
	width: 48% !important;
	float: left;
}

.customer-list {
	width: 100%;
	margin: 20px auto;
	clear: both;
}

.customer-list h1 {
	line-height: 60px;
	margin-bottom: 0;
}

.customer-list .viewport {
	width: 100%;
	height: 304px;
	overflow: hidden;
	position: relative;
}

.customer-list ul {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}

.customer-list ul li {
	width: 30%;
	height: 46px;
	margin: 20px 1.5%;
	float: left;
}

.customer-list ul li img {
	width: 100%;
	height: 100%;
}

.text-custom {
	text-align: center;
	text-indent: 0;
	font-size: 24px !important;
}

.btn-for-custom {
	width: 200px;
	height: 40px;
	line-height: 40px;
}

.img1-box {
	width: 890px;
	height: 289px;
	margin: 10px auto 30px auto;
	background: url(../images/img_1.jpg) center center no-repeat;
	overflow: hidden;
}

.btn-wrapper-1-a {
	width: 300px !important;
	margin-top: 210px !important;
}

.btn-wrapper-1-a a {
	width: 140px !important;
}

.btn-wrapper-1-a a.btn-for-solutions-a {
	background: #33CBCC;
}

.title-q {
	margin: 10px auto 10px auto;
	line-height: 40px;
	text-align: center;
	font-size: 30px;
	color: #01C0B9;
	font-family: "思源黑体";
	font-weight: bold;
}

.text-q-1 {
	background: #F4F4F4;
	width: 100%;
	height: auto;
	margin: 10px auto;
}

.left-text-q-1 {
	width: 390px;
	float: left;
	margin-left: 40px;
}

.right-text-q-1 {
	width: 320px;
	float: right;
	margin-right: 40px;
}

.right-text-q-1 img {
	display: block;
}

.list-num-box {
	width: 98%;
	margin: 0px auto 0px auto;
}

.list-num-box li {
	width: 100%;
	float: left;
	margin: 20px auto 0px auto;
}

.list-num-box li .num-box-1,
.list-num-box li .num-box-2,
.list-num-box li .num-box-3,
.list-num-box li .num-box-4,
.list-num-box li .num-box-5 {
	display: block;
	float: left;
	width: 66px;
	height: 66px;
	text-align: center;
	line-height: 66px;
	margin-right: 15px;
	font-size: 26px;
	font-family: "思源黑体";
}

.list-num-box li .num-box-1 {
	background: url(../images/num_1_q.png) center center no-repeat;
	color: #F3784E;
}

.list-num-box li .num-box-2 {
	background: url(../images/num_2_q.png) center center no-repeat;
	color: #5FBE96;
}

.list-num-box li .num-box-3 {
	background: url(../images/num_3_q.png) center center no-repeat;
	color: #55B7F0;
}

.list-num-box li .num-box-4 {
	background: url(../images/num_4_q.png) center center no-repeat;
	color: #F9C329;
}

.list-num-box li .title-num-box {
	width: calc(100% - 90px);
	width: 780px \9;
	color: #666666;
	font-size: 18px;
	font-family: "思源黑体";
	line-height: 30px;
	text-align: left;
	display: block;
	float: left;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

.list-num-box li .num-box-des {
	width: calc(100% - 90px);
	width: 780px \9;
	color: #666666;
	font-size: 16px;
	font-family: "思源黑体";
	line-height: 30px;
	text-align: left;
	display: block;
	float: left;
}

.text-q-2 {
	width: calc(50% - 22px);
	width: 410px \9;
	height: 140px;
	float: left;
	margin: 20px 10px 0 10px;
	background: #FFF;
	border: 1px solid #E3E3E3;
	border-radius: 5px;
}

.title-box {
	width: 90%;
	color: #666666;
	font-size: 18px;
	font-family: "思源黑体";
	line-height: 30px;
	text-align: left;
	margin: 5px auto;
	font-weight: bold;
}

.text-box {
	width: 90%;
	color: #666666;
	font-size: 16px;
	font-family: "思源黑体";
	line-height: 30px;
	text-align: left;
	margin: 5px auto;
}

.text-q-2:hover {
	background: #8FC31F;
	border: 1px solid #8FC31F;
}

.text-q-2:hover .title-box {
	color: #FFF;
}

.text-q-2:hover .text-box {
	color: #FFF;
}

.text-q-2-a {
	float: none;
	margin: 20px auto 0 auto;
	width: calc(100% - 22px);
}

/* 云服务2018-04-12 */

.cloud-page .content {
	width: 1200px;
	margin: 20px auto;
	position: relative;
}

.cloud-page .cloud-item {
	padding: 40px 0;
}

.cloud-page .cloud-item2 {
	background: #F2F2F2;
}

.cloud-page .cloud-box {
	min-height: 258px;
}

.cloud-page .cloud-box h2 {
	font-size: 2.6em;
	font-weight: bold;
	padding-top: 50px;
	padding-bottom: 20px;
	margin: 0;
	padding-left: 0;
	background: none;
}

.cloud-page .cloud-box1 .cloud-intro {
	padding-right: 320px;
}

.cloud-page .cloud-box2 .cloud-intro {
	padding-left: 200px;
	padding-right: 100px;
}

.cloud-page .cloud-box3 .cloud-intro {
	padding-right: 270px;
}

.cloud-page .cloud-box1 h2 {
	color: #FF6501;
}

.cloud-page .cloud-box2 h2 {
	color: #30CB9D;
}

.cloud-page .cloud-box3 h2 {
	color: #7598EC;
}

.cloud-page .cloud-box p {
	font-size: 2em;
	color: #6D6D6D;
	line-height: 2;
}

.cloud-page .cloud-box1 {
	padding-left: 305px;
}

.cloud-page .cloud-box2 {
	padding-right: 305px;
}

.cloud-page .cloud-box3 {
	padding-left: 305px;
}

.cloud-page .cloud-box .img {
	width: 258px;
	height: 258px;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	transition: all .3s ease
}

.cloud-page .cloud-box1 .img {
	background-image: url('../images/saas.png');
	left: 0;
}

.cloud-page .cloud-box1 a:hover .img {
	background-image: url('../images/saas_on_1.png');
}

.cloud-page .cloud-box2 .img {
	background-image: url('../images/lass.png');
	right: 0;
}

.cloud-page .cloud-box2 a:hover .img {
	background-image: url('../images/lass_on.png');
}

.cloud-page .cloud-box3 .img {
	background-image: url('../images/icon3.png');
	left: 0;
}

.cloud-page .cloud-box3 a:hover .img {
	background-image: url('../images/icon3_on.png');
}

/* 产品介绍 */

.goods-introduce {
	padding-top: 20px;
	padding-bottom: 50px;
	/* border-top: 1px solid #F5F7F9 */
}

.goods-introduce h3 {
	text-align: center;
	font-size: 2.8em;
	color: #000;
	margin: 20px auto 0px;
	background: none;
}

.goods-introduce h4 {
	text-align: center;
	font-size: 2.4em;
	color: #000;
	padding-bottom: 10px;
	background: none;
	margin: 10px auto 0px;
}

.goods-introduce table {
	width: 100%;
}

.goods-introduce h2 {
	font-size: 1.8em;
	font-weight: bold;
	background: none;
	color: #30343C;
}

.goods-introduce p {
	font-size: 1.6em;
	line-height: 190%;
	letter-spacing: 2px;
	margin-left: 34.2pt;
	text-indent: 0;
}

.goods-introduce img {
	width: 100%;
	margin: 20px auto 0;
}

.goods-introduce p span {
	font-family: "思源黑体" ！important;
}

@media only screen and (max-width:1366px) {
	.banner05 {
		background: url(../images/banner052.png) 0 0 no-repeat;
	}
}

/*1023-1200 内容宽度990 页面内容居中 */

@media only screen and (max-width:1200px) {
	/*解决方案 2018-04-12*/
	.solution-page .content {
		width: 97.5%;
	}
	.cloud-page .content {
		width: 97.5%;
	}
	.cloud-page .cloud-box1 .cloud-intro {
		padding-right: 0;
	}
	.cloud-page .cloud-box2 .cloud-intro {
		padding-left: 10px;
		padding-right: 0;
	}
	.cloud-page .cloud-box3 .cloud-intro {
		padding-right: 0;
	}
	/************************/
	.contentBox {
		width: 100%;
	}
	.video {
		width: 96%;
	}
	.banner.banner-live {
		height: 270px;
	}
	.menu {
		margin-right: -640px;
	}
	.menu li.level-1 {
		margin: 0 5px;
	}
	/*banner01*/
	.banner01 .title01 {
		width: 490px;
		margin-left: 30px;
	}
	.banner01 .title02 {
		width: 490px;
		margin: 15px 0 25px 30px;
	}
	.banner01 .title03 {
		width: 490px;
		margin-left: 30px;
	}
	.banner01 .title04 {
		margin: 58px 0px 0 20px;
	}
	.banner04 .title04 {
		width: 440px;
		background-size: 100%;
		margin: 0px 0px 0 20px;
	}
	/*banner02*/
	.banner02 .title01,
	.banner02 .title02,
	.banner02 .title03,
	.banner02 .title04,
	.banner02 .title06 {
		margin-left: 80px;
	}
	.banner02 .title05 {
		margin: 30px 0px 0 50px;
	}
	/* banner03 */
	.banner03 .title04 {
		display: none;
	}
	.banner03 .title01,
	.banner03 .title02,
	.banner03 .title03 {
		width: 80%;
		text-align: center;
		position: relative;
		left: 0;
		top: 0;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	.banner03 .title01 {
		margin-top: 80px;
		margin-bottom: 10px;
		height: auto;
	}
	/* banner04 */
	.banner04 {
		background: url("../images/banner04_mobile.jpg") 0 0 no-repeat
	}
	.banner04 .title01,
	.banner04 .title02,
	.banner04 .title03 {
		width: 80%;
		text-align: center;
		position: relative;
		left: 0;
		top: 0;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	.banner04 .title01 {
		margin-top: 80px;
		height: auto;
	}
	.banner05 {
		background: #2B6EFF;
	}
	.banner05 .title01,
	.banner05 .title02,
	.banner05 .title03 {
		max-width: 80%;
		background-size: 100%;
		position: relative;
		left: 0;
		top: 0;
		margin-bottom: 20px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 30px;
	}
	.banner05 .title01 {
		margin-top: 60px;
	}
	.solutions-item {
		width: 190px;
		margin: 40px 5px 20px 0px;
	}
	.cloud-service-item {
		width: 304px;
		height: 340px;
	}
	.cloud-service-item .item-intro {
		width: 95%;
	}
	.courseware-tool-item,
	.wrapper-col.news .news-box {
		width: 48%;
		height: auto;
		margin-left: 1% !important;
		margin-right: 1%;
	}
	.courseware-tool-item .item-right {
		width: 380px;
	}
	.teaching-resources-item {
		width: 190px;
		height: 280px;
		margin: 40px 0px 20px 8px;
		position: relative;
		overflow: hidden;
	}
	.first-news .news-title,
	.first-news .news-smalltext {
		width: calc(100% - 210px);
	}
	.containerBox {
		width: 990px;
	}
	.solutions-box {
		width: 485px;
		height: 180px;
		margin: 0px 5px 25px 5px;
	}
	.solutions-box img {
		margin-right: 5px;
	}
	.solutions-box .news-title {
		width: calc(100% - 305px);
	}
	.solutions-box .news-smalltext {
		width: calc(100% - 305px);
	}
	.banner.banner-cloud-service .contentBox div {
		width: 98%;
		l margin-right: auto;
		margin-left: auto;
		text-align: center;
	}
	.wrapper-item-ts {
		width: 670px;
	}
	.ts-item {
		margin: 10px 15px 0px 15px;
	}
	.banner.banner-videos div.title01 {
		margin: 122px auto 0px auto;
	}
	/***********************应用案例************************/
	.banner.banner-case .contentBox div.title02 {
		width: 600px;
	}
	.location {
		width: calc(100% - 50px);
	}
	.list-article li {
		width: 98%;
		height: 170px;
		padding-bottom: 20px;
	}
	.list-article li .right-news {
		width: 55%;
	}
	.list-article li .center-news {
		margin-left: 10px;
		margin-right: 10px;
	}
	.list-article li p {
		margin-bottom: 0;
		margin-top: 0;
	}
	.list-videos li {
		float: left;
		width: 380px;
		height: 270px;
		position: relative;
		margin: 0 57.5px 40px 57.5px;
	}
	.img1-box {
		width: 100%;
	}
	.left-text-q-1 {
		width: calc(100% - 410px);
	}
	.text-q-2 {
		height: 160px;
	}
}

/*768-1024  内容宽度740  两边间距14 页面内容居中 */

@media only screen and (max-width:751px) {
	.navDom,
	.footer,
	.cell,
	a.search,
	.cnzz {
		display: none;
	}
	.containerBox {
		width: 740px;
	}
	.banner.banner-live {
		height: 200px;
		background-size: auto 100%;
	}
	/*解决方案*/
	.solution-page .solution-item {
		padding: 20px 0 20px;
	}
	.solution-page .solution-item img {
		position: relative;
		margin: 0 auto;
		max-width: 95%;
	}
	.solution-item .item-intro {
		padding: 0 30px;
	}
	/*********/
	.banner .contentBox {
		width: 768px;
	}
	.banner,
	.swiper-banner,
	.swiper-banner .swiper-slide {
		height: 350px;
	}
	/*banner01*/
	.banner01 .title01,
	.banner01 .title02,
	.banner01 .title03 {
		width: 390px;
		margin-left: 0;
		margin-right: 0;
	}
	.banner01 .title01 {
		margin-top: 70px;
	}
	.banner01 .title02 {
		font-size: 32px;
		line-height: 50px;
		height: auto;
		margin-bottom: 10px;
	}
	.banner01 .title03 {
		font-size: 24px;
		line-height: 30px;
		height: auto;
	}
	.banner01 .title04 {
		height: 60px;
		width: 340px;
		background-size: 100% auto;
		margin: 58px 10px 0 10px;
		padding-top: 200px;
	}
	.banner04 .title04 {
		display: none;
	}
	/*banner02*/
	.banner02 .title01,
	.banner02 .title02,
	.banner02 .title03,
	.banner02 .title04,
	.banner02 .title06 {
		width: 380px;
		margin-left: 0;
		margin-right: 0;
	}
	.banner02 .title02 {
		font-size: 48px;
		line-height: 50px;
		height: auto;
	}
	.banner02 .title03 {
		font-size: 36px;
		line-height: 50px;
		height: auto;
	}
	.banner02 .title04 {
		font-size: 24px;
		line-height: 30px;
		height: auto;
	}
	.banner02 .title05 {
		height: 344px;
		background-size: 100% auto;
		width: 300px;
		margin: 30px 40px 0 40px;
	}
	.banner06 .title01{max-width: 80%;margin-top: 50px;}
	.maskBox {
		width: 100%;
		height: 100%;
		background: #000;
		opacity: 0.6;
		filter: Alpha(opacity=60);
		position: absolute;
		left: 0;
		top: 0;
		display: none;
		z-index: 100000;
	}
	.navDom,
	.footer,
	.cell,
	a.search {
		display: none;
	}
	.headerBox {
		z-index: 100005;
	}
	.btn-navSwitch {
		display: block;
		width: 30px;
		height: 25px;
		position: fixed;
		right: 20px;
		top: 20px;
		background: url(../images/btn_navswitch.png) left center no-repeat;
		z-index: 1000050;
	}
	.openNav {
		background: url(../images/btn_navswitch_close.png) center center no-repeat;
	}
	.menu {
		width: 0px;
		position: absolute;
		right: -0px;
		top: 0px;
		z-index: 1000000;
		height: 100%;
		margin-right: 0;
		background: #252C36;
		padding-left: 0;
	}
	.menu li.level-1 {
		float: none;
		width: 100%;
		text-align: left;
		height: auto;
		margin: 0;
	}
	.menu li.level-1:first-child {
		margin-top: 70px;
	}
	.menu li.level-1>a {
		display: block;
		line-height: 68px;
		font-size: 1.8em;
		/*font-weight: bold;*/
		color: #B9BCC1;
		position: relative;
		-webkit-transition: all .1s ease-in-out;
		transition: all .1s ease-in-out;
		background: #252C36 url(../images/level_1_selected.jpg) 260px -30px no-repeat;
		text-indent: 72px;
		border-top: 1px solid #2E3846;
		border-bottom: 1px solid #1A1F26;
		width: 100%;
		padding: 0;
	}
	.menu li.level-1>a:hover,
	.menu li.level-1.selected>a,
	.menu li.level-1.active-nav>a {
		-webkit-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
		color: #90C42F;
		background: #1E232B url(../images/level_1_selected_1.jpg) 260px center no-repeat;
	}
	.menu li.level-1 .subNav {
		display: none;
		z-index: 100000;
		position: static;
		width: 100%;
	}
	.menu li.level-1 .subNav li {
		width: 100%;
	}
	.menu li.level-1 .subNav a {
		z-index: 100010;
		line-height: 50px;
		height: 50px;
		color: #000;
		font-size: 16px;
		width: 100%;
		text-align: left;
		text-indent: 100px;
		width: 100%;
		background: #FFF url(../images/level_2_selected.jpg) -20px center no-repeat;
		font-family: "思源黑体";
		border-bottom: 1px solid #F7F8FA;
		display: none;
	}
	.menu li.level-1.active-nav {
		position: relative;
		z-index: 99999;
	}
	.menu li.level-1.active-nav .subNav {
		position: static;
		z-index: 100000;
		opacity: 1;
		filter: Alpha(opacity=100);
		width: 100%;
	}
	.menu li.level-1.active-nav .subNav a {
		z-index: 100010;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
		background: #FFF url(../images/level_2_selected.jpg) -20px center no-repeat;
		color: #000;
		opacity: 1;
		filter: Alpha(opacity=100);
		display: block;
		width: 100%;
		border-bottom: 1px solid #F7F8FA;
		-webkit-transition: all .1s ease-in-out;
		transition: all .1s ease-in-out;
	}
	.menu li.level-1.active-nav .subNav a:hover {
		-webkit-transition: all 0.1s;
		transition: all 0.1s;
		background: #90C42F url(../images/level_2_selected.jpg) 55px center no-repeat;
		color: #FFF;
		opacity: 1;
		filter: Alpha(opacity=100);
		-webkit-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
	}
	/***********************应用案例************************/
	.banner.banner-case {
		height: 280px;
		background: #2EA7F8;
	}
	.banner.banner-case .contentBox div {
		width: 98% !important;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.banner.banner-case .contentBox div.title01 {
		height: 60px;
		line-height: 60px;
		font-size: 50px;
		margin: 60px auto 20px auto;
	}
	.banner.banner-case .contentBox div.title02 {
		height: 30px;
		line-height: 30px;
		text-align: left;
		font-size: 20px;
	}
	.wrapper-item {
		margin: 0 auto;
	}
	.solutions-item {
		width: 230px;
		height: 150px;
		margin: 40px 15px 20px 0px;
		border: none;
	}
	.wrapper-solutions-item .solutions-item {
		margin-top: 0;
		width: 195px !important;
	}
	.cloud-service-item,
	.courseware-tool-item,
	.wrapper-col.news .news-box {
		width: 740px;
		height: auto;
		margin-left: auto !important;
		margin-right: auto !important;
		float: none;
	}
	.cloud-service-item .item-intro {
		text-align: center;
	}
	.courseware-tool-item .item-icon {
		float: none;
		margin-top: 20px;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.courseware-tool-item .item-right {
		width: 100%;
		float: none;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.courseware-tool-item .item-title,
	.courseware-tool-item .item-intro {
		float: none;
	}
	.courseware-tool-item .item-title {
		text-align: center;
	}
	.courseware-tool-item .btn-for-more {
		float: none;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.teaching-resources-item {
		width: 222px;
		height: 310px;
		margin: 40px 11px 20px 11px !important;
	}
	.solutions-box {
		width: 100%;
		height: 180px;
		margin: 0px auto 25px auto;
		float: none;
	}
	.solutions-box-last {
		height: 100px !important;
		background: none;
	}
	.solutions-box img {
		margin-right: 15px;
	}
	.solutions-box .news-title {
		width: calc(100% - 315px);
	}
	.solutions-box .news-smalltext {
		width: calc(100% - 315px);
	}
	.dotted-line {
		display: none;
	}
	.solutions-box-last {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.btn-for-solutions {
		width: 300px;
		height: 50px;
		line-height: 50px;
	}
	.btn-for-solutions1 {
		width: 300px;
		height: 50px;
		line-height: 50px;
	}
	.banner.products-banner .contentBox div {
		width: 98%;
	}
	.col-title-ts {
		float: none;
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		line-height: 100px !important;
		height: 100px !important;
	}
	.wrapper-col-ts-41 .col-title-ts span:first-child,
	.wrapper-col-ts-42 .col-title-ts span:first-child {
		width: 98%;
		height: 100%;
		position: static;
		line-height: 100px;
		margin: 0 auto;
	}
	.wrapper-item-ts {
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.ts-item {
		margin: 10px 25px 0px 25px;
	}
	.banner.products-banner div.title02 {
		letter-spacing: 1px;
	}
	.banner.banner-download .contentBox div {
		text-indent: 0;
	}
	.banner.banner-download div.title01 {
		text-align: center;
	}
	.side-menu {
		display: none;
	}
	.right-content {
		margin-left: auto;
		margin-right: auto;
		width: 740px;
		float: none;
	}
	.list-article li {
		height: auto;
	}
	.list-article li .right-news {
		width: 290px;
	}
	.list-videos li {
		float: none;
		width: 70%;
		height: 270px;
		position: relative;
		margin: 0 auto 40px auto;
	}
	/***********************资质荣誉************************/
	.banner.banner-honor-ynedut {
		background: url(../images/honor_ynedut_banner.jpg) left center no-repeat;
	}
	.banner.banner-honor-ynedut div {}
	.banner.banner-honor-ynedut div.title01 {
		width: 100%;
		text-align: center;
		margin-left: 0;
	}
	/***********************关于我们************************/
	.banner.banner-aboutus-y {}
	.banner.banner-aboutus-y div {}
	.banner.banner-aboutus-y div.title01 {
		width: 320px;
		margin-left: auto;
		margin-right: auto;
	}
	.article .article-content .text-box-s1 p,
	.text-box-s1 p {
		width: auto !important;
		float: none;
	}
}

/*ipad竖屏：(orientation:portrait)  ipad横屏：(orientation:landscape) */

@media only screen and (width:768px) and (orientation:portrait) {}

/*640-767 内容宽度590 两边间距25 页面内容居中 */

@media only screen and (max-width:767px) {
	.containerBox {
		width: 98%;
	}
	.banner .contentBox {
		width: 100%;
	}
	.banner.banner-live {
		height: 180px;
		background-size: auto 100%;
	}
	.banner03 .title01 {
		font-size: 36px;
	}
	.banner04 .title01 {
		font-size: 36px;
	}
	.banner03 .title01,
	.banner03 .title02,
	.banner03 .title03 {
		margin-bottom: 5px;
	}
	.banner04 .title01,
	.banner04 .title02,
	.banner04 .title03 {
		margin-bottom: 5px;
	}
	.banner04 .title01 {
		margin-top: 40px;
	}
	.banner04 .title02 {
		font-size: 24px;
	}
	.banner05 .title01 {
		display: none;
	}
	.banner05 .title02 {
		margin-top: 60px;
	}
	/*解决方案*/
	.cloud-page .cloud-box .img {
		position: relative;
		margin: 0 auto;
	}
	.cloud-page .cloud-box {
		padding-left: 0;
		padding-right: 0;
	}
	.cloud-page .cloud-box .cloud-intro {
		text-align: center;
	}
	.cloud-page .cloud-box2 .cloud-intro {
		padding-left: 0;
	}
	/*********/
	.banner,
	.swiper-banner,
	.swiper-banner .swiper-slide {
		height: 300px;
	}
	/*banner01*/
	.banner01 .title01,
	.banner01 .title02,
	.banner01 .title03,
	.banner01 .title05,
	.banner02 .title01,
	.banner02 .title02,
	.banner02 .title03,
	.banner02 .title04,
	.banner02 .title06 {
		width: 390px;
		margin-left: 17%;
		margin-right: 0;
		float: none;
	}
	.banner01 .title01,
	.banner02 .title01 {
		margin-top: 10px;
	}
	.banner01 .title04 {
		display: none;
	}
	.banner01 .title05 {
		display: block;
		height: 50px;
		margin-top: 15px;
	}
	.banner02 .title05 {
		display: none;
	}
	.banner.solutions-banner div.title01 {
		letter-spacing: 2px;
		font-size: 40px;
	}
	.banner06 .title01{height: 135px;}
	.banner06 .view-more{margin-top: 20px;}
	.cloud-service-item,
	.courseware-tool-item,
	.wrapper-col.news .news-box {
		width: 98%;
	}
	.newslist-scroll li a {
		width: calc(100% - 80px);
		overflow: hidden;
	}
	.solutions .wrapper-item,
	.platform-vc .wrapper-item {
		width: 600px;
	}
	.solutions-item {
		width: 195px;
		margin-right: 5px;
	}
	.platform-vc-item {
		margin: 40px 0px 20px 0px;
		width: 200px;
	}
	.teaching-resources .wrapper-item {
		width: 488px;
	}
	.banner.products-banner div.title02 {
		margin: 10px auto 10px auto;
	}
	.wrapper-item-ts {
		width: 540px;
	}
	.menuBox,
	.right-content {
		width: 100%;
	}
	.list-article {
		min-height: 200px;
	}
	.list-article li {
		height: auto;
		position: relative;
		padding-bottom: 0;
		margin-bottom: 40px;
	}
	.list-article li .left-news,
	.list-article li .center-news,
	.list-article li .right-news {
		float: none;
		margin: 0 auto;
	}
	.list-article li .left-news {
		display: block;
		margin-bottom: 10px;
	}
	.list-article li .right-news {
		width: 100%;
	}
	.list-article li .right-news p {
		height: auto;
		margin-top: 0;
		margin-bottom: 0;
	}
	.list-article li .center-news {
		display: none;
	}
	.list-article li .news-time-1 {
		display: block;
		text-indent: 10px;
	}
	.list-article li .icon-block {
		display: none;
	}
	.page .number-btn {
		display: none;
	}
	/*上一篇、下一篇*/
	.change-btn .pre {
		width: 98%;
		float: none;
		text-align: left;
	}
	.change-btn .next {
		width: 98%;
		float: none;
		text-align: left;
	}
	.customer-list ul li {
		width: 220px;
		height: 46px;
		margin: 20px auto;
		float: none;
	}
	.left-text-q-1 {
		width: 98%;
		float: none;
		margin: 10px auto;
	}
	.right-text-q-1 {
		width: 100%;
		float: none;
		margin: 10px auto;
	}
	.text-q-2 {
		width: calc(100% - 2px);
		margin: 20px auto 0 auto;
		height: auto;
	}
}

/* 480-639  按百分比缩放 */

@media only screen and (max-width:639px) {
	.banner.banner-live {
		height: 150px;
		background-size: auto 100%;
	}
	.banner04 .title02 {
		display: none;
	}
	.banner03 .title02 {
		display: none;
	}
	.banner03 .title01 {
		margin-top: 30px;
	}
	/*解决方案 云服务*/
	.cloud-page .cloud-box h2 {
		padding-top: 30px;
	}
	.cloud-page .cloud-box .cloud-intro {
		padding: 0 5px;
	}
	.scroll-info {
		width: calc(100% - 50px);
		overflow: hidden;
		float: left;
		margin-left: 50px;
		position: relative;
		margin-top: 12px;
		margin-bottom: 12px;
		height: 40px;
	}
	.banner06 .title01{height: 115px;}
	.newslist-scroll li a,
	.newslist-scroll li a:link {
		width: 98%;
		overflow: hidden;
	}
	.newslist-scroll li span.newstime {
		display: none;
	}
	.newsBarBox .btn-more-news {
		display: none;
	}
	.btn-prev-news,
	.btn-next-news {
		display: none;
	}
	/*********/
	.solutions .wrapper-item,
	.platform-vc .wrapper-item,
	.teaching-resources .wrapper-item {
		width: 98%;
	}
	.solutions-item,
	.platform-vc-item,
	.teaching-resources-item {
		margin: 10px auto 30px auto !important;
		float: none;
	}
	.wrapper-solutions-item .solutions-item {
		width: 98% !important;
	}
	.first-news .news-smalltext {
		height: 30px;
		overflow: hidden;
	}
	.banner.solutions-banner div.title01 {
		font-size: 36px;
	}
	.banner.solutions-banner div.title02,
	.banner.solutions-banner div.title03 {
		font-size: 24px;
		letter-spacing: 1px;
	}
	.solutions-box .solutions-mask {
		display: none;
	}
	.solutions-box {
		width: 98%;
		height: auto;
		margin: 0px auto 25px auto;
		float: none;
		padding-bottom: 30px;
	}
	.solutions-box-last {
		height: 100px !important;
	}
	.solutions-box img {
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.solutions-box .news-title {
		width: 100%;
		float: none;
		text-align: center;
		margin-top: 15px;
	}
	.solutions-box .news-smalltext {
		width: 100%;
		float: none;
		text-align: center;
		height: auto;
	}
	.solutions-box .btn-detail {
		left: auto;
		right: 8px;
	}
	.banner.products-banner div.title02 {
		font-size: 28px;
	}
	.banner.banner-technical-service .contentBox div {
		width: 96%;
		margin-left: auto;
		margin-right: auto;
	}
	/***********************应用案例************************/
	.banner.banner-case {
		height: 280px;
	}
	.banner.banner-case .contentBox div {
		width: 98%;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.banner.banner-case .contentBox div.title01 {
		height: 40px;
		line-height: 40px;
		font-size: 36px;
		margin: 40px auto 20px auto;
	}
	.banner.banner-case .contentBox div.title02 {
		line-height: 30px;
		text-align: left;
		font-size: 18px;
	}
	.col-title-ts {
		line-height: 60px !important;
		height: 60px !important;
	}
	.wrapper-col-ts-41 .col-title-ts span:first-child,
	.wrapper-col-ts-42 .col-title-ts span:first-child {
		line-height: 60px;
	}
	.wrapper-item-ts {
		width: 450px;
	}
	.ts-item {
		margin: 10px 10px 0px 10px !important;
	}
	.page a.total {
		display: none;
	}
}

/* 360-479  按百分比缩放 */

@media only screen and (max-width:479px) {
	.banner.banner-live {
		height: 100px;
		background-size: auto 100%;
	}
	.banner,
	.swiper-banner,
	.swiper-banner .swiper-slide {
		height: 280px;
	}
	/*banner01*/
	.banner01 .title01,
	.banner01 .title02,
	.banner01 .title03,
	.banner01 .title05,
	.banner02 .title01,
	.banner02 .title02,
	.banner02 .title03,
	.banner02 .title04,
	.banner02 .title06 {
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.banner01 .title01,
	.banner02 .title01 {
		margin-top: 10px;
		background-position: center center;
	}
	.banner01 .title02 {
		font-size: 28px;
		line-height: 40px;
	}
	.banner01 .title03 {
		font-size: 20px;
		line-height: 28px;
	}
	.banner01 .title05 {
		height: 40px;
		margin-top: 10px;
	}
	.banner02 .title02 {
		font-size: 40px;
		line-height: 50px;
		height: auto;
	}
	.banner02 .title03 {
		font-size: 32px;
		line-height: 40px;
		height: auto;
	}
	.banner02 .title04 {
		font-size: 20px;
		line-height: 30px;
		height: auto;
	}
	.banner02 .title06 {
		width: 260px;
	}
	.banner05 .title02 {
		height: 80px;
	}
	.banner05 .title03 {
		margin-top: 5px;
	}
	.banner06 .title01{height: 80px;}
	.first-news img,
	.first-news .news-title,
	.first-news .news-smalltext {
		display: block;
		width: 100%;
		height: auto;
		float: none;
	}
	/*.swiper-banner .banner03{background: url('../images/ydmobile_banner.jpg') no-repeat left top;}*/
	.banner.solutions-banner div {
		width: 100%;
	}
	.banner.solutions-banner div.title01 {
		font-size: 28px;
		letter-spacing: 0px;
	}
	.banner.solutions-banner div.title02,
	.banner.solutions-banner div.title03 {
		letter-spacing: 0px;
		font-size: 18px;
	}
	.banner.products-banner div.title03 {
		font-size: 20px;
	}
	.banner.banner-technical-service div.title01 {
		font-size: 40px;
	}
	.wrapper-item-ts {
		width: 98%;
	}
	.ts-item {
		margin: 10px auto 0px auto !important;
		float: none;
		width: 100%;
	}
	.ts-item .item-icon {
		width: 280px;
	}
	.list-videos li {
		float: none;
		width: 98%;
		height: 270px;
		position: relative;
		margin: 0 auto 40px auto;
	}
	.ml-pageLink-box {
		height: 80px;
	}
	a.intro-link,
	a.sale-link {
		width: 100%;
		display: block;
	}
	.img1-box {
		background-size: 200% 100%;
	}
}

/* 320-359  按百分比缩放 */

@media only screen and (max-width: 359px) {
	.banner.solutions-banner div.title01 {
		font-size: 24px;
	}
	.banner.solutions-banner div.title02,
	.banner.solutions-banner div.title03 {
		letter-spacing: 0px;
		font-size: 16px;
	}
	.banner.products-banner div.title03 {
		font-size: 16px;
	}
	h1 {
		font-size: 24px;
	}
	.img1-box {
		background-size: 220% 100%;
	}
}

@-webkit-keyframes customFadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes customFadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.customFadeInUp {
	-webkit-animation-name: customFadeInUp;
	animation-name: customFadeInUp;
}

@-webkit-keyframes customFadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes customFadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.customFadeInDown {
	-webkit-animation-name: customFadeInDown;
	animation-name: customFadeInDown;
}