li {

    list-style: none;

}



ul {

    padding: 0;

    margin: 0;

}

* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

        word-wrap: break-word;
}



input{

    outline: none;

    font-family: '微软雅黑';

}



.text-center{

    text-align: center;

}   

html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0px;bor;/* border: 0; */f;/* font-size: 100%; */*/outline: none;}

caption,h1, h2, h3, h4, h5, h6, p{ 
    margin: 0; padding: 0px;

    -moz-box-sizing: border-box;

　　-webkit-box-sizing: border-box;

　　box-sizing: border-box;

}

html {font-size: 14px;-ms-text-size-adjust: 100%;overflow-x: hidden;/*min-width: 1240px;*/margin: 0 auto;}

body {font-family: "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial;margin: 0 auto;color: #333;background-color: #fff;}

body{

        /*overflow: hidden;*/

        min-width: 1240px;
        background: #fff;
      
}



textarea{

    outline: none;

       font-family: '微软雅黑';

}

.inner {

    width: 100%;

    margin: 0px auto;

    position: relative;

}



.inner1 {

    width: 90%;

    margin: 0px auto;

    position: relative;

}

.inner1200 {

    margin: 0px auto;

    width: 1200px;

    position: relative;

}
.inner1300 {

    margin: 0px auto;

    width: 1300px;

    position: relative;

}

.inner1250{

     margin: 0px auto;

    width: 1250px;

    position: relative; 

}

.inner1000{

    width: 1000px;

    margin: 0 auto;

}

.inner1100 {

    margin: 0px auto;

    width: 1100px;

}

.inner1080{width: 1080px;

margin: 0 auto;}

.inner1280{width: 1280px;margin: 0 auto;}

.inner1240{

   margin: 0px auto;

    width: 1240px; 

}

.inner1300{

   margin: 0px auto;

    width: 1300px; 

     position: relative;

}

.inner1400{

   margin: 0px auto;

    width: 1400px; 
    box-sizing: border-box;padding: 0 15px;

     position: relative;

}

.inner1440{

   margin: 0px auto;

    width: 1440px; 
    box-sizing: border-box;padding: 0 15px;

     position: relative;

}



.inner1380{

margin: 0px auto;

    width: 1380px;

}

.inner1440{

    margin: 0 auto;

    width: 1440px;

    position: relative;

}

.inner1536{

margin: 0px auto;

    width: 1536px;

    position: relative;

}



.fc {

    text-align: center;

}



.center{

    text-align: center;

}

.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }

.clearfix:after { clear: both; }

.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}

.fl{float:left; display:inline;}

.fr{float:right; display:inline;}

.clearboth{ clear:both;}



h1, h2, h3, h4, h5, h6, p {

    margin: 0;

    padding: 0px;

}

figure,section,li,dd,div{

    margin: 0;

    padding: 0px;

    border: 0;

    font-size: 100%;

    outline: none;

}

/*section{

    letter-spacing:1px; 



}*/





a{

    text-decoration: none;

    outline: none;

}

/*loding*/



.loading {

    position: fixed;

    width: 100%;

    height: 100%;

    background-color: #fff;

    z-index: 1000000;

}



.spinner {

    width: 150px;

    height: 30px;

    position: absolute;

    left: 47%;

    top: 50%;

    margin-left: -75px;

    margin-top: -15px;

}



.spinner>div {

    /* width: 30px;

    height: 30px;

    background-color: #67CF22;*/

    border-radius: 100%;

    /*  display: inline-block;*/

    -webkit-animation: bouncedelay 1.8s;

    animation: bouncedelay 1.8s;

    /* Prevent first frame from flickering when animation starts */

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}





@-webkit-keyframes bouncedelay {





    0% {

        -webkit-transform: scale(0.5)

    }

    ,

    30% {

        -webkit-transform: scale(0.8)

    }

    ,

    /*    60% {

        -webkit-transform: scale(1.2)

    },*/

    100% {

        -webkit-transform: scale(2)

    }

}

@-webkit-keyframes bouncedelay1 {





    0% {

        -webkit-transform: scale(0.5)

    }

    ,

    30% {

        -webkit-transform: scale(0.8)

    }

    ,



    100% {

        -webkit-transform: scale(1.5)

    }

}





.fl{

    float: left;

}

.ri{

    float: left;

}

.fr{

    float: right;

}





/*分页*/
.fanye{
    float: left;
    width: 100%;
    display: inline-block;width: 100%;
    margin: 30px 0;
}
.newdtitle{
    text-align: center;
    font-size: 32px;
    padding: 15px 0;
    padding-bottom: 30px;

    color: #fff;
}
.new-deta{
    color: #fff;
}
.moreye {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.moreye a {
    color: #fff;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
/*.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-radius: 6px;
    border-radius: 6px;
}*/
.pagination-lg>a, .pagination-lg>span {
    padding: 8px 14px;
    font-size: 14px;
    line-height: 1.3333333;
    margin: 0 3px;
    border: none;
}
.pagination-lg>a {
    background: #252525;
    border: 1px solid #252525;
    color: #fff;
}
.pagination-lg>span {
    background: #cd2126;
    border: 1px solid #cd2126;
    color: #fff;
}
.pagination-lg>a:hover{
     background: #cd2126;
    border: 1px solid #cd2126;
    color: #fff;
}


.page{text-align: center;margin-top: 30px;}


.page>a, .page>span {
    padding: 8px 14px;
    font-size: 14px;
    line-height: 1.3333333;
    margin: 0 3px;
    border: none;
}
.page>a {
    background: #252525;
    border: 1px solid #252525;
    color: #fff;
}
.page>span {
    background: #880025;
    border: 1px solid #880025;
    color: #fff;
}
.page>a:hover{
     background: #880025;
    border: 1px solid #880025;
    color: #fff;
}


/*分页*/

.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }

.clearfix:after { clear: both; }

.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}

.fl{float:left; display:inline;}

.fr{float:right; display:inline;}

.clearboth{ clear:both;}

.video_div{width:100%; height:100%; background:rgb(0,0,0,0.8); position:fixed; z-index:100011111111111; left:0px; top:-100%;}
.video_div_closebtv{width:50px; height:50px; position:absolute; right:30px; top:30px; cursor:pointer; z-index:100;}
.video_div_closebtv img{width:50px; height:50px;}
.video_div_center{width:100%; height:100%; vertical-align:middle; text-align:center;}
.video_div_center iframe{width:60%; margin-left:20%; margin-right:30%; height:600px; position:relative; top:50%; margin-top:-300px;}



/*******手机导航*******/



.a_zxlmenu{width:100%;/* margin-bottom:3%;*/ position:relative; display:none; z-index:100;}

