@charset "utf-8";

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

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

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

/*1200+ 内容宽度：1190px  页面内容居中  匹配默认样式 */
ul.scheme-list { width: 100%; height: auto; }
ul.scheme-list li { width: 48%; margin: 0 1% 50px 1%; float: left; height: 150px; overflow: hidden; position:relative; }
ul.scheme-list li img { width: 230px; height: 150px; display: block; float: left; margin: 0 15px 0 0; }
ul.scheme-list li span { width: 195px; display: block; float: left; line-height: 30px; text-align: left; font-family: "微软雅黑"; font-size: 16px; color: #000000; font-weight: bold; }
ul.scheme-list li p { width: 195px; display: block; float: left; line-height: 30px; text-align: left; font-family: "微软雅黑"; font-size: 16px; color: #30343C; text-indent: 0; }
ul.scheme-list li.scheme-list-li-mono{   float:none; margin:10px auto 30px auto; }
ul.scheme-list li.scheme-list-li-mono img { }
ul.scheme-list li.scheme-list-li-mono span { width: calc(100% - 251px); margin-top: 10px; }
ul.scheme-list li.scheme-list-li-mono p { width: calc(100% - 251px); }





.case-box { width: 98%; height: 185px; margin: 0px auto 20px auto; position: relative; }
.case-box .img { display: block; width: 288px; height: 160px; float: left; margin-right: 25px; padding: 9px 0; border: 1px solid #EDEDED; }
.case-box .img img { width: 270px; height: 160px; margin: 0 auto; display:block; }
.case-box .news-title { width: 580px; float: left; line-height: 50px; text-align: left; font-size: 18px; font-family: "微软雅黑"; color: #30343C; font-weight: bold; }
.case-box .news-smalltext { width: 580px; height: 90px; overflow: hidden; float: left; line-height: 30px; text-align: left; font-size: 16px; font-family: "微软雅黑"; color: #30343C; overflow: hidden; margin: 5px 0 0 0; text-indent: 0; }
.case-box .btn-detail , ul.scheme-list li .btn-more-products{ background: #F2F2F2; text-indent: 0px; width: 80px; text-align: center; height: 30px; line-height: 30px; font-size: 14px; font-family: "微软雅黑"; position: absolute; right: 10px; bottom: 10px; border: 1px solid #EDEDED; color: #333333; }
ul.scheme-list li .btn-more-products{ position:absolute; right:0; bottom:0; cursor: pointer; }
.case-box:hover .btn-detail ,ul.scheme-list li:hover .btn-more-products{ background: #33CBCC; color: #FFF; border: 1px solid #33CBCC; }

ul.scheme-list.products-list li p{ line-height:24px;}
ul.scheme-list.products-list li span{ margin-bottom:5px; }
ul.scheme-list.products-list-s1 li img{ margin-top:-30px; margin-right:-30px; }
ul.scheme-list.products-list-s1 li span{ position:absolute; left:60px; bottom:0; margin-bottom:0; }
ul.scheme-list.products-list-s1 li .btn-more-products{ right:60px; }

.btn-wrapper-1{ width:390px; height:46px; margin:20px auto; }
.btn-wrapper-1 .btn-for-solutions{ width:185px; height:46px; line-height:46px; margin-right:10px; font-size:18px; font-weight:normal; float:left; }
.btn-wrapper-1 .btn-for-solutions-1{ background:#f8b600 url("../images/icon_buy.png") 35px center no-repeat; text-indent:45px;}

/*微讲师简介*/
.microlecture-intro { width: 100%; }
.microlecture-intro h1 { color: #FA6600; font-size: 2em; margin: 0 0 10px; line-height: 40px; font-weight: bold; }
.microlecture-intro p { color: #30343c; line-height: 40px; font-size: 1.6em; text-indent: 2em; }
.microlecture-intro p span { font-weight: bold; }
.cp-con-text-img { width: 100%; /*min-height: 360px;*/ text-align: center; margin: 20px auto; }
.microlecture-intro .cp-con-text-img img {   }
.microlecture-intro .cp-con-text-img p { line-height: 50px; }
.microlecture-intro .block-wrapper { border-bottom: none; width: 100%; padding: 0; }
.microlecture-intro .block-content { width: 100%; border-bottom: 1px solid #F4F4F4; margin: 20px auto 40px; overflow: hidden; padding-bottom: 20px; }
.microlecture-intro .txt-wrapper { width: 55%; padding: 10px 0; }
.microlecture-intro .txt-wrapper p { text-indent: 0; margin-top: 6px; }
.microlecture-intro .txt-wrapper span { font-weight: bold; font-size: 1.8em; }
.microlecture-intro .intro-img { width: 42%; }
.microlecture-intro .intro-img img { max-width: 100%; height: auto; margin-top: 0; }

/*渠道加盟页面*/
.microlecture-agent .split-line { width: 100%; height: 1px; margin: 30px 0; background: #F4F4F4; }
.agent-img-wrapper { width: 100%; margin: 20px auto; overflow: hidden; }
.agent-img-wrapper .apgent-img-item { width: 48%; }
.agent-img-wrapper .apgent-img-item p { text-indent: 0; }
.agent-img-wrapper .apgent-img-item img { max-width: 100%; height: auto; margin: 0 auto; }
.agent-img-wrapper .apgent-img-item span { display: inline-block; width: 100%; text-align: center; line-height: 40px; font-size: 1.8em; font-weight: bold; }
.agent-content-pic { width: 100%; margin: 20px auto; }
.agent-content-pic img { max-width: 100%; height: auto; }
.agent-content-pic .agent-pic-txt { display: none; }
.microlecture-intro .block-wrapper { width: 100%; margin: 20px auto; overflow: hidden; }
.microlecture-intro .block-item { /*width: 390px;*/width: 48%; margin: 1%; float: left; }
.microlecture-intro .agent-txt { background: #F4F4F4; padding: 61px 0; }
.microlecture-intro .agent-img img { max-width: 100%; height: auto; margin: 0 auto; }
.microlecture-intro .agent-txt span { display: block; font-weight: bold; font-size: 1.8em; text-align: center; line-height: 26px; }
.microlecture-intro .agent-txt p { width: 78%; margin: 0 auto; line-height: 26px; }

/*软件下载*/
.download-content-item { width: 100%; height: auto; padding: 10px 0; border-bottom: 1px solid #F6F6F6; margin-bottom: 20px; }
.download-content-item .titlepic {    /*width: 80px;*/width: 6.722689075630252%;    /*height: 80px;*/ height: auto; float: left;    /*margin-right: 24px;*/ margin-right: 2.016806722689076%; }
.download-content-item .titlepic img { width: 100%; }
.download-content-item .info { width: 60%; float: left; height: auto; padding-top: 20px; }
.download-content-item .info img { display: inline-block; }
.download-content-item .info .title { font-size: 18px; color: #30343C; line-height: 50px; height: auto; font-weight: bold; background: none; text-align: left; }
.download-content-item .info p { font-size: 16px; color: #30343C; line-height: 200%; text-indent: 0; }
.download-content-item .info .download-btn {  }
.download-content-item .qrc-c { background: #F4F4F4; padding: 10px;width: 190px;  }
.download-content-item .qrc-c img { display: block; width: 190px; height: 180px; }
.download-content-item .qrc-c canvas{ width: 180px; height: 190px; }
.download-content-item .qrc-c p{ text-align:center; text-indent:0; font-size:14px; }
.education .section { width: 100%; border-bottom: 1px dotted #ECECEC; padding: 30px 0; }

.education .section h1 { background: url("../images/section_title1_bg.jpg") left center no-repeat; font-weight: bold; text-indent: 12px; font-size: 1.8em; color: #90C42F; line-height: 24px; margin-bottom: 30px; text-align: left; }
.education .section h2 { background: url("../images/section_title2_bg.jpg") left center no-repeat; text-indent: 12px; font-size: 1.6em; margin: 16px 0 10px 50px; }
.education .section p { font-size: 1.6em; color: #777777; margin-left: 50px; line-height: 30px; width: 658px; }
.education .section .section-table { margin-left: 50px; overflow-x: auto; }
.education .section .section-table table { width: 100%; }
.education .section .section-table table tr,
.education .section .section-table table tr td { border: 1px solid #FF6F21; }
.education .section .section-table table tr td { font-size: 1.6em; text-align: center; vertical-align: middle; line-height: 50px; }
.education .section .section-table table tr.tableh1 { color: #FF6F21; font-weight: bold; background: #FFE2D3; }
.education .section .section-table table tr.tableh2 { color: #FF6F21; background: #FFE2D3; }
.education .section .section-table table tr.tableh1 td,
.education .section .section-table table tr.tableh2 td { line-height: 30px; font-size: 1.8em; }
.education .section .section-table table tr td.course-name { text-align: left; padding-left: 56px; }
.education .section .section-table table tr td.course-time { font-weight: bold; }
.education .section p { width: 540px; }
.education .section .section-table table tr td.course-name { padding-left: 12px; }
.education .section1 { background: url("../images/training_course_section1_bg.jpg") right center no-repeat; }
.education .section2 { background: url("../images/training_course_section2_bg.jpg") right center no-repeat; }
.education .section3 { background: url("../images/training_course_section3_bg.jpg") right center no-repeat; }
.education .section4 { background: url("../images/training_course_section4_bg.jpg") right center no-repeat; }
.education .section6 { background: url("../images/training_course_section6_bg.jpg") right center no-repeat; }
.education .section7 { background: url("../images/training_course_section7_bg.jpg") right center no-repeat; }
.education .section ul { margin: 10px auto 0 50px; }
.education .section ul li { text-indent: 25px; background: url("../images/course_section_list_icon.jpg") 0 14px no-repeat; line-height: 40px; color: #777777; font-size: 1.6em; }
.class .section1 { background: url("../images/section1_bg.jpg") right center no-repeat; }
.class .section2 { background: url("../images/section2_bg.jpg") right center no-repeat; }
.class .section3 { background: url("../images/section3_bg.jpg") right center no-repeat; }
.class .section4 { background: url("../images/section4_bg.jpg") right center no-repeat; }
.class .section6 { background: url("../images/section6_bg.jpg") right center no-repeat; }


/*1023-1200 内容宽度990 页面内容居中 */
@media only screen and (max-width:1200px) {
.education .section p{ width: 460px; }
	ul.scheme-list li{ width:100%; float:none; margin:10px auto 30px auto;  }
	ul.scheme-list li img { }
	ul.scheme-list li span { width: calc(100% - 251px);  }
	ul.scheme-list li p { width: calc(100% - 251px); }
	
	
	.microlecture-intro .agent-txt { background: #F4F4F4; padding: 35px 0; }
	
	.microlecture-intro .txt-wrapper { width: 55%; padding: 0px 0 10px 0; }
	
	.case-box { width: 98%; height: 185px; margin: 0px auto 20px auto; position: relative; }
	.case-box .img { display: block; width: 288px; height: 160px; float: left; margin-right: 25px; padding: 9px 0; border: 1px solid #EDEDED; }
	.case-box .img img { width: 270px; height: 160px; margin: 0 auto; }
	.case-box .news-title { width: 370px; float: left; line-height: 30px; text-align: left; font-size: 18px; font-family: "微软雅黑"; color: #30343C; font-weight: bold; }
	.case-box .news-smalltext { width: 370px; height: 60px; overflow: hidden; float: left; line-height: 30px; text-align: left; font-size: 16px; font-family: "微软雅黑"; color: #30343C; overflow: hidden; margin: 5px 0 0 0; text-indent: 0; }
	.case-box .btn-detail { background: #FFF; text-indent: 0px; width: 100px; text-align: center; height: 40px; line-height: 40px; font-size: 14px; font-family: "微软雅黑"; position: absolute; right: 10px; bottom: 10px; border: 1px solid #EDEDED; color: #333333; }
	.case-box:hover .btn-detail { background: #33CBCC; color: #FFF; border: 1px solid #33CBCC; }
}

/*768-1024  内容宽度740  两边间距14 页面内容居中 */
@media only screen and (max-width:1023px) {
	.education .section p{ width: auto}
	.class .section1{ background: none }
	.class .section2{ background: none }
	.class .section3{ background: none }
	.class .section4{ background: none }
	.class .section6{ background: none }
	
	.education .section p {  margin-left: 0px; }

}

/*ipad竖屏：(orientation:portrait)  ipad横屏：(orientation:landscape) */
@media only screen and (width:768px) and (orientation:portrait) { 
	.microlecture-intro .intro-img { width: 100%; float:none;}
	.microlecture-intro .txt-wrapper { width: 100%; float:none; padding-bottom:0; }
	.microlecture-intro .block-content { padding-bottom:0; }
	.microlecture-intro .block-content p{ margin-bottom:0;}
	.education .section p {  margin-left: 0px; }
	
}

/*640-767 内容宽度590 两边间距25 页面内容居中 */
@media only screen and (max-width:767px) { 
.download-content-item .qrc-c{ display: none; }
.download-content-item .titlepic{ width: 14%; }
.download-content-item .info{ width: 83% }


.microlecture-intro .block-item { /*width: 390px;*/width: 60%; margin: 1% auto; float: none; }
.microlecture-intro .agent-img img { width: 100% !important; height: auto; margin: 0 auto 30px auto; }

    .microlecture-intro .agent-txt{
        padding: 18px 0;
    }

	.case-box { width: 98%; height: auto; margin: 0px auto 20px auto; position: relative; padding-bottom:50px;}
	.case-box .img { display: block; width: 288px; height: 160px; float: none; margin:0 auto; padding: 9px 0; border: 1px solid #EDEDED; }
	.case-box .img img { width: 270px; height: 160px; margin: 0 auto; }
	.case-box .news-title { width: 100%; float: none; line-height: 50px; text-align: center; font-size: 18px; font-family: "微软雅黑"; color: #30343C; font-weight: bold; }
	.case-box .news-smalltext { width: 100%; height: auto; overflow: hidden; float: none; line-height: 30px; text-align: center; font-size: 16px; font-family: "微软雅黑"; color: #30343C; overflow: hidden; margin: 5px 0 0 0; text-indent: 0; }
	.case-box .btn-detail { background: #FFF; text-indent: 0px; width: 100px; text-align: center; height: 40px; line-height: 40px; font-size: 14px; font-family: "微软雅黑"; position: absolute; right: 10px; bottom: 10px; border: 1px solid #EDEDED; color: #333333; }
	.case-box:hover .btn-detail { background: #33CBCC; color: #FFF; border: 1px solid #33CBCC; }
	

	.microlecture-intro .intro-img { width: 100%; float:none;}
	.microlecture-intro .txt-wrapper { width: 100%; float:none; padding-bottom:0; }
	.microlecture-intro .block-content { padding-bottom:0; }
	.microlecture-intro .block-content p{ margin-bottom:0;}

}

/* 480-639  按百分比缩放 */
@media only screen and (max-width:639px) { 

}

/* 320-479  按百分比缩放 */
@media only screen and (max-width:479px) {
	.microlecture-intro .block-item { width: 100%;  }
	ul.scheme-list li{ width:98%; float:none; margin:10px auto 30px auto; height:auto; padding-bottom:30px; }
	ul.scheme-list li img {float:none;  margin:5px auto;}
	ul.scheme-list li span {  width: 100% !important;float:none; text-align:center; }
	ul.scheme-list li p { width: 100% !important;float:none; text-align:center;}


	ul.scheme-list.products-list-s1 li img{ margin-top:-30px; margin-right: auto; }
	ul.scheme-list.products-list-s1 li span{ position:static; margin:0 auto 20px auto;  }
	ul.scheme-list.products-list-s1 li .btn-more-products{ right:60px; }

	.btn-wrapper-1{ width:310px; height:46px; margin:20px auto; }
	.btn-wrapper-1 .btn-for-solutions{ width:150px; height:46px; line-height:46px; margin-right:5px; font-size:18px; font-weight:normal; float:left; }
	.btn-wrapper-1 .btn-for-solutions-1{ background:#f8b600 url("../images/icon_buy.png") 10px center no-repeat; text-indent:35px;}
	 }