@charset "utf-8";

html {
    background-color           : #fff;
    color                      : #333;
    font-size                  : 12px;
    overflow-x                 : hidden;
    height                     : 100%;
    -webkit-tap-highlight-color: transparent;
}

body,
div,
p,
span,
ul,
li,
dl,
dt,
dd,
a,
ol,
img,
h1,
h2,
h3,
h4,
h5,
h6,
select,
section,
input,
footer,
em,
i {
    padding                    : 0;
    margin                     : 0;
    list-style                 : none;
    border                     : 0;
    box-sizing                 : border-box;
    -webkit-tap-highlight-color: transparent;
    font-family                : "sans-serif", "Microsoft YaHei", "微软雅黑", "Tahoma", "Helvetica";
    max-height                 : 100000px;
}

article,
aside,
footer,
header,
section,
nav,
figure,
figcaption,
hgroup,
details,
menu {
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
small,
big,
input,
textarea,
button,
select {
    font-size  : 100%;
    font-weight: normal;
}

address,
cite,
dfn,
em,
i,
optgroup,
var {
    font-style: normal;
}

table {
    border-collapse: collapse;
    border-spacing : 0;
    text-align     : left;
}

caption,
th {
    text-align: inherit;
}

ul,
ol,
menu {
    list-style: none;
}

fieldset,
img {
    border: 0;
}

img,
object,
input,
textarea,
button,
select {
    vertical-align    : middle;
    outline           : none;
    border            : none;
    background        : none;
    appearance        : none;
    -moz-appearance   : none;
/*    -webkit-appearance: none;*/
}

select::-ms-expand {
    display: none;
}

a,
ins,
s,
u,
del {
    text-decoration: none;
}

sup,
sub {
    vertical-align: baseline;
}

em,
i {
    -webkit-transition: all 0.5s ease-out;
    transition        : all 0.5s ease-out;
}

a {
    text-decoration            : none;
    outline                    : none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color                      : #333;
    -webkit-transition         : all 0.5s ease-out;
    transition                 : all 0.5s ease-out;
}

a:hover {
    text-decoration: none;
}

/*reset*/


/*公用代码*/
.text_overflow {
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
}

.text_overflow2 {
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.clearfix::before,
.clearfix::after {
    content    : ".";
    height     : 0;
    line-height: 0;
    display    : block;
    visibility : hidden;
    clear      : both;
}

.auto {
    margin: 0 auto;
}

.f_left {
    float: left;
}

.f_right {
    float: right;
}

.text_center {
    text-align: center;
}

.container {
    width : 1190px;
    margin: 0 auto;
}

body {
    background: #f4f4f4;
}

/*top*/
.container {
    width : 1190px;
    margin: 0 auto;
}

.f_left {
    float: left;
}

.f_right {
    float: right;
}

.text_center {
    text-align: center;
}

.lg_top {
    height       : 34px;
    background   : #eeeeee;
    border-bottom: 1px #dddddd solid;
}

.lg_top .top_news {
    float: left;
}

.lg_top .top_news a {
    display    : block;
    line-height: 34px;
    color      : #848484;
}

.lg_top .top_news a:hover {
    color: #2b7ac3;
}

.lg_top .top_right {
    float: right;
}

.lg_top .top_right>ul>li {
    float   : left;
    height  : 34px;
    position: relative;
}

.lg_top .top_right>ul>li>a {
    color      : #999;
    display    : block;
    padding    : 0 14px;
    height     : 14px;
    margin-top : 10px;
    line-height: 14px;
}

.lg_top .top_right>ul>li+li a {
    border-left: 1px #999999 solid;
}

.lg_top .top_right>ul>li a:hover {
    color: #2b7ac3;
}

.lg_top .top_right>ul>li a span {
    font-size: 10px;
}

/*校区样式*/
.lg_top .xuexiao {
    position  : absolute;
    top       : 34px;
    right     : -182px;
    width     : 526px;
    height    : 248px;
    background: #ffffff;
    border    : solid 1px #cccccc;
    z-index   : 999;
    border-top: none;
    padding   : 10px 0 0 20px;
    display   : none;
}

.lg_top .top_right>ul>li:first-child:hover .xuexiao {
    display: block;
}

.lg_top .xuexiao .clearfix p {
    width      : 10%;
    color      : #333;
    height     : 32px;
    line-height: 32px;
    font-size  : 14px;
}

.lg_top .xuexiao ul {
    width: 90%;
}

.lg_top .xuexiao ul li {
    float      : left;
    width      : 50px;
    height     : 32px;
    line-height: 32px;
    margin     : 1px 0;
}

.lg_top .xuexiao ul li a {
    display    : block;
    height     : 32px;
    line-height: 32px;
    color      : #747474;
    width      : 100%;
    margin     : 0 3px;
    font-size  : 12px;
}

.lg_top .shengming {
    padding: 10px 10px;
}

.lg_top .shengming a {
    display    : block;
    color      : #999;
    line-height: 1.8;
}

.lg_top .shengming a:hover {
    color: #72A4F9;
}

/*top*/

/*header*/
.header {
    background: #fff;
    height    : 115px;
}

.header h1 {
    float      : left;
    width      : 196px;
    height     : 51px;
    background : url(//www.longre.com/images/index/logo.png) no-repeat;
    text-indent: -9999px;
    margin-top : 32px;
}

.header .header_right {
    float: right;
}

.logo_search {
    width     : 460px;
    float     : left;
    margin-top: 26px;
    margin-right: 100px;
}

.logo_search .se_top {
    background: #fff;
    height: 48px;
    width: 100%;
    overflow: hidden;
    border-radius: 2px;
    border: 1px solid #416ee5;
}

.logo_search .se_top select {
    float: left;
    height: 48px;
    border: none;
    outline: none;
    width: 67px;
    text-align: center;
    padding-left: 0px;
    font-size: 14px;
    color: #333;
    background: url(//www.longre.com/images/index/xl.png) no-repeat scroll 50px center #fff;
}

.logo_search .se_top input {
    float       : left;
    height      : 48px;
    width       : 326px;
    border-left : 1px #ebebeb solid;
    padding-left: 10px;
    background  : none;
    font-size   : 14px;
    color       : #999;
}
.logo_search .se_top ::-webkit-input-placeholder{
    color: #999;
}

.logo_search .se_top span {
    float      : right;
    background : #537be8;
    color      : #fff;
    height     : 100%;
    line-height: 48px;
    cursor     : pointer;
    font-size  : 40px;
    text-align : center;
    transition : all 0.5s ease-out;
    width: 50px;
}

.logo_search .se_top span:hover {
    background: #2b57c7;
}

.logo_search .se_bot a {
    display     : inline-block;
    color       : #999;
    line-height : 30px;
    margin-right: 10px;
}

.logo_search .se_bot a:hover {
    color: #ff4040;
}

.lger {
    float     : left;
    margin-top: 33px;
}

.lger img {
    float : left;
    margin: 0 12px 0 44px;
    width : 200px;
}

/*header*/

/*nav*/
.lgnav {
    height     : 44px;
    line-height: 44px;
    background : #2a79c2;
    background : -moz-linear-gradient(left, #004197, #5fbff8);
    background : -webkit-linear-gradient(left, #004197, #5fbff8);
    background : -o-linear-gradient(left, #004197, #5fbff8);
}

.lgnav ul li {
    float       : left;
    margin-right: 28px;
}

.lgnav ul li a {
    color    : #fff;
    display  : block;
    font-size: 16px;
}

.lgnav ul li:first-child {
    width       : 130px;
    padding-left: 30px;
}

/*banner*/
.banner {
    width   : 100%;
    overflow: hidden;
    /*height  : 500px;*/
}

.banner_con {
    display    : block;
    position   : relative;
    left       : 50%;
    margin-left: -960px;
    width      : 1920px;
    height     : 500px;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 18px;
}

.swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.3) !important;
    opacity   : 1;
}

.swiper-pagination-bullet-active {
    background: #fff !important;
}

/* .swiper-container {
    height: 500px;
}

.swiper-wrapper {
    height: 500px;
}

.swiper-slide a {
    display: block;
    height : 500px;
} */

.lg_ke {
    position: absolute;
    top     : 0;
    left    : 50%;
    transform: translateX(-50%);
    width: 1200px;
}

.ke_list {
    width: 200px;
    /* height: 500px; */
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 9;
    left: 0;
}

.ke_list ul {
    height: 500px;
}

.ke_list ul li {
    width       : 200px;
    height      : 45.45px;
    color       : #fff;
    font-size   : 16px;
    line-height : 45.45px;
    padding-left: 30px;
    cursor      : pointer;
}

.ke_list>ul>li:hover {
    background : #fff;
    border-left: 2px #0f54a7 solid;
    color      : #0f54a7;
}

.ke_list ul li span a {
    color: #fff;
    display: block;
    width: 100%;
}

.ke_list ul li:hover span a {
    color: #0f54a7;
}

.ke_fenlei {
    display   : none;
    padding   : 0 5px 0 30px;
    height    : 500px;
    position  : absolute;
    top       : 0;
    left      : 200px;
    background: #fff;
    min-width : 800px;
}

.ke_list ul li:hover .ke_fenlei {
    display: block;
}

.ke_fenlei p {
    border-bottom: 1px #eee solid;
    line-height  : 56px;
    color        : #333;
}

.ke_fenlei p span {
    display      : inline-block;
    padding-right: 45px;
    font-size    : 14px;
}

.ke_fenlei p a {
    display     : inline-block;
    margin-right: 20px;
    font-size   : 14px;
}

.ke_fenlei p a.curr {
    color: #fa5349;
}

.ke_fenlei p a:hover {
    color: #fa5349;
}

/*kuai*/
.lg_kuai {
    padding: 20px 0;
}

.lg_kuai a {
    display : block;
    float   : left;
    width   : 194px;
    height  : 109px;
    overflow: hidden;
}

.lg_kuai a+a {
    margin-left: 5px;
}

.lg_kuai a img {
    display           : block;
    -webkit-transition: all 0.5s ease-out;
    transition        : all 0.5s ease-out;
}

.lg_kuai a img:hover {
    -webkit-transform: scale(1.08);
    -moz-transform   : scale(1.08);
    transform        : scale(1.08);
}

/*咨询类*/
.z_title {
    line-height  : 64px;
    padding-left : 44px;
    color        : #333;
    border-bottom: 1px #eee solid;
}

.z_title>span {
    font-size  : 20px;
    font-weight: bold;
    position   : relative;
}

.z_title>span::before {
    content   : " ";
    position  : absolute;
    left      : -10px;
    top       : 3px;
    width     : 3px;
    height    : 22px;
    background: #ff4040;
}

.z_title a {
    float       : right;
    font-size   : 12px;
    color       : #999;
    margin-right: 20px;
    font-weight : normal;
}

.z_title a:hover {
    color: #ff4040;
}

.z_title a span {
    font-size: 12px;
}

.consult_left {
    width: 780px;
    float: left;
}

.consult_class {
    background: #fff;
}

.consult_class ul li {
    float       : left;
    width       : 33.33%;
    border-right: 1px #eee solid;
    padding     : 20px 0 10px;
}

.consult_class ul li:nth-child(3n) {
    border-right: 0;
}

.consult_class ul li:nth-child(n+4) {
    border-top: 1px #eee solid;
}

.consult_class ul li .iconew {
    float     : left;
    width     : 64px;
    text-align: center;
}

.consult_class ul li .iconew span {
    color      : #ff4040;
    font-size  : 36px;
    line-height: 28px;
    margin-left: 15px;
}

.consult_class ul li .ban {
    float: left;
    width: 170px;
}

.consult_class ul li .ban h3 {
    font-size    : 15px;
    color        : #333;
    line-height  : 1.8;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
}

.consult_class ul li .ban .p2 {
    font-size    : 13px;
    color        : #666;
    line-height  : 1.8;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
}

.consult_class ul li .ban a {
    display    : block;
    font-size  : 12px;
    color      : #ff4040;
    line-height: 2;
    margin-top : 10px;
}

.consult_class ul li .ban a:hover {
    color: #df0405;
}

.consult_class ul li:nth-child(n-3) .ban a {
    margin-bottom: 10px;
}

.consult_activity {
    margin-top    : 20px;
    background    : #fff;
    padding-bottom: 20px;
}

.activity {
    padding: 0 25px;
}

.activity a {
    display    : block;
    width      : 355px;
    height     : 100px;
    float      : left;
    margin-top : 20px;
    padding    : 20px;
    line-height: 1.8;
}

.activity a:nth-child(1) {
    background  : url(//www.longre.com/images/index/activity1.jpg) no-repeat;
    margin-right: 20px;
}

.activity a:nth-child(2) {
    background: url(//www.longre.com/images/index/activity2.jpg) no-repeat;
}

.activity a:nth-child(3) {
    background  : url(//www.longre.com/images/index/activity3.jpg) no-repeat;
    margin-right: 20px;
}

.activity a:nth-child(4) {
    background: url(//www.longre.com/images/index/activity4.jpg) no-repeat;
}

.activity a h4 {
    font-size         : 18px;
    color             : #ff5000;
    -webkit-transition: all 0.5s ease-out;
    transition        : all 0.5s ease-out;
}

.activity a span {
    display           : block;
    font-size         : 14px;
    color             : #555;
    -webkit-transition: all 0.5s ease-out;
    transition        : all 0.5s ease-out;
}

.activity a:hover h4 {
    color: #ff844c;
}

.activity a:hover span {
    color: #999;
}

.consult_right {
    width: 390px;
    float: right;
}

.zixun {
    background: #fff;
}

.zixun .zixun_list {
    overflow: hidden;
    padding : 0 30px 23px 20px;
}

.zixun .zixun_list a {
    display    : block;
    font-size  : 13px;
    color      : #666;
    overflow   : hidden;
    line-height: 23px;
    margin-top : 14px;
    position   : relative;
}

.zixun .zixun_list a::before {
    content      : "1";
    width        : 18px;
    height       : 18px;
    float        : left;
    background   : #c8c7c7;
    color        : #fff;
    text-align   : center;
    line-height  : 18px;
    margin-right : 7px;
    border-radius: 2px;
    margin-top   : 3px;
}

.zixun .zixun_list a:nth-child(2)::before {
    content: "2";
}

.zixun .zixun_list a:nth-child(3)::before {
    content: "3";
}

.zixun .zixun_list a:nth-child(4)::before {
    content: "4";
}

.zixun .zixun_list a:nth-child(5)::before {
    content: "5";
}

.zixun .zixun_list a:nth-child(6)::before {
    content: "6";
}

.zixun .zixun_list a:nth-child(-n+3)::before {
    background: #ff4040;
}

.zixun .zixun_list a:nth-child(n+2) em {
    float        : left;
    width        : 268px;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
}

.zixun .zixun_list a em:hover {
    color: #fa534a;
}

.zixun .zixun_list a span {
    float     : left;
    color     : #ccc;
    font-size : 13px;
    width     : 46px;
    text-align: right;
}

.zixun .zixun_list a:nth-child(1) em {
    float             : left;
    width             : 188px;
    overflow          : hidden;
    height            : 48px;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.zixun .zixun_list a:nth-child(1) span {
    position: absolute;
    top     : 44px;
    left    : 16px;
}

.zixun .zixun_list a:nth-child(1) img {
    display: block;
    width  : 108px;
    height : 73px;
    float  : right;
}

.lg_zt {
    margin-top: 20px;
    background: #fff;
}

.zt_list {
    padding: 0 30px 18px 20px;
}

.zt_list a {
    display   : block;
    overflow  : hidden;
    margin-top: 16px;
}

.zt_list a em {
    float: left;
    width: 160px;
}

.zt_list a img {
    float  : right;
    display: block;
    width  : 170px;
    height : 105px;
}

.zt_list a em h3 {
    font-size         : 14px;
    color             : #333;
    line-height       : 2;
    margin-top        : 10px;
    -webkit-transition: all 0.5s ease-out;
    transition        : all 0.5s ease-out;
}

.zt_list a em span {
    font-size         : 13px;
    color             : #666;
    line-height       : 1.6;
    float             : left;
    overflow          : hidden;
    height            : 40px;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-transition: all 0.5s ease-out;
    transition        : all 0.5s ease-out;
}

.zt_list a:hover em h3 {
    color: #ff4040;
}

.zt_list a:hover em span {
    color: #999;
}

.lg_ad {
    margin: 20px auto 0;
}

.lg_ad a {
    display: block;
}

/*3个频道*/
.channel {
    background: #fff;
    margin-top: 25px;
}

.ch_left {
    float   : left;
    position: relative;
    width   : 270px;
}

.ch_center {
    float      : left;
    width      : 640px;
    margin-left: 32px;
}

.ch_right {
    float        : left;
    width        : 216px;
    margin-left  : 32px;
    padding-right: 30px;
}



.ch_left p {
    position  : absolute;
    top       : 34px;
    left      : 0;
    width     : 100%;
    font-size : 24px;
    color     : #ff302a;
    text-align: center;
}

.ch_left span {
    position     : absolute;
    bottom       : 40px;
    left         : 0;
    background   : rgba(0, 0, 0, 0.5);
    line-height  : 42px;
    font-size    : 18px;
    color        : #fff;
    padding-right: 40px;
}

.ch_left span em {
    display     : inline-block;
    width       : 70px;
    text-align  : center;
    background  : #000;
    margin-right: 14px;
}

.ch_left span a {
    color: #fff;
}

.ch_left span em a {
    color: #fff;
}



.ch_center .ch_list {
    margin-top: 40px;
}

.ch_center .ch_list a {
    float      : left;
    font-size  : 14px;
    color      : #666;
    width      : 86px;
    text-align : center;
    background : url(//www.longre.com/images/index/shu.jpg) no-repeat center right;
    line-height: 22px;
}

.ch_center .ch_list a:hover {
    color: #ff302a;
}

.ch_center .ch_list a:last-child {
    background: none;
}

.ch_center .ch_list a:first-child {
    background: none;
    position  : relative;
    font-size : 18px;
    color     : #ff302a;
    margin-top: -2px;
}

.ch_center .ch_list a:first-child::before {
    content   : " ";
    position  : absolute;
    left      : -7px;
    top       : 1px;
    width     : 3px;
    height    : 22px;
    background: #ff302a;
}

.ch_ke ul li {
    float       : left;
    margin-right: 20px;
    margin-top  : 26px;
}

.ch_ke ul li:nth-child(3n) {
    margin-right: 0;
}

.ch_ke ul li a {
    display: block;
    width  : 200px;
}

.ch_ke ul li a span {
    display : block;
    width   : 200px;
    height  : 125px;
    overflow: hidden;
}

.ch_ke ul li a span img {
    display           : block;
    -webkit-transition: all 0.5s ease-out;
    transition        : all 0.5s ease-out;
}

.ch_ke ul li a:hover span img {
    -webkit-transform: scale(1.08);
    -moz-transform   : scale(1.08);
    transform        : scale(1.08);
}

.ch_ke ul li a em {
    display      : block;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
    font-size    : 14px;
    color        : #333;
    padding      : 15px 0 0;
}

.ch_ke ul li a:hover em {
    color: #ff302a;
}

.ch_biao a {
    float             : left;
    font-size         : 13px;
    color             : #999;
    height            : 26px;
    line-height       : 24px;
    text-align        : center;
    padding           : 0 10px;
    border            : 1px #ddd solid;
    border-radius     : 5px;
    margin            : 26px 10px 0 0;
    -webkit-transition: all 0.5s ease-out;
    transition        : all 0.5s ease-out;
}

.ch_biao a:hover {
    color     : #fff;
    border    : 1px #ff302a solid;
    background: #ff302a;
}

.ch_right .ch_news {
    width: 100%;
}

.ch_right .ch_news h2 {
    position : relative;
    font-size: 16px;
    color    : #ff302a;
    margin   : 40px 0 11px 10px;
}

.ch_right .ch_news h2::before {
    content   : " ";
    position  : absolute;
    left      : -10px;
    top       : 0px;
    width     : 3px;
    height    : 22px;
    background: #ff302a;
}

.ch_right .ch_news .ch_news_list a {
    display      : block;
    font-size    : 13px;
    color        : #666;
    line-height  : 30px;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
    position     : relative;
    padding-left : 12px;
    background   : url(//www.longre.com/images/index/dian.png) no-repeat center left;
}

.ch_right .ch_news .ch_news_list a:hover {
    color: #ff302a;
}

.channel2 .ch_left p {
    color: #4a66ac;
}

.channel2 .ch_center .ch_list a:hover {
    color: #4a66ac;
}

.channel2 .ch_center .ch_list a:first-child {
    color: #4a66ac;
}

.channel2 .ch_center .ch_list a:first-child::before {
    background: #4a66ac;
}

.channel2 .ch_right .ch_news h2 {
    color: #4a66ac;
}

.channel2 .ch_right .ch_news h2::before {
    background: #4a66ac;
}

.channel2 .ch_right .ch_news .ch_news_list a:hover {
    color: #4a66ac;
}

.channel2 .ch_ke ul li a:hover em {
    color: #4a66ac;
}

.channel2 .ch_biao a:hover {
    color     : #fff;
    border    : 1px #4a66ac solid;
    background: #4a66ac;
}

.channel3 .ch_left p {
    color: #6b1eaa;
}

.channel3 .ch_center .ch_list a:hover {
    color: #6b1eaa;
}

.channel3 .ch_center .ch_list a:first-child {
    color: #6b1eaa;
}

.channel3 .ch_center .ch_list a:first-child::before {
    background: #6b1eaa;
}

.channel3 .ch_right .ch_news h2 {
    color: #6b1eaa;
}

.channel3 .ch_right .ch_news h2::before {
    background: #6b1eaa;
}

.channel3 .ch_right .ch_news .ch_news_list a:hover {
    color: #6b1eaa;
}

.channel3 .ch_ke ul li a:hover em {
    color: #6b1eaa;
}

.channel3 .ch_biao a:hover {
    color     : #fff;
    border    : 1px #6b1eaa solid;
    background: #6b1eaa;
}

/*话题*/
.lg_ht {
    background: #fff;
    margin    : 25px auto 0;
    overflow: hidden;
}
.lg_ht .lg_ht_main {
    width: 860px !important;
    overflow: hidden;
    float: left;
    box-sizing: border-box;
}
.lg_ht .right_rk {
    float: right;
    width: 330px;
    box-sizing: border-box;
    padding-right: 12px;
    position: relative;
}
.lg_ht .right_rk .z_title {
    padding-left: 20px;
}
.lg_ht ul {
    padding: 0 30px;
}
.lg_ht .right_rk .rk_tit {
    width: 305px;
    height: 36px;
    padding: 0 10px;
    margin-top: 30px;
    border: 1px solid #ccc;
    overflow: hidden;
    position: relative;
    
}
.lg_ht .right_rk .rk_tit ul {
    overflow: hidden;
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    justify-content: space-between;
    display: flex;
}
.lg_ht .right_rk .rk_tit ul::-webkit-scrollbar {
    display: none;
}

.lg_ht .right_rk .rk_tit li {
    height: 35px;
    /* float: left; */
    line-height: 20px;
    display: inline-block;
    width: 50px;
    text-align: center;
    padding: 10px;
    margin-left: 0;
}
/* .lg_ht .right_rk .rk_tit li:hover {
    background-color: royalblue;
    color: #fff;
} */
.lg_ht .right_rk .span_left {
    position: absolute;
    left: -12px;
    top: 50%;
    transform: translateY(140%);
    font-size: 20px;
    z-index: 999;
    cursor: pointer;
}
.lg_ht .right_rk .span_right {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(140%);
    font-size: 20px;
    z-index: 999;
    cursor: pointer;

}
.right_rk_li_active {
    background-color: royalblue;
    color: #fff;
}
.lg_ht ul li {
    float  : left;
    width  : 266px;
    padding: 20px 0;
}

.lg_ht ul li+li {
    margin-left: 22px;
}

.lg_ht ul li a {
    display: block;
}

.lg_ht ul li a span {
    width   : 266px;
    height  : 115px;
    display : block;
    overflow: hidden;
}

.lg_ht ul li a span img {
    display           : block;
    -webkit-transition: all 0.5s ease-out;
    transition        : all 0.5s ease-out;
}

.lg_ht ul li a span:hover img {
    -webkit-transform: scale(1.08);
    -moz-transform   : scale(1.08);
    transform        : scale(1.08);
}

.lg_ht ul li h4 {
    font-size         : 14px;
    color             : #333;
    margin            : 15px 0 10px;
    overflow          : hidden;
    white-space       : nowrap;
    text-overflow     : ellipsis;
    -webkit-transition: all 0.5s ease-out;
    transition        : all 0.5s ease-out;
}

.lg_ht ul li p {
    font-size         : 13px;
    color             : #666;
    line-height       : 1.6;
    height            : 40px;
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-transition: all 0.5s ease-out;
    transition        : all 0.5s ease-out;
}

.lg_ht ul li:hover h4 {
    color: #ff4040;
}

.lg_ht ul li:hover p {
    color: #999;
}

/*关于lg，版权*/
.lg_about {
    background: #1e1e1e;
    padding   : 48px 0 36px;
}

.lg_wx {
    float       : right;
    margin-right: 0;
}

.lg_wx p {
    float      : left;
    margin-left: 20px;
}

.lg_wx p span {
    display    : block;
    font-size  : 14px;
    color      : #fff;
    text-align : center;
    line-height: 3;
}

.lg_about_list {
    float: left;
}

.lg_about_list ul li {
    float     : left;
    width     : 140px;
    text-align: center;
    border-left: 1px solid #4d4d4d;
}
.lg_about_list ul li:last-child {
    border-right: 1px solid #4d4d4d;

}
.lg_about_list ul li .t_tit {
    font-size  : 16px;
    color      : #fff;
    line-height: 2;
}

.lg_about_list ul li a {
    color      : #999;
    display    : block;
    line-height: 30px;
    width      : 100% !important;
    /*  */
    /* text-align : center; */
    /* margin     : 6px auto 0; */
}

.lg_about_list ul li a:hover {
    background: #003276;
}

.copyright {
    height     : 57px;
    line-height: 57px;
    color      : #fff;
    font-size  : 13px;
    background : #1e1e1e;
    text-align : center;
}

.copyright span {
    margin-right: 26px;
}

.lg_about_list ul li:nth-child(1){
    width: 335px;
}

.lg_about_list ul li:nth-child(1) .obj_all a{
    margin-top: 6px;
    width: 30% !important;
}   
.lg_about_list ul li .obj_all{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;

}
.lg_about_list ul li .obj_all a{
    width: 30%;
}

/*侧边栏*/
/*.aside {
    width     : 145px;
    height    : 330px;
    background: url(//www.longre.com/images/index/asidebg.png) no-repeat;
    position  : fixed;
    left      : 50px;
    bottom    : 100px;
    z-index   : 10;
    cursor    : pointer;
}*/

/*.aside a{display: block;width:145px;height:330px;}*/
/*.aside .free {
    position          : absolute;
    right             : -30px;
    top               : 10px;
    -webkit-transition: all 0.5s ease-out;
    transition        : all 0.5s ease-out;
}

.aside p {
    font-size  : 16px;
    color      : #ffd179;
    text-align : center;
    font-style : oblique;
    padding-top: 96px;
    font-weight: bold;
}

.aside a {
    display           : block;
    width             : 90%;
    margin            : 6px auto 0;
    font-size         : 14px;
    line-height       : 34px;
    text-align        : center;
    background        : rgba(255, 255, 255, 0.3);
    color             : #fff;
    font-weight       : bold;
    border-radius     : 5px;
    -webkit-transition: all 0.5s ease-out;
    transition        : all 0.5s ease-out;
}

.aside a:hover {
    background: #fff;
    color     : #fb4643;
}

.aside a.curr {
    background: #fff;
    color     : #fb4643;
}*/

.rotate {
    display          : block;
    -webkit-animation: fadeInDown 2s infinite linear reverse;
    animation        : fadeInDown 2s infinite linear reverse;
}

@-webkit-keyframes fadeInDown {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(30deg);
    }

    100% {
        transform: rotate(0);
    }
}

@keyframes fadeInDown {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(30deg);
    }

    100% {
        transform: rotate(0);
    }
}

/*弹框表单*/
.yh_formbg {
    display   : none;
    width     : 100%;
    height    : 100%;
    background: rgba(0, 0, 0, 0.6);
    position  : fixed;
    top       : 0;
    left      : 0;
    z-index   : 11;
}

.yh_formbg .yh_form {
    width      : 450px;
    height     : 513px;
    background : url(//www.longre.com/images/index/formbg.png) no-repeat;
    margin     : 100px auto;
    padding-top: 225px;
    position   : relative;
}

.yh_formbg .yh_form .from_cuo {
    position          : absolute;
    top               : 44px;
    right             : 0px;
    cursor            : pointer;
    -webkit-transition: all 0.5s ease-out;
    transition        : all 0.5s ease-out;
}

.yh_formbg .yh_form .from_cuo:hover {
    transform        : rotate(360deg);
    -webkit-transform: rotate(360deg);
}

.yh_form_input {
    padding: 0 84px;
}

.yh_form_input p {
    background   : #f5f5f5;
    height       : 45px;
    line-height  : 45px;
    margin       : 20px auto 0;
    overflow     : hidden;
    border-radius: 5px;
}
.yh_form_input .classType{
    display: none;
}
.yh_form_input p input {
    background  : none;
    border      : none;
    font-size   : 15px;
    color       : #d47f33;
    display     : block;
    line-height : 45px;
    height      : 45px;
    padding-left: 10px;
    width       : 100%;
}

.yh_form_input p select {
    border            : none;
    font-size         : 15px;
    color             : #d47f33;
    display           : block;
    line-height       : 45px;
    height            : 45px;
    padding-left      : 10px;
    width             : 100%;
    appearance        : none;
    -moz-appearance   : none;
    -webkit-appearance: none;
    background        : url(//www.longre.com/images/index/xl1.png) no-repeat right center;
}

.yh_form_input p input.yan {
    width: 60%;
    float: left;
}

.yh_form_input p a.code {
    float          : left;
    width          : 40%;
    font-size      : 15px;
    line-height    : 45px;
    color          : #d47f33;
    text-align     : center;
    text-decoration: underline;
}

.yh_form_input p a.code:hover {
    color: #fe4b41;
}

.yh_form_input p a.button {
    display    : block;
    height     : 45px;
    line-height: 45px;
    color      : #bf5202;
    font-size  : 18px;
    text-align : center;
    background : -moz-linear-gradient(top, #fef1c5, #ffd993);
    background : -webkit-linear-gradient(top, #fef1c5, #ffd993);
    background : -o-linear-gradient(top, #fef1c5, #ffd993);
}

.yh_form_input p a.button:hover {
    background: -moz-linear-gradient(top, #ffeb80, #ffc956);
    background: -webkit-linear-gradient(top, #ffeb80, #ffc956);
    background: -o-linear-gradient(top, #ffeb80, #ffc956);
}

.yh_form_input p input::-webkit-input-placeholder {
    color: #d47f33;
}

.yh_form_input p input::-moz-placeholder {
    color: #d47f33;
}

.yh_form_input p input:-moz-placeholder {
    color: #d47f33;
}

.yh_form_input p input:-ms-input-placeholder {
    color: #d47f33;
}

/*弹框表单*/


/*友情链接*/
.lianjie {
    overflow      : hidden;
    line-height   : 26px;
    background    : #1e1e1e;
    padding-bottom: 20px;
    margin-top    : -15px;
    padding-left: 120px;
}

.lianjie_con {
    width   : 864px;
    margin  : 15px auto;
    position: relative;
}

.lianjie_con .more {
    position : absolute;
    left     : 50%;
    transform: translateX(-50%);
    color    : #fff;
    top      : 25px;
}

.lianjie p {
    width: 10%;
    color: #999;
}

.lianjie ul {
    width   : 90%;
    /* overflow: hidden;
    height  : 30px; */
}

.lianjie li {
    float: left;
}

.lianjie li a {
    font-size: 12px;
    color    : #999;
}

.lianjie li a:hover {
    color: #c7c7c7;
}

.lianjie li i {
    display: inline-block;
    margin : -1px 5px 0;
}


/*四站打通*/
.logo_show {
    margin    : 25px auto;
    background: #fff;
}

.logo_show a {
    float      : left;
    width      : 20%;
    text-align : center;
    height     : 77px;
    line-height: 77px;
}

.logo_show a:first-child {
    background: #e60012;
}

.logo_show a:hover {
    opacity: 0.6;
}

.lg_fast {
    background-color: #fff;
    margin-top      : 50px;
}

.lg_fast .z_title {
    line-height  : 64px;
    padding-left : 44px;
    color        : #333;
    border-bottom: 1px #eee solid;
}

.lg_fast .fast_content .title ul {
    overflow: hidden;
    padding : 20px;
}

.lg_fast .fast_content .title ul li {
    float      : left;
    width      : 10%;
    height     : 30px;
    line-height: 30px;
    font-size  : 16px;
    text-align : center;
    color      : #666;
}

.lg_fast .fast_content .content ul {
    padding-bottom: 20px;
}

.lg_fast .fast_content .content ul li {
    width       : 100%;
    overflow    : hidden;
    box-sizing  : border-box;
    overflow    : hidden;
    padding-left: 18px;
}

.lg_fast .fast_content .content ul li a {
    /* display   :inline-block; */
    display      : block;
    width        : 10%;
    float        : left;
    text-align   : start;
    font-size    : 14px !important;
    padding-top  : 10px;
    /* text-align: center; */
    font-size    : 16px;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
    color        : #999;
}

.fast_li_active {
    background-color: #ccc;
    color           : #fff;
}

.fast_language_active {
    display: none;
}



/*cms样式*/
.fl{float:left;}
.fr{float:right;}
.m25{ margin-top: 25px; }
/*public_list*/
.public_list{padding: 20px 0 20px 14px;}
.public_flex{display: flex;flex-wrap: wrap; }
.public_list .list{width:23% ; height: 140px;overflow: hidden; float: left;margin: 0 0.8% 0;}
.public_list .list .list_img{width: 100%;height: 140px;}
.public_list .list .list_img img{width: 100% !important;height: 100%  !important;display: block;border-radius: 10px;}
.public_list .name{ width: 60%; font-size: 16px;border-bottom: none;line-height: 20px;height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.public_list .list .list_info{color: #333;font-size: 14px;padding: 8px 0 8px;}
.public_list .list .list_img img{display: block;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
/*cms热门专题*/
.cms_special{ background: #fff; }
.cms_special .public_list .list_img{ position: relative;overflow: hidden;border-radius: 10px; }
.cms_special .public_list .list_title{font-size: 16px; width:100%;height: 84px;background: url(/images/index/cms_title_bg.png) no-repeat 0 0;position: absolute;bottom: 0;left: 0; padding: 55px 15px 0; }
.cms_special .public_list .list_img .list_title span{ color: #fff;width: 85%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.cms_special .public_list .list_img .cms_icon{ width: 15px;height: 15px; background: url(/images/index/cms_icon.png) no-repeat 0 0; display: inline-block; }
.cms_special .public_list .list:hover .list_img img {-webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08);}


/*cms_right*/
.cms_right{width: 280px;float: right;background: #fff;padding: 10px 0;height: 248px;}
.sliders_right{position: relative;padding-bottom: 20px;}
.sliders_right .right_main_tit_box{width: 100%;padding-left: 35px;height: 24px;overflow: hidden;}
.sliders_right .right_main_tit{width: 80%;height: 40px;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;}
.sliders_right>i{display: inline-block;width: 3px;height: 22px;left: 0;background-color: red;position: absolute;top: 6px;}
.sliders_right .right_main_tit span{padding:3px 5px 0px 5px;display: inline-table;cursor: pointer;font-size: 18px;}
.sliders_right .bx-prev{position: absolute;left: 12px;top: 8px;background: url(/assets/Home/cms/images/leftIcon.png) no-repeat ;background-size: 100% 100%;}
.sliders_right .bx-next{position: absolute;right: 13px;top: 8px;background: url(/assets/Home/cms/images/rightIcon.png) no-repeat ;background-size: 100% 100%;}
.sliders_right>a{display: block;width: 18px;height: 18px;position: absolute;}
.sliders_right .select_more{display: block;width: 52px;height: 18px;position: absolute;right: 5px;bottom: 0;}
.sliders_right #select_more{display: none;border: 1px solid #ccc;height: 18px;position: absolute;right: 6px;bottom: 0;appearance: checkbox;-webkit-appearance: checkbox;}
.sliders_right .scroll_content{width: 100%;}
.sliders_right .scroll_content .des{position: relative;}
.des_active{display: none;}
.scroll_tit_active{color: red;}
.sliders_right .scroll_content .des{padding: 0 10px;}
.scroll_content .des{padding: 0 10px;}
.scroll_content .des p em{width: 20px;height: 20px;background:#ff4040;text-align: center;line-height: 20px;display: inline-block;color: #fff;margin-right: 8px;}
.scroll_content .des p{line-height: 35px;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 66%;float: left;}
.scroll_content .des span{float: right;line-height: 35px;}


.ke_fenlei .li_objs {
    overflow: hidden;
}
.ke_fenlei .li_objs .left {
    width: 75%;
    float: left;
}

.ke_fenlei .li_objs .right {
    width: 20%;
    float: right;
}
/* .lgnav li {
    position: relative;
} */
.lgnav .lgnav_list {
    display: none;
    position: absolute;
    top: 44px;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    background-color: #fff;
    z-index: 99;
    border-radius: 5px;
    box-shadow: 0 0 11px 0 #666;
}
.lgnav .lgnav_list span {
    display: block;
    height: 40px;
    text-align: center;
}
.lgnav .lgnav_list a {
    color: #333;
    display: inline-block;
    text-align: center;
    margin: 0;
    font-size: 14px;
    padding: 0;
    line-height: 1;
    font-weight: 500;
}
.lgnav .lgnav_list span:hover a {
    font-weight: 700;
    color: #1861b0 !important;
    border-bottom: 1px solid #1861b0;
}
/* .lgnav_list_span_active {
    font-weight: 700;
    color: #1861b0 !important;
    border-bottom: 1px solid #1861b0;
} */

.lgnav .lgnav_list .erweima_box {
    width: 100px;
    height: 100px;
    position: absolute;
    left: -100px;
    top: 0px;
    box-shadow: 0 0 3px 1px #ccc;
    border-radius: 10px;
    display: none;
}

.lgnav .lgnav_list .erweima_box>img {
    display: none;
    position: absolute;
    left: -20px;
    top: 0;
    width: 120px;
    height: 120px;
    border-radius: 5px;
}


.ke_fenlei .li_objs {
    position: absolute;
    left: 30px;
    top: 270px;
    overflow: hidden;
}
.ke_fenlei .li_objs .left {
        float: left;
        width: 75%;
}

.ke_fenlei .li_objs .left h3 {
    padding-left: 10px;
    font-size: 18px;
    position: relative;
}
.ke_fenlei .li_objs .right h3{
    padding-left: 10px;
    font-size: 18px;
    position: relative;
}

.ke_fenlei .li_objs .left h3::before {
    display: block;
    width: 3px;
    height: 22px;
    background-color: #1084d5;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content:'';
}
.ke_fenlei .li_objs .right h3::before {
    display: block;
    width: 3px;
    height: 22px;
    background-color: #1084d5;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content:'';
}

.ke_fenlei .li_objs .left ul {
    overflow: hidden;
    padding-top: 20px;
}

.ke_fenlei .li_objs .left ul>li {
    float: left;
    width: 30%;
    margin-left: 25px;
    padding-left: 0;
}
.ke_fenlei .li_objs .left ul>li img {
    display: block;
    width: 100%;
    margin: auto;
    border-radius: 10px;
}
.ke_fenlei .li_objs .left ul>li em {
    display: block;
    text-align: center;
    color: #333;
}
.ke_fenlei .li_objs .left ul>li:nth-child(1){
    margin-left: 0;
    padding-left: 0;
}
.ke_fenlei .li_objs .right {
    float: right;
    width: 20%;
}

.ke_fenlei .li_objs .right img {
    display: block;
    width: 120px;
    margin-top: 22px;
    box-shadow: 0 0 3px 1px #ccc;
}


/* .ke_list>ul>.other {
    line-height: 1px;
    padding-top: 14px;
}
.ke_list>ul>.other em {
    font-size: 12px;
    display: block;
    margin-top: 16px;
} */


/*首页导航新增hot.icon*/
 .ke_list ul li span .hot{
    width: 35px;
    height: 24px;
    background: url(/assets/Home/images/index/hot002.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -2px;
    right: -36px;
    display: block;
     }