/* CSS Document */
* { margin: 0; padding: 0; }

html { font-size: 62.5%; }

body { color: #333; font-family: arial, helvetica, sans-serif; font-size: 14px; font-size: 1.4rem; max-width: 1920px; margin: 0 auto; overflow-x: hidden; background-color: #1d4e79; }

img { border: none; }

ul li { list-style-type: none; }

ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span { margin: 0; padding: 0; list-style: none; }

a { text-decoration: none; color: #333; outline: none; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; }

h1 { margin: 0; padding: 0; font-weight: normal; }

input, textarea { font-family: arial, helvetica, sans-serif; font-size: 14px; font-size: 1.4rem; border: none; outline: none; }

img { max-width: 100%; border: 0px solid #ccc; }

embed, video { max-width: 100%; }

input, textarea { border: none; background: none; font-family: inherit; }

input[type="submit"], textarea[type="submit"] { cursor: pointer; }

input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }

input[type="radio"], textarea[type="radio"] { cursor: pointer; }

input:focus, textarea:focus { outline: none; }

textarea { resize: none; }

.pull-left { float: left; }

.pull-right { float: right; }

.clear { clear: both; }

.fix { *zoom: 1; }

.fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }

/* html5 */
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }

ul, form, p, a, img, table, tr, td, ul, li, dd, dt, dl, span, div { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

input, textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

::-webkit-input-placeholder { color: #999; opacity: 1; }

/* WebKit browsers */
:-o-placeholder { color: #999; opacity: 1; }

/* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #999; opacity: 1; }

/* Mozilla Firefox 19+ */
:-ms-input-placeholder { color: #999; opacity: 1; }

/* Internet Explorer 10+ */
.self-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.self-ellipsis-2 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.self-ellipsis-3 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.self-ellipsis-4 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.relative { position: relative; }

.absolute { position: absolute; }

.common-vc { position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); }

.common-hc { position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); }

.common-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }

.text-right { text-align: right; }

.text-left { text-align: left; }

.nlazy { min-width: 20%; }

/**/
.email { word-break: break-all; }

.scale-big img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.scale-big:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.scale-small img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.scale-small:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

[class*="-item"] .item-pic, [class*="-item"] .item-pics { position: relative; display: block; text-align: center; overflow: hidden; }

[class*="-item"] .item-title { overflow: hidden; }

[class*="-item"] .item-title a { display: block; }

[class*="-item"] .item-title a:hover { color: #1D4E79 !important; }

[class*="-item"] .item-subt { overflow: hidden; }

[class*="-item"] .item-subt a { display: block; }

[class*="-item"] .item-subt a:hover { color: #1D4E79 !important; }

[class*="-item"] .item-desc { overflow: hidden; color: #666; }

[class*="-item"] .item-desc a { display: block; color: #666; }

[class*="-item"] .item-desc a:hover { color: #1D4E79 !important; }

.wp { width: 1200px; margin: auto; padding: 20px; background-color: #fff; }

@media screen and (min-width: 1220px) { .wp { width: 1200px; margin: auto; }}

@media screen and (min-width: 1000px) and (max-width: 1219px) { .wp { width: 980px; margin: auto; padding: 15px; } }

@media screen and (max-width: 999px) { .wp { width: 95%; margin: auto; padding: 10px; } }

@media screen and (max-width: 767px) { .wp { padding: 5px; } }

.wp1 { width: 1200px; margin: auto; padding: 0; }

@media screen and (min-width: 1220px) { .wp1 { width: 1200px; margin: auto; } }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .wp1 { width: 980px; margin: auto; } }

@media screen and (max-width: 999px) { .wp1 { width: 95%; margin: auto; } }

@media screen and (max-width: 767px) { .wp1 { padding: 0; } }

@media screen and (min-width: 1000px) { .no_marginr { margin-right: auto !important; }
  .no_marginl { margin-left: auto !important; } }

.no_margin { margin-left: auto !important; }

/*-------------table start-------------------------------------------------------------------*/
.table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; }

.table table tr td { padding: 3px; border: 1px solid #ccc; }

@media screen and (max-width: 1000px) { .table { width: 100%; overflow: scroll; }
  .table table { width: 885px; } }

/*-------------table end---------------------------------------------------------------------*/
/*-------------proslide_menubtn start--------------------------------------------------------*/
.proslide_menubtn { display: none; width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; cursor: pointer; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }

.proslide_menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #FFFFFF; }

@media screen and (max-width: 767px) { .proslide_menubtn { display: block; } }

/*-------------proslide_menubtn end----------------------------------------------------------*/
/*-------------page-start--------------------------------------------------------------------*/
.page { font-size: 0; letter-spacing: 0; text-align: right; padding-top: 10px; }

@media screen and (max-width: 767px) { .page { text-align: center; } }

.page span, .page a, .page input { display: inline-block; vertical-align: top; font-size: 13px; font-size: 1.3rem; line-height: 30px; color: #666; margin-bottom: 10px; border-radius: 2px; }

.page input { width: 50px; height: 30px; background-color: #fff; border: solid 1px #D9D9D9; text-align: center; margin: 0 5px; border-radius: 2px; }

.page a { min-width: 30px; height: 30px; background-color: #fff; border: solid 1px #D9D9D9; text-align: center; margin: 0 5px; color: #333; }

.page a .iconfont { color: #C4C4C4; font-size: 12px; font-size: 1.2rem; line-height: 28px; display: block; }

.page a.prev { margin-left: 15px; }

.page a.next { margin-right: 19px; }

.page a:hover, .page a.active { background-color: #1D4E79; color: #fff; border-color: #1D4E79; }

/*-------------page-end--------------------------------------------------------------------*/
/*-------------contact start---------------------------------------------------------------*/
/*back-top*/
.back-top { position: fixed; z-index: 99; right: 15px; bottom: -100px; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; cursor: pointer; width: 54px; height: 54px; line-height: 50px; border: solid 2px #fff; text-align: center; }

.back-top .iconfont { font-size: 26px; font-size: 2.6rem; color: #fff; }

@media only screen and (max-width: 1219px) { .back-top { border: solid 2px #ccc; }
  .back-top .iconfont { color: #ccc; } }

@media only screen and (max-width: 767px) { .back-top { width: 40px; height: 40px; line-height: 36px; }
  .back-top .iconfont { font-size: 20px; font-size: 2.0rem; } }

/*-------------contact end-----------------------------------------------------------------*/
/*-------------pro-share start-------------------------------------------------------------*/
.pro-share { font-size: 0; letter-spacing: 0; text-align: right; }

.pro-share .share-title { margin-right: 8px; display: inline-block; *display: inline; *zoom: 1; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #666; }

.pro-share .share-pic { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 26px; }

/*-------------pro-share end---------------------------------------------------------------*/
/*-------------m-oths----------------------------------------------------------------------*/
.m-oths { border-top: solid 1px #ECECEC; border-bottom: solid 1px #ECECEC; position: relative; margin-top: 52px; letter-spacing: -0.1px; }

@media screen and (max-width: 999px) { .m-oths { margin-top: 40px; } }

@media screen and (max-width: 767px) { .m-oths { margin-top: 25px; padding: 10px 0; margin-bottom: 10px; } }

.m-oths:before { position: absolute; content: ''; top: 7px; bottom: 7px; width: 1px; background-color: #ECECEC; left: 50%; }

@media screen and (max-width: 767px) { .m-oths:before { display: none; } }

.m-oths .list-item { float: left; width: 50%; font-size: 0; line-height: 24px; padding: 12px 10px 12px 39px; text-align: left; }

@media screen and (max-width: 999px) { .m-oths .list-item { padding: 8px 10px; } }

@media screen and (max-width: 767px) { .m-oths .list-item { width: 100%; padding: 3px 5px; } }

.m-oths span { font-size: 14px; font-size: 1.4rem; font-weight: bold; margin-right: 12px; float: left; }

.m-oths p { display: block; overflow: hidden; font-size: 14px; font-size: 1.4rem; }

.m-oths p, .m-oths p a { color: #666; }

.m-oths p a:hover { color: #1D4E79; }

/*-------------bread start-----------------------------------------------------------------*/
.bread { margin-top: -6px; margin-bottom: 12px; font-size: 14px; font-size: 1.4rem; line-height: 24px; overflow: hidden; color: #666; }

.bread a { color: #666; }

.bread a:hover, .bread .bread-active { color: #999; }

.bread span { font-weight: bold; color: #333; }

@media screen and (max-width: 767px) { .bread { margin-top: 0; } }

/*-------------bread end-------------------------------------------------------------------*/
.search-box ::-webkit-input-placeholder { color: #aaa; opacity: 1; }

/* WebKit browsers */
.search-box :-o-placeholder { color: #aaa; opacity: 1; }

/* Mozilla Firefox 4 to 18 */
.search-box ::-moz-placeholder { color: #aaa; opacity: 1; }

/* Mozilla Firefox 19+ */
.search-box :-ms-input-placeholder { color: #aaa; opacity: 1; }

/* Internet Explorer 10+ */
.search { position: relative; }

@media screen and (max-width: 767px) { .search { display: none; } }

.search .search-box { overflow: hidden; position: relative; z-index: 999; width: 390px; height: 43px; border: solid 2px #2D75B4; cursor: pointer; }

@media screen and (max-width: 999px) { .search .search-box { margin-right: 30px; } }

.search .search-box .iconfont { position: absolute; width: 78px; height: 39px; line-height: 38px; text-align: center; right: 0; top: 0; font-size: 19px; font-size: 1.9rem; background-color: #2D75B4; color: #fff; z-index: 0; }

.search .search-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 38px; padding: 0 78px 0 10px; color: #aaa; background-color: #fff; }

.search .search-submit { position: absolute; width: 78px; height: 100%; top: 0px; right: 0px; cursor: pointer; z-index: 1; }

/*-------------header start----------------------------------------------------------------*/
.header { background-color: #1F5380; }

.header .h-top { padding: 39px 0 38px; }

.header .h-top a:hover { color: #ccc; }

@media screen and (max-width: 999px) { .header .h-top { padding: 10px 0 20px; }
  .header .h-top .clear1 { clear: both; } }

@media screen and (max-width: 767px) { .header .h-top { padding: 0 0 20px; } }

.header .h-top .item-user { max-width: 200px; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.header .h-top .item-p { float: right; font-weight: bold; font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 6px; margin-left: 40px; position: relative; }

.header .h-top .item-p, .header .h-top .item-p a { color: #fff; }

.header .h-top .item-p:first-child:before { position: absolute; left: -22px; color: #fff; }

@media screen and (max-width: 999px) { .header .h-top .item-p { margin-left: 0; line-height: 28px; }
  .header .h-top .item-p:first-child { margin-right: 35px; margin-left: 40px; } }

@media screen and (max-width: 767px) { .header .h-top .item-p { font-size: 14px; font-size: 1.4rem; } }

.header .h-bot { background-color: #7FC3FF; background-color: rgba(127, 195, 255, 0.15); border-top: solid 1px #2D75B4; border-bottom: solid 1px #2D75B4; }

@media screen and (max-width: 767px) { .header .h-bot { display: none; } }

.header .logo { float: left; display: block; line-height: 100px; margin-top: -29px; margin-bottom: -28px; text-align: center }
.header .logo a{display: inline-block}
.header .logo img{max-height: 100px; vertical-align: middle}

@media screen and (max-width: 999px) {
  .header .logo { line-height: 70px; float: none; margin: 10px auto 0; }
  .header .logo img{max-height: 70px;}
}
@media screen and (max-width: 767px) {
  .header .logo { line-height: 50px;  }
  .header .logo img{max-height: 50px;}
}

.header .navlist { font-size: 0; letter-spacing: 0; }

.header .navlist > li { display: inline-block; vertical-align: top; position: relative; margin-left: 120px; padding: 10px 0 8px; }

.header .navlist > li:first-child { margin-left: 0; }

.header .navlist > li > a { font-size: 14px; font-size: 1.4rem; text-transform: capitalize; display: block; position: relative; line-height: 30px; border-bottom: solid 2px transparent; color: #fff; }

.header .navlist > li.nav-active > a, .header .navlist > li:hover > a { color: #AAF8FC; border-color: #AAF8FC; }

@media screen and (max-width: 1219px) { .header .navlist > li { margin-left: 83px; } }

@media screen and (max-width: 999px) { .header .navlist { text-align: center; }
  .header .navlist > li { margin-left: 55px; } }

@media screen and (max-width: 850px) { .header .navlist > li { margin-left: 42px; } }

.header .navlist li:hover .yiji { top: 100%; }

.header .yiji { z-index: 99; position: absolute; top: -9999px; width: 220px; left: 50%; margin-left: -110px; background-color: #fff; }

.header .yiji li { position: relative; text-align: left; }

.header .yiji li > a { display: block; line-height: 22px; padding: 8px 15px; font-size: 14px; font-size: 1.4rem; }

.header .yiji li:hover > a { background-color: #1D4E79; color: #fff; }

.header .yiji li:hover .erji { left: 100%; }

@media screen and (max-width: 980px) { .header .yiji { display: none; } }

.header .erji li:hover .sanji { left: 100%; }

.header .erji, .header .sanji { position: absolute; left: -9999px; top: 0px; width: 220px; background-color: #fff; }

/* 767 navlist1 */
.navlist1 { display: none; width: 100%; background-color: #7FC3FF; background-color: rgba(127, 195, 255, 0.15); border-top: solid 1px #2D75B4; border-bottom: solid 1px #2D75B4; }

.navlist1 > li { float: left; width: 33.3%; text-align: center; padding: 5px 0; }

.navlist1 > li > a { font-size: 14px; font-size: 1.4rem; text-transform: capitalize; display: inline-block; position: relative; line-height: 24px; border-bottom: solid 2px transparent; color: #fff; }

.navlist1 > li.nav-active > a, .navlist1 > li:hover > a { color: #AAF8FC; border-color: #AAF8FC; }

@media screen and (max-width: 767px) { .navlist1 { display: block; } }

/*-------------header end------------------------------------------------------------------*/
/*-------------footer start----------------------------------------------------------------*/
.footer { box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.08); border-top: solid 1px #2D75B4; background-color: #163B5C; padding: 26px 0 29px; }

@media screen and (max-width: 767px) { .footer { padding: 20px 0; } }

.footer .links { margin-bottom: 16px; text-align: center; line-height: 24px; }

.footer .links, .footer .links a { color: #fff; }

.footer .links a:hover { text-decoration: underline; }

.footer .links a { display: inline-block; position: relative; padding: 0 24px; }

.footer .links a:before { position: absolute; content: ''; width: 2px; height: 16px; background-color: #DCDCDC; top: 50%; margin-top: -8px; left: 0; }

.footer .links a:first-child:before { display: none; }

@media screen and (max-width: 767px) { .footer .links { margin-bottom: 15px; }
  .footer .links a { padding: 0 10px; } }

.footer .copyright { text-align: center; line-height: 24px; }

.footer .copyright, .footer .copyright a { color: #fff; }

.footer .copyright a:hover { text-decoration: underline; }

/*-------------footer end------------------------------------------------------------------*/
/*-------------index start-----------------------------------------------------------------*/
.main .box-main { width: 842px; }
.main .box-main.language-list { width: 100%; }

@media screen and (max-width: 1219px) { .main .box-main { width: 630px; } }

@media screen and (max-width: 999px) { .main .box-main.pull-left { width: 100%; }
  .main .box-main.pull-right { width: 100%; margin-top: 30px; } }

.main .box-slide { width: 300px; background-color: #fff; }

@media screen and (max-width: 999px) { .main .box-slide.pull-right { width: 100%; margin: 30px 0 0; }
  .main .box-slide.pull-left { width: 100%; } }

/* page-list start */
.page-list { font-size: 0; letter-spacing: 0; }

.page-list .list-item { border: solid 1px #DBDBDB; background-color: #FAFAFA; margin-bottom: 20px; padding: 0 2.3753% 20px; }

.page-list .list-item:hover { border-color: #1D4E79; }

.page-list .item-title { border-bottom: solid 1px #DBDBDB; font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 24px; padding: 16px 0 17px; margin-bottom: 20px; }

@media screen and (max-width: 767px) { .page-list .item-title { padding: 10px 0; } }

@media screen and (max-width: 640px) { .page-list .item-title { font-size: 14px; font-size: 1.4rem; margin-bottom: 15px; } }

.page-list .item-pic { float: left; width: 200px; margin-right: 2.49377%; }

.page-list .item-pic img { display: block; margin: 0 auto; max-width: 200px; width: 100%; }

@media screen and (max-width: 450px) { .page-list .item-pic { float: none; margin: 0 auto 20px; max-width: 200px; } }

.page-list .item-body { overflow: hidden; }

.page-list .item-desc { margin-top: 15px; font-size: 14px; font-size: 1.4rem; line-height: 22px; height: 88px; }

@media screen and (max-width: 640px) { .page-list .item-desc { margin-top: 5px; line-height: 20px; height: 80px; } }

.page-list .item-box { margin-top: 7px; }

@media screen and (max-width: 640px) { .page-list .item-box { margin-top: 0; } }

.page-list .item-info { float: left; font-size: 0; letter-spacing: 0; }

.page-list .item-info .item-pics { display: inline-block; vertical-align: middle; width: 34px; height: 34px; border-radius: 50%; margin-right: 10px; }

.page-list .item-info .item-pics img { display: block; width: 100%; height: 100%; }

@media screen and (max-width: 767px) { .page-list .item-info .item-pics { width: 30px; height: 30px; margin-right: 5px; } }

.page-list .item-info .item-name { display: inline-block; vertical-align: middle; font-size: 14px; font-size: 1.4rem; line-height: 24px; font-weight: bold; width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.page-list .item-info .item-name a:hover { color: #1D4E79; }

@media screen and (max-width: 767px) { .page-list .item-info .item-name { width: 150px; } }

@media screen and (max-width: 640px) { .page-list .item-info { width: 100%; } }

.page-list .item-num { font-size: 0; letter-spacing: 0; float: right; line-height: 24px; margin-top: 5px; margin-right: 10px; }

.page-list .item-num .iconfont { font-size: 22px; font-size: 2.2rem; margin-right: 6px; vertical-align: middle; color: #3a3a3a; }

.page-list .item-num .iconfont.active { color: #1D4E79; }

.page-list .item-num p { display: inline-block; vertical-align: middle; font-size: 14px; font-size: 1.4rem; margin-left: 35px; }

.page-list .item-num p, .page-list .item-num p a { color: #666; }

.page-list .item-num .p3 { cursor: pointer; }

.page-list .item-num .p3 .iconfont { font-size: 18px; font-size: 1.8rem; }

@media screen and (max-width: 1219px) { .page-list .item-num p { margin-left: 10px; } }

@media screen and (max-width: 767px) { .page-list .item-num { margin-top: 3px; } }

@media screen and (max-width: 640px) { .page-list .item-num { float: left; width: 100%; }
  .page-list .item-num p:first-child { margin-left: 0; }
  .page-list .item-num p { font-size: 12px; font-size: 1.2rem; }
  .page-list .item-num .iconfont { margin-right: 3px; font-size: 18px; font-size: 1.8rem; } }

/* page-list end*/
/* slide-title start */
.slide-title { font-family: "bebasneue-regular"; font-weight: bold; letter-spacing: 0.1px; font-size: 20px; font-size: 2rem; }

.slide-title a, .slide-title p { display: block; line-height: 24px; padding: 13px 14px; background-color: #1D4E79; color: #fff; }

.slide-title a:hover { background-color: #333; }

@media screen and (max-width: 767px) { .slide-title { font-size: 18px; font-size: 1.8rem; }
  .slide-title a, .slide-title p { line-height: 24px; padding: 10px 14px; } }

/* slide-title end */
/* cate-slide start */
.cate-slide { border: solid 1px #DBDBDB; background-color: #FAFAFA; margin-bottom: 20px; }

.cate-slide .box-list { overflow: hidden; padding: 10px 15px 3px; }

.cate-slide .box-list > li > a { color: #666; display: block; font-size: 14px; font-size: 1.4rem; line-height: 24px; padding: 3px 0 4px; position: relative; }

.cate-slide .box-list > li > a:hover, .cate-slide .box-list > li > a.active { color: #1D4E79; }

.cate-slide .item-btn { cursor: pointer; padding: 4px 15px 30px; float: right; }

.cate-slide .item-btn, .cate-slide .item-btn a { color: #333; }

.cate-slide .item-btn a:hover { color: #1D4E79; }

.cate-slide .dot { line-height: 24px; color: #666; padding: 0 15px 30px; display: none; }

/* cate-slide end */
/* artical-slide start */
.artical-slide { border: solid 1px #DBDBDB; background-color: #FAFAFA; margin-bottom: 20px; }

.artical-slide .box-list { padding: 9px 14px 32px; }

.artical-slide .box-list .list-item { padding: 6px 0; }

.artical-slide .box-list .item-desc { padding-left: 16px; line-height: 20px; max-height: 40px; position: relative; }

.artical-slide .box-list .item-desc:before { position: absolute; content: ''; width: 6px; height: 6px; background-color: #1D4E79; border-radius: 50%; left: 0; top: 7px; }

/* artical-slide end */
/* post-slide start */
.post-slide { border: solid 1px #DBDBDB; background-color: #FAFAFA; }

.post-slide .box-body { padding: 15px 15px 31px; position: relative; }

.post-slide .box-desc { letter-spacing: -0.5px; color: #333; line-height: 22px; margin-bottom: 18px; }

.post-slide .box-form .item-row { margin-bottom: 12px; }

.post-slide .box-form .item-p { line-height: 24px; margin-bottom: 5px; color: #222; letter-spacing: -0.2px; }

.post-slide .box-form input, .post-slide .box-form textarea { border: solid 1px #f0f0f0; background-color: #fff; display: block; width: 100%; padding: 0 5px; color: #333; border-radius: 2px; }

.post-slide .box-form input { height: 36px; line-height: 34px; }

.post-slide .box-form .textarea1 { height: 72px; padding-top: 5px; padding-bottom: 5px; }

.post-slide .box-form .textarea2 { height: 160px; padding-top: 5px; padding-bottom: 5px; }

.post-slide .box-form .item-code { position: relative; margin-top: 20px; }

.post-slide .box-form .item-code .item-input { float: left; width: 137px; }

.post-slide .box-form .item-code .item-img { margin-right: 10px; float: left; }

.post-slide .box-form .item-code .item-img img { cursor: pointer; display: block; }

.post-slide .box-form .item-btn { float: left; margin-top: 30px; width: 100%; background-color: #1D4E79; border: 0; line-height: 36px; color: #fff; }

.post-slide .box-form .item-btn:hover { background-color: #333; }

.post-slide .item-success { margin-top: 19px; margin-bottom: -4px; }

.post-slide .item-success .iconfont { font-size: 22px; font-size: 2.2rem; font-weight: bold; color: #00C92B; margin-right: 11px; float: left; }

.post-slide .item-success .item-title { overflow: hidden; font-size: 14px; font-size: 1.4rem; line-height: 22px; letter-spacing: -0.2px; }

/* post-slide end */
/*-------------index end-------------------------------------------------------------------*/
.page_wrap { padding: 41px 0 60px; }

@media screen and (max-width: 999px) { .page_wrap { padding: 40px 0 50px; } }

@media screen and (max-width: 767px) { .page_wrap { padding: 30px 0; } }

/*-------------2-search start--------------------------------------------------------------*/
.search-result { text-align: center; }

.search-result .item-title { margin-top: 38px; font-size: 16px; font-size: 1.6rem; line-height: 24px; color: #666; }

@media screen and (max-width: 767px) { .search-result .item-title { font-size: 14px; font-size: 1.4rem; line-height: 20px; margin-top: 20px; } }

.search-result .item-btn { margin-top: 36px; display: inline-block; min-width: 140px; line-height: 24px; padding: 6px 3px; font-size: 16px; font-size: 1.6rem; background-color: #1D4E79; color: #fff; }

.search-result .item-btn:hover { background-color: #333; color: #fff; }

@media screen and (max-width: 767px) { .search-result .item-btn { margin-top: 20px; font-size: 14px; font-size: 1.4rem; padding: 3px; min-width: 120px; } }

.search-result1 { font-size: 16px; font-size: 1.6rem; line-height: 22px; margin-bottom: 17px; }

.search-result1, .search-result1 a { color: #000; }

@media screen and (max-width: 767px) { .search-result1 { font-size: 14px; font-size: 1.4rem; margin-bottom: 13px; } }

/*-------------2-search end----------------------------------------------------------------*/
/*-------------4-cate start----------------------------------------------------------------*/
/*-------------4-cate end------------------------------------------------------------------*/
/*-------------5-blog-detail start---------------------------------------------------------*/
.blog-detail { border-bottom: solid 20px #1D4E79; margin-bottom: 30px;}

.blog-detail .item-title { text-align: center; font-size: 22px; font-size: 2.2rem; font-weight: bold; line-height: 24px; margin-bottom: 40px; }

@media screen and (max-width: 1219px) { .blog-detail .item-title { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .blog-detail .item-title { margin-bottom: 15px; font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 640px) { .blog-detail .item-title { font-size: 18px; font-size: 1.8rem; } }

.blog-detail .item-cate { font-size: 0; letter-spacing: 0; text-align: center; }

.blog-detail .item-cate p { display: inline-block; vertical-align: middle; line-height: 24px; font-size: 14px; font-size: 1.4rem; }

.blog-detail .item-cate p, .blog-detail .item-cate p a { color: #666; }

.blog-detail .item-cate p a:hover { color: #1D4E79; }

.blog-detail .item-cate .item-img { margin-right: 60px; }

.blog-detail .item-cate .item-img span { margin-right: 15px; }

.blog-detail .item-cate .item-img img { width: 50px; height: 50px; border-radius: 50%; vertical-align: middle; margin-right: 8px; }

@media screen and (max-width: 1219px) { .blog-detail .item-cate .item-img { margin-right: 30px; } }

@media screen and (max-width: 999px) { .blog-detail .item-cate .item-img { display: block; margin-bottom: 10px; margin-right: 0; }
  .blog-detail .item-cate .item-img img { width: 40px; height: 40px; } }

@media screen and (max-width: 767px) { .blog-detail .item-cate .item-img img { width: 35px; height: 35px; } }

.blog-detail .item-cate .item-date { margin-right: 50px; }

@media screen and (max-width: 1219px) { .blog-detail .item-cate .item-date { margin-right: 30px; } }

@media screen and (max-width: 999px) { .blog-detail .item-cate .item-date { margin-right: 20px; } }

.blog-detail .item-cate .item-num { font-size: 0; letter-spacing: 0; margin-right: 60px; }

.blog-detail .item-cate .item-num .iconfont { font-size: 20px; font-size: 2.0rem; margin-right: 6px; vertical-align: middle; color: #3A3A3A; }

.blog-detail .item-cate .item-num .iconfont.active { color: #1D4E79; }

.blog-detail .item-cate .item-num span { display: inline-block; vertical-align: middle; font-size: 14px; font-size: 1.4rem; margin-left: 39px; }

.blog-detail .item-cate .item-num span:first-child { margin-left: 0; }

.blog-detail .item-cate .item-num .p3 { cursor: pointer; }

.blog-detail .item-cate .item-num .p3 .iconfont { font-size: 18px; font-size: 1.8rem; }

@media screen and (max-width: 1219px) { .blog-detail .item-cate .item-num { margin-right: 30px; }
  .blog-detail .item-cate .item-num span { margin-left: 10px; } }

@media screen and (max-width: 999px) { .blog-detail .item-cate .item-num { margin-right: 20px; }
  .blog-detail .item-cate .item-num span { margin-left: 10px; } }

.blog-detail .item-body { letter-spacing: -0.1px; text-align: left; padding: 44px 0 80px; font-size: 14px; font-size: 1.4rem; line-height: 24px; }

.blog-detail .item-body p { min-height: 24px; }

.blog-detail .item-body img, .blog-detail .item-body iframe { max-width: 100%; }

.blog-detail .item-body, .blog-detail .item-body a { color: #666; }

@media screen and (max-width: 1219px) { .blog-detail .item-body { padding: 44px 0 60px; } }

@media screen and (max-width: 999px) { .blog-detail .item-body { padding: 44px 0; } }

@media screen and (max-width: 767px) { .blog-detail .item-body { padding: 20px 0 25px; } }

.comments-main .box-form .item-top { padding-bottom: 15px; margin-bottom: 27px; line-height: 24px; position: relative; }

@media screen and (max-width: 767px) { .comments-main .box-form .item-top { padding-top: 15px; margin-bottom: 15px; } }

.comments-main .box-form .item-top:before { position: absolute; content: ''; height: 1px; left: -20px; right: -20px; background-color: #ECECEC; bottom: 0; }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .comments-main .box-form .item-top:before { left: -15px; right: -15px; } }

@media screen and (max-width: 999px) { .comments-main .box-form .item-top:before { left: -10px; right: -10px; } }

@media screen and (max-width: 767px) { .comments-main .box-form .item-top:before { left: -5px; right: -5px; } }

.comments-main .box-form .item-top .item1 { float: left; font-weight: bold; font-size: 22px; font-size: 2.2rem; }

.comments-main .box-form .item-top .item1 span { font-size: 14px; font-size: 1.4rem; margin-left: 25px; font-weight: normal; }

.comments-main .box-form .item-top .item1 a { color: #005AFF; }

.comments-main .box-form .item-top .item1 a:hover { color: #1D4E79; }

@media screen and (max-width: 767px) { .comments-main .box-form .item-top .item1 { font-size: 18px; font-size: 1.8rem; }
  .comments-main .box-form .item-top .item1 span { margin-left: 10px; } }

.comments-main .box-form .item-top .item2 { float: right; color: #666; font-size: 14px; font-size: 1.4rem; margin-right: 11px; }

.comments-main .box-form .item-top .item2 .iconfont { font-size: 24px; font-size: 2.4rem; vertical-align: middle; margin-right: 7px; }

@media screen and (max-width: 640px) { .comments-main .box-form .item-top .item2 { float: left; width: 100%; margin-right: 0; } }

.comments-main .box-form textarea { width: 100%; display: block; height: 200px; border: solid 1px #ECECEC; padding: 10px; line-height: 20px; color: #333; }

.comments-main .box-form .tip { color: #999; position: absolute; bottom: 18px; right: 11px; }

.comments-main .box-form .item-btn { width: 100%; margin-top: 20px; line-height: 36px; background-color: #1D4E79; color: #fff; text-align: center; font-size: 14px; font-size: 1.4rem; }

.comments-main .box-form .item-btn:hover { background-color: #333; }

@media screen and (max-width: 767px) { .comments-main .box-form .item-btn { line-height: 30px; } }

.comments-main .box-list { padding-top: 30px; }

.comments-main .box-list .list-item { padding: 10px 0 25px; }

@media screen and (max-width: 767px) { .comments-main .box-list .list-item { padding: 0 0 20px; } }

.comments-main .box-list .item-pic { float: left; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; margin-right: 14px; }

.comments-main .box-list .item-pic img { display: block; width: 100%; height: 100%; border-radius: 50%; }

@media screen and (max-width: 767px) { .comments-main .box-list .item-pic { width: 35px; height: 35px; margin-right: 10px; } }

.comments-main .box-list .item-body { overflow: hidden; }

.comments-main .box-list .item-title { font-weight: bold; font-size: 16px; font-size: 1.6rem; line-height: 24px; margin-top: 13px; }

@media screen and (max-width: 767px) { .comments-main .box-list .item-title { margin-top: 5px; } }

.comments-main .box-list .item-desc { margin-top: 21px; line-height: 24px; }

.comments-main .box-list .item-desc a { display: inline; color: #005AFF; }

.comments-main .box-list .item-desc a:hover { color: #333; }

@media screen and (max-width: 767px) { .comments-main .box-list .item-desc { margin-top: 10px; } }

.comments-main .box-list .item-date { color: #999; margin-top: 21px; line-height: 20px; }

@media screen and (max-width: 767px) { .comments-main .box-list .item-date { margin-top: 10px; } }

/*-------------5-blog-detail end-----------------------------------------------------------*/
/*-------------6-write start---------------------------------------------------------------*/
.write-info { background: url(../images/bg1.png) no-repeat center; background-size: cover; padding: 25px 0 24px; margin-bottom: 20px; }

@media screen and (max-width: 767px) { .write-info { padding: 20px 0; } }

.write-info .item-img { position: relative; margin: 0 auto; width: 130px; height: 130px; border-radius: 50%; overflow: hidden; }

.write-info .item-img img { display: block; width: 100%; height: 100%; }

@media screen and (max-width: 999px) { .write-info .item-img { width: 110px; height: 110px; } }

@media screen and (max-width: 767px) { .write-info .item-img { width: 80px; height: 80px; } }

.write-info .item-name { text-align: center; font-size: 22px; font-size: 2.2rem; font-weight: bold; line-height: 24px; }

.write-info .item-name, .write-info .item-name a { color: #333; }

@media screen and (max-width: 999px) { .write-info .item-name { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 767px) { .write-info .item-name { font-size: 18px; font-size: 1.8rem; } }

/*-------------6-write end-----------------------------------------------------------------*/
/*-------------7-center start--------------------------------------------------------------*/
/* center-slide start */
.center-slide .user-info { padding: 43px 0 42px; }

@media screen and (max-width: 999px) { .center-slide .user-info { padding: 20px 0 30px; } }

@media screen and (max-width: 767px) { .center-slide .user-info { padding: 20px 0; } }

.center-slide .user-info .item-img { position: relative; margin: 0 auto; width: 130px; height: 130px; border-radius: 50%; overflow: hidden; }

.center-slide .user-info .item-img img { display: block; width: 100%; height: 100%; }

@media screen and (max-width: 999px) { .center-slide .user-info .item-img { width: 110px; height: 110px; } }

@media screen and (max-width: 767px) { .center-slide .user-info .item-img { width: 80px; height: 80px; } }

.center-slide .user-info .item-name { text-align: center; font-size: 22px; font-size: 2.2rem; font-weight: bold; line-height: 24px; margin-top: 18px; }

.center-slide .user-info .item-name, .center-slide .user-info .item-name a { color: #333; }

@media screen and (max-width: 999px) { .center-slide .user-info .item-name { font-size: 18px; font-size: 1.8rem; margin-top: 10px; } }

.center-slide .box-title { margin-bottom: 35px; }

.center-slide .box-title > a { background-color: #FAFAFA; border: solid 1px #DBDBDB; display: block; text-align: center; line-height: 24px; padding: 12px 5px 12px; color: #333; font-weight: bold; }

.center-slide .box-title:hover > a, .center-slide .box-title.active > a { background-color: #1D4E79; border-color: #1D4E79; color: #fff; }

@media screen and (max-width: 999px) { .center-slide .box-title { margin-bottom: 20px; }
  .center-slide .box-title > a { padding: 6px; } }

.center-slide .box-subt { text-align: center; line-height: 20px; font-weight: bold; margin-bottom: 17px; }

@media screen and (max-width: 767px) { .center-slide .box-subt { margin-bottom: 10px; } }

.center-slide .box-list > li { margin-top: 10px; }

.center-slide .box-list > li > a { background-color: #FAFAFA; border: solid 1px #DBDBDB; display: block; text-align: center; line-height: 24px; padding: 12px 5px 12px; color: #333; }

.center-slide .box-list > li:hover > a, .center-slide .box-list > li.active > a { background-color: #1D4E79; border-color: #1D4E79; color: #fff; }

@media screen and (max-width: 999px) { .center-slide .box-list > li > a { padding: 6px; } }

@media screen and (max-width: 767px) { .center-slide .box-list > li { margin-top: 5px; } }

/* center-slide end */
.center-list .item-title { position: relative; padding-right: 35px; }

.center-list .item-icon { font-size: 18px; font-size: 1.8rem; color: #000; position: absolute; top: 50%; margin-top: -9px; right: 0; font-weight: normal; }

/*-------------7-center end----------------------------------------------------------------*/
/*-------------8-add start-----------------------------------------------------------------*/
.add-form { max-width: 770px; margin: 0 auto; padding: 20px 20px 20px; }

@media screen and (max-width: 767px) { .add-form { padding: 20px 10px 10px; } }

.add-form .item-title { line-height: 42px; color: #333; margin-bottom: 3px; }

@media screen and (max-width: 640px) { .add-form .item-title { line-height: 36px; } }

.add-form .star { color: #FF0000; }

.add-form .item-body { position: relative; }

.add-form .item-row { margin-bottom: 14px; }

.add-form .item-row input, .add-form .item-row select { border-radius: 4px; background-color: #fff; border: solid 1px #ECECEC; width: 100%; height: 40px; line-height: 38px; color: #333; padding: 0 10px; outline: none; font-size: 14px; font-size: 1.4rem; }

@media screen and (max-width: 640px) { .add-form .item-row input, .add-form .item-row select { height: 36px; line-height: 34px; } }

.add-form .item-row textarea { height: 120px; width: 100%; padding: 10px 20px; line-height: 20px; color: #333; }

@media screen and (max-width: 640px) { .add-form .item-row textarea { padding: 10px; } }

.add-form .item-row .txt1 textarea { background-color: #fff; border: solid 1px #ECECEC; padding-bottom: 30px; }

.add-form .item-row .txt1 .num { color: #999999; position: absolute; right: 10px; line-height: 20px; bottom: 9px; }

.add-form .item-row .txt2 { /* background-color: #fff; border: solid 1px #ECECEC; */ }

.add-form .item-file { font-size: 0; letter-spacing: 0; margin-bottom: -7px; }

.add-form .item-file .txt { font-size: 12px; font-size: 1.2rem; color: #aaa; line-height: 24px; margin-top: 3px; }

.add-form .item-file .file-img { display: inline-block; vertical-align: bottom; overflow: hidden; width: 200px; height: 151px; background: url(../images/web3.png) no-repeat center; background-size: contain; margin-right: 20px; }

@media screen and (max-width: 640px) { .add-form .item-file .file-img { margin-right: 10px; } }

@media screen and (max-width: 480px) { .add-form .item-file .file-img { display: block; } }

.add-form .item-file .file-btn, .add-form .item-file .file-btn1 { display: inline-block; vertical-align: bottom; width: 80px; height: 30px; outline: none; line-height: 28px; background-color: #fff; border: solid 1px #DCDCDC; color: #333; cursor: pointer; margin-top: 20px; }

.add-form .item-file .file-btn:hover, .add-form .item-file .file-btn1:hover { border: solid 1px #1D4E79; background-color: #1D4E79; color: #fff; }

.add-form .item-file .file-btn { margin-right: 10px; }

@media screen and (max-width: 640px) { .add-form .item-file .file-btn { margin-right: 10px; } }

.add-form .item-file .file-input { display: none; }

.add-form .item-radio { font-size: 0; letter-spacing: 0; line-height: 24px; }

.add-form .item-radio .item-box { display: inline-block; vertical-align: middle; font-size: 14px; font-size: 1.4rem; color: #666; margin-right: 30px; }

.add-form .item-radio input { width: auto; vertical-align: middle; margin-right: 10px; line-height: 24px; height: 24px; }

.add-form .item-btns { font-size: 0; letter-spacing: 0; text-align: left; }

.add-form .item-btns .item-btn { text-align: center; display: inline-block; vertical-align: top; width: 80px; line-height: 30px; font-size: 14px; font-size: 1.4rem; background-color: #fff; border: solid 1px #DCDCDC; color: #333; margin-right: 15px; margin-top: 10px; }

.add-form .item-btns .item-btn:hover { border: solid 1px #1D4E79; background-color: #1D4E79; color: #fff; }

/*-------------8-add end-------------------------------------------------------------------*/
/*-------------10-notice start-------------------------------------------------------------*/
.notice-list { padding: 0 20px; }

.notice-list .page { padding-top: 40px; }

@media screen and (max-width: 767px) { .notice-list { padding: 0 10px; }
  .notice-list .page { padding-top: 30px; } }

.notice-list .list-item { border-bottom: solid 1px #EBEBEB; line-height: 24px; padding: 13px 0 13px; }

.notice-list .list-item:hover { color: #1D4E79; }

.notice-list .list-item:hover .item-desc, .notice-list .list-item:hover .item-desc a { color: #1D4E79; }

.notice-list .list-item:hover .iconfont.pull-right { visibility: visible; }

.notice-list .iconfont.pull-right { font-size: 19px; font-size: 1.9rem; margin-left: 20px; color: #666; cursor: pointer; visibility: hidden; }

.notice-list .iconfont.pull-right:hover { color: #1D4E79; }

@media screen and (max-width: 999px) { .notice-list .iconfont.pull-right { visibility: visible; } }

.notice-list .item-desc a { display: inline; }

.notice-list .item-desc, .notice-list .item-desc a { color: #333; }

/*-------------10-notice end---------------------------------------------------------------*/
/*-------------11-myblog start-------------------------------------------------------------*/
.blog-check { margin-bottom: 20px; font-size: 0; letter-spacing: 0; }

.blog-check .check-all { display: inline-block; vertical-align: middle; font-size: 14px; font-size: 1.4rem; color: #666; line-height: 24px; margin-right: 30px; cursor: pointer; }

.blog-check .check-all input { width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 10px; }

.blog-check .check-all:hover { color: #1D4E79; }

.blog-check .check-delete { cursor: pointer; display: inline-block; vertical-align: middle; min-width: 80px; height: 36px; line-height: 36px; background-color: #1D4E79; color: #fff; text-align: center; font-size: 14px; font-size: 1.4rem; }

.blog-check .check-delete:hover { background-color: #333; }

@media screen and (max-width: 767px) { .blog-check .check-all { margin-right: 15px; }
  .blog-check .check-all input { width: 14px; height: 14px; margin-right: 5px; }
  .blog-check .check-delete { height: 30px; line-height: 30px; } }

.blog-list .item-title { position: relative; }

@media screen and (max-width: 450px) { .blog-list .item-title .item-text { margin-top: 5px; } }

.blog-list input { width: 20px; height: 20px; float: left; margin-right: 20px; margin-top: 2px; }

@media screen and (max-width: 767px) { .blog-list input { width: 14px; height: 14px; margin-top: 5px; margin-right: 10px; } }

@media screen and (max-width: 450px) { .blog-list input { margin-right: 0; } }

.blog-list .item-icons { font-size: 0; letter-spacing: 0; float: right; }

@media screen and (max-width: 450px) { .blog-list .item-icons { overflow: hidden; float: none; } }

.blog-list .item-icons a { margin-left: 20px; display: inline-block; vertical-align: middle; font-weight: normal; color: #000; font-size: 18px; font-size: 1.8rem; line-height: 24px; }

.blog-list .item-icons a:hover { color: #1D4E79; }

@media screen and (max-width: 767px) { .blog-list .item-icons a { margin-left: 10px; } }

@media screen and (max-width: 450px) { .blog-list .item-icons a { font-size: 16px; font-size: 1.6rem; } }

/*-------------11-myblog end---------------------------------------------------------------*/
/*-------------12-Groups start-------------------------------------------------------------*/
.groups-list { padding: 0 20px; }

.groups-list .page { padding-top: 40px; }

@media screen and (max-width: 767px) { .groups-list { padding: 0 10px; }
  .groups-list .page { padding-top: 30px; } }

.groups-list .list-item { border-bottom: solid 1px #EBEBEB; padding: 10px 0 10px; line-height: 24px; font-size: 0; letter-spacing: 0; }

.groups-list .item-num { width: 10.84788%; display: inline-block; vertical-align: middle; font-size: 20px; font-size: 2rem; color: #333; padding: 0 2.49377% 0 2.49377%; }

@media screen and (max-width: 999px) { .groups-list .item-num { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 767px) { .groups-list .item-num { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 640px) { .groups-list .item-num { font-size: 14px; font-size: 1.4rem; } }

.groups-list .item-pic { display: inline-block; vertical-align: middle; width: 22.19451%; margin-right: 7.4813%; }

.groups-list .item-pic img { display: block; margin: 0 auto; max-width: 178px; width: 100%; }

@media screen and (max-width: 640px) { .groups-list .item-pic { margin-right: 0; width: 150px; } }

.groups-list .item-desc { width: 59.47631%; display: inline-block; vertical-align: middle; font-size: 14px; font-size: 1.4rem; }

.groups-list .item-desc, .groups-list .item-desc a { color: #333; }

@media screen and (max-width: 640px) { .groups-list .item-desc { width: 100%; padding-left: 2.49377%; margin-top: 5px; } }

/*-------------12-Groups end---------------------------------------------------------------*/
/*-------------13-setting start------------------------------------------------------------*/
.setting-main { background-color: #FAFAFA; border: solid 1px #DBDBDB; min-height: 657px; padding-bottom: 20px; }

@media screen and (max-width: 999px) { .setting-main { min-height: auto; } }

.setting-title { background-color: #D6DEE5; font-size: 22px; font-size: 2.2rem; font-weight: bold; line-height: 26px; padding: 17px 21px; color: #1D4E79; }

@media screen and (max-width: 999px) { .setting-title { font-size: 20px; font-size: 2rem; padding: 12px; } }

@media screen and (max-width: 767px) { .setting-title { font-size: 18px; font-size: 1.8rem; padding: 6px 10px; } }

.setting-list { font-size: 0; letter-spacing: 0; padding: 0 20px 0; }

@media screen and (max-width: 767px) { .setting-list { padding: 0 10px 0; } }

.setting-list .list-item { text-align: center; display: inline-block; vertical-align: top; width: 48.75312%; margin-left: 2.49377%; margin-top: 20px; border: solid 1px #1D4E79; padding: 26px 31px; }

@media screen and (max-width: 767px) { .setting-list .list-item { padding: 25px 15px; } }

@media screen and (max-width: 640px) { .setting-list .list-item { width: 100%; margin: 20px 0 0; } }

.setting-list .item-title { font-size: 18px; font-size: 1.8rem; font-weight: bold; float: left; line-height: 36px; }

@media screen and (max-width: 767px) { .setting-list .item-title { font-size: 16px; font-size: 1.6rem; line-height: 30px; } }

.setting-list .item-btn { float: right; display: inline-block; margin-left: 10px; min-width: 80px; line-height: 36px; background-color: #1D4E79; color: #fff; text-align: center; font-size: 14px; font-size: 1.4rem; }

.setting-list .item-btn:hover { background-color: #333; }

@media screen and (max-width: 767px) { .setting-list .item-btn { line-height: 30px; } }

/*-------------13-setting end--------------------------------------------------------------*/
/*-------------14-password start-----------------------------------------------------------*/
.password-form { padding: 36px 20px 0; }

@media screen and (max-width: 767px) { .password-form { padding: 20px 10px 0; } }

.password-form .item-row { max-width: 430px; margin: 0 auto 22px; }

@media screen and (max-width: 640px) { .password-form .item-row { margin: 0 auto 15px; } }

.password-form .item-row .item-txt { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 24px; margin-bottom: 11px; }

@media screen and (max-width: 640px) { .password-form .item-row .item-txt { margin-bottom: 5px; } }

.password-form .item-row input { width: 100%; height: 40px; line-height: 38px; border: solid 1px #ECECEC; background-color: #fff; color: #333; padding: 0 10px; }

@media screen and (max-width: 640px) { .password-form .item-row input { height: 36px; line-height: 34px; } }

.password-form .item-row .forget-txt { text-align: right; line-height: 24px; font-size: 14px; font-size: 1.4rem; margin-bottom: 14px; margin-top: 3px; }

.password-form .item-row .forget-txt a { color: #00A8E6; }

.password-form .item-row .forget-txt a:hover { color: #1D4E79; }

@media screen and (max-width: 640px) { .password-form .item-row .forget-txt { margin-bottom: 10px; margin-top: 3px; } }

.password-form .item-row .item-btn { margin-top: 15px; width: 100%; height: 40px; line-height: 40px; border-radius: 0; background-color: #1D4E79; color: #fff; border: 0; }

.password-form .item-row .item-btn:hover { background-color: #333; }

@media screen and (max-width: 640px) { .password-form .item-row .item-btn { height: 36px; line-height: 34px; } }

/*-------------14-password end-------------------------------------------------------------*/
/*-------------15-account start------------------------------------------------------------*/
.account-form { padding: 25px 20px 0; }

@media screen and (max-width: 767px) { .account-form { padding: 25px 10px 0; } }

.account-form .item-row { max-width: 518px; margin: 0 auto 15px; line-height: 40px; }

@media screen and (max-width: 767px) { .account-form .item-row { max-width: 455px; } }

.account-form .item-row .item-txt { font-size: 14px; font-size: 1.4rem; color: #333; margin-bottom: 2px; padding: 0 44px; }

@media screen and (max-width: 767px) { .account-form .item-row .item-txt { line-height: 26px; padding: 0 25px 0 0; } }

.account-form .item-row .item-input { padding: 0 44px; position: relative; }

.account-form .item-row .item-input .iconfont { position: absolute; top: 0; right: 0; font-size: 22px; font-size: 2.2rem; color: #00C012; }

@media screen and (max-width: 767px) { .account-form .item-row .item-input { padding: 0 25px 0 0; }
  .account-form .item-row .item-input .iconfont { font-size: 18px; font-size: 1.8rem; } }

.account-form .item-row input { width: 100%; height: 40px; line-height: 38px; border: solid 1px #ECECEC; background-color: #fff; color: #333; padding: 0 20px; border-radius: 4px; }

@media screen and (max-width: 767px) { .account-form .item-row input { height: 36px; line-height: 34px; } }

.account-form .item-row .item-btn { margin-top: 25px; display: block; background-color: #1D4E79; color: #fff; border: 0; border-radius: 0; }

.account-form .item-row .item-btn:hover { background-color: #333; }

@media screen and (max-width: 767px) { .account-form .item-row .item-btn { margin-top: 0; } }

.account-form .item-file { font-size: 0; letter-spacing: 0; margin-top: 7px; }

.account-form .item-file .file-img { display: inline-block; vertical-align: middle; border-radius: 50%; width: 80px; height: 80px; overflow: hidden; background: url(../images/web4.png) no-repeat center; background-size: 100% 100%; margin-right: 20px; margin-left: 44px; }

.account-form .item-file .file-img img { display: block; width: 100%; height: 100%; }

@media screen and (max-width: 767px) { .account-form .item-file .file-img { width: 70px; height: 70px; margin-left: 0; } }

.account-form .item-file .file-btn { display: inline-block; vertical-align: middle; width: 112px; height: 30px; outline: none; line-height: 28px; border: solid 1px #DCDCDC; background-color: #FAFAFA; color: #333; font-size: 14px; font-size: 1.4rem; cursor: pointer; }

.account-form .item-file .file-btn:hover { background-color: #1D4E79; border-color: #1D4E79; color: #fff; }

.account-form .item-file .file-input { display: none; }

@media screen and (max-width: 767px) { .account-form .item-email { line-height: 30px; } }

.account-form .item-email .item-input1 { float: left; min-width: 197px; margin-right: 10px; color: #333; }

@media screen and (max-width: 767px) { .account-form .item-email .item-input1 { margin: 0; width: 100%; } }

.account-form .item-email .item-change { float: left; display: inline-block; color: #00A8E6; }

.account-form .item-email .item-change:hover { color: #1D4E79; }

.account-form .item-url .item-input1 { float: left; min-width: 191px; margin-right: 10px; }

@media screen and (max-width: 767px) { .account-form .item-url .item-input1 { margin: 0; width: 100%; } }

.account-form .item-url .item-input2 { width: 228px; float: left; text-align: center; }

@media screen and (max-width: 767px) { .account-form .item-url .item-input2 { float: left; width: 100%; } }

/*-------------15-account end--------------------------------------------------------------*/
/*-------------16-change start-------------------------------------------------------------*/
.change-form { padding: 27px 20px 0; }

@media screen and (max-width: 767px) { .change-form { padding: 20px 10px 0; } }

.change-form .item-row { margin: 0 auto 15px; max-width: 518px; line-height: 40px; }

@media screen and (max-width: 767px) { .change-form .item-row { max-width: 445px; line-height: 36px; } }

.change-form .item-row .item-txt { font-size: 14px; font-size: 1.4rem; color: #333; margin-bottom: 2px; min-height: 23px; padding: 0 44px; }

@media screen and (max-width: 767px) { .change-form .item-row .item-txt { min-height: 10px; padding: 0 25px 0 0; } }

.change-form .item-row .item-input { position: relative; padding: 0 44px; }

.change-form .item-row .item-input .iconfont { position: absolute; top: 0; right: 0; font-size: 22px; font-size: 2.2rem; color: #00C012; }

@media screen and (max-width: 767px) { .change-form .item-row .item-input { padding: 0 25px 0 0; }
  .change-form .item-row .item-input .iconfont { font-size: 18px; font-size: 1.8rem; } }

.change-form .item-row input { width: 100%; height: 40px; line-height: 38px; border-radius: 4px; border: solid 1px #ECECEC; background-color: #fff; color: #333; padding: 0 10px; font-size: 14px; font-size: 1.4rem; }

@media screen and (max-width: 767px) { .change-form .item-row input { height: 36px; line-height: 34px; } }

.change-form .item-row .sent-input { width: 228px; margin-right: 19px; float: left; text-align: center; }

@media screen and (max-width: 767px) { .change-form .item-row .sent-input { margin-right: 10px; width: 100%; margin-bottom: 10px; } }

.change-form .item-row .item-sent { font-size: 14px; font-size: 1.4rem; float: left; width: 80px; line-height: 40px; height: 40px; color: #fff; border: 0; outline: none; background-color: #999; cursor: pointer; }

.change-form .item-row .item-sent:hover { background-color: #1D4E79; color: #fff; }

@media screen and (max-width: 767px) { .change-form .item-row .item-sent { line-height: 36px; height: 36px; } }

.change-form .item-row .item-btn { border-radius: 0; background-color: #1D4E79; color: #fff; border: 0; }

.change-form .item-row .item-btn:hover { background-color: #333; color: #fff; }

/*-------------16-change end---------------------------------------------------------------*/
.model-backdrop { display: none; position: fixed; z-index: 999999; top: 0; left: 0; bottom: 0; right: 0; background-color: #000; background-color: rgba(0, 0, 0, 0.66); }

.model-backdrop .model-form { width: 400px; background-color: #fff; padding: 20px 20px 10px; position: absolute; top: 50%; left: 50%; margin: -247px 0 0 -200px; }

.model-backdrop .model-form .close { position: absolute; top: 10px; right: 10px; font-size: 18px; font-size: 1.8rem; color: #1D4E79; cursor: pointer; }

.model-backdrop .model-form .item-title { text-align: center; font-weight: bold; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; line-height: 24px; margin-bottom: 10px; color: #1D4E79; }

.model-backdrop .model-form .item-row { margin-bottom: 10px; }

.model-backdrop .model-form .item-p { font-size: 12px; font-size: 1.2rem; font-weight: bold; line-height: 24px; color: #666; }

.model-backdrop .model-form .item-p span { color: #999; margin-left: 5px; font-weight: normal; }

.model-backdrop .model-form input, .model-backdrop .model-form textarea { border: solid 1px #D9D9D9; background-color: #fff; display: block; width: 100%; padding: 0 5px; color: #333; }

.model-backdrop .model-form input { height: 32px; line-height: 30px; }

.model-backdrop .model-form textarea { line-height: 20px; padding-top: 5px; padding-bottom: 5px; }

.model-backdrop .model-form .text1 { height: 32px; }

.model-backdrop .model-form .text2 { height: 100px; }

.model-backdrop .model-form .item-code { position: relative; margin-top: 20px; }

.model-backdrop .model-form .item-code .item-input { padding-right: 80px; }

.model-backdrop .model-form .item-code .item-img { position: absolute; top: 1px; right: 0; }

.model-backdrop .model-form .item-code .item-img img { cursor: pointer; display: block; }

.model-backdrop .model-form .item-btn { width: 100%; height: 32px; line-height: 32px; background-color: #1D4E79; text-transform: uppercase; color: #fff; border: 0; margin: 20px auto 0; font-weight: bold; font-size: 12px; font-size: 1.2rem; }

.model-backdrop .model-form .item-btn:hover { background-color: #000; }

@media screen and (max-width: 767px) { .model-backdrop .model-form .item-btn { margin: 0 auto; height: 36px; line-height: 36px; } }

@media screen and (max-width: 767px) { .model-backdrop .model-form { width: 90%; margin-left: -45%; margin-top: -217px; padding: 15px 20px 5px; }
  .model-backdrop .model-form .item-code { margin-top: 10px; }
  .model-backdrop .model-form .text2 { height: 60px; } }

.contact-box { margin-top: 30px; }

.contact-box .form-box { border-radius: 4px; background-color: #FBFBFB; border: solid 1px #e1e1e1; padding: 19px 4.58333% 29px; }

@media screen and (max-width: 767px) { .contact-box .form-box { padding: 15px 2%; } }

.contact-box .box-title { font-size: 36px; font-size: 3.6rem; color: #1D4E79; text-align: center; position: relative; padding-bottom: 15px; margin-bottom: 39px; letter-spacing: 0.7px; }

.contact-box .box-title:after { position: absolute; content: ''; width: 119px; height: 4px; background-color: #1D4E79; left: 50%; margin-left: -60px; bottom: 0; }

@media screen and (max-width: 1219px) { .contact-box .box-title { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 999px) { .contact-box .box-title { font-size: 28px; font-size: 2.8rem; } }

@media screen and (max-width: 767px) { .contact-box .box-title { font-size: 24px; font-size: 2.4rem; padding-bottom: 10px; margin-bottom: 25px; }
  .contact-box .box-title:after { height: 2px; } }

@media screen and (max-width: 767px) { .contact-box .box-title { font-size: 20px; font-size: 2rem; } }

.contact-box .item-form .star { position: relative; }

.contact-box .item-form .star:after { position: absolute; content: '*'; color: #999999; left: 10px; top: 17px; }

.contact-box .item-form .star input, .contact-box .item-form .star textarea { padding-left: 20px; }

.contact-box .item-form .item-input { width: 100%; margin-bottom: 21px; }

.contact-box .item-form .item-input1 { margin-bottom: 22px; width: 100%; }

.contact-box .item-form input, .contact-box .item-form textarea { display: block; background-color: #fff; width: 100%; display: block; color: #999999; border: solid 1px #E1E1E1; }

.contact-box .item-form input { height: 50px; line-height: 48px; padding: 0 10px; }

.contact-box .item-form textarea { height: 200px; padding: 8px 10px; line-height: 24px; margin: 3px 0 0; }

.contact-box .item-form .item-code { width: 33.76147%; margin-right: 1.74312%; }

.contact-box .item-form .item-img img { display: block; cursor: pointer; height: 50px; max-width: 120px;}

.contact-box .item-form .item-btn { width: 48.07339%; padding: 0; }

.contact-box .item-form .item-btn input { height: 48px; border-color: #1D4E79; background-color: #1D4E79; color: #fff; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; }

.contact-box .item-form .item-btn input:hover { background-color: #333; border-color: #333; }

@media screen and (max-width: 1419px) { .contact-box .item-form .item-code { width: 28.44037%; margin-right: 1.37615%; } }

@media screen and (max-width: 999px) { .contact-box .item-form .item-code { width: 200px; }
  .contact-box .item-form .item-btn { width: 35%; margin-left: 15px; float: left; } }

@media screen and (max-width: 767px) { .contact-box .item-form .item-input, .contact-box .item-form .item-input1 { margin-bottom: 10px; }
  .contact-box .item-form .item-code { width: -moz-calc(100% - 120px); width: calc(100% - 120px); margin-right: 0; }
  .contact-box .item-form .item-img { float: right; height: 40px; }
  .contact-box .item-form .item-img img { max-height: 100%; }
  .contact-box .item-form .item-btn { margin-left: 0; width: 100%; }
  .contact-box .item-form .item-btn input { height: 40px; line-height: 38px; font-size: 14px; font-size: 1.4rem; }
  .contact-box .item-form input { height: 40px; line-height: 38px; } }

@media screen and (max-width: 500px) { .contact-box .item-form .item-input { width: 100%; }
  .contact-box .item-form .item-img { float: left; margin-bottom: 10px; } }

/*.phone-nav*/
.phone-nav { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; }

.phone-nav .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; }

.phone-nav .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; position: relative; }

.phone-nav .nav form .iptc { -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; }

.phone-nav .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; z-index: 1; position: relative; }

.phone-nav .nav form .iconfont { position: absolute; top: 0; right: 0; width: 20%; height: 26px; text-align: center; line-height: 26px; color: #1D4E79; z-index: 0; background-color: #fff; }

.phone-nav .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top: 45px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.phone-nav .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; padding-left: 20px; position: relative; }

.phone-nav .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("../fonts/shizi.png") no-repeat center center; }

.phone-nav .addition.active { background-image: url("../fonts/yizi.png"); }

.phone-nav .addition.fa:before { margin-right: 5px; color: #fff; padding-left: 0; }

.phone-nav .nav > ul > li > a { margin-right: 40px; color: #fff; font-size: 12px; font-size: 1.2rem; display: block; }

.phone-nav .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; }

.phone-nav .nav > ul > li .c-show { display: none; width: 100%; }

.phone-nav .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px; }

.phone-nav .nav > ul > li .c-show1 .c-s1 > a { position: relative; margin-right: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 8px; padding-bottom: 8px; line-height: 24px; word-break: break-word; }

.phone-nav .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.phone-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 { position: relative; }

.phone-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 { position: relative; }

.phone-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { margin-right: 40px; padding-left: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 8px; padding-bottom: 8px; line-height: 24px; word-break: break-word; }

.phone-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.phone-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative; }

.phone-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { margin-right: 40px; padding-left: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 8px; padding-bottom: 8px; line-height: 24px; word-break: break-word; }

.phone-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.phone-nav .nav > ul > dl { padding: 20px; }

.phone-nav .nav > ul > dl dd { float: left; margin: 0 2px; }

.phone-nav .menubtn { width: 23px; height: 18px; position: absolute; top: 18px; right: 10px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }

.phone-nav .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #ccc; }

.phone-nav .menubtn span.menu-color { background-color: #ccc !important; }

@media screen and (min-width: 768px) { .phone-nav, .menubtn { display: none; } }

.slide { position: relative; margin-bottom: 20px; }

.slide .carouse { width: 100%; overflow: hidden; position: relative; }

.slide .carouse .slideItem { width: 100%; position: absolute; cursor: pointer; }

.slide video { position: absolute; display: block; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: 100%; height: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; display: none \9; display: block \9\0; }

.slide .carouse .slideItem .banner-img { width: 100%; display: block; }

.slide .console { height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }

.slide .carousel-control { position: absolute; top: 50%; width: 40px; height: 70px; text-align: center; line-height: 70px; z-index: 999; margin-top: -35px; background-color: #000; background-color: rgba(0, 0, 0, 0.3); }

.slide .carousel-control .iconfont { font-size: 30px; font-size: 3rem; color: #fff; }

.slide .carousel-control:hover { background-color: #1D4E79; }

.slide .carousel-control.left { left: 30px; cursor: pointer; }

.slide .carousel-control.right { right: 30px; cursor: pointer; }

.slide .dotList { position: absolute; width: 100%; bottom: 20px; text-align: center; line-height: 0; }

.slide .dotList li { display: inline-block; cursor: pointer; font-size: 0px; margin: 0 5px; border: none; outline: none; width: 24px; height: 4px; background-color: #999; }

.slide .dotList li.active { background-color: #1D4E79; }

@media screen and (max-width: 999px) { .slide .carousel-control { display: none; }
  .slide .dotList { bottom: 15px; } .last-lable-sendmessage label.error {color: #ff0000; display: block; position: absolute; top: 41px;}}

@media screen and (max-width: 767px) { .slide .dotList { bottom: 8px; }
  .slide .dotList li { margin: 0 3px; width: 15px; } }

#index-slide { margin-bottom: 20px; }

#index-slide .carousel-control { position: absolute; top: 50%; width: 24px; height: 24px; text-align: center; line-height: 24px; z-index: 999; margin-top: -12px; background-color: #1D4E79; background-color: rgba(29, 78, 121, 0.6); border-radius: 50%; }

#index-slide .carousel-control .iconfont { font-size: 12px; font-size: 1.2rem; color: #fff; }

#index-slide .carousel-control:hover { background-color: #1D4E79; }

#index-slide .carousel-control.left { left: 20px; cursor: pointer; }

#index-slide .carousel-control.right { right: 20px; cursor: pointer; }

#index-slide .dotList { bottom: 10px; }

@media screen and (max-width: 767px) { #index-slide .dotList { bottom: 5px; } }

@media screen and (min-width:1000px) and (max-width:1219px) {}
@media screen and (max-width:1219px) {}
@media screen and (max-width:999px) {	}
@media screen and (max-width:767px) {	}

@font-face {
    font-family: 'bebasneue-regular';
    src: url('../fonts/bebasneue-regular.eot');
    src: url('../fonts/bebasneue-regular.eot') format('embedded-opentype'),
         url('../fonts/bebasneue-regular.woff2') format('woff2'),
         url('../fonts/bebasneue-regular.woff') format('woff'),
         url('../fonts/bebasneue-regular.ttf') format('truetype'),
         url('../fonts/bebasneue-regular.svg#bebasneue-regular') format('svg');
}
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1582287793564'); /* IE9 */
  src: url('../fonts/iconfont.eot?t=1582287793564#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('../fonts/iconfont.woff?t=1582287793564') format('woff'),
  url('../fonts/iconfont.ttf?t=1582287793564') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg?t=1582287793564#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
	font-size: 1.6rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*-------------pro-share start-------------------------------------------------------------*/
.pro-share { font-size: 0; letter-spacing: 0; }

.pro-share .share-title { margin-right: 8px; display: inline-block; *display: inline; *zoom: 1; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #666; }

.pro-share .share-pic { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 26px; }

.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}
.at-share-btn-elements a{margin: 0px!important;}

/*-------------pro-share end---------------------------------------------------------------*/

.icon-xiugai07:before {
  content: "\e738";
}

.icon-top10:before {
  content: "\e7ed";
}

.icon-icon-test:before {
  content: "\e635";
}

.icon-xiaoxitixing:before {
  content: "\e636";
}

.icon-jushoucang:before {
  content: "\e643";
}

.icon-sousuo:before {
  content: "\e653";
}

.icon-yanjing:before {
  content: "\e661";
}

.icon-LC_icon_delete_line:before {
  content: "\e607";
}

.icon-jushoucanggift:before {
  content: "\e684";
}

.icon-tixing:before {
  content: "\e638";
}

.icon-close:before {
  content: "\e713";
}

.icon-message:before {
  content: "\e604";
}

.icon-up7:before {
  content: "\e722";
}

.icon-bottom7:before {
  content: "\e723";
}

.icon-left7:before {
  content: "\e724";
}

.icon-right7:before {
  content: "\e725";
}

.icon-left9:before {
  content: "\e72c";
}

.icon-right9:before {
  content: "\e72d";
}

.icon-up12:before {
  content: "\e736";
}

.icon-bottom12:before {
  content: "\e737";
}

.icon-up16:before {
  content: "\e746";
}

.icon-bottom16:before {
  content: "\e747";
}

.icon-left16:before {
  content: "\e748";
}

.icon-right16:before {
  content: "\e749";
}

.icon-left27:before {
  content: "\e78f";
}

.icon-right27:before {
  content: "\e790";
}

.icon-search5:before {
  content: "\e7b3";
}

.icon-icon-test11:before {
  content: "\e652";
}

.icon-icon-test13:before {
  content: "\e654";
}

.icon-search:before {
  content: "\e602";
}

.icon-top101:before {
  content: "\e7ee";
}

.icon-bottom10:before {
  content: "\e7ef";
}

.icon-left10:before {
  content: "\e7f0";
}

.icon-right10:before {
  content: "\e7f1";
}

.icon-guanbicuowu:before {
  content: "\e62d";
}

.icon-delete:before {
  content: "\e688";
}

.icon-write:before {
  content: "\e620";
}

.icon-duigou:before {
  content: "\e606";
}


.slide-title {background-color: #1d4e79 !important;}
.slide-title a:hover{background-color: #1d4e79 !important;}

/*------------Guest Posts error start------------------------------------------------------*/
label.error {color: #ff0000;display: block;}
.textarea-num {
  float: right;
  position: relative!important;
  top: -55px;
  right: 20px;
}
input.error {
  border: 1px solid #ff0000!important;
}
textarea.error {
  border: 1px solid #ff0000!important;
}
/*---------------Guest Posts error end------------------------------------------------------*/

#articleComment .item-img input {margin-top: 15px;width: calc(100% - 150px);margin-right: 11px;}

/*分类简介 start*/
.category-description {
  margin: -5px auto 20px auto;
}
/*分类简介 end*/
.m-hdmnav {
  position: absolute;
  float: right;
  padding-bottom: 12px;
  z-index: 9999;
  top: 15px;
  right: 10px;
}
.j-nextshow-list {
  display: block;
  line-height: 24px;
  font-size: 2rem;
  color: #fff;
}
.box-list-new li:hover{
  background: #2D75B4;
}
.box-list-new li:hover a{
  color: #fff;
}