/*公用样式 begin*/
.f12{font-size: 12px}
.f14{font-size: 14px}
.f18{font-size: 18px}
.f22{font-size: 22px}
.f24{font-size: 24px}
.f28{font-size: 28px}
.f32{font-size: 32px}
.lh28{line-height: 28px}
.lh30{line-height: 30px}
.mt10{margin-top: 10px}
.mt20{margin-top: 20px}
.mt30{margin-top: 30px}
.mt40{margin-top: 40px}
.mt50{margin-top: 50px}
.mt60{margin-top: 60px}
.tc{text-align: center}
.global_color{color: #E73522}
.global_pd{padding: 80px 0;}
.global_pt{padding-top: 80px}
.global_pb{padding-bottom: 80px}
.global_mt{margin-top: 72px}
.color_1{color: #111}
.color_333{color: #333}
.F7F8FA{background: #F7F8FA;}
img{max-width: 100%}
.yc{position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.xyc{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.new_bor{position: relative}
.new_bor:after{content: '';display: block;position: absolute;left: -4.5%;right: -4.5%;bottom: 0;border-bottom: 1px solid #E3E4E5;}
.page {line-height: 28px;}
.in-title{width: auto}

#nr-nav-con .pdf{cursor: pointer}
.app_show{display: none}

@media only screen and (max-width: 1500px){
    .global_pd{padding: 60px 0;}
    .global_pt{padding-top: 60px}
    .global_pb{padding-bottom: 60px}
}

@media only screen and (max-width: 1250px){
    .f22 {font-size: 20px;}
    .f24 {font-size: 22px;}
    .f28 {font-size: 24px;}
    .f32 {font-size: 26px;}
    .mt60{margin-top: 30px}
    .global_pd{padding: 50px 0;}
    .global_pt{padding-top: 50px}
    .global_pb{padding-bottom: 50px}
    .global_mt{margin-top: 40px}
}
@media only screen and (max-width: 900px){
    .app_show{display: block}
    .app_hide{display: none}
}
@media only screen and (max-width: 768px){
    .f22 {font-size: 18px;}
    .f24 {font-size: 18px;}
    .f28 {font-size: 22px;}
    .f32 {font-size: 22px;}
    .mt20 {margin-top: 10px;}
    .mt30 {margin-top: 20px;}
    .mt40 {margin-top: 20px;}
    .mt50 {margin-top: 30px;}
    .global_pd{padding: 40px 0;}
    .global_pt{padding-top: 40px}
    .global_pb{padding-bottom: 40px}
    .global_mt{margin-top: 35px}
    .new_bor:after {left: -20px;right: -20px;}
    .page {line-height: 1;}

    .fnt-16 {font-size: 14px;}
    .al_icon_jiantou {margin-left: 4px;}
}

.del{color: #111}
.del .al_icon_jiantou{position: relative;top: -1px;display: inline-block}

/*移入交互*/
@media only screen and (min-width: 1199px){
    .del:hover .al_icon_jiantou{-webkit-transform: translateX(8px);-moz-transform: translateX(8px);-ms-transform: translateX(8px);-o-transform: translateX(8px);transform: translateX(8px);}

    /*图片移入放大*/
    .tr_img{cursor: pointer}
    .tr_img img{-webkit-transform: scale(1.01);-moz-transform: scale(1.01);-ms-transform: scale(1.01);-o-transform: scale(1.01);transform: scale(1.01);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s}
    .tr_img:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05)}
}


.csr_banner .text {left: 12%;bottom: auto;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);max-width: 480px;}
.csr_banner .img {padding-bottom: 30%;}
.csr_banner_3{color: #333}
.csr_banner_3 dl dd{color: #707070}

.csr_list .list{position: relative;display: block;color: #707070;}
.csr_list .list .img{width: 41%;padding-bottom: 23.5%;overflow: hidden;height: 0;margin-right: 60px}
.csr_list .list .img img{width: 100%}
.csr_list .list .text{overflow: hidden;padding: 1.5% 0 22%;height: 0;}
.csr_list .list .text h3{margin: 14px 0 20px;}
.csr_list .list .text .txt{line-height: 30px;max-height: 60px}
.csr_list .list .text .del{position: absolute;bottom: 40px}

.csr_row .pos{margin-left: 6%;}
.csr_row .pos .txt{max-width: 460px;line-height: 30px;margin: 30px 0 26px}

@media only screen and (max-width: 1500px){
    .lh30{line-height: 26px}
    .csr_banner .text {left: 10%;max-width: 430px;}
    .csr_list .list .img{margin-right: 40px}
    .csr_list .list .text h3 {margin: 10px 0 14px;}
    .csr_list .list .text {padding: 1.5% 0 22%;}
    .csr_list .list .text .txt {line-height: 26px;max-height: 52px;}
    .csr_list .list .text .del {bottom: 14px;}
    .csr_row .pos {margin-left: 4%;}
    .csr_row .pos .txt {max-width: 410px;line-height: 28px;margin: 20px 0;}
}
@media only screen and (max-width: 900px){
    .lh30{line-height: 24px}
    .csr_banner .img {padding-bottom: 0;height: 210px;background-position: right;}
    .csr_banner .text {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);width: 100%;position: static;padding: 26px 20px;}
    .csr_list .list .img {width: 100%;float: none;height: auto;padding-bottom: 0;margin-right: 0}
    .csr_list .list .text {padding: 20px 0 0;height: auto}
    .csr_list .list .text h3 {white-space: initial;}
    .csr_list .list .text .del {position: static;margin-top: 14px;}
    .csr_list .list .text .txt {line-height: 24px;max-height: initial;-webkit-line-clamp: 20;}
    .csr_cont .bg_cover{background-image: none !important;}
    .csr_row .pos {margin-left: 0;}
    .csr_row .pos .txt {max-width: initial;margin: 14px 0;line-height: 24px}
    .app_img{margin: 20px -20px 0;height: 190px}
}

/*移动端面包屑 begin*/
.app_nav{display: none}
@media only screen and (max-width: 768px){
    .app_nav{display: block}
    .app_nav.active{position: fixed;width: 100%;z-index: 999;background: #fff;padding-bottom: 10px;}
    .app_nav .pos{position: relative;padding: 20px 0 0}
    .app_nav .nav_text{color: #111;font-size: 16px;font-weight: bold}
    .app_nav .nav_text .txt{margin-right: 4px}
    .app_nav .nav_text.on .jiantou{display: inline-block;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
    .app_nav ul{display: none;border: 1px solid #E3E4E5;position: absolute;width: 100%;background: #fff;z-index: 9;padding: 20px 10px;top: 50px}
    .app_nav ul li{margin-top: 12px}
    .app_nav ul li:first-child{margin-top: 0}
    .app_nav ul a{color: #969696}
    .app_nav ul a.hover{color: #333}

    #nrnav-box1, #nr-nav {
        display: none;
    }
}
/*移动端面包屑 end*/
/*公用样式 end*/