@charset "UTF-8";
/*===== 清除默认的margin的属性值 =====*/
body, blockquote, dd, dl, figure, form, p, pre, h1, h2, h3, h4, h5, h6 { margin: 0; }

/*===== 统一设置列表的margin和padding，以及列表表形式 =====*/
menu, ul, ol { list-style: none; margin: 0; padding: 0; }

/*===== 全局定义字体以及页面背景 =====*/
body { line-height: 1; background-color: #FFFFFF; }

body, h1, h2, h3, h4, h5, h6, input, button, select, textarea { font-size: 12px; font-weight: 400; }
/* 设置字体大小 */
input[type="button"], input[type="submit"], input[type="reset"] { font-size: 12px; }

/* 设置字体大小，这部分跟前面写在一起，IE6中会无效 */
/*===== 字体控制 =====*/
body, input, button, select, optgroup, option, textarea, pre { font-family: 'Microsoft YaHei', 'Simsun', STXihei, 'sans-serif'; }

/*===== 设置iframe的背景色以及去除个别浏览器iframe底部的几个像素 =====*/
iframe { background-color: #FFFFFF; vertical-align: middle; }

/*===== 设置文本链接样式 =====*/
a { color: #666; text-decoration: none; }
.article-body a { color: rgb(0, 176, 240); }

a:hover { color: #32b091; }

/*===== 去除个别浏览器图片底部的几个像素，以及设置图片形式链接无边框 =====*/
img { vertical-align: middle; }

a img { border: 0 none; }

/*===== 设置表单元素的样式 =====*/
fieldset { margin: 0; padding: 0; }

legend { color: windowtext; }

/* 设置表单域部分的字体颜色为系统窗体文本颜色 */
button, input.ie6 { overflow: visible; padding: .1em .25em; cursor: pointer; }

/* 尽量统一按钮的大小，鉴于IE6不支持【属性选择符】，所以使用一个类名来控制 */
input[type="button"], input[type="submit"], input[type="reset"] { overflow: visible; padding: .1em .25em; cursor: pointer; }

/* 尽量同意按钮的大小，如果采用input方式做的按钮 */
input[type="text"], select, textarea { background-color: #FFFFFF; }

/* 统一文本输入框、下拉、文本框的背景色，避免被用户设置系统颜色而破坏页面色彩 */
select { border: 1px inset; }

/* 统一下拉的边框 */
textarea { overflow: auto; vertical-align: text-bottom; *vertical-align: auto; border: 1px solid; resize: vertical; }

/* 滚动条为auto，与周边的元素对齐方式，其中hack部分是IE6&7中vertical-align影响范围清除，resize为上下可拉动，避免左右拉动破坏页面布局，如有需要可以设置为none */
/*===== 设置表格元素的样式 =====*/
table { border-spacing: 0; }

/* 合并表格的间隙，去掉单元格之间的间距，如有需要合并单元格为细线表格，可增加 border-collapse:collapse; */
td, th, caption { padding: 0; }

body { position: relative; }

/* 去除单元格以及caption表头的padding值 */
.pull-left { float: left;}
.pull-right { float: right; }
.article .pull-left {
	float: left;width: 50%;display: flex;
}
.article .pull-right {
	float: right;width: 50%;display: flex;
}
.article .pull-left a,.article .pull-right a{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	width: 80%;
}
.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.container { width: 1200px; min-width: 1200px; margin: 0 auto; }

.header { position: relative; min-width: 1200px; z-index: 9; height: 80px; background-color: #fff; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); }
.header .container { position: relative; }
.header .logo { position: absolute; top: 0; left: 0; z-index: 99; }
.header .nav { font-size: 0; position: relative; }
.header .nav a { display: block; height: 100%; color: inherit; }
.header .nav-item { font-size: 16px; line-height: 80px; position: relative; display: inline-block; height: 80px; text-align: center; vertical-align: top; margin-left: 40px; color: #666; }
.header .nav-item:hover { color: #32b091; }
.header .nav-item a { display: block; position: relative; z-index: 99; }
.header .nav .active { position: relative; color: #32b091; }
.header .nav .active:before { content: ''; position: absolute; top: 0; left: 50%; width: 100px; height: 100%; margin-left: -50px; -webkit-transition: left cubic-bezier(0.06, 0.62, 0.48, 1.27) 0.6s; -o-transition: left cubic-bezier(0.06, 0.62, 0.48, 1.27) 0.6s; transition: left cubic-bezier(0.06, 0.62, 0.48, 1.27) 0.6s; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(1, 200, 70, 0.2))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(1, 200, 70, 0.2)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(1, 200, 70, 0.2)); background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(1, 200, 70, 0.2)); }
.header .nav .active:after { position: absolute; bottom: 0; left: 50%; width: 100px; height: 4px; margin-left: -50px; content: ''; background-color: #32b091; }
.header .nav-toggle { position: absolute; right: 15px; top: 12px; width: 40px; padding: 0; border: 0; height: 30px; outline: none; background: none; display: none; }
.header .nav-toggle:before, .header .nav-toggle:after { content: ''; position: absolute; left: 9px; }
.header .nav-toggle:before { width: 22px; height: 2px; top: 14px; background-color: #32b091; }
.header .nav-toggle:after { width: 22px; top: 8px; height: 10px; border-top: 2px solid #32b091; border-bottom: 2px solid #32b091; }

.footer { min-width: 1200px; padding: 30px 0 40px; text-align: center; color: #fff; font-size: 14px; background-color: #002832; }
.footer .imgs { margin-bottom: 20px; }
.footer .imgs a { margin: 0 10px; }
.footer .imgs img { width: 82px; height: 30px; }
.footer ul { margin-bottom: 30px; font-size: 0; }
.footer ul li { display: inline; font-size: 14px; margin: 0 5px; color: #fff; }
.footer ul a { color: #fff; }
.footer ul a:hover { color: #32b091; }

[id^="cnzz_stat_icon_"] { position: absolute; bottom: 85px; left: 50%; margin-left: 220px; }

.main-body { min-height: 100px; min-height: calc(100vh - 520px); }

.select-block { font-size: 18px; line-height: 38px; position: relative; z-index: 99; display: inline-block; width: 196px; height: 38px; padding-left: 32px; cursor: default; color: #666; border: 1px solid #d6d6d6; background-color: #fff; }
.select-block .icon { position: absolute; top: 7px; right: 15px; width: 26px; height: 26px; background-color: #01c846; }
.select-block .icon:before { position: absolute; top: 50%; left: 50%; content: ''; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-top: 12px solid #fff; border-right: 8px solid #01c846; border-left: 8px solid #01c846; }
.select-block .list { position: absolute; top: 38px; left: -1px; width: 100%; border: 1px solid #d6d6d6; background-color: #fff; }
.select-block .list li { line-height: 30px; padding-left: 32px; }
.select-block .list li:hover { color: #fff; background-color: #01c846; }

.dotlight { display: inline-block; vertical-align: top; }
.dotlight.sm { width: 36px; height: 36px; background: url(../img/sp.png) no-repeat -260px -5px; }
.dotlight.lg { width: 60px; height: 60px; background: url(../img/sp.png) no-repeat -296px -5px; }

/* 返回顶部 */
.to-top { position: fixed; right: 90px; bottom: 50px; display: none; width: 50px; height: 53px; padding: 5px; cursor: pointer; transition: all linear .4s; text-indent: -9999px; background: url("../img/sp.png") no-repeat -388px -3px; }
.to-top:hover { bottom: 60px; -webkit-filter: drop-shadow(0 0 5px rgba(50, 176, 145, 0.8)); filter: drop-shadow(0 0 5px rgba(50, 176, 145, 0.8)); }

.u-path-search { height: 50px; background-color: #fff; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); }
.u-path-search .breadcrumb { padding-left: 20px; font-size: 0; }
.u-path-search .breadcrumb li { display: inline; font-size: 16px; line-height: 50px; color: #333; }
.u-path-search .breadcrumb li + li:before { content: '>'; margin: 0 8px; font-family: Simsun; }
.u-path-search .breadcrumb li a { color: inherit; }
.u-path-search .breadcrumb li a:hover { color: #32b091; }
.u-path-search .breadcrumb li h1 { display: inline; font-size: inherit; }
.u-path-search .search { margin-top: 10px; }
.u-path-search .search-form { font-size: 0; }
.u-path-search .search-inp { width: 260px; height: 28px; font-size: 16px; color: #333; line-height: 28px; padding: 0 10px; border: 1px solid #e8e8e8; border-right: 0; outline: none; -moz-transition: border-color 0.15s ease-in-out; -o-transition: border-color 0.15s ease-in-out; -webkit-transition: border-color 0.15s ease-in-out; transition: border-color 0.15s ease-in-out; }
.u-path-search .search-inp:focus { border-color: #01c846; }
.u-path-search .search-btn { width: 64px; height: 30px; padding: 0; font-size: 16px; line-height: 30px; color: #fff; background-color: #32b091; border: 0; outline: none; }

.page .pagination { text-align: center; font-size: 0; }
.page .pagination li { display: inline-block; height: 24px; min-width: 12px; margin: 0 6px; padding: 0 8px; font-size: 14px; line-height: 24px; border: 1px solid #e8e8e8; }
.page .pagination a { color: inherit; }
.page .pagination .active { color: #fff; background-color: #32b091; }

/* #32B091
#E3FCF6 */
/* 韩博士客服 */
.customerService {
	position: fixed;
	right: 0px;
	top: 60%;
	width: 80px;
}

.customer-div1>div {
	width: 110px;
	height: 110px;
	margin: auto;
	margin-bottom: 8px;
}

.customerService-qq {
	display: block;
	position: relative;
	height: 80px;
	width: 80px;
}

.customerService-qqq {
	display: block;
	position: relative;
	height: 80px;
	width: 80px;
}

.customerService-wx {
	display: block;
	position: relative;
	height: 80px;
	width: 80px;
}

.customerService-qq .customer-div {
	display: block;
	background: url(../img/QQ2.png)no-repeat center 10px;
	background-size: 40% 40%;
	transition: 0.4s linear;
	width: 80px;
	height: 80px;
	background-color: #E3FCF6 ;
	border-right: none;
	text-align: center;
	margin-top: 5px;
	cursor: pointer;
}

.customerService-qqq .customer-div {
	display: block;
	background: url(../img/qqq2.png)no-repeat center 10px;
	background-size: 43% 34%;
	transition: 0.4s linear;
	width: 80px;
	height: 80px;
	background-color: #E3FCF6 ;
	border-right: none;
	text-align: center;
	margin-top: 5px;
	cursor: pointer;

}

.customerService-wx .customer-div {
	display: block;
	background: url(../img/wx2.png)no-repeat center 10px;
	background-size: 40% 40%;
	transition: 0.4s linear;
	width: 80px;
	height: 80px;
	background-color: #E3FCF6 ;
	border-right: none;
	text-align: center;
	margin-top: 5px;
	cursor: pointer;

}

.customerService>div .customer-div span {
	font-size: 13px;
	display: inline-block;
	margin-top: 50px;
	color: #32B091;
}

.customerService>a .customer-div span {
	font-size: 13px;
	display: inline-block;
	margin-top: 50px;
	color: #32B091;
}

.customerService .customerService-wx .customer-div span {
	font-size: 13px;
}

.customerService-qq .customer-div1 {
	border: solid 1px #d9d9d9;
	margin-top: -1px;
	background: #fff;
	opacity: 0;
	text-align: center;
	z-index: 0;
	transform: scale(0.01);
	transform-origin: 100% 0%;
	transition: 0.4s linear;
	width: 138px;
	border-radius: 3px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	color: #333;

	position: absolute;
	right: 100px;
	top: 0px;
	margin-top: 0.3px;
}


.customerService-qqq .customer-div1 {
	border: solid 1px #d9d9d9;
	margin-top: -1px;
	background: #fff;
	opacity: 0;
	text-align: center;
	z-index: 0;
	transform: scale(0.01);
	transform-origin: 100% 0%;
	transition: 0.4s linear;
	width: 138px;
	border-radius: 3px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	color: #333;

	position: absolute;
	right: 100px;
	top: 0px;
	margin-top: 0.3px;
}

.customerService-wx .customer-div1 {
	border: solid 1px #d9d9d9;
	margin-top: -1px;
	background: #fff;
	opacity: 0;
	text-align: center;
	z-index: 0;
	transform: scale(0.01);
	transform-origin: 100% 0%;
	transition: 0.4s linear;
	width: 138px;
	border-radius: 3px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	color: #333;

	position: absolute;
	right: 100px;
	top: 0px;
	margin-top: 0.3px;
}

.customerService-icon1 {
	display: block;
	content: '';
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-left-color: #d9d9d9;
	position: absolute;
	top: 10px;
	right: -24px;
}

.customerService-icon2 {
	display: block;
	content: '';
	width: 0;
	height: 0;
	border: 11px solid transparent;
	border-left-color: #fff;
	position: absolute;
	top: 11px;
	right: -22px;
}

/* 二维码 */
.customerService .customer-div1 img {
	width: 110px;
	height: 110px;
	display: block;
	margin: auto;
}

/* 号码 客服时间 */
.customerService .customer-div1 .customerService-sj {
	display: block;
	font-size: 12px;
}



.customer-div1 span:nth-child(1) {
	display: inline-block;
	margin: 10px 0px;
}

/* 划入变样式 */
.customerService-qq:hover .customer-div1 {
	opacity: 1;
	position: absolute;
	transform: scale(1);
}

.customerService-qqq:hover .customer-div1 {
	opacity: 1;
	position: absolute;
	transform: scale(1);
}

.customerService-wx:hover .customer-div1 {
	opacity: 1;
	position: absolute;
	transform: scale(1);
}

.customerService-qq:hover .customer-div {
	width: 80px;
	height: 80px;
	background: url(../img/QQ1.png)no-repeat center 10px;
	background-size: 40% 40%;
	background-color: #32B091;
}

.customerService-qqq:hover .customer-div {
	width: 80px;
	height: 80px;
	background: url(../img/qqq1.png)no-repeat center 10px;
	background-size: 43% 34%;
	background-color: #32B091;
}

.customerService-wx:hover .customer-div {
	width: 80px;
	height: 80px;
	background: url(../img/wx1.png)no-repeat center 10px;
	background-size: 40% 40%;
	background-color: #32B091;
}

.customerService-qq:hover .customer-div>span {
	color: #fff;
}

.customerService-qqq:hover .customer-div>span {
	color: #fff;
}

.customerService-wx:hover .customer-div>span {
	color: #fff;
}



 
/**search start*/
.nav-search {
	display: inline-block;
	width: 100px;
	height: 80px;
	line-height: 80px;
	text-align: right;
	position: relative;
	z-index: 100;
	float: right;
}

.nav-search p {
	display: inline-block;
	width: 80px;
	font-size: 14px;
	vertical-align: middle;
	border-radius: 20px;
	border: 1px solid #E6E6E6;
	height: 30px;
	text-align: center;
	cursor: pointer;
}

.nav-search p span {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	vertical-align: top;
	color: #E6E6E6;
}

.nav-search p .search-span1 {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../img/search.png)no-repeat;
	background-size: 100% 100%;
	margin-right: 5px;
	margin-top: 5px;

}

.nav-search p .search-span2 {
	display: inline-block;
	font-size: 14px;
	color: #666666;
	margin-left: 5px;
}

.nav-search p:hover {
	border: 1px solid #98E1CF;
}

.nav-search p:hover span {
	color: #98E1CF;
}

.nav-search p:hover .search-span1 {
	background: url(../img/search-action.png)no-repeat;
	background-size: 100% 100%;
}

.nav-search p:hover .search-span2 {
	color: #32B091;
}


.nav-search .search-action {
	border: 1px solid #98E1CF;
}

.nav-search .search-action span {
	color: #98E1CF;
}

.nav-search .search-action .search-span1 {
	background: url(../img/search-action.png)no-repeat;
	background-size: 100% 100%;
}

.nav-search .search-action .search-span2 {
	color: #32B091;
}


.nav-search .search-div {
	width: 270px;
	height: 70px;
	position: absolute;
	top: 70px;
	right: 0px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	text-align: left;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1), inset 0px 2px 2px 0px rgba(255, 255, 255, 0.4);
	line-height: 70px;
	display: none;
}
.nav-search .search-div div{
	width: 230px;
	margin: auto;
	padding-top: 19px;
}

.nav-search input {
	outline: none;
	height: 30px;
	border: 1px solid #CCCCCC;
	font-size: 14px;
	/* border-radius: 3px; */
	vertical-align: middle;
	padding-left: 10px;
	width: 182px;
	float: left;
}

.nav-search button {
	width: 34px;
	height: 34px;
	color: #FFFFFF;
	border: none;
	background: #32B091;
	font-size: 16px;
	vertical-align: middle;
	float: left;
	
}
.nav-search button span{
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	background: url(../img/search1.png)no-repeat;
	margin-top: -5px;
}
.nav-search button:hover{
	background: #2F8E77;
}



.search-div-span {
	display: block;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #CCCCCC;
	position: absolute;
	top: -20px;
	right: 35px;
}

.search-div-span:after {
	display: block;
	content: '';
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-bottom-color: #FFFFFF;
	position: absolute;
	top: -14px;
	right: -15px;
}

.u-path-search .pull-right{
	display: none;
}
/**search end*/
/*# sourceMappingURL=base.css.map */