/* @import "https://at.alicdn.com/t/font_2975691_dqc4gaf2vdp.css"; */
html{width: 100%;overflow-x: auto;overflow-y: auto;}
body{width:100%;
  color: #242424;background:#FFFFFF;
  font-size: 0.9375rem;
  font-family: "微软雅黑";
  font-weight: 400;
  line-height: 1.8;
  margin: 0;
  overflow-x: auto;
  
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  line-height: 1.1;
  margin:0;
}
a {
  color: #333333;
  text-decoration: none;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
a:hover, a:active{
  box-shadow: none;
  color: #1892cb;
  outline: none;
  text-decoration: none;
}
.ahover{color: #1892cb;}
.danger{color: #FF5722;}
a img {border: none;}
.btn:focus {box-shadow: none;}
ul {margin: 0;padding: 0;}
ul li {list-style: none;}
.left{float: left; display:block;}
.right{float: right; display:block;}
.dispalyNone{display: none;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.ellipsis3{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.clearbH::before,.clearbH::after{content: "";display: block;clear: both;}
.inner{width:1200px;margin: 0 auto;position: relative;}
/* header start */
#header{width:100%;height: 80px;position: relative;top: 0;z-index: 1000;
background: #1892cb; /* Old browsers */
background: -moz-linear-gradient(left,  #1892cb 0%, #58bfe5 30%, #53cbf1 60%, #9ce0ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #1892cb 0%,#58bfe5 30%,#53cbf1 60%,#9ce0ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #1892cb 0%,#58bfe5 30%,#53cbf1 60%,#9ce0ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1892cb', endColorstr='#9ce0ff',GradientType=0 ); /* IE6-9 */



}
.head_logo{width:430px;height:60px; position:relative; z-index:5;}
.head_logo img{height:44px; width:auto;display: block; float:left;margin-top: 3px;}
.head_logo .head_sign{margin-left: 10px;padding: 3px 0;}
.head_logo .head_sign h1{display: block;font-size: 1.4rem;line-height: 35px;color: #ffffff;}
.head_logo .head_sign p{height: 20px;line-height: 20px;color: #ffffff;}
.head_logo .head_sign p b{font-weight: normal;}
.topbar_right a{color:#ffffff;}
/* nav start */
.nav{}
.nav li{display: block; float:left; padding: 0 6px;}
.nav li.active a:after{width: 100%;}
.nav li a{line-height: 60px;font-size: 15px;color:#FFFFFF;display: block;position: relative;}
.nav li a:after{
	content: '';
	display: inline-block;
	height: 5px;
	background: #ffffff;
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transition: background 0.2s,width 0.2s,height 0.2s,transform 0.2s,box-shadow 0.2s,opacity 0.2s,line-height 0.2s,margin 0.2s,padding 0.2s;
}
.nav li:hover a:after{width: 100%;}

.header-area:hover .nav[pc] li a{color:#333333;}
.header-area:hover .nav li a:hover{color:#1892cb;}
.header_active .nav li a{color:#333333;}
.header_active .nav li.active a{color:#1892cb;}
.nav[pc]{display: block;float:right;position: relative;}
.mobile_active a{color: #6ab7ff!important;}
/* 二级菜单 */
.subMenu{display: none;position: absolute;top: 60px;left: 0;z-index:10;width: 100%;padding:10px 0; height: auto;background:rgba(228,233,237,0.6);}
.subMenu>ul{display: block;text-align: center;}
.subMenu>ul>li{display: inline-block;float:none;}
.subMenu>ul>li>a{display:block;padding:0px;text-align: center;line-height: 30px;color: #333333;font-size:14px;}
.subMenu>ul>li>a:hover{color:#1892cb;}
.subMenu>ul>li>a.ahover{color:#1892cb;}

.subMenu>ul>li>a::after{display: none;}
.navOpen{display: block;}

/* section start */
section{line-height: 20px;font-size: 0.75rem;color: #ffffff;padding: 0 10px;}
/* 12345 hotline */
.hotline{position: fixed;right: 0;top:30%;z-index: 1000;text-align: center;}
.hotline a.hotClose{position: absolute; top:-22px;right:0;z-index: 100;font-size:20px;color:#54bcec;cursor: pointer;}
.hotline a.hotClose:hover{color:#54bcec;}
.hotline a{color:#eeeeee;}
.hotline a:hover{color:#ffffff;}
.hotline .hotline_top{width:60px;height: 60px;line-height: 60px;border-radius: 50%;background:#54bcec;position:absolute;top:0;right:0;z-index: 5;}
.hotline .hotline_top i{font-size: 55px;}
.hotline_foot{width: 22px;height: 105px;line-height:25px;font-size:20px;background: #54bcec;padding:30px 8px 0;position: absolute;top: 30px;right: 0;z-index: 4;}
.icon-guanbixiao:before {background: #ffffff;border-radius: 50%;}
/* path */
.path{width:100%; height:auto;line-height:40px;margin: 20px 0;}
.path .inner{background: #edeff7;}
.path .path_left{padding:0 10px;width:160px;}
.path .path_left i{font-size: 25px;display: block;float: left;color:#1892cb;margin-right:8px;}
.path .path_left font{color:#888888;display: block;float: left;}
.path .path_right{width:calc(100% - 220px)}
.path .path_right .path_home{padding:0 5px;}
.path .path_right .path_list{}
.path .path_right span{padding:0 8px;}
.path .path_right em{font-style: normal;color:#888888;}

.list_teach_path .inner{background: #fcf0f0;}
.list_teach_path .path_left i{color:#e30801;}
.list_teach_path .path_right a:hover{color:#e30801;}


@media screen and (max-width:1200px){
	html,body{min-width:1200px;}
	
}