.c-div .c-hil{text-align: center;}
.feature{margin-top: 75px;padding: 0 12px;}
.feature .items{width: 410px;}
.feature .items li:first-child{margin-top: 0;}
.feature .items li{overflow: hidden;*display: block;margin-top: 52px;}
.feature .items li .ft-portion{width: 260px;}
.feature .items li .ft-portion h2{font-weight: normal;font-size: 18px;color: #fff;text-align: right;}
.feature .items.ttf li .ft-portion h2{text-align: left;}
.feature .items li .ft-portion p{line-height: 20px;color: #c3c7f6;margin-top: 13px;height: 60px;word-break: break-all;}
.feature .items li .sm-ico{width: 128px;height: 54px;}
.feature .items li.differ1 .sm-ico{background: url("../images/icon_smpic1.png") no-repeat;}
.feature .items li.differ2 .sm-ico{background: url("../images/icon_smpic2.png") no-repeat;}
.feature .items li.differ3 .sm-ico{background: url("../images/icon_smpic3.png") no-repeat;}
.feature .items li.differ4 .sm-ico{background: url("../images/icon_smpic4.png") no-repeat;}
.feature .items li.differ5 .sm-ico{background: url("../images/icon_smpic5.png") no-repeat;}
.feature .items li.differ6 .sm-ico{background: url("../images/icon_smpic6.png") no-repeat;}
.feature .items li.differ7 .sm-ico{background: url("../images/icon_smpic7.png") no-repeat;}
.feature .items li.differ8 .sm-ico{background: url("../images/icon_smpic8.png") no-repeat;}

.feature .items li.differ6 p{height: 100px;}
.feature .items li.differ7{margin-top: 15px;}
.function{background: url("../images/icon_colorbg1.jpg") repeat;padding: 80px 0 62px 0;}

.tutorial{background: url("../images/icon_colorbg2.jpg") repeat;padding: 85px 0 110px 0;}
.course-list{margin-top: 75px;}
.course-list ol{width: 105%;margin-left: 20px;}
.course-list li{overflow: hidden;width: 255px;margin-right: 45px;float: left;}
.course-list li .t-pic .n-ico{width: 140px;height: 184px;margin: 0 auto;display: block;overflow:hidden;cursor: pointer;}
.course-list li .t-pic .n-ft{font-size: 18px;color: #fff;font-weight: bold;overflow: hidden;margin-top: 22px;white-space: nowrap;max-width: 100%;display: block;text-align: center;cursor: pointer;text-overflow: ellipsis;}
.course-list li.lis1 .t-pic .n-ico{background: url("../images/icon_listpic1.png") no-repeat right center;}
.course-list li.lis2 .t-pic .n-ico{background: url("../images/icon_listpic2.png") no-repeat right center;}
.course-list li.lis3 .t-pic .n-ico{background: url("../images/icon_listpic3.png") no-repeat right center;}
.course-list li.lis4 .t-pic .n-ico{background: url("../images/icon_listpic4.png") no-repeat right center;}
.course-list li .t-pic:hover .n-ft{color: #ffff0d;}
.course-list li .t-pic:hover .n-ico{background-position: left center;}
.course-list li .desc{color: #e0f0fa;line-height: 26px;height:78px;overflow: hidden;margin-top: 26px;}
.course-list li .mores{width: 56px;height: 56px;display: block;margin: 36px auto 0 auto;color: #e0f0fa;text-align: center;line-height: 56px;background: url("../images/icon_more.png") no-repeat right center;}
.course-list li .mores:hover{color: #fff;background-position: left center;}