@charset uft-8;

@media screen and (min-width:1440px) {
.rh-box {margin:60px auto 50px;}
/*.m-wave {position: static;}*/

}


@media screen and (min-width:1280px) and (max-width:1440px) {
.container {width: auto;}
/* login Reg */
.sh-loginbox {margin-top: 80px;}
#reg.sh-loginbox {margin-top: 50px;}

}



/* WAP ALL*/
@media screen and (max-width:767px) {

.container {width: auto;}
.w {min-width: 0; max-width: none;}

#leftcontrol {width:260px; height:100%;background:#C91E28;     background-image: linear-gradient(to top, #ff0844 0%, #C91E28 100%); /*background-image: linear-gradient(-25deg, #e62a35 , #f37437 50%, #C91E28); */position:fixed;top:0;right:0;overflow-x:hidden;overflow-y:auto;transform:translate3d(260px,0,0);-webkit-transform:translate3d(260px,0,0);z-index:400;transition:.2s all linear}
#leftcontrol.vhidden{visibility:hidden}
#leftcontrol>ul{padding-top:0}
#leftcontrol ul .navitem {display:block;min-height:40px;border-top:1px solid #e64747;font-size:1.3rem;width:100%}
#leftcontrol ul li .subnav{height:0;overflow:hidden}
#leftcontrol ul .navitem a{display:block;color:#fff;padding:0 25px;height:40px;line-height:40px;font-size:18px}
#leftcontrol ul li.active a.hassub{background:#222324}
#leftcontrol ul li a span{display:inline-block}
#leftcontrol ul li a span.circle{width:5px;height:5px;border:#fff 0 solid;background:#fff;border-radius:100%;margin-right:15px;position:relative;top:-2px}
#leftcontrol ul li.active a span.circle{border-color:#eee;background-color:#eee}
#leftcontrol ul.subnav li a i{margin-right:20px;font-size:1.5rem}
#leftcontrol ul.subnav li.active a{background:#060606}
#leftcontrol ul li a span.more{width:12px;height:12px;position:relative;float:right;top:20px}
#leftcontrol ul li a span.more span{background:#474747;position:absolute}
#leftcontrol ul li a span.more span.h{width:12px;height:2px;transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0)}
#leftcontrol ul li a span.more span.v{transform:rotate3d(0,0,1,90deg) translate3d(5px,0,0);-webkit-transform:rotate3d(0,0,1,90deg) translate3d(5px,0,0)}
#leftcontrol ul li.active a span.more span.v{transform:rotate3d(0,0,0,0) translate3d(0,5px,0);-webkit-transform:rotate3d(0,0,0,0) translate3d(0,5px,0)}
#leftcontrol ul .navitem .wapdown {padding-bottom: 10px;}
#leftcontrol ul .navitem .wapdown li a {font-size: 14px; height: 28px; line-height: 28px; padding-left: 44px;}

.lobtn {padding: 16px 0 0 25px;}
.lobtn a {color: #eee; display: inline-block; margin-right: 15px; border: 1px solid #eee; border-radius: 3px; padding: 3px 10px;}

.goTop {right: 0.5rem;}
.goTop i {font-size: 3.5rem;}

#sitecontent{background:#fff;z-index:1;position:relative;height:100%;width:100%;overflow:hidden}
body.open #sitecontent{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
body.open .btnclose {position: fixed; z-index: 1001; top: 2%; right: 5%;  color: #fff;}
body.open .btnclose i {font-size: 24px;}
.nav_top{ height:60px !important;}
.btn_wrap{ width:25px; height:20px; position:relative; transition: 0.2s all linear;}
.btn_wrap span{ display:block;}
.btn_wrap_t{ width:25px; height:2px; background: #ff0000; top:0; left:0; position:absolute; transition: 0.2s all linear;}
.btn_wrap_c{ width:25px; height:2px; background: #ff0000; top:8px; left:0; position:absolute; transition: 0.2s all linear}
.btn_wrap_b{ width:25px; height:2px; background: #ff0000; top:16px; left:0; position:absolute; transition: 0.2s all linear}
body.open .btn_wrap{ }
body.open .btn_wrap_t{ -webkit-transform:rotate(45deg); top:8px;}
body.open .btn_wrap_c{ opacity:0;}
body.open .btn_wrap_b{ -webkit-transform:rotate(-45deg); top:8px;}
body.open #leftcontrol {transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); box-shadow:0 20px 20px rgba(0,0,0,.6);}



.h60 {height: 60px;}
.waphead {/*position: fixed; top: 0; left: 0; right: 0; z-index: 1000; */height: 60px; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.waphead .wap-icon {padding: 12px; background: #fff; overflow: hidden;}
.waphead .waplogo {display: inline-block; float: left;}
.waphead .waplogo > img{height: 36px;}
.waphead .icoall {float: right; padding-top: 4px;}
.waphead .icoall span, .waphead .icoall a {margin-left: 15px;}
.waphead .icoall i {font-size: 22px; color: #C91E28; font-weight: bold;}
.waphead .icoallsearch i {font-size: 20px;}

.waphead .search-top {position: absolute; left: 0; top: 60px; padding: 6% 12%; background-color: #f7f7f7; z-index: 50; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; display: none; }
.search-top input {border: none; background: none; width: 90%; line-height: 35px;}
.search-top form {width: 100%; background: #fff; padding: 0 15px; border:1px solid #dcdcdc;}
.search-top .input-submit {background: none; border: none; float: right; padding-top: 3px;}
.search-top i {font-size: 22px;}



/*index */
.ipage1 {padding: 0 0 1rem;}
.imleft, .imright {float: none; width: 100%; padding-left: 15px; padding-right: 15px;}

.ilnew {padding-top: 5px;}
.ilnew .lnew {padding-bottom: 40px;}
.ilnew .item {padding-bottom: 5px;}
.ilnew .item h4 {font-size: 18px; margin-bottom: 10px;}
.ilnew .item .des img {height: 100px;}
.ilnew .item .des span {padding: 8px 0 0 15px; line-height: 24px; height: 76px; overflow: hidden;}
.ilnew .item ins {display: none;}
.ilnew .item b {top: auto; bottom: 3px;}
.lnew .irbtn {right: 50%; margin-right: -42.5px;}

.imrbox {padding: 0 0; box-shadow:none;}
.rmenu {padding: 20px 0 40px; margin-bottom: 15px;}
.rmenu .item img {width: 30px;}

.title h2 {font-size: 22px;}
.ilnew .morebtn {line-height: 34px; width: 110px; display: none;}
.ilnew .morebtn i {font-size: 22px;}


.index-team {padding: 2rem 15px;}
.effct {top: -31px; right: -10px;}
.jsfc_rt {padding-top: 20px;}
.welobg {padding: 10px;}
.welonr h1 {margin: 10px 0;}
.welonr p {font-size: 12px; line-height: 20px;}


.index-pro {padding: 2rem 15px;}
.probox {padding: 2rem 0;}
.probox .l {display: none;}
.probox .r {width: 100%; float: none;}
.probox .hotul {margin-bottom: 0;}

.hotul .item {padding-bottom: 15px;}
.hotul li h4 {font-size: 14px; margin-bottom: 10px; line-height: 22px; height: 44px;}
.hotul li span {left: 0; color: #fff; right: 0; opacity: 1; background-image: linear-gradient(to top, #ff0844 0%, #C91E28 100%); font-size: 12px; line-height: 22px; height: 22px; transform: skew(-10deg);}

.index-pro hr {margin-bottom: 20px;}
.prolistbox {padding-top: 2rem;}
.proul li {width: 48.2%;}
.proul li:nth-child(2n) {margin-right: 0;}

.proul .item {padding-bottom: 15px;}
.proul li h4 {font-size: 14px; margin-bottom: 10px; line-height: 22px; height: 44px;}
.proul li span {left: 0; right: 0; opacity: 1; background-image: linear-gradient(to top, #ff0844 0%, #C91E28 100%); font-size: 14px; line-height: 26px; height: 26px; transform: skew(-10deg);}
.proul li:nth-child(1) {margin-bottom: 15px;}
.proul li:nth-child(2) {margin-bottom: 15px;}


.footadv {padding: 4rem 0 3.5rem;}
.footadv h3 {font-size: 18px;}
.footadv a {line-height: 34px; font-size: 14px;}


.footmain {padding: 3rem 0 0;}
.footdl {display: none;}
.footewm h4 {display: none;}
.footewm {width: 100%; margin-bottom: 0;}
.footewm li {width: 40%; float: none; padding-right: 0; margin: 0 auto;}
.footewm li:last-child {display: none;}

.foot-wave {margin-top: 50px; line-height: 26px;}
.foot-wave p {margin-bottom: 0;}

.footer {padding-bottom: 58px;}
.footinfo {overflow:hidden;text-align:center!important;background:#fff; box-shadow: 0 0 10px 0 hsla(0,6%,58%,.6); position:fixed;bottom:0;left:0;z-index:300;width:100%;line-height:1.65}
.footinfo .ffmain{display:flex}
.footinfo .ffmain > div{flex:1}
.footinfo a.item{color:#f1f1f1;padding:4px 0;display:inline-block; position: relative;}
.footinfo a.item i{font-size:1.6em;display:block; height: 22px; color: #C91E28;}
.footinfo a.item span{color:#777;font-size:1.2rem; padding-top: 0.8rem; display: block;}
.footinfo a.item em {position: absolute; top: 2px; right: -12px; background: #222; font-size: 12px; color: #fff; width: 18px; text-align: center; height: 18px; line-height: 18px; display: inline-block; border-radius: 5px;}


/*page*/
.pbanner .title h2, .pbanner .title span, .pbanner .pcbanner, .mallpbanner {display: none;}

.pbanner {}
.pbanner .wapbanner {display: inline-block;}
.pbanner .pbg {padding: 5px 15px 10px;}
.pbanner .title em {float: left;}

.main {padding: 2rem 0;}
.mainl, .mainr {float: none; width: 100%; padding-left: 15px; padding-right: 15px;}
.mainr h1, .sideCon h1 {margin-top: 10px; font-size: 24px;}


/*news*/
.newsbox .item {padding: 10px 12px; margin-bottom: 18px;}
.newsbox .item .img {height: 95px; width: 45%;}
.newsbox .item .text {padding-left: 15px;}
.newsbox .item .text .time {position: static; color: #999; padding-top: 0; text-align: left; left: auto; width: auto; top: auto; margin-top: 0;}
.newsbox .item .text .time span {position: static; color: #999; padding-left: 4px; font-size: 14px; font-family: Arial; left: auto; width: auto; top: auto; line-height: normal; transform: translate(0,0);}
.newsbox .item .text h3 {font-size: 16px; font-weight: bold; margin-bottom: 6px; margin-top: 0px;}
.newsbox .item .text .content {margin-top: 0; font-size: 12px; margin-bottom: 5px; line-height: 18px; padding-right: 0; max-height:36px;}
.newsbox .item .bmbtn {display: none;}
.newsbox .item .hy-join{float:right;padding: 0 5px;color: #fff;font-size: 13px;background-color: #c10d23;display: inline-block;}

.newsbox .itemli {float: left; width: 48.5%; margin-bottom: 12px; box-shadow: 0 0 10px rgba(0,0,0,.08);}
.newsbox .itemli:nth-child(even) {float: right;}
.newsbox .itemli a {display: block; padding: 5px; border: 1px solid #eaeaea; transition: all 0.4s;}
.newsbox .itemli .imgthumb {position: relative; overflow: hidden; padding-top: 80%;}
.newsbox .itemli .imgthumb img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all 0.4s;}
.newsbox .itemli p {margin-bottom: 0; padding: 5px 0; line-height: 18px;}
.newsbox .itemli span {display: block; color: #888; font-size: 12px; margin-bottom: 5px;}

.newsbox .itembm {width: 100%; margin-bottom: 12px; box-shadow: 0 0 10px rgba(0,0,0,.08);}
.newsbox .itembm .a {display: block; padding: 15px 15px 5px; border: 1px solid #eaeaea; transition: all 0.4s;}
.newsbox .itembm .imgthumb {position: relative; overflow: hidden; padding-top: 60%;}
.newsbox .itembm .imgthumb img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all 0.4s;}
.newsbox .itembm p {margin-bottom: 0; padding: 15px 0 5px; font-size: 16px; text-align: center;}
.newsbox .itembm span {display: block; color: #888; font-size: 14px; text-align: center;}
.newsbox .itembm span a {background-image: linear-gradient(to top, #ff0844 0%, #C91E28 100%); color: #fff; display: block; margin: 10px 5%; line-height: 34px;}

/*news content */
.newsCon {padding-top: 2rem; padding-bottom: 2rem; background: #f6f6f6;}
.newsInfoCon {background: #f6f6f6; margin: 0;}
.newsInfoBox {margin: 0 15px; padding: 1.5rem 1.6rem; background: #fff;}
.newsInfoBox .closeBtn, .newsInfoCon .otherTool li.close {display: none;}
.newsInfoBox h1 {margin-top: 0; font-size: 20px; margin-bottom: 15px; }
.newsInfoCon .otherPage {background: #fff; margin: 0 15px;}
.newsInfoCon .pageList {margin-left: 15px;}
.newsInfoBox .time {margin-bottom: 2rem;}

/*mall*/
.cation-middle {padding: 0 15px;}
.cation-list dt:after {top: 14px;}
.cation-list dt {width: 60px; line-height: 30px;}
.cation-list dd a {padding: 0 8px; margin: 8px 0;}

.sxsearch {width: 90%;}
.sxsearch:hover {width: 88%;}

.mallorder {margin-top: 2.5rem;}
.mallorder li {display: none;}
.mallorder .numtotal {float: none; text-align: center;}

.mallbox .proul {margin: 0 15px;}
.mallbox .proul li {margin-top: 15px;}
.mallbox .proul li h4 {font-size: 14px;}
.mallbox .proul .item {padding-bottom: 20px;}
.proul li:hover span {transform: skew(0deg); bottom: 0;}


/*报名*/
.allform .m-wave {margin-bottom: 58px;}
.rh-box {width: 100%; margin: 0 auto 0;}
.rh-box .rh-left {display: none;}
.rh-box .rh-left, .rh-box .rh-main {float: none; width: 100%;}
.topinfo .tit {margin-bottom: 10px; font-size: 24px;}
.rhcommon {margin-top: 15px; height: 40px;}
.rhbtn {margin-top: 15px; line-height: 38px;}
.rharea {margin-top: 15px;}

/*查询*/
/*.userCha {height: 180px;}*/
.userCha .useChatit {font-size: 24px;}
.userCha .pbg {bottom: 10%;}
.userChaform {width: 85%; box-shadow: 0 0 0px #fff;}
.userChaform:hover {width: 90%;}
.userCha .pcbanner {display: none;}
.userCha .wapbanner {display: inline-block;}

.userchades {width: auto; margin-left: 15px; margin-right: 15px;}
.userchades .chainfo {padding: 20px; margin-bottom: 1.5rem;}
.userchades .chainfo .ava {float: none; margin: 0 auto;}
.userchades .chainfo .avainfo {float: none; width: auto; text-align: center;}
.userchades .chainfo .bmbtn a {top: 22px; left: 64px; font-size: 16px; line-height: 38px;}
.userchades .chainfo2 {padding: 1rem 2rem 2rem;}


/*团队*/
.teambox .welo {width: 100%;}


#mallCon {margin:0 15px;}
#mallCon .mallboxlist {margin-top: 20px; padding: 25px 15px}
#mallCon .mallbox {padding: 0;}
#mallCon .mallbox .proul {margin: 0;}
#mallCon .mallbox .proul li {padding: 15px 0;}
#mallCon .mallbox .proul li span {color: #fff;}

.tcinfo .l {width: 100%; float: none;}
.tcinfo .r {width: 100%; float: none;}

.lsearch {margin-top: 0px;}
#res.newsbox {margin-top: 20px;}
.pagination {margin: 10px; }
.hotul li span label { margin-left: 5px; }






}

@media screen and (min-width:767px) {
	.newsbox .item .hy-join{display: none;}
}