/*公用样式 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}
.mt10{margin-top: 10px}
.mt20{margin-top: 20px}
.mt30{margin-top: 30px}
.mt40{margin-top: 40px}
.mt50{margin-top: 50px}
.mt60{margin-top: 30px}
.tc{text-align: center}
.global_color{color: #E73522}
.global_pd{padding: 40px 0}
.global_pt{padding-top: 40px}
.global_pb{padding-bottom: 40px}
.global_mt{margin-top: 72px}
.color_1{color: #111}
.color_333{color: #333}
.bg_FBFBFB{background: #FBFBFB}
.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}

span.ui-page-prev,
span.ui-page-next{
    padding: 0;
}
a.ui-page:hover {
    border-color: transparent !important;
}

@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: 40px 0}
    .global_pt{padding-top: 40px}
    .global_pb{padding-bottom: 40px}
    .global_mt{margin-top: 40px}
}
@media only screen and (max-width: 768px){
    .f22 {font-size: 18px;}
    .f24 {font-size: 18px;}
    .f28 {font-size: 20px;}
    .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 20px}
    .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;}*/
    .page a {
        min-width: initial;
    }


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

.btn .al_icon_jiantou,
.del .al_icon_jiantou{position: relative;top: -1px}

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

/*盒子 begin*/
.ul2{margin: 0 -30px}
.ul2 li{width: 50%;float: left}
.ul2 .con{position: relative;background: #FFF;margin: 0 30px;padding: 26px 30px;}

@media only screen and (max-width: 1370px){
    .ul2{margin: 0 -20px;}
    .ul2 .con{margin: 0 20px}
}
@media only screen and (max-width: 1250px){
    .ul2 li{width: 100%;float: none;margin-top: 20px;}
    .ul2 li:first-child{margin-top: 0;}
    .ul2 .con{padding: 26px 20px}
}
@media only screen and (max-width: 768px){
    .ul2 .con{padding: 20px 18px}
}
/*盒子 end*/

/*Upcoming Events begin*/
.Events .bg{padding: 60px 20px 90px;color: #333;margin-top: 36px}
.Events .Events_cont .bg {padding: 60px 20px 120px;}
.Events .bg .del{display: inline-block;color: #333}
.Events .Events_cont .Events_page{bottom: 32px;}
.Events .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 9px;}
.Events_cont .swiper-pagination-bullet{width: 48px;height: 2px;background: #D6D6D6;opacity: 1;border-radius: 0;}
.Events_cont .swiper-pagination-bullet-active{background: #E73522;}

.Events .bg .del:hover{color: #E73522}

@media only screen and (max-width: 1250px){
    .Events .bg {padding: 40px 20px 50px;}
    .Events .Events_cont .bg {padding: 30px 20px 80px;}
}
@media only screen and (max-width: 768px){
    .Events .bg {padding: 26px 10px 30px;}
    .Events .Events_cont .bg{padding: 24px 10px 40px;margin-top: 30px}
    .Events .Events_cont .bg .time{margin-top: 8px}
    .Events .Events_cont .bg .txt{font-size: 18px;margin-top: 16px}
    .Events .Events_cont .bg .del{margin-top: 16px}
    .Events .Events_cont .Events_page {position: static;margin: 12px 0;}
    .Events_cont .swiper-pagination-bullet {width: 40px;}
    .Events .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;}
}
/*Upcoming Events end*/

/*Investor Events begin*/
.Investor .box2 .con{height: 260px;border: 1px solid #eee}
.Investor .box2 .time{font-size: 14px;color: #333;font-weight: bold}
.Investor .box2 .tit{font-size: 20px;margin-top: 12px;line-height: 34px;color: #111}
.Investor .box2 .pos{position: absolute;bottom: 42px;left: 30px;line-height: 22px}
.Investor .box2 .pos .btn{margin-right: 40px;font-weight: bold;cursor: pointer}
.Investor .box2 .pos img{position: relative;top: -2px}
.Investor .box2 .pos .btn img{height: 16px;vertical-align: middle;margin-left: 10px}
.Investor .box2 .pos .pdf{font-size: 14px;cursor: pointer;display: block}
.Investor .box2 .pos .pdf span{font-weight: bold}
.Investor .box2 .pos .pdf img{height: 22px;margin-right: 6px;vertical-align: middle;}

.Investor .box2 .con:hover{border: 1px solid #E73522}

@media only screen and (max-width: 1370px){
    .Investor .box2 .con {height: 230px;}
    .Investor .box2 .pos {bottom: 30px;}
}
@media only screen and (max-width: 1250px){
    .Investor .box2 .con {height: 230px;}
    .Investor .box2 .pos {bottom: 26px;left: 20px;}
    .Investor .box2 .tit {font-size: 20px;line-height: 30px;}
}
@media only screen and (max-width: 768px){
    .Investor .box2 .con {height: 160px;}
    .Investor .box2 .tit {font-size: 16px;line-height: 24px;}
    .Investor .box2 .pos {bottom: 20px;}
}
/*Investor Events end*/

/*Contact Investor Relations begin*/
.Contact .new_tit{margin-bottom: 8px}
.Contact .new_txt{line-height: 28px}
.Contact .box1{border: 1px solid #E3E4E5;padding: 50px 38px}
.Contact .box1 img{width: 18px;vertical-align: middle;margin-right: 6px;position: relative;top: -2px;}
.Contact .box1 .email{color: #111}
.Contact .box1 .tel{margin-top: 30px;color: #111}
.Contact .box1 .txt{margin-top: 30px}

@media only screen and (max-width: 1250px){
    .Contact .box1 {padding: 40px 26px 50px;}
}
@media only screen and (max-width: 768px){
    .Contact .box1 {padding: 20px 20px 30px;}
    .Contact .box1 .email {float: none;}
    .Contact .box1 .tel {margin-left: 0;float: none;margin-top: 20px;}
    .Contact .box1 .txt {margin-top: 20px;}
    .Contact .f22 {
        font-size: 16px;
    }
    .Contact .new_tit{margin-bottom: 12px}
}
/*Contact Investor Relations end*/

/*Latest Reports & Stock Price begin*/
.Latest .con{padding: 30px 15px 40px 30px}
.Latest .con .img{width: 172px;height: 244px;margin-right: 38px;overflow: hidden}
.Latest .con .img img{width: 100%;-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;}
.Latest .con .cont{overflow: hidden;color: #333}
.Latest .con .cont .tit{margin-top: 6px}
.Latest .con .cont .time{margin-top: 22px}
.Latest .con .cont .txt{margin-top: 10px;line-height: 30px}
.Latest .con .cont .pdf{position: absolute;bottom: 42px;font-weight: bold;display: block}
.Latest .con .cont .pdf img{height: 22px;margin-right: 10px}
.Latest .con .cont .btn{position: absolute;bottom: 42px;display: block}

.Latest .con:hover .img 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);}

@media only screen and (max-width: 1370px){
    .Latest .con {padding: 26px 20px;}
    .Latest .con .img {width: 160px;height: 227px;margin-right: 30px;}
    .Latest .con .cont .tit{margin-top: 0}
    .Latest .con .cont .time {margin-top: 18px;}
}
@media only screen and (max-width: 500px){
    .Latest .con {padding: 20px 18px;}
    .Latest .con .img {width: 34%;height: auto;margin-right: 18px;}
    .Latest .con .cont .tit{font-size: 16px}
    .Latest .con .cont .txt {line-height: 24px;margin-top: 6px;font-size: 16px}
    .Latest .con .cont .time {margin-top: 6px;}
    .Latest .con .cont .pdf {position: static;margin-top: 14px;}
    .Latest .con .cont .btn{    bottom: 22px;position: absolute;right: 16px;font-size: 14px;}
}
/*Latest Reports & Stock Price end*/

/*选项卡切换 begin*/
.tab_cut .tab_pc{}
.tab_cut .ul_tab .con{height: 280px;cursor: pointer}
.tab_cut .ul_tab_en .con{height: 330px;cursor: pointer}
.tab_cut .ul_tab .con:after{content: '';position: absolute;bottom: 0;left: 46%;width: 13px;height: 13px;background: #fff;border-left: 1px solid #E3E4E5;border-top: 1px solid #E3E4E5;transform: rotate(45deg);display: none}
.tab_cut .ul_tab .list.on .con:after{display: block}
.tab_cut .ul_tab .con .img{border-radius: 50%;overflow: hidden;width: 120px;margin: 0 auto;}
.tab_cut .ul_tab .con .img img{width: 100%;}
.tab_cut .ul_tab .con .tit{margin: 24px 0 10px;min-height: 54px;}
.tab_cut .ul_tab .list.on .con .tit{text-decoration: underline}
.tab_cut .ul_tab .con .txt{line-height: 20px}
.tab_cut .ul_tab_nav{margin-top: -6px}
.tab_cut .ul_tab_nav .list{padding: 60px;border: 1px solid #E3E4E5;display: none}
.tab_cut .ul_tab_nav .list.on{display: block;margin-bottom: 30px;}
.tab_cut .ul_tab_nav .tit{margin-bottom: 8px}
.tab_cut .ul_tab_nav .text p{margin-top: 30px;line-height: 28px}

@media only screen and (max-width: 1650px){
    .tab_cut .ul_tab .con .img {width: 100px;}
}
@media only screen and (max-width: 1450px){
    .tab_cut .ul_tab .con .img {width: 80px;}
}
@media only screen and (max-width: 1370px){
    .tab_cut .ul_tab .con {height: 300px;}
    .tab_cut .ul_tab .con .tit {margin: 20px 0 8px;font-size: 16px;line-height: 24px;min-height: 48px;}
    .tab_cut .ul_tab .con .txt {font-size: 13px;}
    .tab_cut .ul_tab_nav .list {padding: 50px 42px;}
}
/*移动端*/
@media only screen and (max-width: 768px){
    .tab_cut .ul_tab .list{width: 48%;float: left}
    .tab_cut .ul_tab .list:first-child{margin-right: 4%}
    .tab_cut .ul_tab .con{position: relative;height: 230px;}
    .tab_cut .ul_tab .con .img{margin: 0}
    .tab_cut .ul_tab .con .tit {margin: 14px 0 8px;font-size: 14px;min-height: initial;}
    .tab_cut .ul_tab .con .txt {font-size: 12px;}
    .tab_cut .ul_tab .con:after {left: 22%;width: 11px;height: 11px;}
    .tab_cut .case_tab_nav .ul_tab .con:after {left: 46%}
    .tab_cut .case_tab_nav .ul_tab .con .img {margin: 0 auto;}
    /*.tab_cut .ul_tab_nav{margin-bottom: 30px}*/
    .tab_cut .case_tab_nav .ul_tab_nav{margin-bottom: 0}
    .tab_pc .box_list:last-child .ul_tab_nav{margin-bottom: 0}
    .tab_cut .ul_tab_nav .list {padding: 24px 20px;}
    .tab_cut .ul_tab_nav .tit {font-size: 20px;}
    .tab_cut .ul_tab_nav .txt {font-size: 16px;}
    .tab_cut .ul_tab_nav .text p {margin-top: 20px;}
}

/*选项卡切换 end*/

/*pc移动端显示隐藏 begin*/
.app_show{display: none}
@media only screen and (max-width: 768px){
    .pc_show{display: none}
    .app_show{display: block}
}
/*pc移动端显示隐藏 end*/

/*移动端面包屑 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}

}
/*移动端面包屑 end*/

@media only screen and (max-width: 768px){
    #nrnav-box1,#nr-nav{display: none}
}
/*公用样式 end*/


@media (min-width:375px) and (max-width: 500px){
    body .tab_cut .ul_tab .con{height:200px;}
    body .tab_cut .ul_tab .con .tit{min-height: 30px;}
}