.nav-classify ul { display: block; }
.bannerbox { float: left; width: 100%; height: 380px;/*margin-top: 10px;*/
}
.bannerbox img { display: block; width: 100%; height: 380px; }
.line { display: block; float: left; width: 100%; border-bottom: 20px solid #f2f3f3; }
.index-content, .index-box { float: left; width: 100%; background: #f7f9fa; }
.index-title { float: left; width: 100%; text-align: center; }
.index-title span { display: block; font-size: 50px; color: #333333; font-weight: bold; margin-top: 50px; }
.index-title em { font-size: 18px; color: #555555; display: block; margin-top: 14px; }
.ser-list { float: left; width: 100%; margin-top: 30px; margin-bottom: 30px; }
.ser-list li { float: left; width: 190px; height: 216px; cursor: pointer; margin-left: 88px; position: relative; overflow: hidden; }
.ser-list li .ico{ display:block; height:118px; position:relative;}
.ser-list li .ico img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.ser-list li>span { display: block; float: left; width: 100%; text-align: center; font-size: 18px; color: #107dcf; }
.ser-list li>a { display: block; float: left; width: 100%; height: 40px; font-size: 18px; color: #189fd9; line-height: 40px; text-align: center; border: 1px solid #107dcf; margin-top: 32px; border-radius: 10px; }
.ser-list li div { position: absolute; width: 100%; border: 1px solid #189fd9; background: #f0f6f9; border-radius: 8px; height: 216px; top: -216px; transition: top 1s; -moz-transition: top 1s; /* Firefox 4 */ -webkit-transition: top 1s; /* Safari and Chrome */ -o-transition: top 1s; /* Opera */ }
.ser-list li div span { float: left; width: 100%; display: block; text-align: center; font-size: 20px; color: #189fd9; margin-top: 16px; }
.ser-list li div p { padding: 0 16px; float: left; width: 100%; font-size: 14px; color: #333333; height: 133px; padding-top: 5px; line-height: 1.5; }
.ser-list li div a { float: left; width: 100%; height: 40px; font-size: 18px; color: #fff; line-height: 40px; text-align: center; background: #189fd9; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border: 1px solid #189fd9; }
.ser-list li:hover div { top: 0; }
.sectionbox { float: left; width: 100%; margin-top: 50px; }
.sectionbox-top { float: left; width: 100%; height: 61px; line-height: 60px; border-top: 1px solid #eeeeee; background: #fff; }
.sectionbox-top span { float: left; display: block; border-left: 4px solid #189fd9; font-size: 20px; color: #555; padding-left: 18px; font-weight: bold; }
.sectionbox-top a { float: right; display: block; font-size: 16px; color: #555555; margin-right: 30px; }
.sectionbox-top a:hover, .konwbox-top a:hover { color: #189fd9; }
.sectionbox-item { float: left; width: 100%; margin-top: 20px; }
.sectionbox-item-left { float: left; width: 288px; }
.sectionbox-item-left-top { background: #fff; float: left; width: 100%; height: 208px; overflow: hidden; }
.sectionbox-item-left-top span { display: block; float: left; width: 100%; padding-left: 10px; font-size: 20px; color: #333333; margin-top: 20px; }
.sectionbox-item-left-top div { float: left; width: 100%; padding-left: 20px; }
.sectionbox-item-left-top a { display: block; float: left; height: 28px; line-height: 28px; border: 1px solid #fff; border-radius: 20px; color: #555555; font-size: 16px; padding: 0 10px; margin-right: 8px; min-width: 70px; text-align: center; margin-top: 20px; }
.sectionbox-item-left-top a:hover, .sectionbox-item-left-top a.check { color: #189fd9; border: 1px solid #189fd9; background: #f7f9fa; }
.sectionbox-item-left-top-bottom { float: left; width: 100%; height: 240px; margin-top: 10px; }
.sectionbox-item-left-top-bottom a { display: block; float: left; }
.sectionbox-item-left-top-bottom img { display: block; width: 100%; height: 240px; }
.sectionbox-item-right { float: left; width: 912px; }
.sectionbox-item-right div { float: left; width: 286px; height: 458px; overflow: hidden; padding: 10px; background: #fff; margin-left: 18px; }
.sectionbox-item-right div img { width: 218px; height: 298px; margin-top: 25px; margin-left: 24px; }
.sectionbox-item-right div:hover { box-shadow: 0 0 15px rgba(0,0,0,0.14); }
.bookimg { float: left; width: 100%; height: 348px; display: block; }
.bookname { float: left; width: 100%; font-size: 18px; color: #189fd9; display: block;/*margin-top: 16px;*/
}
.sectionbox-item-right div span { color: #333; display: block; float: left; width: 100%; margin-top: 6px; }
.sectionbox-item-right div span em { display: block; margin-right: 24px; float: left; }
.sectionbox-item-right div p { float: left; width: 100%; font-size: 14px; color: #666666; margin-top: 6px; }
.c-swt { float: left; width: 100%; height: 116px; background: url(../images/index7.png) no-repeat; background-size: 100% 116px; margin-top: 50px; margin-bottom: 25px; }
.sci-swt { float: left; width: 100%; height: 116px; background: url(../images/index8.png) no-repeat; background-size: 100% 116px; margin-top: 50px; }
.c-swt span, .sci-swt span { display: block; float: left; height: 116px; line-height: 116px; color: #367fe3; font-size: 37px; float: left; margin-left: 222px; font-weight: bold; }
.c-swt span em, .sci-swt span em { color: #333333; margin-right: 8px; }
.sci-swt span { color: #fb7046; }
.c-swt a, .sci-swt a { display: block; float: right; width: 170px; height: 48px; line-height: 46px; color: #fff; background: #3087f4; border-radius: 4px; font-size: 26px; text-align: center; margin-right: 50px; margin-top: 34px; }
.sci-swt a { background: #fb7046; }
.other-content { padding-bottom: 25px; background: #edf1fd; }
.other-sectionbox { margin-top: 25px; }
.clickmore { float: left; width: 100%; background: #fff; text-align: center; height: 60px; line-height: 60px; margin-top: 20px; margin-bottom: 50px; }
.clickmore a { color: #0497d6; font-size: 18px; }
.newbox { float: left; width: 100%; margin-top: 20px; padding-bottom: 38px; }
.newbox div { float: left; width: 392px; height: 247px; background: #fff; margin-right: 12px; border-radius: 4px; margin-bottom: 12px; }
.newbox div:nth-child(3n) { margin-right: 0; }
.newbox div:hover { box-shadow: 0 0 15px rgba(0,0,0,0.14); }
.newbox div a { display: block; float: left; }
.newbox div span { display: block; float: left; height: 42px; line-height: 42px; background: #e3f3fa; padding: 0 26px 0 20px; font-size: 20px; color: #189fd9; border-top-right-radius: 20px; border-bottom-right-radius: 20px; margin-top: 10px; }
.newbox div p { float: left; width: 100%; font-size: 16px; color: #666666; line-height: 1.7; padding: 0 20px; margin-top: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; }
.knowbox { float: left; width: 100%; margin-top: 50px; }
.konwbox-top { float: left; width: 100%; border-bottom: 2px solid #189fd9; }
.konwbox-top div { float: left; }
.konwbox-top div span { display: block; float: left; height: 42px; line-height: 46px; font-size: 16px; color: #333333; padding: 0 20px; cursor: pointer; }
.konwbox-top a { float: right; display: block; height: 42px; line-height: 46px; font-size: 16px; color: #555555; margin-right: 30px; }
.konwbox-top div span.check { background: #189fd9; color: #fff; border-top-right-radius: 8px; }
.konwbox-list, .konwbox-list-left-item { float: left; width: 100%; }
.konwbox-list { padding-bottom: 50px; }
.konwbox-list-left { float: left; width: 702px; }
.konwbox-list-left-item a { display: block; float: left; width: 100%; font-size: 18px; color: #333333; height: 45px; line-height: 45px; background: #fbfcfc; padding-left: 34px; position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.konwbox-list-left-item a:before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: #333333; display: block; position: absolute; left: 20px; top: 20px; }
.konwbox-list-left-item a:nth-child(2n-1) { background: #fff; }
.konwbox-list-left-item a:hover { color: #189fd9; }
.konwbox-list-left div.none { display: none; }
.knowswt { float: right; width: 478px; height: 270px; }
.knowswt img { display: block; width: 478px; height: 270px; }
.easybox { background: #fff; }
.easybox-list { float: left; width: 100%; margin-top: 60px; padding-left: 98px; padding-bottom: 75px; }
.easybox-list div { width: 232px; height: 148px; border: 2px solid #eaeaec; border-radius: 4px; text-align: center; cursor: pointer; float: left; margin-right: 24px; }
.easybox-list div:hover{ background:#189fd9;}
.easybox-list div .ico{ display:block; float:left; width:100%; height:88px; position:relative;}
.easybox-list div .ico img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.easybox-list div .ico .img2{ display:none;}
.easybox-list div:hover .ico .img1{ display:none;}
.easybox-list div:hover .ico .img2{ display:block;}
.easybox-list div span { display: block; float: left; width: 100%; text-align: center; font-size: 22px; color: #333; font-weight: 550; }
.easybox-list div em { display: block; float: left; width: 100%; text-align: center; font-size: 14px; color: #666; margin-top: 2px; }
.easybox-list div:hover { border: 2px solid #189fd9; }
.easybox-list div:hover span, .easybox-list div:hover em { color: #fff; font-weight: normal; }
.friendlybox { padding-bottom: 50px; }
.friendly { float: left; width: 100%; display: block; font-size: 18px; color: #333333; font-weight: bold; margin-top: 40px; }
.friendlybox a { display: block; float: left; font-size: 18px; color: #333333; margin-right: 40px; margin-top: 34px; }
.friendlybox a:hover { color: #189fd9; }