@charset "utf-8";
/*
	[DESTOON B2B System] Copyright (c) 2008-2018 www.destoon.com
	This is NOT a freeware, use is subject to license.txt
*/
.news-left { width: 830px; float:left; margin-right: 20px;}
.news-left-c{background:#fff;box-shadow: 0px 0px 8px rgb(0 0 0 / 9%);}
.news-right{width:350px;float:right}

.PageNewsMain { display:flex;}
.PageNewsMainL { flex:1;}
.PageNewsMainR { width:350px; margin-left:20px;}

body{background: #f5f5f5;}

.teacher{background:white;border-radius:8px;padding:30px;overflow:hidden}
.teacher .left{width:300px;float:left;margin-right:20px}
.teacher .left img{width:100%;}
.teacher .right{overflow: hidden;}
.teacher .right h1{color:#000;overflow: hidden;margin-bottom:20px;font-size:32px;}
.teacher .right p{font-size:14px;overflow: hidden;margin-bottom:20px;line-height: 25px;}

.ProductTabTit { display:flex; margin-bottom:20px; align-items:center;}
.ProductTabTit strong { font-size:24px; color:#000; display:block;}
.ProductTabTit strong:before { content:''; display:block;width: 5px;height: 24px;background: #4e6ef2;border-radius: 2px;margin-right: 10px; float:left; margin:4px 10px 0 0;}
.ProductTabTit strong em { margin-left:10px; color:#999; font-size:16px;}
.ProductTabTit ul { display:flex; margin-left:auto;}
.ProductTabTit ul li { font-size:16px; color:#666; position:relative; cursor:pointer;}
.ProductTabTit ul li:nth-child(1n+2) { margin-left:20px;}
.ProductTabTit ul li.on { color:#4e6ef2;}
.ProductTabTit ul li.on:after { content:''; display:block; width:22px; height:3px; border-radius:3px; position:absolute; left:50%; bottom:0; transform:translate(-50%,10px); background:#4e6ef2;}
.ProductTabTit span { margin-left:50px; }
.ProductTabTit span a { font-size:16px; color:#666;}
.ProductTabTit span a i { margin-left:5px; font-size:16px;}
.TeachersBox { background:#fff;border-radius:8px; padding:20px;overflow:hidden}
.TeachersBox .ProductTabTit span { margin-left:auto;}
.TeachersBox ul {}
.TeachersBox ul li { box-sizing:border-box;padding:20px; border-radius:5px;transition: all .3s;margin-bottom:15px;border:#eee 1px solid}
.TeachersBox ul li:hover { box-shadow: 0 3px 10px 0 rgb(0 0 0/.08);}
.TeachersBox ul li .image { width:80px; height:80px;border: 1px solid #e7eaef;border-radius:100%; overflow:hidden; margin-right:14px;float:left}
.TeachersBox ul li .image img { width:80px;height:80px}
.TeachersBox ul li .text { }
.TeachersBox ul li .text strong { display:block; font-size:16px; color:#000;}
.TeachersBox ul li .text p { margin-top:6px; font-size:14px; color:#999;}




.xinwei_hot { overflow:hidden;}
.xinwei_hot_l { float:left; width:800px; overflow:hidden; position:relative; margin-right:10px;}
.xinwei_hot_l .bd ul li { position:relative;}
.xinwei_hot_l .bd ul li p { position:absolute; bottom:26px; left:0; font-size:16px; color:#fff; font-weight:700; width:100%; box-sizing:border-box; padding:0 20px;}
.xinwei_hot_l .hd { position:absolute;left:0;bottom:10px;z-index:10;width:100%; text-align:center;}
.xinwei_hot_l .hd ul { display:inline-block;}
.xinwei_hot_l .hd li { display:block; width:30px; height:2px; margin:0 5px; border-radius:50%; background:rgb(0 0 0/.4); float:left; font-size:0; cursor:pointer;}
.xinwei_hot_l .hd li.on { background:#fff;}

.xinwei_hot_r { overflow:hidden;}
.xinwei_hot_r ul li { float:left; height:220px; overflow:hidden; position:relative;}
.xinwei_hot_r ul li a:before { content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgb(0 0 0/.1); transition:all .5s;}
.xinwei_hot_r ul li:hover a:before { background:rgb(0 0 0/0);}
.xinwei_hot_r ul li:nth-child(1) { margin-right:10px;}
.xinwei_hot_r ul li:nth-child(3) { margin-top:10px;} 
.xinwei_hot_r ul li:nth-child(-1n+2) { width:190px;}
.xinwei_hot_r ul li img { height:220px;}
.xinwei_hot_r ul li p { position:absolute; bottom:10px; left:0; font-size:16px; color:#fff; font-weight:700; width:100%; box-sizing:border-box; padding:0 10px; line-height:24px;}

/*幻灯广告*/

.news-list-box { background:#fff;padding:10px 30px;overflow:hidden; box-shadow: 0px 0px 8px rgb(0 0 0 / 9%);}
.news-list-box ul li img{height: 150px;float:left;margin-right:20px;}
.news-list-box ul li img.img101{height: 120px;border:#eee 1px solid;float:left;margin-right:20px;}
.news-list-box ul li:hover img{opacity: 0.9;}
.news-list-box ul li{border-bottom: 1px solid #eee;padding: 25px 0 25px;position: relative; overflow:hidden;}
.news-list-box ul li .text{overflow:hidden; position:relative;}
.news-list-box ul li h5{font-size:22px;line-height: 25px;margin-bottom:10px;}
.news-list-box ul li p{font-size:14px;line-height:24px; color:#555;margin-top:10px}
.news-list-box ul li em{font-size:14px;line-height:24px; margin:4px 0px; color:#888;display:block; background:url(../img/timeicon.png) no-repeat left 5px;padding-left:20px;}
.news-list-box ul li span{color:red}



.past_box { background:#fff; overflow:hidden;padding:20px; box-shadow: 0px 0px 8px rgb(0 0 0 / 9%);margin-bottom:5px;}
.past_box_title { height:20px; line-height:20px;}
.past_box_title strong { font-size:18px; color:#333; float:left;}
.past_box_title strong:before { content:''; display:block; width:4px; height:20px; background:#2e98ff; border-radius:2px; float:left; margin-right:10px;}
.past_box_title span { float:right;}
.past_box_title span a { font-size:14px; color:#999;}

.past_box ul.past_tj { margin-top:5px; overflow:hidden;}
.past_box ul.past_tj li { overflow:hidden; padding:15px 0;}
.past_box ul.past_tj li:nth-child(1n+2) { border-top:1px dashed #e1e6f0;}
.past_box ul.past_tj li .image { float:left; width:40%; margin-right:15px;}
.past_box ul.past_tj li .image img { width:100%;}
.past_box ul.past_tj li strong { display:block; font-size:16px; color:#333; margin-bottom:5px;}
.past_box ul.past_tj li:hover strong { color:#f60;}
.past_box ul.past_tj li p { font-size:12px; color:#888; line-height:20px;}

.past_box ul.past_zx { margin-top:5px; overflow:hidden;}
.past_box ul.past_zx li { overflow:hidden; padding:15px 0;}
.past_box ul.past_zx li:nth-child(1n+2) { border-top:1px dashed #e1e6f0;}
.past_box ul.past_zx li a { display:flex;align-items: center;}
.past_box ul.past_zx li .xvhao { width:8%; font-size:18px; font-weight:700; color:#222;font-family:'jdzh';}
.past_box ul.past_zx li:nth-child(1) .xvhao {color:#ee2e2c;}
.past_box ul.past_zx li:nth-child(2) .xvhao {color:#f79334;}
.past_box ul.past_zx li:nth-child(3) .xvhao {color:#2e98ff;}
.past_box ul.past_zx li .text { width:92%;}
.past_box ul.past_zx li .text strong { font-size:16px; color:#333; font-weight:400; display: block; margin-bottom:5px;}
.past_box ul.past_zx li:hover .text strong { color:#f60;}
.past_box ul.past_zx li .text p { font-size:12px; color:#666;}

.sub-menu {position: fixed; right: 50%; margin-right:44vw; top: 220px; z-index: 99;}
.sub-menu ul{overflow:hidden;}
.sub-menu li { width:80px; height:40px; background:#fff; line-height:40px;text-align:center; border:1px solid #e1e6f0; border-top:none; font-size:12px}
.sub-menu li:nth-child(1) { background: linear-gradient(110deg,#718dff,#4e6ef2,#718dff); border-bottom:none;}
.sub-menu li:nth-child(1) a { color:#fff; font-family:'HYYaKuHei'; font-size:16px;}
.sub-menu li a { color:#666;}
.sub-menu li:hover{ background:#f79334; }
.sub-menu li:hover a{color:white}
.sub-menu li.menuon{ background:#f79334; }
.sub-menu li.menuon a{color:white;}
.box{padding: 0px 20px;}

.exContent{padding: 30px;}
.exContent .exTitle {width: 100%;height: 30px;line-height: 30px;}
.exContent .exTitle h1 {font-size: 26px;color:#222;font-weight:700;}
.exContent .exTitle span{float: left;font-size: 20px;font-weight:bold;color: #fc6700;margin-left: 10px;}
.exContent .exTiInfo{width: 100%;height: 38px;line-height: 38px;margin: 20px 0 10px;color: #999;background:#f9f9f9; padding:0 10px; box-sizing:border-box;}
.exContent .exTiInfo a{color: #999;}
.exContent .exTiInfo a:hover{color: #d10000;}
.exContent .exDetails{width: 100%;height: auto;padding: 20px 0;background: #f6f6f6;}
.exContent .exDetails p{padding: 0 20px;line-height: 20px;margin-top: 10px;}
.exContent .pubTitle{width: 100%;height: 30px;line-height: 30px;background: #f6f6f6;margin: 20px 0;}
.exContent .pubTitle span{float: left;font-size: 16px;border-left: 3px solid #d10000;text-indent: 15px;}
.exContent .exIntroduce p{line-height: 20px;padding: 0 20px;}
.exContent .exContact p{line-height: 20px;padding: 0 20px;}
.exDisclaimer{background: #f9f9f9;border:1px solid #eee;padding:12px 20px; font-size:14px;margin:20px 30px;overflow:hidden}
.exContent .exDisclaimer p{padding:20px;line-height: 23px;}
.exRelated{padding: 20px 30px;overflow:hidden}
.exRelated h2{font-size: 18px;margin-bottom: 10px;line-height: 20px;color:#222;font-weight:bold}
.exRelated ul li{float: left;height: 30px;line-height: 30px;width: 50%;font-size:14px;}
.exRelated ul li a:hover{color:#d10000; }
.exComment{padding: 30px;float: left;width: 758px;border:1px solid #eee;background: #fff;margin-top: 20px;}
.exComment h1{font-size: 18px;margin-bottom: 10px;}
.exAd{padding:0px 30px;overflow:hidden}

.box dl{border:none}

.summary{background: #f6f6f6;font-size: 14px;padding: 20px 0;}
.summary p{line-height: 20px;padding:0 20px;}
.content{width: 100%;padding: 10px 0; font-size:16px; line-height:27px;}
.content img{max-width:720px;margin:10px 0}
.content p{margin-bottom: 20px;color:#333}
.tags{width: 100%;height: 30px;line-height: 30px;}
.tags i{float: left;font-style: normal;}
.tags span{float: left;height: 28px;border:1px solid #eee;border-radius: 15px;padding: 0 15px;margin-left: 10px;}

/* exTiInfo Styles */
.exTiInfo {
    border-bottom: 1px dashed #e8e8e8;
    padding: 10px 0 20px;
    margin-bottom: 30px;
    color: #999;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.exTiInfo-l {
    display: flex;
    align-items: center;
}
.exTiInfo-l span {
    margin-right: 20px;
    color: #999;
}
.exTiInfo-l .original-tag {
    background-color: transparent;
    color: #1a8cff;
    padding: 0 4px;
    border-radius: 2px;
    font-size: 12px;
    margin-right: 15px;
    border: 1px solid #1a8cff;
    line-height: 18px;
    height: 20px;
    display: inline-block;
}
.exTiInfo-r a {
    display: inline-block;
    padding: 0 10px;
    background-color: #fff;
    color: #666;
    font-size: 14px;
    margin-left: 10px;
    border-radius: 14px;
    border: 1px solid #ddd;
    line-height: 26px;
    transition: all 0.3s;
}
.exTiInfo-r a:hover {
    color: #1a8cff;
    border-color: #1a8cff;
}
/* Baike list styles */
.bk-result-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.bk-result-list>li {
	width: 100%;
	margin-bottom: 24px;
}
.bk-result-list>li .bk-result-item-con {
	width: calc(100% - 40px);
	margin: 0 20px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
    padding-bottom: 24px;
}
.bk-result-list>li:last-child .bk-result-item-con {
	border-bottom: 0px;
}
.bk-result-list>li .bk-result-item-con .bk-rlist-l {
	width: 168px;
	height: 112px;
	border-radius: 4px;
	border: 1px solid #E8E8E8;
	margin-right: 16px;
    flex-shrink: 0;
}
.bk-result-list>li .bk-result-item-con .bk-rlist-l img{
	width: 100%;
	height: 100%;
	border-radius: 4px;
    object-fit: cover;
}
.bk-result-list>li .bk-result-item-con .bk-rlist-r{
	width: calc(100% - 190px);
}
.bk-result-list>li .bk-result-item-con .bk-rlist-r .bk-rlist-r-tit{
	display: flex;
	margin-top: 12px;
    align-items: center;
}
.bk-result-list>li .bk-result-item-con .bk-rlist-r .bk-rlist-r-label .bk-rlist-r-tit-type{
	padding: 0 8px;
	height: 25px;
	background: #F4F7F9;
	border-radius: 2px;
	border: 1px solid rgba(132, 154, 174, 0.2);
	margin-right: 8px;
	font-size: 12px;
	font-weight: 400;
	color: #849AAE;
	text-align: center;
	line-height: 25px;
    flex-shrink: 0;
}
.bk-rlist-original-text{
	width: 35px;
	height: 25px;
	background: #F4F9FF;
	color:#1A8CFF;
	border-radius: 2px;
	border: 1px solid #94D4FF;
	margin-right: 8px;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	line-height: 25px;
    flex-shrink: 0;
}
.bk-result-list>li .bk-result-item-con .bk-rlist-r .bk-rlist-r-tit .bk-rlist-r-tit-text{
	font-size: 18px;
	font-weight: 600;
	color: #262626;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.bk-result-list>li .bk-result-item-con .bk-rlist-r .bk-rlist-r-tit .bk-rlist-r-tit-text:hover{
	color: #1a8cff;
}
.bk-result-list>li .bk-result-item-con .bk-rlist-r .bk-rlist-r-infor{
	width: 100%;
	height: 40px;
	font-size: 14px;
	font-weight: 400;
	color: #8C8C8C;
	line-height: 20px;
	margin: 3px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.bk-result-list>li .bk-result-item-con .bk-rlist-r .bk-rlist-r-label{
	float: left;
    display: flex;
    align-items: center;
}
.bk-result-list>li .bk-result-item-con .bk-rlist-r .bk-rlist-r-label span{
	font-size: 13px;
	font-weight: 400;
	color: #ABABAB;
	margin-right: 8px;
	line-height: 25px;
}
.bk-result-list>li .bk-result-item-con .bk-rlist-r .bk-rlist-r-label .bk-rlist-r-label-on{
	color: #1A8CFF;
}

/* original-tag deleted */
.np-links {
    margin-top: 20px;
    padding: 15px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    font-size: 16px;
    margin-bottom: 20px;
}
.np-links span {
    display: block;
    width: 48%;
    margin: 0 1%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 40px;
}
.np-links .next {
    text-align: right;
}
.np-links span a {
    color: #333;
}
.np-links span a:hover {
    color: #d5b98a;
}
.np-links span b {
    font-weight: normal;
    margin-right: 5px;
}
.recommend-main {
    padding: 20px;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 30px;
    box-shadow: 0 0 6px rgba(0,0,0,.1);
}
.recommend-main .exRelated { border-top:none; margin-top:0; padding-top:0;}
.purchase_box { background:url(../image/purchase-bg.jpg)no-repeat center; height:300px; border-radius:8px; margin-top: 20px; position: relative; background-size: cover; margin-bottom: 20px;}
.purchase_box .form_box { width:360px; position: absolute; right: 20px; top: 20px; background:rgba(255,255,255,0.95); padding:20px; box-sizing:border-box;border-radius:8px;}
.purchase_box .form_box strong { font-size: 20px;line-height: 1.5;margin-bottom: 15px; color:#222; font-weight:bold; display:block; text-align: center;}
.purchase_box .form_box input { width:100%; height:36px; padding:0px 10px; box-sizing:border-box;border: 1px solid #e6e6e6; border-radius:3px;margin-bottom:10px;outline:none}
.purchase_box .form_box button { width: 100%; height: 36px; cursor: pointer; background:#d93025; border:none; border-radius:3px; color:#fff; font-size: 16px;}
.tag_list a { display: inline-block; padding: 3px 8px; margin: 0 5px 5px 0; background: #f5f5f5; color: #666; border-radius: 3px; font-size: 12px; }
.tag_list a:hover { background: #e6e6e6; color: #333; }

/* Over Box Styles */
.over-box {
    text-align: center;
    padding-bottom: 30px;
}
.over-box p {
    font-size: 14px;
    color: #999;
}
.over-title {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
    background: url(../img/over-bg.jpg) repeat-x center;
}
.over-title span {
    padding: 0 30px;
    background-color: #fff;
}
/* New Form Box Styles */
.main-inside-form .form-box {
    padding: 0 30px 20px;
    margin: 30px 1% 24px;
    background-color: #f6f7f9;
    border-radius: 4px;
}
.main-inside-form .form-box .moudle-title {
    font-size: 24px;
    font-weight: bold;
    border: none;
    padding-bottom: 0;
    margin-bottom: 30px;
    padding-top: 30px;
    text-align: center;
    color: #333;
}
.form-main {
    overflow: hidden;
}
.form-group {
    float: left;
    width: 33.33%;
    padding: 0 15px;
    margin-bottom: 15px;
    box-sizing: border-box;
}
.input-group-span {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 14px;
    color: #30364c;
}
.input-group-span em {
    color: #ae2a2a;
    padding-right: 5px;
    font-style: normal;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    box-sizing: border-box;
}
.submit-group {
    clear: both;
    text-align: center;
    margin-bottom: 10px;
    padding-top: 20px;
}
.submit-group input {
    width: 178px;
    height: 46px;
    line-height: 46px;
    padding: 0 12px;
    border: 1px solid #334D72;
    color: #fff;
    background-color: #334D72;
    border-radius: 2px;
    font-size: 16px;
    cursor: pointer;
}
.submit-group input:hover {
    opacity: 0.9;
}
@media only screen and (max-width: 767px) {
    .form-group {
        width: 100%;
    }
    .main-inside-form .form-box {
        margin: 0;
        padding: 0 15px 20px;
    }
}

/* WX Main Styles */
.wx-main{
    background: url(../img/wx-bg.jpg) no-repeat center top;
    height: 200px;
    margin-bottom:30px;
    padding: 23px 50px 0;
    position: relative;
    box-shadow: 0 0 6px rgba(0,0,0,.1);
    border-radius: 4px;
    overflow: hidden;
    margin-top: 30px;
    background-size: cover;
}
.wx-main .wx-01{
   font-size:22px;
   font-weight: bold;
   margin-bottom:10px;
   line-height: 30px;
   color: #333;
}
.wx-main img{
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,.18);
    overflow: hidden;
}
.wx-main .pull-right{
    float: right;
    width: 160px;    
}
.wx-main .pull-left{
    float: left;
    padding-top: 16px;
    width: calc(100% - 200px);
}
.wx-main .wx-02{
    color: #1447a0;
    font-size:20px;
    margin-bottom:10px;
    line-height:28px;
}
.wx-main .wx-03{
    width: 290px;
    height: 36px;
    line-height: 36px;
    background-color: #c69245;
    color:#fff;
    border-radius: 20px;
    text-align: center;
    font-size:20px;
    font-weight: bold;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}