html, body, div, ul, li, dl, dt, dd, p, em, b, i, h1, h2, h3, h4, h5, h6 {
padding: 0;
margin: 0
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal
}
ins {
text-decoration: none
}
img {
border: 0
}
ul, li {
list-style: none
}
em, i {
font-style: normal
}
@font-face {
font-family: "SourceHan";
src: url('SourceHanSansCN.eot');
src:
url('SourceHanSansCN.eot') format('embedded-opentype'),
url('SourceHanSansCN.woff') format('woff'),
url('SourceHanSansCN.ttf') format('truetype'),
url('SourceHanSansCN.svg') format('svg')
}
@font-face {
font-family: "iconfont";
src: url('iconfont.eot');
src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'), url('iconfont.svg#iconfont') format('svg')
}
.iconfont {
font-family: "iconfont" !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
-webkit-text-stroke-width: 0.2px;
*display: block
}
.icon-phone:before {
content: "\e611"
}
.icon-right:before {
content: "\e606"
}
.icon-QQ:before {
content: "\e616"
}
.icon-qq:before {
content: "\e600"
}
.icon-search:before {
content: "\e601"
}
.icon-love:before {
content: "\e61c"
}
.icon-picture:before {
content: "\e61d"
}
.icon-close:before {
content: "\e60f"
}
.icon-top:before {
content: "\e612"
}
.icon-share:before {
content: "\e61e"
}
.icon-time:before {
content: "\e617"
}
.icon-right1:before {
content: "\e607"
}
.icon-zhuce:before {
content: "\e613"
}
.icon-contact:before {
content: "\e614"
}
.icon-iconfontweibo:before {
content: "\e602"
}
.icon-list:before {
content: "\e61f"
}
.icon-caidan:before {
content: "\e605"
}
.icon-right2:before {
content: "\e608"
}
.icon-zan:before {
content: "\e618"
}
.icon-close1:before {
content: "\e610"
}
.icon-xiangshang:before {
content: "\e620"
}
.icon-more:before {
content: "\e60b"
}
.icon-weixin:before {
content: "\e603"
}
.icon-shouji:before {
content: "\e604"
}
.icon-ybbcookon:before {
content: "\e609"
}
.icon-comments:before {
content: "\e621"
}
.icon-left:before {
content: "\e60a"
}
.icon-write:before {
content: "\e619"
}
.icon-comments1:before {
content: "\e61a"
}
.icon-triangleright:before {
content: "\e60e"
}
.icon-cook:before {
content: "\e60c"
}
.icon-eye:before {
content: "\e61b"
}
.icon-dot:before {
content: "\e60d"
}
.icon-address:before {
content: "\e615"
}
.icon-xiangxia:before {
content: "\e622"
}
.container {
width: 1200px;
margin-left: auto;
margin-right: auto;
position: relative
}
.nav_container {
width: 1300px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.bg {
background-image: url(../images/bg.png);
background-repeat: no-repeat
}
.mvbg {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAEsUExURf///////////////////////wkJCQAAAF9fX////////////////////////////////////////////////1lZWQICAgoKCq2trQMDA7i4uP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////zU1NTo6OgcHB+Xl5eHh4f///x8fH7m5uScnJxQUFAQEBLS0tE5OTgUFBe/v70tLSwcHB/z8/OLi4jAwMAUFBQEBAT09Pf///////////////////////////////////////////////////////////////////////////wAAAAEBAQvL9F8AAABidFJOU5mHAnpYDfkAzI9oiYsBkJI9hmuYiM/++a/9rB9bXxphGxlmjhyMIG2Vdh2FQFkOImUXZAwWEGcP4N37n6Eh7Kzn8/yt1Pud1fqaoOP8/twkXpY3jR47UmlUgoFsapSXe3k+DBqSvgAAAVVJREFUOMuN1ddygzAQBVBRExlwDO5xd9xLem9O7733ovz/P0TBdjxCMtJ9YnYOw7BaFjAiGPB/ZTXunx7rz2V4DWoQmi/14sNN1qJgKV0GjJhqloDabBgMSXhaG8AZCfjEyPeh5usAiEz2YBFwstiFFcBNyoUZPrz6g9YEH97KGBaAQBoYhkTgN4aqCGxj+EqWxpnQwVAhnX5xwIBfGDaJyihK7kdp2MQw6IEIxbfWvRBiOEZB9LOz54E1DAENEVrd3iXrwyBC+oogjMXEoL685oWMl0H6Zoe8/53ZnrOjKKs9kgeeJw+PqYbb1BEm4qcnjCNUMHwjSwnmUFRFx0wVHdwWhnciMI+hHOQ7w/1c03yYcWGKD6e6KyXAc9Xe7lmK+Dtzob/25g0/JxUGi3TO5+kBjVjNlznmCoK5DWrZy5WW6ig2dOfzA9qfTjtUkhl/BU5+AVc4MO8BrnNiAAAAAElFTkSuQmCC);
background-repeat: no-repeat
}
.mt20 {
margin-top: 20px
}
.mt40 {
margin-top: 40px
}
html, body {
background: #fff;
font-size: 15px;
font-family: "SourceHan" !important;
color: #000;
/*overflow-x:hidden;*/
}
input, select {
font-family: "SourceHan" !important;
}
a {
color: #c50007;
text-decoration: none
}
a:hover {
color: #c50007
}
.left {
float: left !important
}
.right {
float: right !important
}
.clearfix {
clear: both;
zoom: 1
}
.topbar {
height: 40px;
background: #F8F8F8;
border-bottom: 1px solid #E6E6E6
}
.topbar .welcome {
line-height: 40px;
color: #888
}
.topbar .welcome a {
color: #888
}
.topbar .welcome span.office {
display: inline-block;
padding: 3px 7px;
line-height: 1;
font-size: 14px;
margin-left: 10px;
background: #1F8ADC;
color: #fff;
vertical-align: initial
}
.topbar .tool {
line-height: 40px;
height: 40px
}
.topbar .tool a {
display: block;
float: left;
padding: 0 10px;
font-size: 22px;
color: #999;
line-height: 40px;
position: relative
}
.topbar .tool a.tool_login {
background: #ee7800;
height: 41px;
line-height: 40px;
font-size: 14px;
color: #fff;
padding: 0 15px;
margin-right: 15px
}
.topbar .tool a.tool_login:hover {
background: #ee7800;
color: #fff
}
.topbar .tool a i {
vertical-align: top;
float: left;
color: #ee7800
}
.topbar .tool a:hover {
color: #ee7800
}
.topbar .tool a p {
font-size: 14px;
display: inline-block;
line-height: 40px;
float: left;
padding-left: 3px
}
.language {
float: left;
font-size: 16px;
position: relative;
cursor: pointer;
padding-left: 15px
}
.language:hover {
color: #ee7800
}
.language .lang_list {
display: none;
position: absolute;
top: 40px;
right: 0;
background: #373737;
z-index: 99
}
.language .lang_list a {
display: block;
color: #fff;
font-size: 14px;
line-height: 30px
}
.search {
position: absolute;
right: 0;
top: 40px;
padding: 10px 0;
width: 300px;
z-index: 99;
display: none
}
.search input.keyword {
border: 1px solid #DDD;
padding: 5px;
height: 28px;
font-size: 14px;
width: 208px;
float: left
}
.search input.apply {
width: 80px;
font-size: 14px;
height: 40px;
padding: 5px 0;
background: #ee7800;
color: #fff;
border: 0;
float: left;
cursor: pointer;
text-align: center
}
.header {
background: #fff
}
.head {
padding: 10px 0
}
.notice {
display: none;
padding-bottom: 10px;
margin-top: -10px
}
.notice p {
padding: 5px 10px;
background: #fff6E9;
border: 1px solid #FFECD1;
font-size: 14px;
color: #555
}
.head a.logo {
display: block;
width: 360px;
height: 70px;
background-position: -80px 10px;
text-indent: -9999px;
position: relative;
transition: 2s ease-in-out;
-webkit-transition: 2s ease-in-out;
-moz-transition: 2s ease-in-out;
-o-transition: 2s ease-in-out
}
.head a.logo_active {
background-position: -85px 10px
}
.head .flagship {
margin-left: 15px;
width: 175px;
height: 70px;
background-position: 0 -70px
}
.head a.vplay {
display: block;
width: 240px;
height: 70px;
background-position: 0 -270px;
text-indent: -9999px;
margin-left: 30px
}
.head a.toptel {
display: block;
width: 206px;
height: 70px;
background-position: 0 -185px;
float: right;
text-indent: -9999px
}
.nav {
height: 50px;
background: #ee7800;
line-height: 50px;
}
.nav .hotcourse_t {
background: #44091f;
height: 50px;
width: 200px;
text-align: center;
font-size: 17px;
color: #fff
}
.nav .hotcourse_t i {
font-size: 20px;
vertical-align: initial
}
.nav .nav_list {
width: 1070px;
padding-left: 20px
}
.nav .nav_list li {
font-size: 16px;
float: left;
position: relative
}
.nav .nav_list li > a {
color: #fff;
display: block;
padding: 0 23px
}
.nav .nav_list li ul {
position: absolute;
top: 50px;
width: 100%;
background: rgba(238, 120, 0, 0.9);
display: none;
z-index: 9
}
.nav .nav_list li ul a {
display: block;
text-align: Center;
color: #fff;
line-height: 40px
}
.nav .nav_list li a:hover {
background: #da5a05;
text-decoration: none
}
.hotcourse {
position: absolute;
top: 0;
left: 0;
z-index: 999;
width: 200px;
height: 400px
}
.hotcourse_bg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #ee7800;
z-index: -1;
opacity: .8;
filter: alpha(opacity=80)
}
.hotcourse_bg1 {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #373737;
z-index: -1;
opacity: .3;
filter: alpha(opacity=30)
}
.hotcourse_type {
position: relative;
}
.hotcourse_type li {
padding: 0 14px;
font-size: 15px;
line-height: 48px;
background: url(data:image/png;base64,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) no-repeat 180px center;
}
.hotcourse_type1 li {
margin-bottom: 1px;
line-height: 47.5px;
}
.hotcourse_type li:hover {
background-color: rgba(233, 68, 26, 0.5);
filter: alpha(opacity=80)
}
.hotcourse_type li a {
color: #fff;
display: block;
padding-left: 30px;
}
.hotcourse_type li a.c_dc {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMEU1RjhGMkZFNzhFNDExOENCMkEzQjZBRUU0NDY4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MzM3NjM5MEFEQTMxMUU0Qjk1QUI4MTgzMkE1MkM2OCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MzM3NjM4RkFEQTMxMUU0Qjk1QUI4MTgzMkE1MkM2OCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBCQzI5OEFFQTlBQUU0MTE5RDg2RkNEODQ4NkU1NkQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAwRTVGOEYyRkU3OEU0MTE4Q0IyQTNCNkFFRTQ0NjhDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+dMFz4gAAAkxJREFUeNq01k9IFFEcwPFx3PzLmgVRqIihRSpFGZYG/REMtFvgIYIS6uCpc4c6dAkibwVdkqCDhZcKBLUICsL+oBZYBlIpbfQXiVqlVpccvz/8TT0fM+ba9oPPsjPz5r2Z936/t+t4nucsQwHa0I2P3p8YxyWU+20z5MOIHCSc8KjGCRzCCB7hLWawBnvQqMfHcM1/olo8xiwS6MFhbMFunMQD9OE4Vi/ydtUYQhLb5Q2qGGkA73AaL1GBHSjCZwziDiadpcVajOK+jNiFGAqXuR5hriLuMsp+tOObk974gKgMsApP0tBhoXUcxXcZII7kP3a+Ez+tc+V46OoCrzcurECJcZyPDuSFdC4p+xXTxrls7MJNGeA6mo2LSc2iI2hCL/aiH3VGu0pc1rl+peeykIlWTPl1kIUBlCBbMyCCzTiFZmTiDCYxodXbiwoja1ycw0Z80fsc/6IU1BUtojot9a0BqScPsymk0FowjNc4GLRVbMMBvMc+yPQdTWGhL+hCn9XEmQ/rKXLQgFLcTbGwOvTtF5yPWE8hG909/Z5rbICynRQjQ59uDDHrXlnoT/Zr2bvp7/M6VcOabqPawQRmNQ1X4o3kOm5jg6byswU9hbxuje7v55GPdYgGtItq23rNtFy7jRuyYC+0PuK6o95CpzFtfgF24aLWwq+Aag6dorSF6/zniKTQrkyzqVan7rkufkynJziWkN+d3uIhP7PtYff/rfMa7cCMp9Y/CYkfupelNIBseP1GJwn9MZc/CE0YwYxx/UZQP3MCDABbymRq+HZjoAAAAABJRU5ErkJggg==) no-repeat left center;
}
.hotcourse_type li a.c_jp {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMEU1RjhGMkZFNzhFNDExOENCMkEzQjZBRUU0NDY4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozRjEyRDdBOEFEQTMxMUU0Qjk1QUI4MTgzMkE1MkM2OCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozRjEyRDdBN0FEQTMxMUU0Qjk1QUI4MTgzMkE1MkM2OCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBCQzI5OEFFQTlBQUU0MTE5RDg2RkNEODQ4NkU1NkQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAwRTVGOEYyRkU3OEU0MTE4Q0IyQTNCNkFFRTQ0NjhDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+3OLDTQAAAgJJREFUeNqc1U9IVEEcwPH1D6Eg/ssgbEXQwoQI9BJUhEF4CBGPHgUzA48GQY/oIIYoiGCHKIogsqIoAkFQEDyo6EFEEYK29lKImdbBMHPd53fs9+Q5vHl/9gcf2Dcz+5uZtzO/jdm2HctAKR5j0/4fCTxAsT42k+RFktArPiPPPT47Fj3uoNrQd1ocRtbBNsJHDn6g1NCfQA3STkPUHdT6JFdJO93JM5mgzKfvLib1xqgT5Brax9Hv1RF1ghZD+zDssCuK4yYu4ThW8R1ncMUwwRfjkrQzfhW/Pc73pu0fdaZ7o7+iNyjS2tbQi3d4jnWPdZ4Nu4O/AStVN7gVFvZc7S/C7uBlwI+sbvArbOO2q70ZBbiMU347OI9lOzj+IY4dV5slb+BIPdIneI/7eB0wQRr1SBn6200TWDJgGrfwUHb0R9p/YQ43MOqzgDEnp17sKvAWF+T5q1z/T9hACaqwgGc+v9XGYVnRdvABXRjU3q8eQwH9tpNTv8l9Uld+YgApORWVOCZjFvHN9ewVKVOpUJesC22wXIPVZdtCPs7hqfa9HcmVI88rpmI3gx55903yeUISnJDzrwpbo/a9blmAE09MO1CDGqRkdGAWU/io/v1Qh0KUa6816SoxI3hkumgOdbquSwlIYlfO/BI6sY15XJPxJ3EPF/VcUf+TI8e+AAMAmDQ3uHX0zf8AAAAASUVORK5CYII=) no-repeat left center;
}
.hotcourse_type li a.c_jd {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTU0NDNCM0IxNjRDMTFFNTkxMUQ4Rjc4Njg3MjIyQUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTU0NDNCM0MxNjRDMTFFNTkxMUQ4Rjc4Njg3MjIyQUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NTQ0M0IzOTE2NEMxMUU1OTExRDhGNzg2ODcyMjJBQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NTQ0M0IzQTE2NEMxMUU1OTExRDhGNzg2ODcyMjJBQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq/5nWoAAAItSURBVHjatNVPSFRBAMfxTLcCk8yEYMO0Q6EdjMiQWIgKIjDTe+ElRIKiFqFEOvWHtSBB8JYY5EGqQyB20IOgkCiImLaHLUNN08SCTEwt/6zfwd/K47XuTmIDH95783bevDfzm9mEcDi87X+W7Za/u4vXuICnaIPXqqX5gjiuhNfKex2H8E7XcdvbdPAdV3We7aifUecx29sM0RK+6DzkqB9B2lYM0TOMuerOabhSt2KIjAn064FleniJTdskyxSZxDxCB2axH1M2DRM2WAd+FJr7up7HuOr68Q0HHPdncB0TNh1UIoCHut6l42+99W7sUCdehSAHZ5GJuXiT/BGPLcbX67o25bjNJAeU8SnMOeoHMI6faMciWrCAUUwjzTZFL/ASDQihWQ/KRLne9quO1/AZKf8S0yrU6fwG7rvu5+jBiboe3WgonZN8BPc0gZfgwSt8wAoOYo+ZNgwpWek4Bh+asIwuPHGnqEKpacYPbQOLOKRtYl4vsKJ2nkhG8AvDum86voVWlDo7+ISdyIiyJk7jMOot1lWpvuYEck1FkuNNIsV0NIkFjCnne1GEfCTjPLpxEw/0tS3Iwz70uNfBHSzDjyA6kI9h9KERf1RXo/RU63gZZ3TuV5Rro6XoqH7U7krCc7xxLazbeItiR51P7RtixbQTFy132Gh6cSrWbpquCfVs8j/etM9SVKNudo0o+GvDsi8mDCcRjFS4v8CsgxSkbrKDQSVvvawKMABsQa0gXTBDCQAAAABJRU5ErkJggg==) no-repeat left center;
}
.hotcourse_type li a.c_zc {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAACXBIWXMAAAsTAAALEwEAmpwYAAADGWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjaY2BgnuDo4uTKJMDAUFBUUuQe5BgZERmlwH6egY2BmYGBgYGBITG5uMAxIMCHgYGBIS8/L5UBA3y7xsDIwMDAcFnX0cXJlYE0wJpcUFTCwMBwgIGBwSgltTiZgYHhCwMDQ3p5SUEJAwNjDAMDg0hSdkEJAwNjAQMDg0h2SJAzAwNjCwMDE09JakUJAwMDg3N+QWVRZnpGiYKhpaWlgmNKflKqQnBlcUlqbrGCZ15yflFBflFiSWoKAwMD1A4GBgYGXpf8EgX3xMw8BUNTVQYqg4jIKAX08EGIIUByaVEZhMXIwMDAIMCgxeDHUMmwiuEBozRjFOM8xqdMhkwNTJeYNZgbme+y2LDMY2VmzWa9yubEtoldhX0mhwBHJycrZzMXM1cbNzf3RB4pnqW8xryH+IL5nvFXCwgJrBZ0E3wk1CisKHxYJF2UV3SrWJw4p/hWiRRJYcmjUhXSutJPZObIhsoJyp2V71HwUeRVvKA0RTlKRUnltepWtUZ1Pw1Zjbea+7QmaqfqWOsK6b7SO6I/36DGMMrI0ljS+LfJPdPDZivM+y0qLBOtfKwtbFRtRexY7L7aP3e47XjB6ZjzXpetruvdVrov9VjkudBrgfdCn8W+y/xW+a8P2Bq4N+hY8PmQW6HPwr5EMEUKRilFG8e4xUbF5cW3JMxO3Jx0Nvl5KlOaXLpNRlRmVdas7D059/KY8tULfAqLi2YXHy55WyZR7lJRWDmv6mz131q9uvj6SQ3HGn83G7Skt85ru94h2Ond1d59uJehz76/bsK+if8nO05pnXpiOu+M4JmzZj2aozW3ZN6+BVwLwxYtXvxxqcOyCcsfrjRe1br65lrddU3rb2402NSx+cFWq21Tt3/Y6btr1R6Oven7jh9QP9h56PURv6Obj4ufqD355LT3mS3nZM+3X/h0Ke7yqasW15bdEL3ZeuvrnfS7N+/7PDjwyPTx6qeKz2a+EHzZ9Zr5Td3bn+9LP3z6VPD53de8b+9+5P/88Lv4z7d/Vf//AwAqvx2K829RWwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAABmUlEQVR42pSUz0tUYRRAz0yaZTMwK6VCECMXkauoEMSKgrBAcJm0aJuMbSTwP6g2CbV2IZXQJoiClEltZRAugrEsI2sR0UYQdBYSeVq8bx763ozl/TaPe8/5fl5eRvYW2f/kcjymJRImeMkgB3bFT7BEnjsUIMsrrvKEFUbr4tcp84hlfjNKISN0MU8OKHOb6RT+kCJF2tiiwmFas0CZk/wCuphiPHGqWYqcp5M/7OcrF6lgNI740yg+etxq9pZ62jHv+cA+F3wrxMWjrgVlw96QG7diyRHv2usLN2S7gMdctRrXRLyv6pw9Tqr5pIDtfouVm+K78P1DPRUxOwUs+DlW5lX95IzP7agSSQHzLsfKFy8l62kBcVHVTZvStVq91EoTAI1016im5jjjuqor6qYj/9pSt1uq9tvggqrTuwk94bA3RNzne1VL9YRzAR+KM4f8oOrrWsLZgA/vWLM5rPIsKVwO+GDqEhp8o+rUduFKwAes/S4zYWO5SDgY8P46OBLa5EIkNFrye+jPeiPjUyfNS2avv5m/AwBYsxVE4hUxzgAAAABJRU5ErkJggg==) no-repeat left center;
}
.hotcourse_type li a.c_pr {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMEU1RjhGMkZFNzhFNDExOENCMkEzQjZBRUU0NDY4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0Mzc5OURBOUFEQTMxMUU0Qjk1QUI4MTgzMkE1MkM2OCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0Mzc5OURBOEFEQTMxMUU0Qjk1QUI4MTgzMkE1MkM2OCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBCQzI5OEFFQTlBQUU0MTE5RDg2RkNEODQ4NkU1NkQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAwRTVGOEYyRkU3OEU0MTE4Q0IyQTNCNkFFRTQ0NjhDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+QqQRywAAAYVJREFUeNrU1jlLA0EUwPGsrhcoBhQP0AQsBEVtbDXgVWvlVQk2fgALGzuxs7DQz2DhBX6AgIiNWBghEWMREKy8GhETdf0/GWEY3d1k2RQO/Ip5zL43MzuzrOU4TqScrSJS5uZVYKrI2GTQAuN/xEaMvo1E0ALyYJURG4Wl9dswELTAMZaM2DVmtP4dWjAYpMAWxozYprF1n9jGhFsS26NARs1Yb5e4MmJpRN2SWB73oB7NyGmxduTxoMV61UTeSy1gFutT+/2kit4WdRGkgIcu7KLg/G45LMP2yqGvoBPz6njGVSyGBp85yjt5wwdukMQOnvUVzOHVCa/dI6Gv4BxNIX+GsnJ8pcB+GT96BbkHHUjhJOTk8i57ZP8XkUajz4kqheTKYkE6sk17OEN3CMn7kcKB5P4JyllexwsOMY2aEpLWYRZHyGMD1d8HyBjYqi5PBo9YQ61P4lU19gIriOtjvGY1jKR6MIaoIa4mcoohtzx+S7fUst2abGdlsZ+K//lX8SXAAGn7rU3Pi6cSAAAAAElFTkSuQmCC) no-repeat left center;
}
.hotcourse_type li a.c_xd {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMEU1RjhGMkZFNzhFNDExOENCMkEzQjZBRUU0NDY4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0M0E2NTNBMkFEQTMxMUU0Qjk1QUI4MTgzMkE1MkM2OCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0M0E2NTNBMUFEQTMxMUU0Qjk1QUI4MTgzMkE1MkM2OCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBCQzI5OEFFQTlBQUU0MTE5RDg2RkNEODQ4NkU1NkQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAwRTVGOEYyRkU3OEU0MTE4Q0IyQTNCNkFFRTQ0NjhDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+md76vgAAAhVJREFUeNrM1k9IVEEcwPFdLcGQELLVi3+CLmWCnYQQlUA8dBX0IHiJQElIRDBRSDxoXhTx4MGLh8CCQEwR7BgI3gQt6A+CguaiQrFJIurzO/UTfjs7s7sWgj/4sO/Nmzfz5vfezGw4CILQRUbGf95/E08wgVX0JtQwI0hTMRowgGwpGwri4xnK9H2+xsLquBPbVkNRrAeJ0YgO3ckVGchVNOEBKnCENtxGD65bA494UraMKjzCik5RFm5hDPuBP96hDW8c17aQgVVM2yn6gC7kIg+92HE0Uq7ehx2j8pAmvtgdjMiFX6iSMvMiW/FVNXKIzzhwdHAHfaqduA5qVcVmKctEqQy7HktJUvcKOdhVZXEdmHcQkwsxGdF7OZ/HQ6lnRjdnNb6JfAxa5Qmf6dsgedSpuvcwKY2bT7IaR1Yq/9TVM3k2xay9Ib+5qEQLinANM8hUdbddM9kM88R66o/4pJ5qBt/kfE8+hAXHaBd8M1m/yFl50SFHfs+iCFOO8n5Xiuw0reFYjqc8aTMzetdRPudbTXUHj8V9vPB0kBeX77+xgSXfamoWuWH8DtKLJrRYZZ26TXsEZvdpRwleYj/Fl1VgpegHxtPZcKLoko768DNJiqLqvBuxf9lwzCL43FoKTEzgrhwvyrISSmfD8cmRDeW7NGrmRURW3kLXPeftIKRW2qd4LU9d46sbvuz/KlLGqQADAKkbs2wK5FsvAAAAAElFTkSuQmCC) no-repeat left center;
}
.hotcourse_type li a.c_xc {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMEU1RjhGMkZFNzhFNDExOENCMkEzQjZBRUU0NDY4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0M0ZEOUNBNkFEQTMxMUU0Qjk1QUI4MTgzMkE1MkM2OCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0M0ZEOUNBNUFEQTMxMUU0Qjk1QUI4MTgzMkE1MkM2OCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBCQzI5OEFFQTlBQUU0MTE5RDg2RkNEODQ4NkU1NkQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAwRTVGOEYyRkU3OEU0MTE4Q0IyQTNCNkFFRTQ0NjhDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+QuSzCQAAAL1JREFUeNpi/P//PwMtARMDjQE2C/5DsQISG1lcAMpXAuIDQPwXig8BsQqmacAgQsMwoIDERhYXgPL3/scEB9HNY8QSBzABRSC+D2UzIokLAvEHIP4DxMxoev+hi1ESB8zEBPmARPLwseA+loinigVTgfgrFnGQ2HQg/kiKBYw4igomaOZBBkJA/J4IXzESE0T/cOTw4ZWKBKHlFV7AQoEFH0Yz2qgFA2/BdTQ2tjIIJHYNhx68ZRHVAECAAQAbd4Cu8LceUAAAAABJRU5ErkJggg==) no-repeat left center;
}
.hotcourse_type li a.c_cx {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAACXBIWXMAAAsTAAALEwEAmpwYAAADGWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjaY2BgnuDo4uTKJMDAUFBUUuQe5BgZERmlwH6egY2BmYGBgYGBITG5uMAxIMCHgYGBIS8/L5UBA3y7xsDIwMDAcFnX0cXJlYE0wJpcUFTCwMBwgIGBwSgltTiZgYHhCwMDQ3p5SUEJAwNjDAMDg0hSdkEJAwNjAQMDg0h2SJAzAwNjCwMDE09JakUJAwMDg3N+QWVRZnpGiYKhpaWlgmNKflKqQnBlcUlqbrGCZ15yflFBflFiSWoKAwMD1A4GBgYGXpf8EgX3xMw8BUNTVQYqg4jIKAX08EGIIUByaVEZhMXIwMDAIMCgxeDHUMmwiuEBozRjFOM8xqdMhkwNTJeYNZgbme+y2LDMY2VmzWa9yubEtoldhX0mhwBHJycrZzMXM1cbNzf3RB4pnqW8xryH+IL5nvFXCwgJrBZ0E3wk1CisKHxYJF2UV3SrWJw4p/hWiRRJYcmjUhXSutJPZObIhsoJyp2V71HwUeRVvKA0RTlKRUnltepWtUZ1Pw1Zjbea+7QmaqfqWOsK6b7SO6I/36DGMMrI0ljS+LfJPdPDZivM+y0qLBOtfKwtbFRtRexY7L7aP3e47XjB6ZjzXpetruvdVrov9VjkudBrgfdCn8W+y/xW+a8P2Bq4N+hY8PmQW6HPwr5EMEUKRilFG8e4xUbF5cW3JMxO3Jx0Nvl5KlOaXLpNRlRmVdas7D059/KY8tULfAqLi2YXHy55WyZR7lJRWDmv6mz131q9uvj6SQ3HGn83G7Skt85ru94h2Ond1d59uJehz76/bsK+if8nO05pnXpiOu+M4JmzZj2aozW3ZN6+BVwLwxYtXvxxqcOyCcsfrjRe1br65lrddU3rb2402NSx+cFWq21Tt3/Y6btr1R6Oven7jh9QP9h56PURv6Obj4ufqD355LT3mS3nZM+3X/h0Ke7yqasW15bdEL3ZeuvrnfS7N+/7PDjwyPTx6qeKz2a+EHzZ9Zr5Td3bn+9LP3z6VPD53de8b+9+5P/88Lv4z7d/Vf//AwAqvx2K829RWwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAABw0lEQVR42pTTz4sWVBTG8e8MooXZlGCKYVAR1thEhiX0Y2rZIhcuilYJWSsh2isEgboLEXST9gcUBEaLghYSYkHkouldlJE0FZkUziykjGY+bd5qZqzBee7iHM5znnvvufectGStM3BQnjAwLlOOLORHW4rXGm+6ervxLvV89/frIv6aEz7ALcJVOYZtC/lrBbtxQE7iDnfijeUFo/hcduKQMFi+hsnq6+rZ6nQbqunla3jBtLvllPPypO89tJAf0cowusL8Vg3t7d3TRHe1qS2tbqSRyvDGc810sV+a6pO+SbZ6x2L88Y/35xLmxdxnDue85AKYsNEeD7jNrXZ6znqbnABH/UA+w27Z4Aq+kkM4I/nOvL3DCJu9TpiRTIFX5XeQR8B78ibY7iijXe2mnq6+rGY70ubWVN9Wj1Z1ttpS1Y+NVS6DV6yxw81yFhyWD8GDcgWXZUBODev/1C7ZB36zytgwnsnhFhvxcx5e8GizQ7tHPgIvyznMOeYLvJsctBRnnB56ex0G8//+Q7Lf9eEnN/zdhZM+vg7B44sH6CnHDf43+aJn/ru9H2tb9zbR+sZa243NN9OF3u+tZquVz8NfAwCM/3JABuYpTQAAAABJRU5ErkJggg==) no-repeat left center;
}
.hotcourse_type li a.c_dg {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAACXBIWXMAAAsTAAALEwEAmpwYAAADGWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjaY2BgnuDo4uTKJMDAUFBUUuQe5BgZERmlwH6egY2BmYGBgYGBITG5uMAxIMCHgYGBIS8/L5UBA3y7xsDIwMDAcFnX0cXJlYE0wJpcUFTCwMBwgIGBwSgltTiZgYHhCwMDQ3p5SUEJAwNjDAMDg0hSdkEJAwNjAQMDg0h2SJAzAwNjCwMDE09JakUJAwMDg3N+QWVRZnpGiYKhpaWlgmNKflKqQnBlcUlqbrGCZ15yflFBflFiSWoKAwMD1A4GBgYGXpf8EgX3xMw8BUNTVQYqg4jIKAX08EGIIUByaVEZhMXIwMDAIMCgxeDHUMmwiuEBozRjFOM8xqdMhkwNTJeYNZgbme+y2LDMY2VmzWa9yubEtoldhX0mhwBHJycrZzMXM1cbNzf3RB4pnqW8xryH+IL5nvFXCwgJrBZ0E3wk1CisKHxYJF2UV3SrWJw4p/hWiRRJYcmjUhXSutJPZObIhsoJyp2V71HwUeRVvKA0RTlKRUnltepWtUZ1Pw1Zjbea+7QmaqfqWOsK6b7SO6I/36DGMMrI0ljS+LfJPdPDZivM+y0qLBOtfKwtbFRtRexY7L7aP3e47XjB6ZjzXpetruvdVrov9VjkudBrgfdCn8W+y/xW+a8P2Bq4N+hY8PmQW6HPwr5EMEUKRilFG8e4xUbF5cW3JMxO3Jx0Nvl5KlOaXLpNRlRmVdas7D059/KY8tULfAqLi2YXHy55WyZR7lJRWDmv6mz131q9uvj6SQ3HGn83G7Skt85ru94h2Ond1d59uJehz76/bsK+if8nO05pnXpiOu+M4JmzZj2aozW3ZN6+BVwLwxYtXvxxqcOyCcsfrjRe1br65lrddU3rb2402NSx+cFWq21Tt3/Y6btr1R6Oven7jh9QP9h56PURv6Obj4ufqD355LT3mS3nZM+3X/h0Ke7yqasW15bdEL3ZeuvrnfS7N+/7PDjwyPTx6qeKz2a+EHzZ9Zr5Td3bn+9LP3z6VPD53de8b+9+5P/88Lv4z7d/Vf//AwAqvx2K829RWwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAABcklEQVR42qTUMUhVURzH8f+rJTCwAqMhcggMmiJeEFRjW4PiEEFL1tIbzCCIhqIhGhqsSF1cXB0aHGx3SSRUDCECgzekcZVHSZCR0afh3Wf33tT3ot9Zzv93ft9zDudwTkn8m/bkqgdRjetRyjg9sRAvchnZ1g+WHXPEeQe9BiPZTB445DNYsYIv6jq9MxAqinqeTxSBMJqLTxTH8+Vhgz7mgKo72nYCem3aTmvK2wGP7aa+IjAMvprBkneomcdPczbArSzwKJ1n3G2MGcSiu5hyc2uVqw3gxpaVqGFdDT8kSCSZjV0Q4ZTWteFkeIVfqfFJNe19s/5XfBnTYR6zqXVZuzVQUU69t96kvW6zNsN9VJwx4qwQ2pxzXAhdnrhnn9Dvqf3KeBk6sCpaaBO4GMIzVJrGT+B9/ViPImkKDOFa4+IeYmDXeCeWhCiJiNgbH6IzFkLhyTb0PbriQFyKyT9PtMNik0u7Uk+W/u/XaEG/BwDKNrKTxrKWtgAAAABJRU5ErkJggg==) no-repeat left center;
}
.hotcourse_type li a.c_qh {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAACXBIWXMAAAsTAAALEwEAmpwYAAADGWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjaY2BgnuDo4uTKJMDAUFBUUuQe5BgZERmlwH6egY2BmYGBgYGBITG5uMAxIMCHgYGBIS8/L5UBA3y7xsDIwMDAcFnX0cXJlYE0wJpcUFTCwMBwgIGBwSgltTiZgYHhCwMDQ3p5SUEJAwNjDAMDg0hSdkEJAwNjAQMDg0h2SJAzAwNjCwMDE09JakUJAwMDg3N+QWVRZnpGiYKhpaWlgmNKflKqQnBlcUlqbrGCZ15yflFBflFiSWoKAwMD1A4GBgYGXpf8EgX3xMw8BUNTVQYqg4jIKAX08EGIIUByaVEZhMXIwMDAIMCgxeDHUMmwiuEBozRjFOM8xqdMhkwNTJeYNZgbme+y2LDMY2VmzWa9yubEtoldhX0mhwBHJycrZzMXM1cbNzf3RB4pnqW8xryH+IL5nvFXCwgJrBZ0E3wk1CisKHxYJF2UV3SrWJw4p/hWiRRJYcmjUhXSutJPZObIhsoJyp2V71HwUeRVvKA0RTlKRUnltepWtUZ1Pw1Zjbea+7QmaqfqWOsK6b7SO6I/36DGMMrI0ljS+LfJPdPDZivM+y0qLBOtfKwtbFRtRexY7L7aP3e47XjB6ZjzXpetruvdVrov9VjkudBrgfdCn8W+y/xW+a8P2Bq4N+hY8PmQW6HPwr5EMEUKRilFG8e4xUbF5cW3JMxO3Jx0Nvl5KlOaXLpNRlRmVdas7D059/KY8tULfAqLi2YXHy55WyZR7lJRWDmv6mz131q9uvj6SQ3HGn83G7Skt85ru94h2Ond1d59uJehz76/bsK+if8nO05pnXpiOu+M4JmzZj2aozW3ZN6+BVwLwxYtXvxxqcOyCcsfrjRe1br65lrddU3rb2402NSx+cFWq21Tt3/Y6btr1R6Oven7jh9QP9h56PURv6Obj4ufqD355LT3mS3nZM+3X/h0Ke7yqasW15bdEL3ZeuvrnfS7N+/7PDjwyPTx6qeKz2a+EHzZ9Zr5Td3bn+9LP3z6VPD53de8b+9+5P/88Lv4z7d/Vf//AwAqvx2K829RWwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAABrElEQVR42rSUTUiUURiFn+9rRiswFapNMmUUtKkWBWGURLQohBaBELZuU1AQQ0SbFlaurJAsW0SLcF9kRmPC7IIwI1ppvy78GYlJxbBpwKfFMDifWcwEnbu6l+e8F8493EAqU8g/GZr4RmuZDhGrvKFedq+9pt0hK66bnpGlbZPvfKuOW7MinvKz+0sN2OK8rX+Y/ty5ws3R47viKft85kURb3vPhHjcjEm/myoajjjkhP3eN2NRXXaq+tgqP9nmHVXTMaCNXmCWY5E0tlENQJYUjVzgCl/YyldsUDNi0qjGvORT+zyr6qIH3CMSchg4yC46luWdYAODvCfOC+Aq1xhilu0x5oFRksR+e6I8ncATuhlmkmZgHScwVG8Zd7lGbHHAnO1OuGCX/epHtwTWcp3N9HCSeGT+IJsYJs84p2lkjAfs5g2vA6eYYjUJRokWt4Y1BMxQxww5aqlmmnrOB2apr6Csh0LSFeA/eRXSXYHhIQuIjyxPedcXuhQ4UAaedV9pW8/54S/wD3vcWCCDkiyP0sxOGqhjLatYJMcc04zwkhSTRSj477/GrwEAXRSqWR6t1TAAAAAASUVORK5CYII=) no-repeat left center;
}
.allcourse {
display: block;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #fff;
position: relative;
}
.allcourse:hover {
background: #ee7800;
color: #fff;
}
.hotcourse_info {
width: 620px;
height: 359px;
background: #fff;
position: absolute;
top: 0;
padding: 20px;
line-height: 1;
opacity: 0;
-webkit-transition: .5s;
left: 200px;
visibility: hidden
}
.hotcourse_info h3 {
font-size: 20px;
padding-bottom: 10px
}
.hotcourse_info h4 {
font-size: 16px;
padding-bottom: 10px
}
.hotcourse_info p {
font-size: 14px;
padding-bottom: 10px;
line-height: 1.5
}
.hotcourse_info p.hotcourse_info_online {
margin-top: 10px
}
.hotcourse_info p a.hotcourse_info_link {
display: inline-block;
background: #ee7800color: #fff;
border-radius: 3px;
margin-right: 20px;
padding: 10px 20px;
font-size: 16px
}
.fadeIn {
opacity: 1;
-webkit-transition: .5s;
visibility: visible
}
.slider {
width: 100%;
height: 472px;
position: relative
}
.bannerc {
height: 472px;
overflow: hidden;
position: relative;
width: 100%
}
.bannerc li {
height: 472px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
opacity: 0;
background-repeat: no-repeat;
background-position: center
}
.bannerpage {
position: absolute;
bottom: 20px;
text-align: center;
z-index: 3;
}
.banner {
max-width: 1920px;
}
.banner a {
display: block;
width: 100%;
}
.banner img {
max-width: 100%;
}
.banner .bannerpage span {
padding: 0px 10px;
background-color: rgba(255,255,255,0.79);
opacity: 1;
font-size: 14px;
width: 132px;
text-align: center;
border-radius: 35px;
height: 35px;
margin: 0 5px;
line-height: 35px;
color: #131313;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
background: #DA0315;
font-weight: bold;
color: #fff;
}
.banner .bannerpage span:hover{
background: #DA0315;
font-weight: bold;
color: #fff;
}
.bannermenu {
left: 50%;
margin-left: -300px;
position: absolute;
bottom: 20px;
z-index: 9;
display: block
}
.bannermenu li {
display: inline-block;
width: 120px;
height: 23px;
background: #373737;
margin: 0 3px;
overflow: hidden;
cursor: pointer;
*float: left;
color: #fff;
opacity: 0.7;
text-align: center;
font-size: 12px;
line-height: 23px
}
.bannermenu li.on {
background: #fff;
color: #373737
}
.crowd {
padding: 20px 0;
background: #fff
}
.crowd a img {
transition: 0.5s
}
.crowd a:hover img {
-webkit-transform: translate(10px, 0);
transition: 0.5s
}
.course_tui {
padding-bottom: 20px;
width: 1300px;
margin-left: auto;
margin-right: auto;
}
.course_tui ul {
width: 1400px;
overflow: hidden
}
.course_tui li {
float: left;
width: 240px;
margin-right: 25px
}
.course_tui li > a {
display: block;
position: relative
}
.course_tui li > a > img {
vertical-align: middle
}
.course_tui .h_hover {
position: absolute;
top: 33px;
left: 0;
width: 100%;
height: 80px;
background: rgba(88, 88, 88, 0.86);
text-align: center;
color: #fff;
opacity: 1;
transition: 0.5s
}
.course_tui .h_hover h3 {
width: 80%;
margin: 0 auto;
font-size: 20px;
padding-bottom: 5px;
border-bottom: 1px solid #fff;
padding-top: 10px
}
.course_tui .h_hover h4 {
font-size: 16px;
padding-top: 5px
}
.course_tui li > a:hover .h_hover {
opacity: 0;
transition: 0.5s
}
.course_tui li h3 {
font-size: 14px;
font-weight: 500;
line-height: 25px;
text-align: center
}
.course_tui li p {
padding-top: 5px;
color: #888
}
.course_tui li p a {
padding: 2px 7px;
color: #fff;
background: #ee7800;
float: right
}
.course_tui li p b {
font-size: 20px;
color: #ee7800
}
.bm_table {
background: #F0F0F0;
padding: 30px 0
}
.bm_td h2 {
padding: 10px;
background: #fff;
font-weight: bold;
margin-bottom: 1px
}
.bm_td ul li {
margin-bottom: 1px;
overflow: hidden;
height: 42px;
line-height: 42px
}
.bm_td ul li a {
text-decoration: underline
}
.bm_td ul li p {
margin-right: 0;
background: #fff;
text-align: center;
float: left;
margin-right: 1px;
transition: 0.5s
}
.bm_td ul li p img {
vertical-align: sub
}
.bm_td ul li.bm_t {
height: 32px;
line-height: 32px
}
.bm_td ul li.bm_t p {
background: #A9A9A9;
color: #fff
}
.bm_td ul li:hover p {
background: #ee7800;
color: #fff
}
.bm_td ul li:hover p a {
color: #fff
}
.bm_td ul li p.bm_name {
width: 220px;
font-weight: bold
}
.bm_td ul li p.bm_long {
width: 100px
}
.bm_td ul li p.bm_num {
width: 100px
}
.bm_td ul li p.bm_reg {
width: 100px
}
.bm_td ul li p.bm_remaining {
width: 110px
}
.bm_td ul li p.bm_master {
width: 120px
}
.bm_td ul li p.bm_date {
width: 180px
}
.bm_td ul li p.bm_achieve {
width: 200px
}
.bm_td ul li p.bm_link {
width: 160px
}
.bm_td ul li p.bm_active {
width: 200px;
margin-right: 0
}
.new_scroll {
background: #F8F8F8;
padding: 15px 15px 0
}
.new_scroll h2 {
background: url(data:image/gif; base64,R0lGODlhCgAPALM PAIiIiJ2dnenp6fv7+7i4uJ6ens7Ozo6OjpmZmbCwsPj4+Ozs7NXV1YyMjKKiov///yH5BAEAAA8ALAAAAAAKAA8AAAQz0IxHKw1l2RrAYdvTAQAxcSSZoakHim1qjjHg0C0i4GSiwKmGgQXQWUa+TUAYeiQEzUcEADs=) no-repeat left center;
padding-left: 20px;
font-size: 18px;
font-weight: normal
}
.new_scroll_box {
height: 150px;
overflow: hidden;
padding: 10px 0;
}
.new_scroll_box li {
font-size: 14px;
height: 40px;
line-height: 40px;
border-bottom: 1px dotted #DDD
}
.new_scroll_box li span {
display: inline-block;
text-align: center
}
.new_scroll_box li span.n_cols {
width: 25%
}
.new_scroll_box li span.n_cols2 {
width: 30%
}
.new_scroll_box li span.n_cols3 {
width: 15%
}
.new_scroll_box li span.n_cols4 {
width: 25%
}
.new_scroll_join {
background: #FFBA91;
height: 50px;
font-size: 14px;
line-height: 50px;
text-align: Center;
color: #fff
}
.new_scroll_join a {
display: block;
padding: 0 25px;
float: right;
background: #ee7800;
color: #fff
}
.server {
overflow: hidden;
width: 110%;
padding-top: 20px
}
.server li {
float: left;
margin-right: 25px;
margin-bottom: 20px
}
.server li a {
display: block;
width: 62px;
height: 52px;
text-indent: -9999px
}
.server li a.s_pr {
background-position: -8px -400px;
}
.server li a.s_xd {
background-position: -78px -400px;
}
.server li a.s_xc {
background-position: -148px -400px;
}
.server li a.s_lc {
background-position: -217px -400px;
}
.server li a.s_tj {
background-position: -286px -400px;
}
.server li a.s_sd {
background-position: -8px -461px;
}
.server li a.s_md {
background-position: -78px -461px;
}
.server li a.s_cx {
background-position: -148px -461px;
}
.server li a.s_dg {
background-position: -217px -461px;
}
.server li a.s_zs {
background-position: -286px -461px;
}
.home_mv {
padding-top: 50px
}
.home_mv_t {
font-size: 18px;
overflow: hidden
}
.home_mv_t h2 {
font-size: 18px;
font-weight: normal;
float: left
}
.home_mv_box {
padding-top: 15px;
width: 1360px;
overflow: hidden;
height: 260px;
}
.home_mv_box li {
width: 318px;
float: left;
margin-right: 10px;
}
.home_mv_box li a {
display: block;
position: relative
}
.home_mv_box li p {
text-align: center;
font-size: 16px;
line-height: 40px
}
.home_mv_box li a img {
width: 100%;
height: 220px
}
.home_mv_box li a span {
width: 100%;
height: 220px;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
background-position: center;
opacity: 0;
transition: 0.5s
}
.home_mv_box li a:hover span {
opacity: 1;
transition: 0.5s
}
.home_h2 {
height: 50px;
line-height: 40px;
padding-bottom: 15px
}
.home_h2 h2 {
font-size: 24px;
font-weight: normal;
background: url(data:image/gif; base64,R0lGODlhCgAPALMPAIiIiJ2dnenp6fv7+7i4uJ6ens7Ozo6OjpmZmbCwsPj4+Ozs7NXV1YyMjKKiov///yH5BAEAAA8ALAAAAAAKAA8AAAQz0IxHKw1l2RrAYdvTAQAxcSSZoakHim1qjjHg0C0i4GSiwKmGgQXQWUa+TUAYeiQEzUcEADs=) no-repeat left center;
}
.home_h2 h2 span {
font-size: 14px;
margin-left: 20px;
color: #888;
vertical-align: text-top
}
.home_h2_more {
float: right;
font-size: 14px
}
.home_h2_more a {
margin-left: 10px;
}
.menu3 > a:hover, .home_h2_more a:hover {
color: #FFF;
}
.picshow {
background: #F8F8F8;
padding: 30px 0
}
.picshow_box {
position: relative;
height: 360px
}
.picshow_box a {
display: block;
position: absolute;
overflow: hidden
}
.picshow_box .pic1 {
width: 640px;
height: 360px;
left: 0;
top: 0;
position: absolute
}
.picshow_box .pic2 {
width: 330px;
height: 177px;
left: 645px;
top: 0
}
.picshow_box .pic3 {
width: 330px;
height: 178px;
left: 645px;
top: 182px
}
.picshow_box .pic4 {
width: 220px;
height: 360px;
left: 980px;
top: 0
}
.picshow_box p {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
transition: .5s;
color: #fff;
text-align: center
}
.picshow_box a:hover p {
opacity: 1;
background-color: rgba(233, 68, 26, 0.5);
box-shadow: 0 0 6em 1em rgba(150, 0, 0, 0.7) inset;
-webkit-box-shadow: 0 0 6em 1em rgba(150, 0, 0, 0.7) inset;
transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out
}
.picshow_box .pic1 p {
line-height: 360px;
font-size: 30px
}
.picshow_box .pic2 p {
line-height: 177px;
font-size: 24px
}
.picshow_box .pic3 p {
line-height: 178px;
font-size: 24px
}
.picshow_box .pic4 p {
line-height: 360px;
font-size: 18px
}
.fullSlide {
width: 100%;
position: relative;
background: #000
}
.fullSlide .bd {
margin: 0 auto;
position: relative;
z-index: 0;
overflow: hidden;
height: 360px
}
.fullSlide .bd ul {
width: 100% !important
}
.fullSlide .bd li {
width: 100% !important;
height: 410px;
overflow: hidden;
text-align: center
}
.fullSlide .bd li a {
display: block;
width: 100%;
height: 410px
}
.fullSlide .hd {
width: 100%;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
height: 30px;
line-height: 30px
}
.fullSlide .hd ul {
text-align: center
}
.fullSlide .hd ul li {
cursor: pointer;
display: inline-block;
*display: inline;
zoom: 1;
width: 42px;
height: 11px;
margin: 1px;
overflow: hidden;
background: #000;
filter: alpha(opacity=50);
opacity: 0.5;
line-height: 999px
}
.fullSlide .hd ul .on {
background: #f00
}
.fullSlide .prev, .fullSlide .next {
display: block;
position: absolute;
z-index: 1;
top: 50%;
margin-top: -30px;
left: 10px;
z-index: 1;
width: 40px;
height: 60px;
background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
cursor: pointer;
filter: alpha(opacity=50);
opacity: 0.5;
display: none
}
.fullSlide .next {
left: auto;
right: 10px;
background-position: -6px -137px
}
.container_box {
width: 1300px;
margin-left: auto;
margin-right: auto;
position: relative;
height: 520px
}
.zpshow_box {
width: 1210px;
height: 370px
}
.zpshow_left {
width: 300px;
float: left
}
.zpshow_box_main {
width: 1310px;
height: 370px;
margin-top: 20px;
}
.zpshow_right_main {
width: 1000px;
float: right
}
.zpshow_right {
width: 900px;
float: right
}
.zpshow_right_main li {
width: 323px;
height: 215px;
float: left;
overflow: hidden;
margin: 0 10px 10px 0
}
.zpshow_right li {
width: 290px;
height: 175px;
float: left;
overflow: hidden;
margin: 0 10px 10px 0
}
.zpshow_right li a, .zpshow_right_main li a {
display: block;
width: 100%;
height: 100%;
position: relative
}
.zpshow_right li a img, .zpshow_right_main li a img {
width: 100%;
height: 100%;
transition: .5s
}
.zpshow_right li a img:hover {
-webkit-transform: scale(1.25);
transition: 1.5s
}
.zpshow_right_main li a img:hover {
-webkit-transform: scale(1.25);
transition: 1.5s
}
.zpshow_right li a p, .zpshow_right_main li a p {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 5px 0;
background: rgba(0, 0, 0, 0.5);
color: #fff;
text-align: Center
}
.tshow {
background: #F8F8F8;
padding: 30px 0 50px
}
.tshow_box {
height: 455px;
width: 100%;
overflow: hidden
}
.tshow_box li {
float: left;
width: 163px;
transition: 0.5s;
overflow: hidden;
position: relative;
opacity: 0.7;
background: #fff
}
.tshow_box li.current {
width: 705px;
transition: 0.5s;
opacity: 1
}
.tshow_box li.current > a img {
left: 0;
transition: 0.5s
}
.tshow_box li > a {
display: block;
width: 328px;
overflow: hidden
}
.tshow_box li > a img {
position: relative;
left: -90px;
transition: 0.5s
}
.tshow_info {
position: absolute;
left: 328px;
top: 0;
width: 337px;
padding: 10px 15px
}
.tshow_info h3 {
font-size: 24px;
padding-bottom: 10px;
color: #ee7800
}
.tshow_info h4 {
font-size: 14px;
padding-bottom: 10px;
color: #555;
font-weight: bold
}
.tshow_info p {
font-size: 15px;
padding-bottom: 10px;
color: #000;
line-height: 20px
}
.tshow_info p img {
margin-right: 10px
}
.sshow {
}
.sshow_box {
height: 360px;
position: relative
}
.sshow_box li {
position: absolute;
background: #DDD;
overflow: hidden
}
.sshow_box li.c1 {
width: 600px;
height: 360px
}
.sshow_box li.c1 p {
position: absolute;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
color: #DDD;
padding: 10px;
line-height: 22px
}
.sshow_box li.c2 {
width: 290px;
height: 175px;
left: 610px;
top: 0
}
.sshow_box li.c3 {
width: 290px;
height: 175px;
left: 910px;
top: 0
}
.sshow_box li.c4 {
width: 290px;
height: 175px;
left: 610px;
top: 185px
}
.sshow_box li.c5 {
width: 290px;
height: 175px;
left: 910px;
top: 185px
}
.sshow_box li.sother p {
position: absolute;
bottom: 0;
padding: 5px 0px;
background: rgba(0, 0, 0, 0.5);
color: #DDD;
width: 100%;
text-align: center;
line-height: 20px
}
.group_show {
padding: 0
}
.group_desc {
width: 500px;
height: 350px;
background: #fff
}
.group_desc h2 {
font-size: 18px;
color: #555;
line-height: 40px
}
.group_desc h2 span {
display: inline-block;
border-bottom: 1px solid #ee7800
}
.group_desc h2 em {
font-size: 14px;
color: #888;
font-weight: 500;
float: right
}
.group_desc div {
padding: 10px 0
}
.group_desc div p {
padding-bottom: 10px;
line-height: 20px
}
.media_show {
width: 640px;
height: 270px;
background: #fff
}
.media_show h2 {
font-size: 18px;
color: #555
}
.media_show h2 span {
display: inline-block;
padding-bottom: 10px;
border-bottom: 1px solid #ee7800
}
.media_show li {
padding-top: 20px
}
.media_date {
width: 60px;
float: left;
background: #ee7800;
text-align: center;
color: #fff;
margin-top: 5px
}
.media_month {
padding: 5px 0;
background: #ce3913
}
.media_day {
padding: 7px 0;
font-weight: bold;
font-size: 18px
}
.media_link {
width: 560px;
float: right
}
.media_link a {
font-size: 17px;
font-weight: bold;
color: #ee7800
}
.media_link p {
margin-top: 10px;
line-height: 22px
}
.friend {
background: #fff;
height: 240px
}
.friend .firend_t {
border-bottom: 1px solid #F8F8F8;
height: 35px;
overflow: hidden
}
.friend .firend_t li {
height: 34px;
float: left;
font-size: 18px;
margin-right: 20px;
cursor: pointer
}
.friend .firend_t li.current {
border-bottom: 1px solid #ee7800;
color: #ee7800
}
.friend .friendbox {
padding: 20px 0;
position: absolute;
display: none;
opacity: 0;
transition: .5s;
top: -236px
}
.friend .friendbox a {
color: #000
}
.company {
width: 1210px
}
.company a {
width: 150px;
display: block;
height: 67px;
margin: 0 16px 25px 0;
border: #ccc solid 1px;
float: left
}
.friend .current {
visibility: visible;
transition: .5s;
top: 35px;
opacity: 1;
display: block
}
.country li, .flink li {
float: left;
line-height: 25px;
margin: 0 5px;
width: 155px;
}
.footer {
padding: 30px 0 30px
}
.ft_nav {
padding: 30px 0;
overflow: hidden;
background: #F8F8F8
}
.ft_nav dl {
float: left;
width: 150px;
padding: 0 25px
}
.ft_nav dl dt {
font-size: 18px;
color: #333;
padding-bottom: 20px
}
.ft_nav dl dd {
font-size: 14px;
line-height: 25px
}
.ft_nav dl dd a {
display: block;
color: #666
}
.ft_sp {
height: 90px;
background: #F8F8F8
}
.ft_sp li {
width: 25%;
float: left;
padding: 20px 0
}
.ft_sp li em.ftsp_i {
display: block;
width: 50px;
height: 50px;
float: left;
margin-left: 20px;
margin-right: 10px;
transition: 0.5s;
-webkit-transition: 0.5s;
transform: rotate(0deg);
-webkit-transform: rotate(0deg)
}
.ft_sp li:hover em.ftsp_i {
transition: 0.5s;
-webkit-transition: 0.5s;
transform: rotate(360deg);
-webkit-transform: rotate(360deg)
}
.ft_sp li em.ftsp_i1 {
background-position: -200px -80px
}
.ft_sp li em.ftsp_i2 {
background-position: -260px -80px
}
.ft_sp li em.ftsp_i3 {
background-position: -320px -80px
}
.ft_sp li em.ftsp_i4 {
background-position: -400px -200px
}
.ft_sp li .ft_sp_li h3 {
font-size: 18px;
font-weight: normal;
color: #373737;
line-height: 30px
}
.ft_sp li .ft_sp_li p {
color: #666
}
.ft_sp li.wxcode {
position: relative
}
.wxcode_box {
opacity: 0;
position: absolute;
top: -40px;
left: 0;
padding: 10px;
background: #fff;
z-index: 9;
transition: 1s;
box-shadow: 0 0 10px #373737
}
.wxcode_box.current {
opacity: 1;
left: -120px;
transition: 1s
}
.site_info {
background: #fff;
height: 186px;
}
.group_logo {
width: 310px;
height: 50px;
background-position: 0 -520px;
text-indent: -9999px;
position: absolute;
left: 50px;
top: 27px
}
.copyright {
border-top: 1px solid #F3F3F3;
padding: 15px 0;
margin-right: 3%;
margin:right;
}
.copyright p {
text-align: right;
font-size: 12px;
line-height: 25px;
color: #888
}
.copyright p em {
font-weight: bold
}
.v_pupop {
position: fixed;
z-index: 9999;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none
}
.pupop_bg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #373737;
opacity: 0.7;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70)
}
.v_pupop_box {
position: absolute;
width: 700px;
height: 450px;
z-index: 9999;
top: 50%;
margin-top: -225px;
left: 50%;
margin-left: -350px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.8)
}
.v_pupop_close {
position: absolute;
right: -60px;
top: -60px;
cursor: pointer
}
.v_pupop_close i {
color: #DDD;
font-size: 48px
}
.right_fixed {
position: fixed;
width: 80px;
height: 370px;
right: 50%;
top: 50%;
margin-right: -700px;
margin-top: -190px;
z-index: 9999;
overflow: hidden
}
.right_fixed a {
display: block;
width: 65px;
height: 65px;
margin-top: 15px;
text-indent: -9999px
}
.right_fixed a.right_zx_qq {
background-position: right 0
}
.right_fixed a.right_zx_swt {
background-position: right -85px
}
.right_fixed a.right_zx_tel {
background-position: right -171px
}
.right_fixed a.right_zx_reg {
background-position: right -255px
}
.right_fixed a.right_zx_backtop {
height: 30px;
background-position: right -340px
}
@media screen and (max-width: 1366px) {
.right_fixed {
margin-right: -615px
}
}
@media screen and (min-width: 1366px) {
.right_fixed {
margin-right: -700px
}
}
.window {
position: fixed;
left: 50%;
top: 50%;
margin-left: -260px;
margin-top: -155px;
width: 520px;
height: 310px;
z-index: 9999
}
.window_bg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
cursor: pointer;
background: #fff;
opacity: 0.5;
filter: alpha(opacity=50);
display: none
}
.window_box {
background: url(../images/window.jpg) no-repeat center;
width: 100%;
height: 100%
}
.window_close {
position: absolute;
right: 10px;
top: 10px;
width: 20px;
height: 20px;
z-index: 99;
background: #373737;
border-radius: 50%;
text-align: center
}
.window_close i {
color: #fff;
font-size: 12px;
cursor: pointer;
line-height: 20px;
vertical-align: super
}
.window_content {
padding: 40px;
color: #fff
}
.window_content a {
display: block;
position: absolute;
width: 193px;
height: 44px;
text-indent: -9999px
}
.window_content a.w_more {
left: 96px;
bottom: 10px
}
.window_content a.w_swt {
right: 47px;
bottom: 24px
}
.window_content a.w_freetel {
left: 239px;
bottom: 15px;
display: none
}
.window_content a.w_swt:hover {
background: #fff;
opacity: 0.3
}
.bottom_box {
width: 100%;
height: 120px;
position: fixed;
bottom: 0;
left: 0;
z-index: 999;
display: none
}
.bottom_black_bg {
position: absolute;
width: 100%;
height: 100%;
background: #111;
opacity: 0.8
}
.bottom_close_btn {
position: absolute;
right: -100px;
top: 50px;
width: 60px;
height: 60px;
cursor: pointer
}
.bottom_close_btn i {
font-size: 48px;
color: #DDD
}
.bottom_box .container {
height: 100%
}
.bottom_box .bottom_pic {
height: 150px;
width: 600px;
background: url(../images/bottom_pic.png) no-repeat left center;
position: absolute;
bottom: 0
}
.lxb_t {
padding: 10px 0 0
}
.lxb_t p {
color: #fff;
font-size: 16px;
padding-bottom: 10px
}
.lxb_t span {
display: block;
font-size: 14px;
color: #fff
}
.lxb_t span i {
font-size: 30px;
font-weight: bold;
color: #ee7800
}
.lxb {
padding-top: 5px;
display: block
}
.lxbinput {
height: 40px;
padding: 5px;
border: 0;
background-color: #fff;
color: #888;
width: 300px;
font-size: 20px;
box-shadow: 0 0 3px #999 inset
}
.lxbinput:focus {
background: #fff
}
.lxbapply {
background: #1F8ADC;
color: #fff;
border: 0;
height: 50px;
padding: 0 30px;
font-size: 16px;
Cursor: pointer;
transition: 0.5s;
font-weight: bold
}
.lxbapply:hover {
background: #0060C0;
transition: 0.5s
}
.lxb_qq {
display: block;
float: left;
height: 50px;
line-height: 50px;
padding: 0 20px;
font-size: 16px;
font-weight: bold;
margin-left: 10px;
background: #ee7800;
color: #fff
}
.lxb_qq:hover {
color: #fff;
background: #F90
}
.lgpic:hover {
-webkit-animation: imageAnimation 3s;
-webkit-animation-fill-mode: forwards
}
@-webkit-keyframes imageAnimation {
0% {
-webkit-transform: scale(1)
}
100% {
-webkit-transform: scale(1.25)
}
}
.insert {
width: 100%;
height: 0;
background: url(../images/kaixue.jpg) no-repeat center;
position: relative
}
.ad_banner {
width: 1200px;
overflow: hidden;
padding: 30px 0 10px
}
.lt {
float: left
}
.rt {
float: right
}
.f-cb {
zoom: 1
}
.fn-clear:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
.fn-clear {
zoom: 1
}
.online_icon {
overflow: hidden
}
.online_windows {
width: 144px
}
.online_w_top {
background: url(../images/online_bg.png) no-repeat -36px 0;
height: 10px
}
.online_w_c {
background: url(../images/online_bg.png) repeat-y 0 -185px;
padding: 0 5px
}
.online_w_bottom {
background: url(../images/online_bg.png) repeat-y -36px -35px;
height: 29px
}
.online_content {
background: url(../images/online_bg.png) no-repeat -147px -185px;
padding-top: 11px
}
.online_content a.qq_icon {
background: url(../images/online_bg.png) no-repeat -37px -130px;
width: 121px;
height: 25px;
display: block;
margin: 0 auto;
text-indent: 30px;
line-height: 23px;
cursor: pointer
}
.online_content a.qq_icon:hover {
background-position: -159px -130px;
color: #fff
}
.online_bar h2 {
background: url(../images/online_bg.png) repeat-x 0 -156px;
height: 29px;
line-height: 27px;
font-size: 12px;
color: #666;
text-align: left
}
.online_bar h2 a {
display: block;
padding-left: 14px;
margin-left: 6px;
cursor: pointer;
font-size: 16px;
font-weight: bold
}
.expand h2 a {
background: url(../images/online_bg.png) no-repeat -36px -69px
}
.collapse h2 a {
background: url(../images/online_bg.png) no-repeat -36px -96px
}
.expand h2 a:hover, .collapse h2 a:hover {
text-decoration: none;
color: #c81d04
}
.online_content {
text-align: center;
border-bottom: 1px solid #d0d0d0
}
.online_content ul li {
line-height: 24px;
margin-bottom: 5px;
float: none
}
.online_content ul li a {
display: block;
position: relative
}
.online_content ul li a p {
position: absolute;
left: 32px;
top: 0;
padding-right: 10px;
width: 85px;
line-height: 25px;
text-align: center
}
.online_content ul li a:hover {
color: #c81d04
}
#online_qq_layer {
position: fixed;
left: 50%;
margin-left: 610px;
top: 80px;
_position: absolute;
z-index: 20
}
* html, * html body {
_background-attachment: fixed
}
* html #online_qq_layer {
_bottom: auto;
_top: expression(eval(document.documentElement.scrollTop+150))
}
#onlineService {
position: fixed;
top: 80px;
right: 0
}
#onlineType1, #onlineType2, #onlineType3, #onlineType4, #onlineType5, #onlineType6 {
display: none
}
#onlineType1 {
display: block
}
#goto_top {
background: url(../images/gototop.png) no-repeat 0 0;
width: 48px;
height: 41px;
cursor: pointer;
position: fixed;
left: 50%;
bottom: 50px;
margin-left: 500px;
display: none
}
.tipsy {
padding: 5px;
font-size: 14px;
position: absolute;
z-index: 1000
}
.tipsy-inner {
padding: 5px 8px 4px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center
}
.tipsy-inner {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px
}
.tipsy-arrow {
position: absolute;
background: url('../images/kefu/admin/v2/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px
}
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left
}
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px
}
#country li:nth-child(1) a b {
color: #e47600
}
#navs {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 99
}
.main7 {
width: 1300px;
margin: 30px auto;
display: block
}
.main7 .menu3, .zpshow .menu3 {
width: 1300px;
height: 36px;
margin: 0 0 8px 0
}
.sshow .menu3 {
width: 1200px;
height: 36px;
margin: 0 0 8px 0
}
.main7 .selCon3 {
width: 1310px;
}
.menu3 li, .menu3 ul a {
width: 102px;
height: 34px;
border: 1px solid #dbdbdb;
float: left;
margin-left: 2px;
text-align: center;
font: 20px/34px "微软雅黑";
cursor: pointer;
background: #FFF;
}
.menu3 .hover3, #zptab .hover3, .home_mv_t .hover3 {
width: 104px;
height: 36px;
background: #ee7800;
color: #fff;
border: none
}
.sshow .menu3 li, .sshow .menu3 .hover3 {
width: 200px;
}
.home_mv_t h2:first-child {
width: 104px;
height: 36px;
background: #ee7800;
color: #fff;
text-align: center;
font: 20px/34px "微软雅黑";
cursor: pointer;
}
.menu3 a, .home_h2_more a {
display: block;
width: 60px;
height: 24px;
text-align: center;
float: right;
font: 15px/24px "微软雅黑";
margin-top: 5px;
background: #EF7800;
}
.main7 .selCon3 .selContent3 {
width: 1405px;
display: none;
overflow: hidden
}
.selContent3 div {
position: relative;
width: 300px
}
.selContent3 div, .selContent3 ul {
float: left;
height: 410px
}
.selContent3 div img {
width: 300px !important
}
.selContent3 li:hover a, .selContent3 div:hover a {
display: block
}
.selContent3 div a, .selContent3 li a {
position: absolute;
left: 0px;
top: 0px;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7
}
.selContent3 div a, .selContent3 li a {
width: 323px;
height: 395px;
text-align: center;
background: #fff;
font: bold 16px/395px "微软雅黑";
color: #000
}
.selContent3 a {
display: none
}
.selContent3 li a {
height: 196px;
line-height: 196px
}
.selContent3 ul {
width: 1000px;
margin-left: 10px
}
.selContent3 ul li {
width: 323px;
height: 195px;
float: left;
margin: 0 10px 4px 0;
position: relative
}
.selContent3 ul li:nth-child(3), .selContent3 ul li:nth-child(6) {
margin-right: 0px
}
.selContent3 ul li img {
width: 323px !important
}
.hot_ul {
width: 1400px
}
.hot_ul li {
float: left;
width: 202px;
height: 126px;
text-align: center;
border: 1px solid #888;
margin-right: 15px;
}
.hot_ul li:hover {
border: 1px solid #555
}
.hot_font_01 {
background: #ffeee4
}
.hot_font_01 a {
color: #f94304
}
.hot_ul li a h3 {
line-height: 40px
}
.hot_ul li a h4 {
line-height: 35px
}
.hot_ul li a p {
line-height: 30px;
font-size: 15px;
margin: 5px 15px;
color: #FFF
}
.h_p_bg_01 {
background: #fe4300
}
.hot_font_02 {
background: #fcecec
}
.hot_font_02 a {
color: #d22e35
}
.h_p_bg_02 {
background: #d22e35
}
.hot_font_03 {
background: #e3fdfe
}
.hot_font_03 a {
color: #05b9b8
}
.h_p_bg_03 {
background: #01b6bd
}
.hot_font_04 {
background: #fffaf6
}
.hot_font_04 a {
color: #d4732e
}
.h_p_bg_04 {
background: #d4732e
}
.hot_font_05 {
background: #f7fae9;
}
.hot_font_05 a {
color: #71a004;
}
.h_p_bg_05 {
background: #71a004;
}
.hot_font_06 {
background: #e8f2fe;
}
.hot_font_06 a {
color: #26699d;
}
.h_p_bg_06 {
background: #26699d;
}
.top_main {
width: 100%;
background: url(/hsl/images/top_main.jpg);
height: 160px;
background-size: cover;
}
.new_video {
width: 1300px;
}
.SY_A {
font: 16px/30px "微软雅黑";
color: #f00;
width: 1280px;
margin: 30px auto 0;
display: block;
border: #c9c9c9 solid 1px;
padding: 5px 10px;
}
a.SY_A:hover {
color: #ef7800;
}
/*18qzswt*/
.x-pcswt-fot {
width: 100%;
height: 57px;
background: #c50007;
position: fixed;
bottom: 0;
line-height: 57px;
left: 0;
z-index: 20180809;
}
.x-pcswt-fot .x-pcswt-con {
width: 600px;
padding-left: 600px;
margin: 0 auto;
height: 57px;
background: url('http://www.xzxdf.com/hsl/images/x-pcswt-l.png') no-repeat 0 center;
}
.x-pcswt-fot .x-pcswt-con a {
display: block;
position: relative;
color: #fff;
float: left;
width: 150px;
font-size: 18px;
height: 57px;
text-align: center;
}
.x-pcswt-fot .x-pcswt-con a:after {
content: '';
position: absolute;
right: 0;
top: 20px;
height: 17px;
width: 1px;
background: #fff;
opacity: .8;
}
.x-pcswt-fot .x-pcswt-con a:last-child:after {
height: 0;
}
.x-pcswt-fot .x-pcswt-btn {
position: absolute;
right: 30px;
width: 133px;
height: 57px;
top: 0;
background: url('http://www.xzxdf.com/hsl/images/x-zx23.gif') no-repeat 0 0;
}
.x-pcswt-fot .x-pcswt-xm {
position: absolute;
left: 235px;
top: -50px;
}
.xmcsz{
width:20%;
}
/*è€ä¹¡ä¼š*/
.dbpf {
width: 100%;
position: fixed;
bottom: 0;
height: auto;
background: #ef7800;
z-index: 9999;
position: fixed;
}
.db_lxb {
width: 1200px;
height: auto;
overflow: hidden;
margin: 0 auto;
border: 0px solid #CCC;
}
.lxb_lc {
width: 300px;
height: 35px;
background: url(/hsl/images/lxb01.png) no-repeat;
background-position: 0 -146px;
float: left;
margin: 10px auto;
}
.lxb_lc img {
width: 340px;
height: 125px;
display: block;
}
.lxb_dh {
width: 150px;
height: 35px;
margin: 10px auto;
color: #FFF;
font-size: 20px;
font-weight: 300;
line-height: 35px;
text-align: center;
float: left;
}
.lxb_lh {
width: 115px;
height: 35px;
margin: 10px auto;
float: left;
}
.lxb_lh li {
float: left;
color: #FFF;
line-height: 32px;
}
.lxb_lh li a {
font-size: 16px;
padding: 0 10px;
text-decoration: none;
line-height: 35px;
color: #FFF;
}
.lxb_rc {
width: 300px;
height: 30px;
float: left;
margin: 10px auto;
}
.lxb_rxi {
width: 200px;
height: 30px;
border: none;
font-size: 14px;
line-height: 30px;
text-indent: 1em;
float: left;
color: #999;
}
.lxb_rc a {
text-decoration: none;
}
.lxb_hd {
background: #F00;
color: #FFF;
font-size: 18px;
line-height: 32px;
width: 95px;
height: 32px;
border: none;
text-align: center;
}
.lxb_zx {
width: 155px;
height: 35px;
margin: 10px auto;
float: right;
text-align: center;
}
.lxb_zl {
width: 40px;
height: 56px;
background: url(/hsl/images/lxb01.png) no-repeat;
background-position: -11px -85px;
float: left;
}
.lxb_zx a {
color: #FFF;
text-decoration: none;
font-size: 17px;
line-height: 35px;
}
.lxb_sl {
display: block;
width: 62px;
height: 65px;
position: absolute;
top: -52px;
margin-left: 60px;
background: url(../images/lxb01.png) no-repeat;
background-position: 0px 0px;
color: #FFF;
cursor: default;
text-align: center;
line-height: 65px;
font-weight: 300px;
font-size: 18px;
}
/*浮动导航栏*/
.swtRirhgt {
width: 60px;
position: fixed;
right: 30px;
top: 33%;
z-index: 300
}
.swtRirhgt a {
border-bottom: 2px solid #FFF;
}
.swtRirhgt > .zxbm {
display: block;
width: 60px;
height: 65px;
float: right;
background-color: #ffad00;
position: relative;
transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s
}
.swtRirhgt > .zxbm:hover {
width: 70px
}
.swtRirhgt > .zxbm > p {
display: block;
width: 40px;
height: 49px;
position: absolute;
left: 50%;
top: 50%;
margin: -24.5px 0 0 -20px;
background-image: url(/images/zxbm.jpg)
}
.swtRirhgt > .swtzx {
display: block;
width: 60px;
height: 65px;
float: right;
background-color: #ff7f00;
position: relative;
transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s
}
.swtRirhgt > .swtzx:hover {
width: 70px
}
.swtRirhgt > .swtzx > p {
display: block;
width: 40px;
height: 49px;
position: absolute;
left: 50%;
top: 50%;
margin: -24.5px 0 0 -20px;
background-image: url(/images/2.png);
background-position: -175px 0
}
.swtRirhgt > .telzx {
display: block;
width: 100%;
height: 65px;
float: right;
position: relative
}
.swtRirhgt > .telzx > .telinner {
display: block;
width: 300px;
height: 65px;
position: absolute;
left: 0;
top: 0;
background: #ffae00;
transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s
}
.swtRirhgt > .telzx > .telinner > .telicon {
display: block;
width: 60px;
height: 65px;
position: relative;
float: left;
cursor: pointer
}
.swtRirhgt > .telzx > .telinner > .telicon p {
display: block;
width: 40px;
height: 49px;
position: absolute;
left: 50%;
top: 50%;
margin: -24.5px 0 0 -20px;
background-image: url(/images/2.png);
background-position: -175px -49px
}
.swtRirhgt > .telzx > .telinner > .telinput {
width: 236px;
height: 65px;
float: right;
background-color: #ffad00
}
.swtRirhgt > .telzx > .telinner > .telinput > .telinputin {
width: 227px;
height: 38px;
margin-top: 13px;
box-shadow: 0 0 3px rgba(8, 1, 3, .2);
border-radius: 19px;
padding: 0
}
.swtRirhgt > .telzx > .telinner > .telinput > .telinputin .tellNumberTxt {
width: 146px;
height: 38px;
float: left;
background-color: #fff;
outline: 0;
border: none;
font-size: 14px;
color: #a4a4a4;
line-height: 38px;
padding-left: 14px;
border-radius: 19px 0 0 19px;
box-sizing: border-box
}
.swtRirhgt > .telzx > .telinner > .telinput > .telinputin .tellNumberBtn {
display: block;
width: 81px;
float: left;
line-height: 38px;
text-align: center;
font-size: 14px;
color: #fff;
text-decoration: none;
background-color: #ff7f00;
border-radius: 0 19px 19px 0;
-webkit-transition: all .3s linear 0s;
transition: all .3s linear 0s
}
.swtRirhgt > .telzx > .telinner > .telinput > .telinputin .tellNumberBtn:hover {
background-color: #d26900
}
.qqzx {
display: block;
width: 60px;
height: 65px;
float: right;
background-color: #ff7f00;
position: relative;
transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s
}
.qqzx:hover {
width: 70px
}
.qqzx > p {
display: block;
width: 40px;
height: 49px;
position: absolute;
left: 50%;
top: 50%;
margin: -24.5px 0 0 -20px;
background-image: url(/images/2.png);
background-position: -175px -98px
}
.wechatzx {
display: block;
width: 60px;
height: 65px;
float: right;
background-color: #ffad00;
position: relative;
transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
cursor: pointer;
border-bottom: 2px solid #FFF;
}
.wechatzx > p {
display: block;
width: 40px;
height: 49px;
position: absolute;
left: 50%;
top: 50%;
margin: -24.5px 0 0 -20px;
background-image: url(/images/2.png);
background-position: -175px -147px
}
.wechatzx > .qrcode {
position: absolute;
width: 75pt;
height: 75pt;
right: 50px;
top: 50%;
margin-top: -60px;
visibility: hidden;
background: url(http://xzxdf.com/public/demo/wxcode.gif) no-repeat center center;
background-size: 100%;
transition: .4s right cubic-bezier(.6, 4, .3, .8);
-webkit-transition: .4s right cubic-bezier(.6, 4, .3, .8);
-moz-transition: .4s right cubic-bezier(.6, 4, .3, .8);
border-right: 10px solid transparent
}
.wechatzx:hover {
width: 70px
}
.wechatzx:hover > .qrcode {
right: 70px;
visibility: visible
}
.backtopbtn {
display: block;
width: 60px;
height: 65px;
cursor: pointer;
float: right;
background-color: #474747;
position: relative;
transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s
}
.backtopbtn:hover {
width: 70px
}
.backtopbtn > p {
display: block;
width: 40px;
height: 49px;
position: absolute;
left: 50%;
top: 50%;
margin: -24.5px 0 0 -20px;
background-image: url(/images/2.png);
background-position: -175px -197px
}
/*专题页头部*/
.cd {
width: 100%;
height: 70px;
background: #fff;
}
.cd .cd-logo {
float: left;
display: inline-block;
width: 360px;
height: 70px;
background-position: -80px 10px;
}
.cd .cd-1 {
padding: 5px 0;
}
.cd .cd-1 ul {
width: 630px;
overflow: hidden;
height: 70px;
float: right;
}
.cd .cd-1 ul li {
width: 90px;
height: 1px;
text-align: center;
background: white;
color: black;
line-height: 70px;
float: left;
transition: all .2s;
-webkit-transition: all .2s;
-o-transition: all .2s;
-ms-transition: all .2s;
-moz-transition: all .2s;
}
.cd .cd-1 ul li a {
display: inline-block;
width: 90px;
height: 70px;
font-size: 16px;
transition: all .2s;
-webkit-transition: all .2s;
-o-transition: all .2s;
-ms-transition: all .2s;
-moz-transition: all .2s;
}
.cd .cd-1 ul li:hover {
background: #9e0000;
height: 70px;
}
.cd .cd-1 ul li:hover a {
color: white;
}
/*优秀合作企业*/
.company_stu img {
border: 4px solid #d3d3d3;
}
.middle_top {
float: left;
margin-left: 6px;
}
.middle_bottom {
display: block;
margin-top: 2px;
}
.company_stu {
position: relative;
}
.company_stu a > p {
bottom: 8px;
left: 0;
width: 100%;
padding: 10px 0;
background: rgba(0, 0, 0, 0.5);
color: #fff;
text-align: center;
position: absolute;
font-size: 18px
}
.com_middle_bottom {
position: absolute;
left: 414px;
top: 182px;
}
/*PC端弹窗*/
.tcbox {
position: fixed;
top: 50%;
left: 50%;
z-index: 9999999999;
display: none;
margin: -200px 0 0 -295px;
width: 590px;
height: 400px;
background: #fff;
box-shadow: 0 0 1pc #afafaf;
opacity: 0;
font-size: 14px;
}
.tcbox .boxout {
position: absolute;
top: 0px;
right: 0px;
width: 22px;
height: 22px;
background: url(http://www.xzxdf.com/hsl/images/out1.png) center center no-repeat;
cursor: pointer;
-webkit-transition: .6s;
transition: .6s;
-webkit-transform: rotate(0);
transform: rotate(0);
-ms-transition: .6s;
-ms-transform: rotate(0);
}
.tcbox .boxout:hover {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
.atc_left {
float: left;
width: 315px;
padding-left: 15px;
padding-top: 12px;
box-sizing: border-box;
}
.atc_right {
float: right;
}
.tc_tit3{
font-size: 17px;
color: #000000;
margin-top: 20px;
}
.tc_tit2{
font-size: 25px;
color: #ff0000;
margin-top: 22px;
height: 30px;
}
.tc_tit {
font-size: 18px;
color: #333;
line-height: 38px;
/*font-weight: bold;*/
}
.tc_tit_tel {
font-size: 16px;
color: #333;
line-height: 38px;
font-weight: bold;
}
.ipt_li {
margin-bottom: -6px;
margin-right: -4px;
}
.ipt_li label input {
display: none;
width: 0px;
height: 0px;
opacity: 0;
}
.ipt_radio {
display: inline-block;
width: 91px;
height: 34px;
border: 1px solid #d2d2d2;
border-radius: 4px;
text-align: center;
line-height: 34px;
font-size: 16px;
color: #333;
margin: 0px 4px 6px 0px;
box-sizing: border-box;
cursor: pointer;
}
.ipt_radio:hover{
background:#ff7a01;
color:white
}
.ipt_li label input:checked + .ipt_radio {
background-color: #ff7a01;
color: #fff;
border: 1px solid #ff7a01;
}
.ipt_li_tel input {
display: block;
width: 96%;
height: 34px;
line-height: 34px;
border: 1px solid #d2d2d2;
border-radius: 4px;
font-size: 16px;
color: #333;
text-indent: 0.8em
}
.tcformbtn {
display: block;
width: 96%;
height: 34px;
line-height: 34px;
text-align: center;
background-color: #c50007;
color: #fff;
border: none;
border-radius: 4px;
margin-top: 8px;
font-size: 18px;
}
.TcOut {
-webkit-animation: TcOut1 1.3s both;
animation: TcOut1 1.3s both;
}
.TcShow {
-webkit-animation: TcShow1 1.3s both;
animation: TcShow1 1.3s both;
}
@keyframes TcShow1 {
0% {
-webkit-transform: translate3d(0, -300%, 0);
transform: translate3d(0, -300%, 0);
}
50% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes TcOut1 {
50% {
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
}
to {
-webkit-transform: translate3d(0, 300%, 0);
transform: translate3d(0, 300%, 0);
}
}
/*新闻板块*/
.b3 {
padding-top: 30px;
width: 1300px;
margin: 0 auto;
overflow: hidden;
}
.b3 .l .t {
padding-bottom: 10px;
overflow: hidden;
}
.b3 .l .t ul li, .b3 .r .t ul li {
width: 33%;
float: left;
height: 65px;
line-height: 65px;
font-size: 20px;
color: #959595;
text-align: center;
}
.b3 .l .t ul li.on, .b3 .r .t ul li.on {
border-bottom: 2px solid #000;
background: #fff;
}
.b3 .l .t ul li strong, .b3 .r .t ul li strong {
color: #000;
}
.b3 .l {
width: 752px;
height: 456px;
float: left;
background: #F1F1F1;
border: 1px solid #F1F1F1;
}
.b3 .l .b ul li {
padding-top: 35px;
height: 135px;
overflow: hidden;
width: 677px;
margin: 0 auto;
}
.b3 .l .b ul li img {
width: 200px;
float: left;
height: 135px;
margin-right: 20px;
}
.b3 .l .b ul li h3 {
float: left;
width: 457px;
line-height: 40px;
font-size: 18px;
color: #000;
height: 40px;
}
.b3 .l .b ul li span {
float: left;
display: block;
width: 457px;
line-height: 32px;
height: 32px;
font-size: 16px;
color: #AAAAAA;
}
.b3 .l .b ul li p {
font-size: 16px;
line-height: 32px;
width: 457px;
float: left;
}
.b3 .l .b ul li:hover h3 {
color: #B30102;
}
.b3 .r {
width: 516px;
height: 456px;
float: right;
background: #F1F1F1;
border: 1px solid #F1F1F1;
}
.b3 .r .t ul li {
width: 50%;
}
.b3 .r .b .bt {
width: 438px;
margin: 0 auto;
padding-top: 46px;
}
.b3 .r .b .bt a {
width: 202px;
height: 126px;
float: left;
margin-right: 15px;
}
.b3 .r .b .bt a img {
width: 202px;
height: 126px;
}
.b3 .r .b ul {
padding-top: 19px;
}
.b3 .r .b ul li {
width: 438px;
line-height: 44px;
height: 44px;
position: relative;
margin: 0 auto;
}
.b3 .r .b ul li a {
margin-left: 20px;
}
.b3 .r .b ul li span.icobg16 {
display: block;
position: absolute;
top: 14px;
}
.b3 .r .b ul li span.mroe {
display: block;
position: absolute;
right: 0;
top: 0;
height: 44px;
line-height: 44px;
}
.clear {
clear: both;
}
/*------------2020火热报名模块----------*/
.nHrbm2020 {
width: 1240px;
background-color: #f8f8f8;
margin: 0 auto;
padding: 0 30px;
overflow: hidden;
padding-bottom: 40px;
}
.nhbm20_title {
text-align: center;
border-bottom: 1px dashed #c6c6c6;
margin-bottom: 32px;
}
.nhbm20_title h1 {
font-size: 30px;
font-weight: 400;
font-stretch: normal;
color: #333333;
padding-top: 35px;
}
.nhbm20_title p {
font-size: 18px;
font-weight: normal;
letter-spacing: 0px;
color: #666666;
padding-top: 8px;
padding-bottom: 15px;
}
.nhbm20_inf {
width: 800px;
padding: 0 10px;
background-color: #d3101a;
/* padding-bottom: 15px; */
}
.nhbm20_inf h1 {
font-size: 28px;
font-weight: 600;
letter-spacing: -1px;
color: #ffffff;
text-align: center;
padding: 18px 0;
}
.nhbm20_t {
display: flex;
}
.nhbm20_t font {
display: flex;
background-color: #eeeeee;
height: 50px;
}
.nhbm20_t span {
flex: 1;
text-align: center;
font-size: 18px;
font-weight: 400;
color: #000000;
text-align: center;
line-height: 50px;
}
.nhbm20_swp1 {
height: 207px;
background-color: #fff;
}
.nhbm20_swp1 .swiper-slide {
display: flex;
border-bottom: 1px dashed #c9c9c9;
margin-top: -1px;
}
.nhbm20_swp1 .swiper-slide div {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
font-size: 17px;
}
.nhbm20_vid {
margin-left: 10px;
}
.nhr_vid {
display: flex;
margin: 0;
width: 468px;
height: 270px;
background-color: #fff;
align-items: flex-start;
margin-top: 10px;
}
.nhbm20_vid h2 {
display: block;
width: 468px;
font-size: 28px;
font-weight: 600;
font-stretch: normal;
letter-spacing: -1px;
color: #313131;
background-color: #fff;
text-align: center;
padding-top: 20px;
padding-bottom: 10px;
}
.nhbm20_b {
display: flex;
background-color: #fff;
padding: 20px 10px;
margin-top: 30px;
}
.nhbm20_img {
width: 650px;
height: 335px;
}
.nhbm20_img .swiper-slide {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.moj_in {
width: 180px;
height: 111px;
background-color: #ffffff;
border-radius: 5px;
position: relative;
margin-top: 35px;
margin-right: 22px;
}
.moj_in h1 {
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 32px;
letter-spacing: 0px;
color: #ffffff;
height: 32px;
background-color: #666666;
text-align: center;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.moj_in font {
display: block;
font-size: 36px;
font-weight: 600;
font-stretch: normal;
letter-spacing: 0px;
color: #666666;
text-align: center;
padding-top: 10px;
}
.moj_in p {
font-size: 10px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #666666;
text-align: center;
opacity: .7;
padding-top: 5px;
}
.moj_in2 {
height: 133px;
margin-top: 19px;
}
.moj_in2 h1 {
background-color: #fec360;
}
.moj_in2 font {
color: #c8161d;
}
.moj_in2 a {
display: flex;
width: 130px;
height: 27px;
background-color: #c8161d;
justify-content: center;
align-items: center;
font-size: 14px;
color: #ffffff;
margin: 0 auto;
border-radius: 27px;
margin-top: 7px;
}
.moj_in i {
display: block;
width: 92px;
height: 80px;
background-image: url(/hsl20/images/ico.png);
position: absolute;
top: 37px;
left: -49px;
}
.nhbm20_lst {
width: 377px;
height: 335px;
}
.nhbm20_lst h1 {
width: 187px;
height: 30px;
background: url(/hsl20/images/ico2.png) no-repeat #eeeeee 20px 5px;
border-radius: 30px;
font-size: 16px;
font-weight: bold;
line-height: 32px;
letter-spacing: 0px;
color: #313131;
padding-left: 53px;
}
.nhbm20_lst p {
width: 377px;
font-size: 14px;
font-weight: 100;
font-stretch: normal;
line-height: 22px;
letter-spacing: 0px;
color: #000000;
padding-top: 15px;
}
/*section_1 start*/
.x2019_tj{height:240px;margin-top: 25px; border-right: 0; border-left: 0; width: 100%;}
.x2019_tj ul li{width: 19%; box-sizing:border-box; height: 210px;}
.x2019_tj ul li:hover {
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
-webkit-box-shadow: 0 0 6px #999;
box-shadow: 0 0 6px #999;
-webkit-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.x2019_tj ul li a{display: block; text-align: center;}
.x2019_tj ul li img{width:245px;}
.x2019_tj ul li strong{ display: block; font-weight: normal; font-size:21px; line-height: 24px; height: 24px; color: #3d2212;}
.x2019_tj ul li .img_info{color:#555555; margin-top: -25px; height: 18px; line-height: 18px; font-size: 17px;}
.wr{ width:1300px; margin:0 auto; overflow: hidden;}
.flex {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.fuface {
background: #f4f5f7;
padding-top: 20px;
margin-top: 13px;
padding-bottom: 20px;
margin-bottom: 20px;
}
.clear {
clear: both;
}
.img_title {
position: relative;
height:30px;
top:-35px;
font-size: 20px;
color:white;
background:rgba(89,91,86,0.55);
background:#595b56 9;/*CSS Hack,只能对ie9以下浏览器ie6,ie7,ie8有效，否侧ie10,FF,Cherome会失去透明效果*/
filter:Alpha(opacity=55);/*只对ie7,ie8有效*/
}
/*teacher*/
.teacher_box {
height: auto;
overflow: hidden;
}
.teacher_nrsf {
padding: 1%;
}
.teacher_jzzs {
width: 1300px;
margin: 0 auto;
}
.teacher_jstd {
width: 1300px;
overflow: hidden;
}
.teacher_imga {
width: 100%;
overflow: hidden;
}
.teacher_jstd h2 {
text-align: center;
font-size: 30px;
line-height: 60px;
color: #333;
}