@charset "utf-8";
/* CSS Document */
body { background-color: #FFF !important }
/*幻灯片广告&登陆*/
.banner { width: 100%; height: 417px; background-color: #f3f3f3 }
.banner > div { height: 100% }
.container { position: relative; z-index: 2; width: 273px; height: 398px; margin: 3px auto; background-color: #0FF; overflow: hidden; float: right }
.register-box,
.user-box-index { position: absolute; top: 0px; right: 0px; width: 273px; height: 398px; background: white; background: rgba(255, 255, 255,1); padding: 0px; text-align: center }
.user-pass { height: 268px; border-bottom: 1px solid #f1f3f5 }
.user-box-index > div b { font-size: 16px; font-weight: normal; color: #666 }
.user-box-index > div > div:nth-child(1) { margin-top: 20px }
.user-box-index > div > div:nth-child(1) a img { border-radius: 100px; border: 4px solid rgba(100,100,100,0.2) }
.user-box-index > div > div:nth-child(3) { border-bottom: 2px solid #f2f2f2; padding-bottom: 10px; margin-bottom: 10px }
.user-box-index > div > div:nth-child(3) em { display: inline-block; width: 25px; height: 18px; background-image: url(../../img/default/jk.png); background-repeat: no-repeat; background-size: cover; color: #FFF; font-size: 12px; margin-right: 5px; vertical-align: middle }
.user-box-index > div > div:nth-child(3) .vip{ padding-left:10px; background-image:url(../../img/default/vip.jpg); padding-right:2px; width:23px; height:16px}
.user-box-index > div > div:nth-child(3) .jl{ background-image:url(../../img/default/jl.png)}
.user-box-index > div > span > a { height: 42px; background-color: #3db0dd; margin: 0; width: 240px; font-size: 16px; font-weight: bold; color: #FFF; cursor: pointer; border: 0; text-align: center; display: inline-block; line-height: 42px; margin: 10px auto }
.user-box-index > div > div:nth-child(6) a { display: inline-block; overflow: hidden; font-size: 12px; margin-right: 8px; color: #333 }
.user-box-index > div > div:nth-child(6) a:last-child { margin: 0 }
.user-box-index > div > div:nth-child(6) a em { display: block; width: 52px; height: 41px; background-image: url(../../img/default/global-components.png); background-repeat: no-repeat; background-position: -389px 8px }
.user-box-index > div > div:nth-child(6) a:nth-child(2) em { background-position: -389px -35px }
.user-box-index > div > div:nth-child(6) a:nth-child(3) em { background-position: -389px -80px }
.user-box-index > div > div:nth-child(6) a:nth-child(4) em { background-position: -389px -122px }
.user-box-index > div > div:nth-child(6) a em.fit_card{background-position: -211px -507px}
.user-box-index > div > div:nth-child(6) a em.credit_card{background-position: -259px -507px}
.user-box-index > div { position: relative }
.user-box-index > div > div:nth-child(7) { overflow: hidden; position: absolute; top: 0px; right: 20px }
.user-box-index > div > div:nth-child(7) a { display: block; width: 20px; height: 20px; background-image: url(../../img/default/nav-icon-12-g.png) }
.wrap { position: relative; z-index: 0; height: 388px; padding-top: 10px }
.banner-show { position: absolute; top: 13px; left: 0; z-index: 0; width: 100%; min-width: 1000px; height: 398px; overflow: hidden; }
.banner-show .cell { position: absolute; top: 0; left: 0; width: calc(100% - 286px); overflow: hidden; background-repeat: repeat-x; background-position: center top; }
.banner-show .cell .con { position: relative; height: 398px; background-repeat: no-repeat; background-position: center top; }
.banner-show .cell { overflow: hidden; }
.banner-show .cell img { }
.banner-control { position: absolute; top: 200px; width: calc(100% - 286px) }
.banner-control a { position: absolute; top: 0px; width: 30px; height: 57px; line-height: 10; overflow: hidden; background-image: url(../../img/default/icon_control.png); background-repeat: no-repeat; }
.banner-control a.left { left: 20px; background-position: 0 0; }
.banner-control a.left:hover { background-position: 0 -57px; }
.banner-control a.right { right: 20px; background-position: -30px 0; }
.banner-control a.right:hover { background-position: -30px -57px; }
/*首页--教练版块*/
.h-box,
.h-box2 { width: 100%; height: 344px }
.h-box div,
.h-box2 div { float: left }
.h-box .l-box,
.h-box2 .l-box { width: calc(100%/2 - 2px); height: 344px; }
.h-box .l-box:nth-child(1),
.h-box2 .l-box:nth-child(1) { margin-right: 4px; margin-bottom: 4px }
.h-box .l-box > div { width: calc(100%/2 - 2px); height: 100%; position: relative; overflow: hidden }
.h-box .l-box > div > a,
.h-box .l-box > div:nth-child(2) > div > div > a,
.h-box2 .l-box > div:nth-child(2) > a,
.h-box2 .l-box > div:nth-child(1) > div > a,
.h-box2 .l-box > div:nth-child(3) > div > a { color: #FFF; line-height: 26px }
.h-box .l-box > div > a div,
.h-box .l-box > div:nth-child(2) > div > div > a div,
.h-box2 .l-box > div:nth-child(2) > a div,
.h-box2 .l-box > div:nth-child(1) > div > a div,
.h-box2 .l-box > div:nth-child(3) > div > a div { width: 100%; height: 26px; background-color: rgba(0,0,0,0.5); position: absolute; bottom: -26px; left: 0; padding-left: 20px; transition: all 0.2s ease 0s; }
.h-box .l-box > div > a div b,
.h-box .l-box > div:nth-child(2) > div > div > a div b,
.h-box2 .l-box > div:nth-child(2) > a div b,
.h-box2 .l-box > div:nth-child(1) > div > a div b,
.h-box2 .l-box > div:nth-child(3) > div > a div b { margin-right: 10px; font-weight: normal }
.h-box .l-box > div:nth-child(1) { margin-right: 4px }
.h-box .l-box > div:nth-child(2) > div { width: 100%; height: 170px; }
.h-box .l-box > div:nth-child(2) > div:nth-child(1) { margin-bottom: 4px }
.h-box .l-box > div:nth-child(2) > div > div { width: calc(100%/2 - 2px); height: 100%; position: relative; overflow: hidden }
.h-box .l-box > div:nth-child(2) > div > div:nth-child(1) { margin-right: 4px }
.h-box2 .l-box > div { height: 100% }
.h-box2 .l-box > div:nth-child(1) { margin-right: 4px; width: calc(100%/4 - 2px); }
.h-box2 .l-box > div:nth-child(2) { margin-right: 4px; width: calc(100%/2 - 2px); position: relative; overflow: hidden }
.h-box2 .l-box > div:nth-child(3) { width: calc(100%/4 - 4px); }
.h-box2 .l-box > div:nth-child(1) > div,
.h-box2 .l-box > div:nth-child(3) > div { width: 100%; height: 170px; position: relative; overflow: hidden }
.h-box2 .l-box > div:nth-child(1) > div:nth-child(1),
.h-box2 .l-box > div:nth-child(3) > div:nth-child(1) { margin-bottom: 4px }
.h-box a { display: inline-block; overflow: hidden }
.h-box .l-box > div > a:hover div,
.h-box .l-box > div:nth-child(2) > div > div > a:hover div,
.h-box2 .l-box > div:nth-child(2) > a:hover div,
.h-box2 .l-box > div:nth-child(1) > div > a:hover div,
.h-box2 .l-box > div:nth-child(3) > div > a:hover div { bottom: 0 }
/*首页-搜索*/
.index-search > div { width: calc(100% - 745px) !important }
/*兼容1000px*/
.h-box .l-box > div > a img,
.h-box .l-box > div:nth-child(2) > div > div > a img,
.h-box2 .l-box > div:nth-child(2) > a img,
.h-box2 .l-box > div:nth-child(1) > div > a img,
.h-box2 .l-box > div:nth-child(3) > div > a img { }
/*首页-会员*/
.member { width: calc(100% - 486px); float: left; }
.member .list { margin-bottom: 12px }
.member .list > div { position: relative; width: calc(100%/5 - 17px); height: 100%; display: inline-block; margin-right: 17px; overflow: hidden }
.member .list > div a img { width: 100% }
.member .list > div > div { position: absolute; right: 10px; bottom: 10px }
.member .list > div:last-child { margin-right: 0px }
.member .ad { height: 164px; width: 100%; overflow: hidden }
@media only screen and (width:1024px) {
.member .list { margin-bottom: 47px }
}
@media only screen and (width:1000px) {
.member .list { margin-bottom: 52px }
}
.news-box { display: inline-block; width: 440px; float: right }
.news-box > div:nth-child(2) { width: 99%; height: 455px; border: 1px solid #e6e6e6; overflow: hidden }
.dongtai { padding: 0 10px 10px; margin-top: 20px; border-bottom: 1px dashed #a6a6a6; overflow: hidden }
.dongtai > div:nth-child(1) { float: left; margin-right: 10px; height: 100% }
.dongtai > div:nth-child(2) { float: right; width: 80% }
.dongtai > div:nth-child(2) b { color: #f19400 }
.dongtai > div:nth-child(2) ul { margin: 20px 0 }
.dongtai > div:nth-child(2) ul li { display: inline-block; width: 49px; height: 49px; background-position: center; background-size: cover; }
.dongtai > div:nth-child(2) em { color: #6d6d6d; margin-right: 10px }
/*.dongtai > div:nth-child(2) a { float: right; color: #a0a0a0 }*/
/*成功故事*/
.success { width: 100%; height:10% background-color:#0FF
}
.success > div { display: inline-block; margin-right: 13px }
@media only screen and (max-width:1120px) {
.success > div { margin-right: 10px }
}
.success > div:last-child { margin: 0 }
.success > div:nth-child(1) { height: 20%; width: 39%; }
.success > div:nth-child(1) img { width: 100%; height: 100% }
.success > div:nth-child(1) a { display: flex; overflow: hidden; padding: 0; margin: 0; width: 20%; height: 100%; position: relative; width: 100% }
.success > div:nth-child(1) a span,
.success .box-l > div a span { display: inline-block; width: 100%; height: 32px; background-color: rgba(0,0,0,0.5); position: absolute; bottom: -32px; left: 0; color: #fff; line-height: 32px; text-indent: 1em; transition: all 0.2s ease 0s; }
.success > div:nth-child(1) a span{ bottom:0px}
.success > div:nth-child(1) a:hover span,
.success .box-l > div a:hover span { bottom: 0px; }
.success .box-l { width: 18.8% }
/*
@media only screen and (max-width:1186px) and (min-width:1109px){
	.success .box-l { width:17.8% }
	}
@media only screen and (max-width:1110px) and (min-width:1045px){
	.success .box-l { width:16.8% }
	}
@media only screen and (max-width:1043px) and (min-width:1000px){
	.success .box-l { width:15% }
	}
*/	
	
.success .box-l > div { width: 100%; height: 20%; overflow: hidden }
.success .box-l > div:nth-child(1) { margin-bottom: 13px }
.success .box-l > div a { display: flex; overflow: hidden; padding: 0; margin: 0; position: relative }
.success .box-l > div a img { width: 100%; height: 100% }
/*申请服务*/
.application { height: 100px; background-color: #3d91bd; margin: 50px 0; }
.application em { width: 305px; height: 100px; display: inline-block; background-image: url(../../img/default/global-components.png); background-position: 0px -229px; float: left }
.application > div > div { vertical-align: middle; margin-top: 26px }
.application label { color: #fff !important; font-size: 20px; margin-right: 1% }
.application .text-input { background-image: none; padding: 6px; width: 100px; border-radius: 6px }
.application label.ml{ margin-right:48px}
@media only screen and (max-width:1154px) and (min-width:1134px) {
.application .text-input { width: 90px }
.application select.selectCategory { width: 90px }
}
@media only screen and (max-width:1133px) and (min-width:1114px) {
.application .text-input { width: 90px }
.application select.selectCategory { width: 90px }
.application label.ml{ margin-right:10px}
}
@media only screen and (max-width:1113px) and (min-width:1094px) {
.application .text-input { width: 80px }
.application select.selectCategory { width: 90px }
.application label.ml{ margin-right:10px}
}
@media only screen and (max-width:1100px) and (min-width:900px) {
.application .text-input { width: 70px }
.application select.selectCategory { width: 90px }
.application label.ml{ margin-right:10px}
.application input.btngongju { width: 107px !important; height: 45px !important; display: inline-block; background-position: -47px -344px !important; }
}
.application input.btngongju { width: 162px; height: 54px; display: inline-block; background-image: url(../../img/default/global-components.png); background-position: 0px -340px; vertical-align: middle }
/*文章列表*/
.wenzhang-list { overflow: hidden; float: left; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; overflow: hidden; width: calc(100%/4 - 2px); }
.wenzhang-list > a { position: relative; overflow: hidden }
.wenzhang-list img { width: 100% }
.wenzhang-list .title-bg { display: block; width: 100%; height: 40px; background-image: url(../../img/default/wenzhang-list-h-bg.png); position: absolute; right: 0; bottom: 4px; color: #FFF; text-align: right; font-size: 14px; line-height: 40px }
.wenzhang-list .title-bg span { padding-right: 18px }
.wenzhang-list:nth-child(1) { border-left: 1px solid #e6e6e6 }
.wenzhang-list ul { padding: 10px 0; }
.wenzhang-list ul li { text-indent: 1.2em; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 95%; }
.wenzhang-list ul li a, .newest ul li a{ color: #242424 }
.wenzhang-list ul li a:hover, .newest ul li a:hover{ text-decoration: underline }
/*最新发布*/
.newh{ border-bottom:1px solid #eeeeee; padding-bottom:20px; margin-bottom:10px !important; margin-top:10px !important}
.newest .box ul .new-photo{ overflow:hidden; position:relative; width:105px; height:90px; float:left; margin-right:10px; margin-top:8px}
.newest .box ul .new-photo a{ color:#FFF}
.newest .box ul .new-photo a:hover{ color:#f19400}
.newest .box ul .new-photo a img{ width:105px}
.newest .box ul .new-photo a span{ display:block; position:absolute; bottom:0; left:0; background-color:#000; overflow:hidden;text-overflow: ellipsis; white-space:nowrap; padding:2px 5px; width:105px;}
.newest .box ul li { background: url(../../img/default/global-components.png) rgba(0, 0, 0, 0) no-repeat scroll; background-position: -7px -470px; font-size: 14px; height: 26px; line-height: 26px; overflow: hidden; padding-left: 10px; position:relative}
.newest .box ul li span{ display:block; position:absolute; right:10px; top:0px; color:#999}
.newest .box{ display:inline-block; width:33%}
.newest .box ul li a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:inline-block; width:340px}
.newest .box ul li a.f4{width:222px}

@media only screen and (max-width:1200px){
	.newest .box ul li a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:inline-block; width:267px}
	.newest .box ul li a.f4{width:150px}
	}

.newest .box .title-02{ position:relative; border-bottom:1px dashed #DDDDDD; padding-bottom:5px; margin-bottom:5px; width:97%}
.newest .box .title-02 h2{ color:#f19400; font-size:26px; font-weight:normal}
.newest .box .title-02 a.more{ position:absolute; right:5px; top:15px; color:#A7A7A7}
.newest .box .title-02 a.more:hover{ color:#f19400}

/*首页培训课程*/
.kc-box .kc-li .list h3{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;display: block; width: 75%}
.index_training .index-tit { margin-bottom: 27px !important }
.index_training .kc-li { overflow: hidden }
.index_training .kc-li .list > a{margin-bottom: 20px}
.index_training .kc-li .list .info{margin-bottom: 45px}
.index_training .kc-li .list .info p.txt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; max-width: 425px; width: 100% }
em.jl-ico-kc { background-position: -276px -407px; margin-right: 8px; width: 47px !important; height: 44px !important}
em.jl-ico-dk { background-position: -342px -395px; margin-right: 5px }

/*block_3_column*/
.block_3_column{margin-bottom: 10px!important; overflow: hidden}
.block_3_column .column{width: 33.3%; float: left}
.block_3_column .column .box{padding: 10px 15px 0 0}
.block_3_column .column:last-child .box{padding: 10px 5px 0 0}
.block_3_column .column .box .title{color: #f19400; font-size: 26px; font-weight: normal; position: relative; display: block; margin-bottom: 15px; text-indent: 5px}
.block_3_column .column .box .title a{color: #a7a7a7; font-size: 14px; position: absolute; right: 12px; top: 12px}
.block_3_column .column .box .title a:hover{color: #f19400; font-size: 14px; position: absolute; right: 12px; top: 12px}
.block_3_column .column .box .img_list{color: #fff}
.block_3_column .column .box .img_list:hover{color: #f19400}
.block_3_column .column .box .img_list .cover .up{width: 100%; height: 100%; background-color: rgba(0,0,0,0.00); transition: background-color 0.3s; -moz-transition: background-color 0.3s;	/* Firefox 4 */ -webkit-transition: background-color 0.3s;	/* Safari 和 Chrome */ -o-transition: background-color 0.3s;	/* Opera */}
.block_3_column .column .box .img_list:hover .cover .up{background-color: rgba(0,0,0,0.10)}
.block_3_column .column .box .img_list .cover{width: 100%; height: 220px; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative}
.block_3_column .column .box .img_list .cover .tit{display: block; position: absolute; bottom: 0; left: 0; background-color: rgba(0,0,0,0.5); width: 100%; line-height: 25px; padding-top: 5px}
.block_3_column .column .box .img_list .cover .tit p{text-indent: 1em; display: inline-block; width: 98%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px}
.block_3_column .column .box .list{padding: 15px; background-color: #f6f6f6}
.block_3_column .column .box .list li a{color: #000; width: 100%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 23px; transition: color 0.1s}
.block_3_column .column .box .list li a:hover{color: #f19400}

/*act*/
.act .column{width: 100%}
.act .column .box .title{margin-bottom: 5px}
.act .act_list{width: 20%; float: left; text-align: center}
.act .act_list .box{padding: 10px!important}
.act .act_list:nth-child(2) .box{padding: 10px 10px 10px 0px!important}
.act .act_list:nth-child(7) .box{padding: 10px 10px 10px 0px!important}
.act .act_list .box a{display: block; border: 1px solid #e8e8e8; padding: 5px 0 10px; color: #535353; background-color: #fff; transition: background-color 0.1s}
.act .act_list .box a:hover{background-color: #ffeeee}
.act .act_list .icon{display: inline-block; width: 100px}
.act .act_list .tit{display: block; font-size: 22px; font-weight: normal}

.block_3_column strong.title em {
    display: inline-block;
    height: 38px;
    width: 41px;
    background-image: url(../../img/default/global-components.png);
	vertical-align: middle; margin-bottom: 5px}
strong.title em.xunlian{background-position: -281px -456px}
strong.title em.peixun{background-position: -223px -456px; margin-right: 8px}
strong.title em.hangye{background-position: -168px -456px; margin-right: 8px}
strong.title em.zhuanti{background-position: -321px -456px; margin-right: 8px}

.foot_qrcode{max-width: 1200px; margin: 20px auto; border-bottom: 1px solid #e3e3e3}

/*首页底部4块信息列表-----2019-03-22*/
.wenzhang-list .img-box{display: block; width: 100%; height: 180px; background-size: cover; background-position: center}
.wenzhang-list .title-bg{bottom: 0; font-size: 15px}
.wenzhang-list .title-bg span{white-space: nowrap; width: 90%; display: inline-block; overflow: hidden; text-overflow: ellipsis}

/* By Asen 20160422*/
.banner-show .cell img {width: 913px; height: 398px;}
.btn_sumbit { height: 42px; background-color: #3db0dd; margin: 0; width: 240px; font-size: 16px; font-weight: bold; color: #FFF; cursor: pointer; border: 0; letter-spacing: 6px; text-align: center }
.btn_sumbit:hover { background-color: #81c913 }
.user-box-index > div > div:nth-child(6) a img{ display:block; width:45px; height:45px;}

@media screen and (max-width: 1279px){
	.wenzhang-list img {max-width:100%;}
}
.left-box .goods-box .banner-show .cell .goods-li .con p.colorGray2{display: block; line-height: 20px; height: 40px; overflow: hidden}