.a_zxlmenu_t{width:100%;height: 50px;line-height: 50px; font-size:14px; text-align:center; background-color:#cd2126; color:#fff; cursor:pointer;}

.a_zxlmenu_c{width:100%; position:absolute; left:0px; top:100%; margin:0px; padding:0px; background-color: #fff;text-indent:0px; display:none;z-index: 1000;}

.a_zxlmenu_c li{width:100%;  float:left; text-align:center; border-bottom: 1px solid #ccc;margin: 1px 0;}

.a_zxlmenu_c li .aone{width:100%;padding:3% 0px; display:inline-block; color:#000000; font-size:14px; text-decoration:none; text-indent:0px;}

.a_zxlmenu_c li .aone:hover,.a_zxlmenu_c li .aone.activetwo{ color:#333; text-decoration:none;}

.a_zxlmenu_c li dl{width:100%; border-bottom:1px solid #ccc;display:none;}

.a_zxlmenu_c li dl dd{width:100%; float:left; text-align:center;}

.a_zxlmenu_c li dl dd a,.a_zxlmenu_c li dl dd a:hover{width:100%; padding:3% 0px; display:inline-block; color:#333; font-size:16px; text-decoration:none; text-indent:0px;}

.a_zxlmenu_c1{

    display: none;

}

.a_zxlmenu_t i{

    margin: 0 10px;

}

.a_zxlmenu_c1 li{

 text-align: center;

 border: none;

 display: inline-block;

     background-color: rgba(255,255,255,0.8);

 border: none;

 margin: 0;

}

.a_zxlmenu_c1 li a{

    padding: 0 15px;

    position: relative;

    line-height: 30px;

    margin: 5px 0;

}

.a_zxlmenu_c li a i{

    float: right;

    right: 15px;

    top: 6px;

    position: relative;

}



/*******手机导航*******/



/*内页nenuy*/
.pc_amenu{width:100%;padding:0px 2%;text-align:center;width: 100%;max-height: 60px;overflow: hidden;}
.a_menu_bg{ background-color:#ffffff;max-height: 60px;overflow: hidden;}
.a_menu{width:60%; margin:0px; padding:0px; max-height: 60px;overflow: hidden;float: right;}
.a_menu .a_menu_a{ padding:0px; margin:0px; margin-left: 20px; height:60px;  display:inline-block; overflow:hidden; text-align:center; line-height:60px; color:#333333; font-size:14px;}
.a_menu .a_menu_a:hover,.a_menu .a_menu_a.activetm1{ color:#3871c1;  text-decoration:none;}
/*内页nenuy*/





/*手机导航*/

/* CSS Document */

.phone_nav{ display:none;height: 50px;}

.hided{ overflow:hidden; width:100%; height:100%; position:fixed;}

.phone_logo{ height:50px;  background:#fff;box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.2)}

/*.phone_logo .p1{ position:absolute; left:0; top:0; padding:20px; display:block;}*/

.phone_logo .p1 img{ height: 100%}



@media screen and (max-width:1200px) {

.phone_logo .p1 {padding-top: 10px; height: 43px; display: block;}

.in_top .heard{ display:none;}

.phone_logo {width: 100%;padding: 0 20px;box-sizing: border-box;}



.phone_nav{display:block; position:fixed; width:100%; top:0;left:0; display:block; transition-delay:0.7s; -webkit-transition-delay:0.7s; z-index:9999; border-bottom: 2px solid #e4e4e4;background: }



/*导航按钮*/

.phone_nav .nav_but_box{ display:block; position:absolute; width:30px; height:30px; right:20px; top:10px; z-index:1;

transition:all 0.7s; -webkit-transition:all 0.7s;}

.phone_nav .nav_but { display:inline-block; position:relative;width:20px; height:2px; z-index:2; margin:13px 0 0 5px; background:#2e366c;

-webkit-transition-property: background-color, -webkit-transform;

transition-property: background-color, -webkit-transform;

transition-property: background-color, transform;

transition-property: background-color, transform, -webkit-transform;

-webkit-transition-duration: 300ms;

transition-duration: 300ms;}

.phone_nav .nav_but:before,.nav_but:after {content: ''; display:block; width:20px; height:2px; position:absolute; background:#2e366c;

transition-property: margin, -webkit-transform; -webkit-transition-property: margin, -webkit-transform;

transition-property: margin, transform; transition-property: margin, transform, -webkit-transform;

transition-duration: 300ms; -webkit-transition-duration: 300ms;}

.phone_nav .nav_but:before{margin-top:-5px;}

.phone_nav .nav_but:after {margin-top:5px;}



/*栏目名称*/

.phone_nav .nav_main{height:100%; position:fixed;  left:0; opacity:0; width:0; transition:all 0.4s ease 0.3s; -webkit-transition:all 0.4s ease 0.3s; background:rgba(205,33,38,0.85); overflow:hidden;}

.phone_nav .nav_main ul{ padding:0 20px; margin-top:40px;}

.phone_nav .nav_main li a{background-position:left; color:#fff; height:46px; line-height:46px; display:inline-block; background-size:32px; background-repeat:no-repeat; font-weight:bold;}

/*.phone_nav .nav_main .ss{border:1px solid #fff; margin-top:20px;}

.phone_nav .nav_main .ss .p2{ float:right;}

.phone_nav .nav_main .ss .p2 input{ border:0; background:url("../images/app_ss1.png") center no-repeat; width:34px; height:34px;}

.phone_nav .nav_main .ss .p1{ display:block; margin:0 34px 0 5px; }

.phone_nav .nav_main .ss .p1 input{ width:100%; height:34px; line-height:34px; background:none; border:0; font-family:"Microsoft YaHei"; font-size:14px; color:#fff;}

*/

.phone_nav .nav_main li b{ display:inline-block; position:absolute; right:10px; top:0px; width:50%; height:50px; background: url("../image/lmfooter_bottom.png") center right no-repeat; z-index:99;}

.phone_nav .nav_main .ul{padding:0 0 0px 40px; margin:0;  max-height:0; overflow:hidden; transition:max-height 0.4s; -webkit-transition:max-height 0.4s;}

.phone_nav .nav_main .ul li{ padding:0; border-bottom:0; transform:translateX(0px); -webkit-transform:translateX(0px);}

.phone_nav .nav_main .ul li a{ padding:0; height:auto; line-height:30px; font-weight:normal}



.phone_nav .nav_main .b_one .ul{ max-height:300px; padding:0 0 0px 40px; margin-bottom:10px;}





.phone_nav .nav_main li{ transform:translateX(100px); -webkit-transform:translateX(100px); transition:all 0.8s ease; -webkit-transition:all 0.8s ease; border-bottom:1px solid rgba(225,225,225,0.5); padding:0 20px; position:relative;}

.phone_nav .nav_main li:nth-of-type(1){ transition-delay:0.1s; -webkit-transition-delay:0.1s; }

.phone_nav .nav_main li:nth-of-type(2){ transition-delay:0.2s; -webkit-transition-delay:0.2s; }

.phone_nav .nav_main li:nth-of-type(3){ transition-delay:0.3s; -webkit-transition-delay:0.3s; }

.phone_nav .nav_main li:nth-of-type(4){ transition-delay:0.4s; -webkit-transition-delay:0.4s; }

.phone_nav .nav_main li:nth-of-type(5){ transition-delay:0.5s; -webkit-transition-delay:0.5s; }

.phone_nav .nav_main li:nth-of-type(6){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }

.phone_nav .nav_main li:nth-of-type(7){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }

.phone_nav .nav_main li:nth-of-type(8){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }

.phone_nav .nav_main li:nth-of-type(9){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }

.phone_nav .nav_main li:nth-of-type(10){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }





/*打开样式*/

.phone_nav_one{background:#231815;  transition-delay:0s; -webkit-transition-delay:0s; }

.phone_nav_one .nav_main {opacity:1; width:100%; overflow:inherit;}

.phone_nav_one .nav_but{background: rgba(0, 0, 0, 0); }

.phone_nav_one .nav_but:before {margin-top: 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}

.phone_nav_one .nav_but:after {margin-top:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}

.phone_nav_one .nav_but_box { opacity:0.8;}

.phone_nav_one .nav_main li{ transform:translateX(0); -webkit-transform:translateX(0);}

}





@media screen and (max-width:758px){/*--768-0--*/

/*.phone_logo .p1{ left:20px; padding:0; width:131px; margin-top:18px;}

.phone_logo .p1 img{ width:100%;}

.phone_logo{ height:77px;}

.phone_nav{ height:77px;}*/

/*.phone_nav .nav_main{ top:77px;}*/

.phone_nav .nav_but_box{ top:10px; right:10px;}

.phone_nav .nav_main ul{ margin-top:20px; height:350px; overflow-y:auto; box-sizing:border-box;}

.phone_nav .nav_main .b_one .ul{ height:auto;}



}



@media screen and (max-width:470px){/*--768-0--*/

.phone_logo {padding: 0 10px}

.phone_nav .nav_main ul{ height:410px;}

.phone_nav .nav_main .b_one .ul{ height:auto;}



}



.a_rlzydiv_c {display: inline-block;width: 100%;}
.a_rlzydiv_c dt{width:100%;  float:left; font-weight:normal;text-align: left;}
.a_rlzydiv_c dt .div{width:100%; padding:1.2% 0px; background-color:#e5e6e6;  color:#000; font-size:16px; float: left;}
.a_rlzydiv_c dt .div .s1{width:46%; text-indent:3%;}
.a_rlzydiv_c dt .div .s2{width:19.5%;}
.a_rlzydiv_c dt .div .s3{width:13%; text-align:center;}
.a_rlzydiv_c dt .div .s4{width:21.5%; text-align:center;}
.a_rlzydiv_c dd{width:100%; float:left; font-weight:normal;text-align: left;background: #fff; border-bottom: 1px solid #edeae9;}
.a_rlzydiv_c dd .div{border-bottom: 1px solid #dddddd;  float: left;width:100%; padding:20px 0px; background: url(../image/r_jt1.png) right 20px center no-repeat; background-color:#fff; font-size:14px; color:#000; cursor:pointer;}
.a_rlzydiv_c dd .div:hover,.a_rlzydiv_c dd .div.activerc{ background:url(../image/r_jt2.png) right 20px center no-repeat; background-color:#3871c1; color: #fff !important;}

.a_rlzydiv_c dd .div .s1{width:46%; text-indent:3%;font-size: 16px;}
.a_rlzydiv_c dd .div .s2{width:19.5%;}
.a_rlzydiv_c dd .div .s3{width:13%; text-align:center;}
.a_rlzydiv_c dd .div .s4{width:21.5%; text-align:center;}
.a_rlzydiv_c dd .div1{box-sizing: border-box; width:100%; display:none; float: left;}
.a_rlzydiv_c dd .div1_c{text-align: left; width:100%; padding: 25px; background: #fff;  color:#888888; font-size:14px; line-height:2.0; overflow-x:hidden;}
.a_rlzydiv_c dd .div1_b,.a_rlzydiv_c dd .div1_b:hover{width:150px; height:40px; line-height:40px; text-align:center; background-color:#6eba44; display:inline-block; overflow:hidden; color:#333; text-decoration:none; font-size:14px;}
.zhangp-box-tie{
    text-align: center;
    font-size: 30px;
    color: #333;
    font-weight: 500;
    margin-bottom: 20px;
}
.zp-box-bo{
             animation:fadeInUp 2s;
    -webkit-animation:fadeInUp 2s;

   /* background: #fff;*/
    float: left;
    width: 100%;
    margin: 25px 0;
}
.zp-box-to{
    padding: 30px 30px;
       animation:fadeInUp 2s;
    -webkit-animation:fadeInUp 2s;
    background: #fff;
}
.zhangp-box {
    background: #f1f2f3;
    padding: 50px 0;
}
.zp-box-to select {
    width: 243px;
    float: left;
    outline: none;
    margin-right: 10px;
    padding: 10px 15px;
    margin-bottom: 10px;
}
.zp-bt-h3{
    color: #333;
    font-weight: 400;
    font-size: 18px;
}
.zp-bt-h4{
    color: #333;
        font-weight: 400;
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 20px;
}
.sousuo-box{
    float: right;

}
.souss-con{
    width: 245px;
    float: left;
      padding: 10px 15px;
}
.soubtn{
padding:0 20px;
line-height: 41px;height: 41px;
color: #fff;
background: #3871c1;
border: none;
}
/*校园招聘*/




.index-swiper .swiper-pagination{bottom: 20px;}
.inbanner{padding-top: 4px;background: #EDECEA;}
.inbanner .index-swiper img{display: block;width: 100%;}
.index-swiper .swiper-pagination-bullet{background: #fff;opacity: 0.6;width: 12px;height: 12px;border-radius: 10px;background: transparent;border:1px solid #fff;opacity: 1;}
.index-swiper .swiper-pagination-bullet-active{background: #fff; width: 12px;height: 12px7px;opacity: 1;}



/*内页banner*/
.n_banner{width:100%; height:600px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
.n_banner1{width:100%; height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
.n_banner2{ width:100%; height:480px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
.n_banner3{width:100%; height:270px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
.n_banner5{width:100%; height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
.n_banner5 .n_banner_text{bottom: 10%;text-align: left;}
.n_banner_text{width:100%; position:absolute; left:0px; bottom:80px;}
.n_banner_text .s1{width:100%; text-align:right; color:#fff; font-size:28px;}
.n_banner_text .s1 span{ font-size:37px;}
.n_banner_text .s2{width:100%; color:#fff; font-size:22px; line-height:1.5;}
.n_banner_text .s2 .font1{ font-size:30px;font-family: '黑体'; line-height: 1.4;text-transform: uppercase;}
.n_banner_text .s2 .font2{ font-size:30px;font-family: '黑体'; font-weight:400;background: url(../image/ntitlebk.png) center center no-repeat;  line-height: 1.4;text-transform: uppercase;}
.n_banner_text .s3{width:100%; text-align:center; color:#fff; font-size:20px; line-height:1.5;}
.n_banner_text .s3 span{ font-size:36px;}
.n_banner_text .s4{width:100%; text-align:center; color:#fff; font-size:16px; line-height:1.6;padding-top:20px;padding-bottom:20px;}
.n_banner_text .s4 span{ font-size:30px;}
.n_banner_text.n_banner_text2{ bottom:auto; top:45%;}
.n_banner_text .s5{width:49%; background:#228c59; padding:1.5% 2%; color:#fff; line-height:1.7; font-size:16px;}
.n_banner_text .s5 span{ font-size:17px;}
.n_banner_text.n_banner_text3{ bottom:auto; top:55%;}
/*.n_banner_text.n_banner_text4{ bottom:auto; top:45%;}*/
.n_banner_text .s6{width:47%;background:url(../images/case_bg2.png) repeat; padding:1.5% 2%; color:#fff; line-height:1.7; font-size:18px; text-align:center; position:relative; left:50%; margin-left:-23%;}
.n_banner_text .s6 .font1{ font-size:30px;}


.fixhead{position: fixed;width: 100%;top: 0;padding-top: 0;background:#fff; animation:fadeInDown 1s;
    -webkit-animation:fadeInDown 1s;box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.1);}


a:hover{
    text-decoration: none;
}
.nbanner{
    position: relative;
}
.nbanner img{width: 100%;display: block;}
.weizhi{background:url(../image/wz.png) left center no-repeat;padding-left: 23px; display: block;position: absolute;right: 0;bottom: 0;}
.weizhi2{margin-bottom: 0;background: #f1f2f3;}
.weizhi p{font-size: 14px;line-height:50px;color: #fff;font-weight: 400;}
.weizhi p img{position: relative;top: 3px;margin-right: 5px;}
.weizhi a{color: #fff;}
.weizhi2{border-bottom: 1px solid #e5e5e5;}


.header{background: #3E3938;position: relative;padding-bottom: 22px;padding-top: 25px;}
.header .logo{float: left;width: 110px;margin-top: 15px;}
.header .logo img{display: block;max-width: 100%;object-fit: fill; 
 object-fit: contain;
 object-fit: scale-down;}
.nav_top{float: right;margin-right: 117px;margin-top: 16px;}

.nav_top li{float: left;text-align: center;padding: 0 25px;position: relative;}
.nav_top li a{color: #fff;font-size: 16px;display: block;line-height: 50px;position: relative;}
.nav_top li a:after{position: absolute;left: 0;content: "";bottom: 8px;z-index: 100; width: 0;height: 2px;background:#1eb763;-webkit-transition:all 0.5s ; transition:all 0.5s; }

.nav_top li.active a:after,.nav_top li:hover a:after{width: 100%;}

.nav_top li:after{position: absolute;content: "";right: 0; top: 18px; height: 16px; z-index: 100;width: 1px;background: #fff; }
.nav_top li:last-child:after{display: none;}
.header .nbox{float: right;}
.header .nbox .li{float: left;position: relative;height: 80px;padding-top: 27px;}
.header .nbox .li ul{position: absolute;left: -25px;top: 79px;display: none;}
.header .nbox .li ul{width: 120px;text-align: center;background: #fff;z-index: 50;}
.header .nbox .li ul li a{color: #333;padding: 10px 0;display: block;}
.header .nbox .li ul li:hover{background: #000;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.header .nbox .li ul li:hover a{color: #fff;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.header .nbox .a1{color: #fff;margin-left: 20px;}
.header .nbox .a1 i{font-size: 28px;}
.header .nbox .li:hover ul{display: block;}
.header .nbox .li ul li span{margin-right: 10px;}
.header .nbox .li ul li .sp2{display: inline-block;font-size: 12px; background: #fc0d1b;color: #fff;padding: 1px 5px;border-radius: 5px;}

.inbanner{/*width: 1180px;
    margin: 0 auto !important;
    padding: 20px 0 20px 0;
    position: relative;
    z-index: 5;*/}

.cpul{display: flex;justify-content: space-between; width: 101.6%;flex-wrap: wrap;left: -0.8%;position: relative;}
.cpul li{width: 23.4%; box-sizing: border-box;}


    
.cpul:after {
    content: "";
    flex: auto;
}

.cpul li {
    margin: 0 0.8%;
    margin-bottom: 25px;
  /*  width: -webkit-calc((100% - 1.6%*5)/ 5);
    width: calc((100% - 1.6%*5)/ 5);*/
  
}

.cpul3 li{width: 18.4%; box-sizing: border-box;}

.cpul3 li a{border-radius: 10px;position: relative;overflow: hidden;}
.cpul li a{float: left;width: 100%;background: #fff;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.cpul li .img{position: relative;overflow: hidden;float: left;width: 100%;height: 230px;}
.cpul3 li .img{height: 180px;}
.cpul li .img .text2{position: absolute;left: 0;width: 100%;bottom: 0;box-sizing: border-box;padding: 30px;height: 100%;transform: scale(0);    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);opacity: 0;background: rgb(0,0,0,0.8);}
.cpul li .img .text2 p{color: #fff;}
.cpul li .img .text2 .p1{font-size: 18px;margin-bottom: 10px;}
.cpul li .img .text2 .p2{font-size: 14px;}
.cpul li .img img{display: block;width: 100%;-webkit-transition:all 0.5s ; transition:all 0.5s; min-height: 100%;}
.cpul li .text .n_div2{float: left;width: 100%;padding: 0 10px; padding-top: 20px; padding-bottom: 15px;color: #000;}
.cpul3 li .text .n_div2{float: left;width: 100%;padding: 0 10px; padding-top: 10px; padding-bottom: 10px;color: #000;}


.cpul li .text .n_div1{float: left;width: 100%;padding: 10px 10px;box-sizing: border-box;color: #9E9F9F;}
.cpul3 li .text .n_div1{float: left;width: 100%;padding: 15px 10px; padding-bottom: 25px; box-sizing: border-box;color: #9E9F9F;}

.cpul li .text .n_div1 span{font-size: 10px;margin-right: 10px;position: relative;}
.cpul li .text .n_div1 span:nth-child(2) img{top: -3px;}
.cpul li .text .n_div1 span img{vertical-align: middle;position: relative;top: -2px;margin-right: 4px;}
.cpul li .text .n_div1 span:nth-child(1) img{margin-right: 0;}
.cpul li .text .n_div1 span i{margin-right: 2px}
.cpul li .text .n_div1 .icon-remen{color: #FF503D;}
.cpul li .text .n_div1 .time{float: right;top: 2px;color: #ccc;margin-right: 0;}
.cpul li .text .n_div2 .img1{float: right;line-height: 30px;}
.cpul li .text .n_div2 .img1 img{float: left;width: 30px; height: 30px; border-radius: 50%;margin-right: 10px;color: #333;}
.index_content{background: #EDECEA;padding: 30px 0;}
.cpul li:hover .img .text2{ opacity: 1;
    color:#fff;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}



.cpul li:hover .img img{transform: scale(1.1);}
.cpul li:hover a{box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1)}
.cpul2 li{width: 23%;}
.cpul2 li:hover a{box-shadow: 0px 0px 0 0 rgba(0,0,0,0.1)}

.cpul3{margin-bottom: 30px;}
.footer{background: #C2C0BE;padding: 50px 0;padding-bottom: 100px;}
.footer .div_1{float: left;width: 10%;}
.footer .div_1 img{display: block;width: 100%;}
.footer .div_2{float: right;width: 85%;box-sizing: border-box;padding-left: 15%;}
.footer .div_2 .ns_1{float: left;}
.footer .div_2 .ns_1 img{width: 150px;}
.footer .div_2 .ns_2{float: left;width: 200px;margin-left: 180px;}
.footer .div_2 .ns_3{float: right;width: 258px;text-align: justify;}

.userbox_body{background: url(../image/userbk.jpg);  
background-size: cover;


    display:flex;
  justify-content: center;
  width:100%;
  height:100%;
  align-items: center;
}
.userbox_body2{/*background: url(../image/userbk.jpg); */
/*
 display:flex;
  align-items:center;
  justify-content: center;
  width:100%;
  height:100%;*/
}
.btn-lg, .btn-group-lg > .btn{padding: 14.5px 16px}
/*.user_wbox{background: #000;}*/

.login-section{}
.user_login {margin-bottom: 100px;}
.user_login img{width: 40%;margin: 0 auto;display: block;}
.user_login p{font-size: 15px;color: #000;text-align: center;line-height: 50px;}
.input-lg{height: 50px;}




.btn-info {
    color: #fff;
    background-color: #FF503D;
    border-color: #FF503D;
}

.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background-color: #FF503D;
    border-color: #FF503D;
}

.btn-info:hover {
    color: #fff;
    background-color: #FF503D;
    border-color: #FF503D;
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #FF503D;
    border-color: #FF503D;
}

.btn-info:active:hover,
.btn-info.active:hover,
.open>.dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open>.dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open>.dropdown-toggle.btn-info.focus {
    color: #fff;
    background-color: #FF503D;
    border-color: #FF503D;
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    background-image: none;
}

.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
    background-color: #FF503D;
    border-color: #FF503D;
}
.bom_p{display: block;text-align: center;font-size: 15px;color: #000;margin-top: 20px;}
.bom_p:hover{color: inherit;}
.protocol{line-height: 30px;font-size: 14px;margin-bottom: 40px;}
.protocol input{margin-right: 8px;vertical-align: middle;margin-top: 0;position: relative;top: -1px;}
.protocol span{color: #008CD6;cursor:pointer}

.miaoshu{width: 100%;box-sizing: border-box;padding: 20px 15px;}

.ggbanner{padding: 50px 0;padding-top: 4px;}
.ggbanner img{display: block;width: 100%;}
.show_wcontent{border-top: 1px solid #9E9F9F;background: #EDECEA;}
.list_menu{border-top: 1px solid #9E9F9F;background: #EDECEA;}
.show_wcontent .div1{background: #EDECEA}
.show_wcontent .div1 .rowbox{display: flex;justify-content: space-between;width: 82%;margin: 0 auto;}
.show_wcontent .div1 .rowbox .fl_div{flex: 1;box-sizing: border-box;padding-right: 50px;padding-top: 30px;}
.show_wcontent .div1 .rowbox .fl_div .flexbox{display: flex;justify-content: space-between;margin-top: 10px;}
.show_wcontent .div1 .rowbox .fl_div .ns1_div_1{line-height: 22px;color: #9E9F9F;font-size: 16px;}
.show_wcontent .div1 .rowbox .fl_div .ns1_div_1 span{border-right: 1px solid #9E9F9F;margin-right: 15px;padding-right: 15px;}
.show_wcontent .div1 .rowbox .fl_div .ns1_div_1 span:first-child{}
.show_wcontent .div1 .rowbox .fl_div .ns1_div_1 span:last-child{border-right: 0;background: #FF503D;color: #fff;display: inline-block;line-height: 32px;padding: 0; width: 80px;text-align: center;  text-align: center;font-size: 16px;border-radius: 5px;}
.show_wcontent .div1 .rowbox .fl_div .ns1_div_2{float: right;}


.show_wcontent .div1 .rowbox .fl_div .ns1_div_2{color: #9E9F9F;}
.show_wcontent .div1 .rowbox .fl_div .ns1_div_2 span{font-size: 14px;padding: 0 15px; border-right: 1px solid #9E9F9F;}
.show_wcontent .div1 .rowbox .fl_div .ns1_div_2 span:last-child{border-right: 0;}
.show_wcontent .div1 .rowbox .fl_div .ns1_div_2 span i{margin-right: 2px}

.show_wcontent .div2{padding: 50PX 0;background: #3E3938;}
.show_wcontent .div2 p,.show_wcontent .div2 span{color: #fff;font-size: 16px;line-height: 24px;}
.show_wcontent .div2 .con{width: 82%;margin: 0 auto;}
.show_wcontent .div2 .con .text{font-size: 16px;line-height: 30px;color: #DCDCDD;padding-bottom: 30px;}
.show_wcontent .div2 img{display: block;width: 100%;margin: 0 auto;}
.icon-remen{color: #FF503D}


.show_wcontent .div3{padding: 30PX 0;}

.show_wcontent .div1 .rowbox .fr_div{display: flex;/*border-left: 1px solid #9E9F9F;*/padding: 30px 0; padding-left: 50px;}
.show_wcontent .div1 .rowbox .fr_div .img{width: 90px;border-radius: 50%;height: 90px;position: relative;overflow: hidden;}
.show_wcontent .div1 .rowbox .fr_div .img img{display: block;width: 100%;height: 100%;}
.show_wcontent .div1 .rowbox .fr_div .text{margin-left: 20px;}
.show_wcontent .div1 .rowbox .fr_div .text .p1{font-size: 18px;font-weight: bold;color: #000;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.show_wcontent .div1 .rowbox .fr_div .text .p2{font-size: 14px;color: #B1B2B2;margin: 5px 0;margin-top: 0;}
.guanzhu{background: #000;border-radius: 5px;position: relative;overflow: hidden; color: #fff;display: inline-block;line-height: 32px;width: 80px;text-align: center;font-size: 16px;}
.guanzhu:hover {color: #fff;}


.show_wcontent .div4{background: #EDECEA;padding: 80px 0;}
.show_wcontent .div4 .rowbox{display: flex;justify-content: space-between;}

.show_wcontent .div4 .rowbox .fl_div{width: 70%;display: flex;justify-content: space-between;flex-wrap: wrap;}


.show_wcontent .div4 .rowbox .fl_div a{width: 31%;-webkit-transition:all 0.5s ; transition:all 0.5s;position: relative;margin-bottom: 10px;}

.show_wcontent .div4 .rowbox .fl_div:after{
        content: "";
flex: auto;
}
.show_wcontent .div4 .rowbox .fl_div a{
            margin-right:2%;
            width: -webkit-calc((100% - 2%*3)/ 3);
            width: calc((100% - 2%*3)/ 3); 、
            /*//这里用calc动态计算宽度，用于适配不同尺寸的屏幕都是四列，
              值得注意的是，如果这里有padding，还需要减去padding的值，
              这里的宽度应该是除去padding和margin之后的*/
        }

.show_wcontent .div4 .rowbox .fl_div a .img{position: relative;overflow: hidden;float: left;width: 100%;height: 220px;}
.show_wcontent .div4 .rowbox .fl_div a .img img{display: block;width: 100%;height: 100%;}
.show_wcontent .div4 .rowbox .fl_div a .img .text2{position: absolute;left: 0;width: 100%;bottom: 0;box-sizing: border-box;padding: 30px;height: 100%;transform: scale(0);    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);opacity: 0;background: rgb(0,0,0,0.8);}
.show_wcontent .div4 .rowbox .fl_div a .img .text2 p{color: #fff;}
.show_wcontent .div4 .rowbox .fl_div a .img .text2 .p1{font-size: 18px;margin-bottom: 10px;}
.show_wcontent .div4 .rowbox .fl_div a .img .text2 .p2{font-size: 14px;}

.show_wcontent .div4 .rowbox .fl_div a:nth-child(4){margin-bottom: 0;}
.show_wcontent .div4 .rowbox .fl_div a:nth-child(5){margin-bottom: 0;}
.show_wcontent .div4 .rowbox .fl_div a:nth-child(6){margin-bottom: 0;}

.show_wcontent .div4 .rowbox .fl_div a:hover .img .text2{ opacity: 1;
    color:#fff;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

.show_wcontent .div4 .rowbox .fr_div{width: 29%; box-sizing: border-box;padding-left: 10px;background: #fff;text-align: center;padding: 30px 0;}
.show_wcontent .div4 .rowbox .fr_div .ns_1 .img{width: 100px;height: 100px;position: relative;overflow: hidden;border-radius: 50%;margin: 0 auto;}
.show_wcontent .div4 .rowbox .fr_div .ns_1 .text .p1{font-size: 18px;font-weight: bold;color: #000;margin-top: 10px;}
.show_wcontent .div4 .rowbox .fr_div .ns_1 .text .p2{font-size: 14px;color: #B1B2B2;margin: 5px 0;}
.show_wcontent .div4 .rowbox .fr_div .ns_1 .img img{display: block;width: 100%;height: 100%;}
.show_wcontent .div4 .rowbox .fr_div .ns_2{border-top: 1px solid #B4B5B5;margin: 20px 0;padding: 0 50px; padding-top: 20px;display: flex;justify-content: space-between;}
.show_wcontent .div4 .rowbox .fr_div .ns_2 .text {border-right: 1px solid #B4B5B5;width: 32%;}
.show_wcontent .div4 .rowbox .fr_div .ns_2 .text:last-child{border-right: 0;}
.show_wcontent .div4 .rowbox .fr_div .ns_2 .text .p1{font-size: 15px;color: #000;}
.show_wcontent .div4 .rowbox .fr_div .ns_2 .text .p2{font-size: 15px;color: #000;}

.show_wcontent .div4 .rowbox .fr_div .ns_3 .h2{font-size: 20px;color: #000;border-bottom: 1px solid #B4B5B5;padding-bottom: 20px;}
.show_wcontent .div4 .rowbox .fr_div .ns_3 .text{text-align: center;width: 50%;border-right: 1px solid #B4B5B5;}
.show_wcontent .div4 .rowbox .fr_div .ns_3 .text:last-child{border-right: 0;}
.show_wcontent .div4 .rowbox .fr_div .ns_3 .text p{line-height: 35px;color: #000;font-size: 18px;}
.show_wcontent .div4 .rowbox .fr_div .ns_3 .text p i{color: #DCDCDD}
.flexbox{display: flex;justify-content: space-between;}

.show-donate{text-align: center;}
.show-donate a i{width: 70px;height: 70px;line-height: 70px;border: 2px solid #FF503D;color: #FF503D;border-radius: 50%;font-size: 24px;}
.show-donate a{display: inline-block;margin: 0 80px;}
.show-donate a .p2{font-size: 18px;line-height: 30px;margin-top: 10px;}

.userbox_body{padding: 50px 0;}
.userbox{/*margin: 50px 0;height: calc(100vh - 450px);min-height: 430px;*/}

.my_zuoping .text .h4{margin-top: 10px;}
.my_zuoping .text .p1{margin: 5px 0;}
.my_zuoping .text .text-muted{margin-bottom: 10px;}
.my_zuoping .li{margin-bottom: 15px;}

.sidenav .list-group:last-child{box-sizing: border-box;padding: 0 0;text-align: center;}
.sidenav .list-group .list-group-item.active > a{color:#000;}
.sidenav .list-group .list-group-item > a{border-bottom: 2px solid #dcdcdd;}
.sidenav .list-group .list-group-item.active{border-left: none;background: #dcdcdd}



.lg-userbox .cover{    width: 100%;
    height: 400px;
    position: relative;
    z-index: 1;
    background: #edecea;
}
.lg-userbox .cover .tihuan{position: absolute;right: 0;width: 100px;top: 0;}
.lg-userbox .cover .tihuan .int{position: absolute;right: 0;top: 0;width: 100px;height: 32px;opacity: 0;}
.lg-userbox .cover .tihuan button{border: none; background: #FF503D;color: #fff;line-height: 32px;text-align: center;display: inline-block;width: 100%;}
.user_hed_box{position: absolute;left: 0;bottom: -55px;width: 100%;text-align: center;box-sizing: border-box;padding: 0 10%;}
.user_cp_in{position: relative;width: 100%;text-align: center;box-sizing: border-box;padding: 0 10%;}
.user_cp_in .text{float: left;width: 20%;min-height: 1px;padding: 20px 30px;}

.user_cp_in .text .n_div{border-right: 1px solid #efefef;}

.user_cp_in .text .p1{color: #333;font-size: 20px;margin-bottom: 10px;}
.user_cp_in .text .p2{color: #333;font-size: 14px;}
.user_hed_box .img{display: inline-block;width: 20%;}
.user_hed_box .img img{border-radius: 50%;position: relative;overflow: hidden;border: 5px solid #fff;width: 110px;height: 110px;}

.cms_user_ncontent{padding: 100px 0;background: #EDECEA;}

.lg-userbox .div1{padding-bottom: 100px;margin-top: 4px;}
.menubox{text-align: center;}
.menubox a{display: inline-block;font-size: 18px;line-height:60px;margin: 0 30px;padding: 0 10px; position: relative;}
.menubox a:after{position: absolute;content: "";left: 0;bottom:0; height: 2px;background: #000;width: 0;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.menubox a.active:after,.menubox a:hover:after{width: 100%;}

.guanzhu_center{text-align: center;margin-top: 20px;}
.user_info_center{text-align: center;width: 50%;margin: 0 auto;}
.user_info_center .p1{font-size: 20px;color: #000;}
.user_info_center .p2{font-size: 14px;color: #D9DADA;margin: 10px 0;}
.user_info_center .p3{font-size: 15px;color: #000;}

.user_list li{background: #fff;display: inline-block;width: 100%;margin-bottom: 20px;}

.follow_box_content{float: left;width: 100%;}
.follow_box_content_left {
    padding-left: 30px;
    padding-top: 30px;
    float: left;
}
.follow_box_content2{border-bottom: 1px solid #edecea;}
.follow_box_content2:last-child{border-bottom: 0;}
.follow_box_content{
    width:1180px;
}
.suggest_box_content{
    width:1180px;
}
.suggest_box_content_left p {
    color: #ccc;
    font-size: 14px;
    width:453px;
}
.show_hua{
    margin-left:8px !important;
    width:202px;
    height:144px;
float: left;
position: relative;overflow: hidden;
}
.show_hua a{display: block;position: relative;width: 100%;}
.show_hua a:hover .zhezhao_60{display: block;}
.follow_box_content_left_right {
    float: left;
    margin-left: 20px;
}

.zhezhao_60 {
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: none;
}
.show_hua img{display: block;width: 100%;}
.follow_box_content_right{
    float:left;
    margin-top:25px;
    margin-right:25px;
    margin-bottom:30px;
}
.follow_box_content_left{
    padding-left:30px;
    padding-top:30px;
}

/*1000条评论*/
.comment_box{
    width:1180px;
}

.comment_box_content{
    width:1100px;
    margin:0 auto;
    padding-bottom:0;
    padding-top:0;
    margin-bottom:40px;
}
.discussBox{
    width:1100px;
    margin:0 auto;
    margin-left:0;
    margin-bottom:60px;}
.contactsss{
    width:1010px;
}
.universe{
    left:80px;
}
.follow_box_content_left_right_top{ margin-bottom:2px;  display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.follow_box_content_left_right_top h1{
    font-size:16px;
    color:#323232;
    max-width:150px;
    float:left;
    margin-bottom:4px;
    display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.Occupation {
    font-size: 12px;
    color: #666;
    margin: 4px 0;
}
.lin26 {
    line-height: 26px;
}
.mt9{
    margin-top: 9px;
}
.mt4{ margin-top: 4px;}
.lin26{ line-height: 26px;}
.mt12{ margin-top: 12px;}
.mt4l0{ margin: 4px 0;}
.works_box1 {
    float: left;
}
.works_box1{
    float:left;
}
.works_box1 p{
    max-width:320px;
    display:block;
    white-space:nowrap; 
    overflow:hidden; 
    text-overflow:ellipsis;
    font-size:14px;
    color:#666;
    float:left;
    margin-bottom:0;
}
.works_box1 p span{
    font-size:14px;
    color:#666;
    float:left;
    margin-bottom:0;
}
.works_box1 span{
    color:#000;
    font-size:14px;
    float:left;
    font-weight:bold;
    margin-right:12px;
}
.follow_box_content_left_right_foot{
    position:relative;
    height:28px;
    display: inline-block;width: 100%;
    margin-bottom:40px;
    margin-top:10px;
}
.guan1{
    position:absolute;
    top:0;
    left:0;
    width:68px;
    height:29px;
    border-radius:3px;
    background:#000;
    cursor:pointer;
}
.guan1:hover{ background: #333;}
.guan1 p{
    color:#fff;
    font-size:14px;
    width:68px;
    text-align:center;
    line-height:29px;
}
.guan2{
    top:0;
    left:0;
    position:absolute;
    width:68px;
    height:29px;
    border-radius:3px;
    background:#ccc;
    cursor:pointer;
}
.guan2 p{
    color:#fff;
    font-size:14px;
    width:68px;
    text-align:center;
    line-height:29px;
}
.letter_box{
    float:left;
    background:#000;
    width:35px;
    height:28px;
    border-radius:3px;
    position:absolute;
    top:-120px;
    left:80px;
    cursor:pointer;

}
.letter_box:hover{
    background:#333;}
.letter_box img{
    margin-left:11px;
}
.letter_boxs img{
    margin-left:11px;
    margin-top:9px;
}
.follow_box_content_right{
    float:left;
    margin-top:30px;
    margin-right:30px;
    margin-bottom:30px;
}
.show_hua{
    float:left;
    margin-left:10px;
    width:202px;
    height:144px;
    position:relative;
    cursor:pointer;
}
.show_hua img{ width: 202px;
    height: 144px;}

.zhezhao_60{
    background:rgba(0,0,0,0.6);
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    display:none;
}

.follow_box_content_header {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
}
.follow_box_content_header img{display: block;width: 100%;height: 100%;}
.tijiao{padding: 5% 10%;}
.tijiao .control-label{text-align: left;margin-bottom: 20px;font-size: 16px;}
span.ms{margin-left: 20px;color:#B4B5B5;}

.my_guanzhu .img{border-radius: 50%;position: relative;overflow: hidden;}
.my_guanzhu .img img{display: block;width: 100%;}
.my_guanzhu .text{padding-top: 5px;}
.my_guanzhu .text .p1{margin: 10px 0;font-size: 16px;color: #000;}
.my_guanzhu .guanzhu{line-height: 30px;font-size: 14px;width: 100px;}

.tongzhi li .tdiv1{display: flex;width: 100%;justify-content: space-between;}
.tongzhi li{font-size: 14px;color: #666;padding-bottom: 10px;border-bottom: 1px solid #efefef;}

.tongzhi li .tdiv1 .p1{width: 70%;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.tongzhi li .text{padding: 20px 0;display: none;}
.tongzhi li .text p,.tongzhi li .text span{font-size: 14px;color: #999999;}


.pager li > a, .pager li > span{
    background: #fff;
    color: #000;
}



.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{

    background: #000;
    color: #fff;

}
.inner1020{width: 1020px;position: relative;margin: 0 auto;}
.footerwbox{background: #484443;padding: 40px 0;}
.footerwbox .wx{float: left;}
.footerwbox .wx img{width: 100px;}
.footerwbox .flbox{float: right;}
.footerwbox .flbox .logo{float: left;margin-right: 73px;width: 80px;}
.footerwbox .flbox .logo img{display: block;width: 100%;}
.footerwbox .flbox .text{float: left;margin-right: 75px;position: relative;top: -6px;}
.footerwbox .flbox .text p{color: #bfbdbe;font-size: 14px;line-height: 24px;}
.footerwbox .flbox .text2 p{color: #bfbdbe;font-size: 14px;line-height: 24px;}
.footerwbox .flbox .text2{float: left;}

.hezuo{background: #f9f9f7;padding-top: 19px;padding-bottom: 46px;}
.hezuo .h1{text-align: center;border-bottom: 1px solid #e2e2e0;margin: 0;padding-bottom: 6px;font-size: 24px;}
.hezuo .inbanner{margin-top: 161px;}
.chabox{background: #EDECEA;}
.index_menu .index_menu_nav{display: flex;justify-content: center;}
.index_menu{padding-bottom: 20px; padding-top: 76px;background: #EDECEA;}
.index_menu_nav a{font-weight: bold; display: flex;margin: 0 57.25px;width: 64px;box-sizing: border-box; padding: 7px 13px; flex-wrap: wrap;font-size: 16px;color: #000;text-align: center;}
.index_menu_nav a p{display: inline-block;width: 100%;font-weight: bold;}
.index_menu_nav a .p1{border-bottom: 2px solid #474443;padding-bottom: 2px;}
.index_menu_nav a:hover .p1{border-color: #1eb763;}
/*.index_menu_nav a:hove{color: ;}*/
.index_menu_nav a{background: url(../image/menubk.png) no-repeat;background-size: cover;}
.btn-liugan{background:#000; color: #fff;}
.btn-liugan:hover{color: #fff;}

.sidenav .list-group .list-group-item > a{ line-height: 50px; font-size: 15px;padding: 0;}
.userbox .wfr{padding-left: 0;}
.jigoutable{width: 100%;}

.jigoutable th{background: #c2c0be;text-align: left; font-size: 16px;color: #000;padding: 20px 40px;font-weight: 400;}
.jigoutable .th4{width: 580px;}
.jigoutable .th3{width: 150px;}
.jigoutable .th1{width: 120px;}
.jigoutable .th1{text-align: center;}
.jigoutable .th3{text-align: center;}
.jigoutable .td1{text-align: center;}
.jigoutable .td3{text-align: center;}
.jigoutable td{box-sizing: border-box;padding: 40px;background: #fff;}
.jigoutable .td2 a{font-weight: bold;}
.jigoutable{margin: 20px 0;}
.linklist{display: flex;justify-content: space-between;flex-wrap: wrap;}
.linklist li{width: 23%;margin-top: 40px;}
.linklist li a{position: relative;}
.linklist li:hover img{transform: scale(1.1);}
.linklist li img{display: block;margin: 0 auto;-webkit-transition:all 0.5s ; transition:all 0.5s;}

.biaoqian{display: flex;flex-wrap: wrap;box-sizing: border-box;}
.biaoqian li{line-height: 30px;width: 90px;text-align: center; border: 1px solid #d2d6de;margin-right: 20px;margin-bottom: 20px;cursor: pointer;}

.biaoqian li.active{border-color: #e74c3c;color: #e74c3c;}

.show_gg img{display: block;width: 100%;}
.tijiao-panel-post{box-sizing: border-box;padding: 0 25px;padding-top: 30px;padding-left: 0;}
.tijiao-panel-post h2{margin: 0;}

.login-section{width: 700px;}
.login-section .login-main{padding:50px 80px 90px 80px;}
.btn-lg, .btn-group-lg > .btn{border-radius: 0;}


.tijiao-panel-post1{box-sizing: border-box;padding-left: 20px;padding-bottom: 20px;}


input[type=checkbox]:after {
  position: absolute;
  width: 17px;
  height: 17px;
  text-align: center;
  top: -2px;
  left: -2px;
  content: " ";
  background-color: #ff503d;
  color: #fff;

  border-radius: 50%;
}

input[type=checkbox]:checked:after {
  content: "✓";
  font-size: 12px;

}

.user_login_in1{background: url(../image/user_ic1.png) left 10px center no-repeat !important;padding-left: 45px;}

.user_login_in2{background: url(../image/user_ic2.png) left 10px center no-repeat !important;padding-left: 45px;}
.user_login_in3{background: url(../image/user_ic3.png) left 10px center no-repeat !important;padding-left: 45px;}

.user_login_in4{background: url(../image/user_ic4.png) left 10px center no-repeat !important;padding-left: 45px;}
.user_login_in5{background: url(../image/user_ic5.png) left 10px center no-repeat !important;padding-left: 45px;}


.user_flexbox{display: flex;justify-content: space-between;}
.user_flexbox .w_div1{width: 22%;}
.user_flexbox .w_div2{width:76%;background: #fff;}

.user_flexbox_form .form-group{margin-bottom: 20px;}
.user_flexbox_form .form-control{height: 40px;}
.user_flexbox_form .control-label{padding-top: 0;line-height: 40px;font-size: 14px;}
.user_flexbox_form .btn-change{padding: 11px 20px;}
.userpost_wbox2 .form-control2{height: 40px;}
.user_menuleft{text-align: center;padding-top: 50px;margin-bottom: 70px;}
.user_menuleft .img{border-radius: 50%;position: relative;overflow: hidden;width: 40%;margin: 0 auto;}
.user_menuleft .img{margin-bottom: 10px;}
.user_menuleft p{font-size: 16px;color: #000;}
.user_menuleft .img img{display: block;width: 100%;}

.pager li{display: inline-block;margin: 0 2px;}
.pager li > a, .pager li > span{padding: 5px 10px;}
.pagination > li:last-child > a, .pagination > li:last-child > span{border-radius: 0%;}
.pagination > li:first-child > a, .pagination > li:first-child > span{border-radius: 0%;}
.pager li:first-child > a, .pager li:last-child > a, .pager li:first-child > span, .pager li:last-child > span{
    padding: 5px 10px;
}
.nuser_ncontent{padding: 50px 0;background: #edecea;}
.nuser_ncontent .flexbox{display: flex;justify-content: space-between;}
.nuser_ncontent .wfl{width: 10%;}
.nuser_ncontent .wfr{width: 88%;}
.sidenav{padding: 0 0;}

.my_menu_box{background: #fff;border-bottom: 1px solid #edecea;float: left;width: 100%;}
.my_menu_box li{float: left;line-height: 60px;padding: 0 30px;}
.my_menu_box li.active a{border-bottom: 1px solid #333;}
.my_menu_box li a{font-size: 16px;color: #333;padding-bottom: 5px;}
.panel-default{padding: 30px 20px;}
.panel-body{padding: 0;}



.comm-list3 {
    overflow: hidden;
    background-color: #fff;
}
.comm-list3 .item{
    overflow: hidden;
    padding: 30px 34px;
    border-bottom: 1px solid #f5f5f5;
}
.comm-list3 .avatar {
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
}
.comm-list3 .avatar img {width: 100%;height: 100%;}
.comm-list3 .mod-con{
    width: 60%;
    float: left;
    margin-left: 30px;

}
.pr20{padding-right: 20px;}
.comm-list3 .mod-con-1{
    float: right;
    width: 700px;
}
.comm-list3 .mod-con .name{
    font-size: 14px;
    color: #666;
}
.comm-list3 .mod-con .shrink-1{float: right;padding-top: 7px;}
.comm-list3 .mod-con .shrink{cursor: pointer;font-size: 14px;    float: right;}
.comm-list3 .mod-con .shrink .shrink-txt{color: #3366cc;}
.comm-list3 .mod-con .shrink .shrink-txt.sh-in{  display: none;  }
.comm-list3 .mod-con .shrink .shrink-txt{  display: inline-block;  font-size: 12px;}
.comm-list3 .mod-con .shrink.sh-in .shrink-txt.sh-in{display: inline-block;}
.comm-list3 .mod-con .shrink.sh-in .shrink-txt{display: none;}
.comm-list3 .mod-con .restore{padding-top: 15px;}
.comm-list3 .mod-con .name b.num{
    border-radius: 15px;
    background: #fc0d1b;
    color: #fff;
    padding: 0 3px;
    line-height: 15px;
    font-style: normal;
    font-size: 12px;
    font-weight: normal;
    min-width: 9px;
    float: right;
}
.comm-list3 .mod-con .name a{
    color: #3366cc;
}
.comm-list3 .mod-con  .time{
    font-size: 12px;
    color: #999;
    line-height:22px;
}
.comm-list3 .mod-con .nature .nat-r{
    font-size: 12px;
    color: #999;
    float: right;
}
.comm-list3 .mod-con .nature .nat-r a{color: #3366cc;}
.comm-list3 .mod-con .nature .nat-r span{padding: 0 10px;}
.comm-list3 .mod-con .txt{
    font-size: 14px;
    color: #000000;
}
.comm-list3 .mod-con .txt.txt-shrink{
    height: 46px;
    overflow: hidden;
}
.chabox .h1{text-align: center; margin-top:132px;margin-bottom: 44px;}
.chabox .h1 h2{display: inline-block;border: 1px solid #333;padding: 10px 10px;border-radius: 5px;}
.chabox .h1 h2 .p1{font-size: 20px;margin-bottom: 10px;}
.chabox .h1 h2 .p2{font-size: 12px;}
.list_menu{background: #EDECEA;}
.list_menu .flexbox{display: flex;justify-content: space-between;width: 100%;}
/*.list_menu .wdiv1{width: 100px;line-height: 50px;font-size: 16px;padding-bottom: 10px;}
.list_menu .wdiv2{flex: 1;text-align: center;}*/
/*.list_menu .wdiv2 a{display: inline-block;margin: 0 30px;font-size: 16px;line-height: 50px;}
.list_menu .wdiv2 a{position: relative;padding-bottom: 10px;}
.list_menu .wdiv2 a.active:after{position: absolute;left: 0;bottom: 15px;width: 100%;height: 2px;background: #333;content: "";}
*/
.list_menu li{width: 33.3%;text-align: center;position: relative;top: -1px;}
.list_menu  a{display: inline-block;font-size: 16px;padding-top: 10px; }
.list_menu  a{position: relative;padding-bottom: 10px;}
.list_menu  a.active:after{position: absolute;left: 0;top: 0;width: 100%;height: 2px;background: #1eb763;content: "";}


.cpul2 .cover4{opacity: 1;-webkit-transition:all 0.5s ; transition:all 0.5s;}

.cpul2 .cover4{position: absolute;left: 0; top: 0;width: 100%;height: 100%;background: #FF503D;}
.cpul2 .cover4{text-align: center;padding-top: 35px;}
.cpul2 .cover4 a{   transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;display: inline-block;width: 60px;box-sizing: border-box; height: 60px;position: relative; line-height: 40px;color: #fff; border-radius: 50%; margin: 0 15px;border: 2px solid #fff;background: transparent;}
.cpul2 .cover4 a i{font-size: 20px;font-weight: inherit;}
.cpul2 .cover4 .center{display: inline-block;text-align: center;}
.cpul2 .cover4 .t1 {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    position: absolute;
    width: 266px;
    left: 50%;
    margin-left: -133px;
    top: 60px;
    white-space: nowrap;
}



.cpul2 .cover3{opacity: 0;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.cpul2 .cover3{position: absolute;left: 0; top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0,0.5);}
.cpul2 .cover3{text-align: center;padding-top: 55px;}
.cpul2 .cover3 a{   transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;display: inline-block;width: 40px;box-sizing: border-box; height: 40px;position: relative; line-height: 40px;color: #fff; border-radius: 50%; margin: 0 15px;border: 2px solid #fff;background: transparent;}
.cpul2 .cover3 a i{font-size: 20px;font-weight: inherit;}
.cpul2 .cover3 .center{display: inline-block;text-align: center;}
.cpul2 li:hover .cover3{opacity: 1;}
.ico-v1 {
    background: url(../image/sp.png);
    display: inline-block;
    vertical-align: middle;
        transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
}

.cpul2 li .cover3 a{cursor: pointer;}
.cpul2 li .cover3 a:hover{background: #fff;}
.cpul2 li .cover3 a:hover .ico-v1-edit1{background-position: -212px -407px}
.cpul2 li .cover3 a:hover .ico-v1-eye {
    background-position: -144px -809px;
}
.cpul2 li .cover3 a:hover .ico-v1-delete1{background-position: -214px -360px}
.ico-v1-eye {
    width: 20px;
    height: 14px;
    background-position: -144px -786px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -7px;
}
.ico-v1-edit1 {
    width: 19px;
    height: 19px;
    background-position: -212px -383px;
    position: absolute;
    margin: -10px 0 0 -10px;
    left: 50%;
    top: 50%;
}
.ico-v1-notpass {
    width: 18px;
    height: 18px;
    background-position: -67px -403px;
    position: absolute;
    margin: -9px 0 0 -9px;
    left: 50%;
    top: 50%;
}

.userpost_wbox{background: #EDECEA;padding: 50px 0;}
.userpost_wbox .wbox{background: #fff;box-sizing: border-box;padding: 100px 50px;}
.userpost_wbox .wbox .page-header{margin-bottom: 20px;}
.biaoqian2{display: flex;flex-wrap: wrap;box-sizing: border-box;}
.biaoqian2 li{line-height: 30px;width: 90px;text-align: center; border: 1px solid #d2d6de;margin-right: 20px;margin-bottom: 20px;cursor: pointer;}

.biaoqian2 li.active{border-color: #e74c3c;color: #e74c3c;}

.cpul2 .text2{padding-top: 10px;display: inline-block;width: 100%;}
.cpul2 .text2 .p1{    font-size: 12px;
    color: #999;
    line-height: 22px;}
.cpul2 .text2 .p2{    font-size: 12px;
    color: red;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}



    /* 搜索页*/
    .search_input{
    font-size: 70px;
    width: 100%;
    margin-top:180px;
    left:0;
    }
    .search-con_p{
    width:100%;
    left:0;}
    .search_search_box{
    width:340px;
    float:left;
    margin-right:0;
}
    .tab-act-box{
    width:1180px;
    min-width:1180px;
}
.search-con{
    width: 900px;
    position: absolute;
    left: 50%;
    margin-left: -450px;
}
.search_search_box p{
    margin-right:15px;
}
.search_search_box{
    width:300px;
}


.full-screen {
    background: rgba(0,0,0,0.9);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 300;
    display: none;
}

.search_input {
    transform: scale3d(1,1,1);
    transition-duration: 0.5s;
    transform-origin: 0% 50%;
    transition: transform 0.3s;
    font-family: inherit;
    font-size: 70px;
    line-height: 1;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    border-radius: 0;
    -webkit-appearance: none;
    color: #fff;
    border-bottom: 4px solid;
    margin-top: 250px;
    left: 0;
    position: relative;
}

.search-con_p {
    font-size: 14px;
    color: #fff;
    position: absolute;
    width: 100%;
    text-align: right;
    margin-top: 8px;
    left: 0;
}
.ico-v1-delete1 {
    width: 15px;
    height: 19px;
    background-position: -214px -336px;
    position: absolute;
    margin: -10px 0 0 -7px;
    left: 50%;
    top: 50%;
}

.fenxiang .div{position: relative;float: left;padding-left: 20px;margin-right: 50px;font-size: 16px;}
.fenxiang .div input{position: absolute;left: 0;    }
.fenxiang .div .sp1{margin-right: 30px;}

.chosebtn{background: #009944;color: #fff;width: 150px;line-height: 40px;text-align: center;border: none;}

.list-inline2{display: flex;box-sizing: border-box;padding-left: 15px;margin-top: 20px;flex-wrap: wrap;}
.list-inline2 li{width: 19%;}
.list-inline2 li button{display: none;}

.list-inline2:after{
        content: "";
flex: auto;
}
.list-inline2 li{
    position: relative;
    margin: 0;

            margin-right:1%;
            width: -webkit-calc((100% - 2%*5)/ 5);
            width: calc((100% - 2%*5)/ 5); 
            /*//这里用calc动态计算宽度，用于适配不同尺寸的屏幕都是四列，
              值得注意的是，如果这里有padding，还需要减去padding的值，
              这里的宽度应该是除去padding和margin之后的*/
        
}
.list-inline2 li{border: none;padding: 0;}
.list-inline2 li img{height: auto;width: 100%;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.list-inline2 li .thumbnail{border: none;padding: 0;height: 130px;    overflow: hidden;}
.list-inline2 li .btn-danger{position: absolute;right: 0;top: 0;}
.list-inline2 li:hover img{transform: scale(1.1);}


.is-accredit {
    font-size: 15px;
    color: #000;
    line-height: 42px;
}
.inb {
    font-size: 14px;
    color: #666;
}
.up_text, .in {
    font-size: 15px;
    border: #dcdcdc 1px solid;
    padding: 0 15px;
    width: 900px;
    height: 40px;
    margin-bottom: 10px;
    border-radius: 3px;
}


.label_radio, .label_radio1, .label_check {
    padding-left: 30px;
    background-image: url(../image/label_radio2.png);
    background-position: left center;
    background-repeat: no-repeat;
    font-weight: 400;
}
label.r_on {
    background-image: url(../image/label_radio_on2.png);
}
.accredit-show {
    display: none;
    float: left;
    margin-right: 20px;
}

.dropDownBox{
        margin: 0;
}
.clser {
    color: #ff0000;
    font-size: 12px;
    float: right;
    line-height: 52px;
}
.selectText {
    margin-top: 10px;
    cursor: pointer;
    width: 230px;
    height: 40px;
    background: #eee;
    line-height: 38px;
    /* overflow: hidden; */
    border-radius: 3px;
    position: relative;
    font-size: 14px;
    color: #666;
    border: 1px solid #ccc;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 12px;
}
.w280h40 {
    width: 280px;
    height: 40px;
}
.dropDownBox dd ul {
    position: absolute;
    width: 230px;
    overflow: auto;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    z-index: 99;
}
.dropDownBox dd ul li {
    padding-left: 12px;
    float: none;
    cursor: pointer;
    width: 100%;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    color: #666;
    overflow: hidden;
}

.dropDownBox dd ul li:hover {
    background-color: #000;
    color: #fff;
}
.selectText {
    margin-top:10px;
    cursor: pointer;
    width:230px;
    height: 40px;
    background:#eee;
    line-height: 38px;
    /* overflow: hidden; */
    border-radius:3px;
    position: relative;
    font-size: 14px;
    color: #666;
    border: 1px solid #ccc;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 12px;
}
.dropDownBox{ margin:0;}
.dropDownBox_small{ float:left; width:170px;}
.small_width{ width:150px;}
.dropDownBox dd ul {
    position: absolute;
    width: 230px;

    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    z-index: 99;
}
.dropDownBox dd ul li {
    padding-left:12px;
    float: none;
    cursor: pointer;
    width:100%;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    color: #666;
    overflow: hidden;
}
.dropDownBox dd ul .current3{
    background:#000;
    color:#fff;
}

.dot_red {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50%;
    background: #ff1010;
    line-height: 8px;
    margin-top: 31px;
    margin-left: 8px;
    margin-right: 8px;
    float: left;
}
.control-label h1{
    color: #333;
    float: left;
    line-height: 52px;
    font-size: 16px;
}
.dot_style {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 22px;
}
.control-label span {
    font-size: 14px;
    color: #ccc;
    line-height: 52px;
    float: left;
}
.list-inline3{margin-top: 20px;}
/*.list-inline3 li{border: 1px solid #efefef;}*/
.list-inline3 li .btn-danger{display: none;}
.list-inline3 .plupload-preview a img, .list-inline3 .faupload-preview a img{height: auto;}
.show_banquan{padding: 30px 0;padding-top: 40px;}


.zuhce_menu{display: flex;border: 1px solid #e5e5e5;margin-bottom: 30px;}
.zuhce_menu a{width: 50%;text-align: center;line-height: 45px;color: #000;font-size: 16px;}
.zuhce_menu a.active{background: #000;color: #fff;}


.jg_wbox h1{border-bottom: 1px solid #333;font-size: 20px;font-weight: bold;line-height: 50px; margin-bottom: 20px;}
.jg_ul_content ul{display: flex;flex-wrap: wrap;}
.jg_ul_content ul li{width: 16.6%;box-sizing: border-box;padding-right: 20px;margin-bottom: 20px;}
.jg_ul_content ul li .img{text-align: left;}
.jg_ul_content ul li .img img{display: block;max-width: 100%;max-height: 45.31px;margin: 0 auto;}
.jg_ul_content ul li .p1{font-size: 14px;font-weight: bold;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;margin-bottom: 5px;}
.jg_ul_content ul li .p2{font-size: 14px; line-height: 24px;height: 48px;position: relative;overflow: hidden;}
.jg_ul_content ul li .text{padding-bottom: 5px;border-bottom: 1px solid #333;padding-top: 10px;}
.jg_wbox{margin-bottom: 100px;}
.jigou{padding-top: 100px;}

.top_miaoshu{color: #fff;letter-spacing:15px;font-size: 24px;}

.header .top2{display: flex;align-items: center;}
.header .div1{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.show_wcontent2{padding: 20px 0;background: #f5f5f5}

.show_wcontent2 .div1{width: 80%;margin: 0 auto;}
.show_wcontent2 .div1{display: flex;justify-content: space-between;}
.show_wcontent2 .div1 .fl{width: 60%;background: #fff;box-sizing: border-box;padding: 30px}
.show_wcontent2 .div1 .fl .con img{max-width: 100%;}
.show_wcontent2 .div1 .fr{width: 38%;background: #fff;box-sizing: border-box;padding: 30px}
.show_wcontent2 .div1 .fr .wp1{font-size: 24px;color: #000;margin-bottom: 20px;}
.show_wcontent2 .div1 .fr .wp2{font-size: 16px;color: #999;line-height: 2;}
.show_wcontent2 .div1 .fr .down{padding-top: 30px;}
.show_wcontent2 .div1 .fr .down a{background: #e6212a;color: #fff;border-radius: 10px;line-height: 40px;width: 130px;text-align: center;font-size: 16px;display: inline-block;}

.new_login{background: #fff;box-sizing: border-box;padding: 20px;border-radius: 10px;display: flex;border-radius: 20px;}
.new_login .fl{width: 35%;background: #1eb764;color: #fff;box-sizing: border-box;padding: 30px;}
.new_login .fl .wp1{font-size: 24px;}
.new_login .fl .wp2{font-size: 14px;}
.new_login .fl .p1{font-size: 16px;margin: 20px 0;margin-top: 60px;}
.new_login .fl .con{font-size: 14px;line-height: 4;}
.new_login .fr{flex: 1;min-width: 1px;margin-left: 20px;padding: 0 6%;}
.new_login .fr img{max-width: 100%;display: block;}
.new_login .fr .p1{font-size: 14px;text-align: center;}
.login-section{border-radius: 20px;overflow: hidden;width: 700px;}

.login-section2{width: 800px;box-sizing: border-box;}
.new_login1{height: 550px;padding-right: 30px;}
.new_login1 .w_div2{display: flex;align-items: center;height: 100%;}
.new_login1 .w_div2 .img1 img{display: block;width: 100%;}
/*.new_login1 .w_div2 .img2{flex: 1;min-width: 1px;}*/
.new_login1 .w_div2 .img2 img{display: block;width: 100%;margin-left: 20px}


.waterfall {
  columns: 4; /*列数*/
  column-gap: 10px; /*列间距*/
}
.waterfall  .item {
  margin-bottom: 10px; /*item间距*/
  position: relative;
  overflow: hidden; 
  display: block;
}
.waterfall  .item img {
  width: 100%;
  display: block;
}

.waterfall .item .text{position: absolute;left: 0;top:0;display: flex;align-items: center;justify-content: center;background: rgba(0, 0, 0, 0.8);}
.waterfall .item .text{width: 100%;height: 100%;color: #fff;-webkit-transition:all 0.5s ; transition:all 0.5s;transform: scale(1.3);opacity: 0}
.waterfall .item:hover .text{transform: scale(1);opacity: 1}