/* 公用横向广告 */

#sub_banner>div {
    animation-fill-mode: both;
}

#sub_banner {
    z-index: 101;
    /* min-width: 1280px;
    max-width: 1912px; */
    height: 300px;
    margin: 0 auto;
}
#sub_banner .sub_banner_img{
    min-width: 1280px;
    max-width: 1912px;
    height: 300px;
    margin: 0 auto;
}

/* 手机端banner先隐藏 */
#sub_banner .sub_banner_mobile_img{
    display: none;
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    /* 公用所在位置隐藏 */
    #current_location_nav{
        display: none;
    }

    /* 左边公用二级导航隐藏 */
    #left_sub_nav{
        /* display: none; */
        width: 100% !important;
        height: 100% !important;
    }
    /* pc端banner隐藏 */
    #sub_banner .sub_banner_img{
        display: none;
    }
    /* 手机端banner显示 */
    #sub_banner{
        height: 100px;
        margin: 60px auto 0px;
    }
#sub_banner .sub_banner_mobile_img{
    display: block;
    width: 100%;
    height: 142px;
}
/* 内容区域 */
#content{width: 100%;}
#left_sub_nav .left_sub_nav_wrap{position: relative;}
#left_sub_nav .left_sub_nav_wrap .stylebox_content{position: absolute;top:80px;left: 0px;}
#left_sub_nav .left_sub_nav_wrap .stylebox_content .p_articlesBox{clear: both; background-color: #fafafa;height:auto;border-bottom:1px solid blue;}
#content #left_sub_nav .left_sub_nav_wrap #stylebox_content1{display: none;}
#left_sub_nav .left_sub_nav_wrap .stylebox_content .p_articlesBox li{float: left; width: 50%;height: 50px !important; line-height: 50px !important;border-bottom: 1px solid #f0f0f0;border-top:none;
  }
#right_content_wrap {width: 100% !important;padding-left: 10px;padding-right: 10px;}
#right_content_wrap .right_content_styleBox{box-sizing: border-box;width: 100%; padding: 0; border: none;}
#right_content_wrap .right_content_styleBox .stylebox_content .p_contentBox .p_content .reset_style img{width: 100% !important;height: 100% !important;}

/* 手机端一级导航标题显示 */
.left_sub_nav_wrap .stylebox_mobile_top {display: block !important; height: 40px;width: 100% !important;}
.left_sub_nav_wrap .stylebox_top {display: none !important;}
.left_sub_nav_wrap .stylebox_mobile_top .stylebox_title {background:rgba(0,0,0,0.7);line-height: 40px;}
#stylebox_content1{display: block;}

  .right_content_box .p_header{font-size:20px !important;}
}

.stylebox_title dl { width:100%;position: relative;}
.stylebox_title dl>dd{
position: absolute;
width: 100%;
background:#fff;
}
.stylebox_titledd { background：#FFF; border:1px solid #efefef;box-sizing: border-box;}
.stylebox_titledl,.stylebox_title dd { margin: 0; }
.stylebox_title dt a { color: #FFF; text-decoration:none;}
.stylebox_title dd a { color: #000;line-height: 32px;font-size: 14px; }
.stylebox_title ul{ list-style: none; margin:0; }
.stylebox_title li{ line-height:32px;width: 50%;float:left;border-bottom: 1px solid #efefef;}
.stylebox_title .bg{ background-position:5px -16px;}


/* 公用所在页面位置指示 */

#current_location_nav>div {
    animation-fill-mode: both;
}

#current_location_nav .current_location_First .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#current_location_nav .p_end .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#current_location_nav {
    z-index: 103;
    width: 1280px;
    height: 43px;
}

.current_location_box .current_location_current {
    font-size: 0;
}

.current_location_box .current_location_current {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 30px;
    position: relative;
}

.current_location_box .current_location_current .font {
    display: inline-block;
    font-size: 14px;
    color: #666;
    height: 30px;
    line-height: 30px;
}

.current_location_box .current_location_current .before:before {
    content: "\200B";
}

.current_location_box .current_location_current .after:before {
    content: "\200B";
}

.current_location_box .p_end {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: left;
    color: rgba(51, 51, 51, 1);
    font-size: 14px;
    font-weight: 400;
}

.current_location_box .p_end .font {
    white-space: nowrap;
    vertical-align: middle;
    text-align: inherit;
    height: 30px;
    line-height: 30px;
}

.current_location_box .p_end .iconfont:before {
    display: inline-block;
    content: "";
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

.current_location_box .current_location_First {
    font-size: 14px;
    color: #666;
    height: 30px;
}

.current_location_box .current_location_First {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.current_location_box .current_location_First>a>.font {
    display: inline-block;
    line-height: 30px;
}

.current_location_box .current_location_First>a {
    color: inherit;
}

.current_location_box .current_location_First>a>.font:hover {
    text-decoration: underline;
}

.current_location_box .current_location_First .before:before {
    content: "\200B";
}

.current_location_box {
    width: 1180px;
    height: 30px;
    overflow: visible;
    font-size: 0;
    margin: 20px auto;
}

.current_location_box .current_location {
    width: 1280px;
    height: 43px;
    border-bottom: 1px solid #eee;
    overflow: visible;
    padding-bottom: 10px;
    background-color: transparent;
}

.current_location_box .current_location_First .before:before {
    content: "\e68a";
}

.current_location_box .p_end {
    height: 43px;
    margin-right: 6px;
    margin-left: 6px;
    vertical-align: middle;
}

.current_location_box .current_location_current {}

.current_location_box>div {
    animation-fill-mode: both;
}

.current_location_box .current_location_First .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

/* 公司概况背景图 */
.sub_banner1{
    background: url(../images/about.jpg) no-repeat center center;
}

/* 新闻中心背景图 */

/* 内容区域 */
.content{
    width: 1280px;
    margin:0 auto;
}

/* 内容区域左边公用二级导航 */
#left_sub_nav .p_articles {
    margin: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

#left_sub_nav>div {
    animation-fill-mode: both;
}

#left_sub_nav {
    z-index: 104;
    width: 250px;
    /*height: 393px;*/
   margin-bottom: 20px;
}

.left_sub_nav_wrap {
    height: auto;
    height-and-height-uint: auto;
    width-and-width-uint: 100%;
    width: 100%;
    width-uint: %;
    border-style: solid;
    border-width: 1px;
}

/* 手机端一级导航标题隐藏 */
.left_sub_nav_wrap .stylebox_mobile_top {display: none;}
.left_sub_nav_wrap .stylebox_top {
    height: 60px;
    height-and-height-uint: 60px;
    width-and-width-uint: auto;
    width-and-height: custom;
    width: auto;
    background-color: rgba(0, 70, 142, 1);
}

.left_sub_nav_wrap .title_main {
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255, 255, 255, 1);
    max-width: 600px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.left_sub_nav_wrap .stylebox_title {
    height-and-height-uint: inherit;
    text-align: center;
    width: 100%;
    background-color: rgba(0, 70, 142, 1);
    display: inline-block;
    width-uint: %;
    vertical-align: bottom;
    height: inherit;
    width-and-width-uint: 100px;
    font-size: 0px;
    width-and-height: custom;
    white-space: nowrap;
}

.left_sub_nav_wrap .stylebox_top_line {
    height: 0px;
    height-and-height-uint: 0px;
    width-and-height: custom;
    background-color: rgba(240, 240, 240, 1);
}

.left_sub_nav_wrap .stylebox_content {
    height: calc(100% - 48px);
    height-and-height-uint: calc(100% - 48px);
    width-and-width-uint: 100px;
    width: 100%;
    border-style: solid;
    border-color: #f0f0f0;
    border-width: 0px;
    width-uint: %;
}

.left_sub_nav ul {}

.left_sub_nav ul li {
    text-align: center;
    border-top: 1px solid #f0f0f0;
}

.left_sub_nav ul li A {
    display: block;
    font-size: 16px;
    color: #333;
    position: relative;
    line-height: 50px;
    cursor: pointer;
    border-left:
}

.left_sub_nav ul li A:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    transition: 300ms;
    -webkit-transition: 300ms;
    height: 100%;
    background: rgba(0, 70, 142, 1);
    z-index: -1;
}

.left_sub_nav ul li A:hover:after {
    width: 100%;
}

.left_sub_nav ul li A:hover {
    color: #fff;
}

/* 右边内容区域外层 */

#right_content_wrap>div {
    animation-fill-mode: both;
}

#right_content_wrap {
    z-index: 105;
    width: 1000px;
}
/* Ã¦â€”Â Ã¦â€¢Ë†Ã¦Å¾Å“Ã¥â€ºÂ¾Ã§â€°â€¡Ã¨Â¾Â¹Ã¦Â¡â€  */

/*Ã¦â„¢Â®Ã©â‚¬Å¡Ã¥Â­â€”Ã¦Â®ÂµÃ¥ÂÂ*/

/*Ã¦â€”Â Ã¦â€¢Ë†Ã¦Å¾Å“/Ã¥Ë†â€ Ã§Â»â€ž*/

/*.right_content_box .p_interaction:hover{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; } .right_content_box .p_interaction:active{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; }*/
/*Ã©â€¡ÂÃ¨Â¦ÂÃ§Å¸Â­Ã¨Â¿Å¾Ã¦Å½Â¥*/

/*Ã¦â„¢Â®Ã©â‚¬Å¡Ã¥Â­â€”Ã¦Â®ÂµÃ¥ÂÂ*/
.right_content_box .p_name {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    color: #969696;
    font-size: 14px;
    text-align: left;
}

.right_content_box .p_name .font {
    vertical-align: middle;
    line-height: 19px;
}

.right_content_box .p_name .iconfont:before {
    display: inline-block;
    content: "";
}

/*Ã¦â€”Â Ã¦â€¢Ë†Ã¦Å¾Å“/Ã¥Ë†â€ Ã§Â»â€ž*/

/*.right_content_box .p_KeywordBox:hover{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; } .right_content_box .p_KeywordBox:active{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; }*/
/*Ã¦â€”Â Ã¦â€¢Ë†Ã¦Å¾Å“/Ã¥Ë†â€ Ã§Â»â€ž*/

/*.right_content_box .p_assist:hover{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; } .right_content_box .p_assist:active{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; }*/
.right_content_box .p_details {
    width: inherit;
    height: auto;
    font-size: 14px;
    line-height: 21px;
}

/*Ã¦â€”Â Ã¦â€¢Ë†Ã¦Å¾Å“/Ã¥Ë†â€ Ã§Â»â€ž*/
.right_content_box .p_content {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    border-width: 1px;
    border-style: none;
    border-color: rgba(228, 228, 228, 0);
    background-color: transparent;
    overflow: hidden;
}

/*.right_content_box .p_content:hover{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; } .right_content_box .p_content:active{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; }*/
/*Ã¦Â®ÂµÃ¨ÂÂ½Ã¥Ë†â€ Ã©Å¡â€Ã§ÂºÂ¿*/
.right_content_box .p_line {
    width: 100%;
    height: 0px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgba(240, 240, 240, 1);
    opacity: 1;
    filter: alpha(opacity:100);
}

/*Ã¦â„¢Â®Ã©â‚¬Å¡Ã¦Â­Â£Ã¦â€“â€¡Ã¦Â â€¡Ã©Â¢Ëœ*/
.right_content_box .p_header {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: rgba(30, 30, 30, 1);
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

.right_content_box .p_header .font {
    white-space: nowrap;
    vertical-align: middle;
    line-height: 40px;
}

.right_content_box .p_header .iconfont:before {
    content: "";
}

/*Ã¦â€”Â Ã¦â€¢Ë†Ã¦Å¾Å“/Ã¥Ë†â€ Ã§Â»â€ž*/
.right_content_box .p_contentBox {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    border-width: 1px;
    border-style: none;
    border-color: rgba(228, 228, 228, 0);
    background-color: transparent;
    overflow: hidden;
}

/*.right_content_box .p_contentBox:hover{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; } .right_content_box .p_contentBox:active{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; }*/
/*Ã¤Â¸Â»Ã¨Â¦ÂÃ¥â€ â€¦Ã¥Â®Â¹Ã¥Å’ÂºÃ¥Â®Â¹Ã¥â„¢Â¨*/


/* CSS Document */

.right_content_box .p_contentBox {
    width: auto;
    height: auto;
    /* padding: 0px 35px; */
    overflow: hidden;
}

.right_content_box .p_header {
    width: 100%;
    margin: 20px 0;
}

.right_content_box .p_header .font {
    white-space: normal;
}

.right_content_box .p_content {
    overflow: hidden;
    width: auto;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.right_content_box .p_name {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    display: inline;
}

.right_content_box .p_header {
    word-break: break-word;
    word-wrap: break-word;
}

.right_content_styleBox{
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 30px;
    box-sizing: content-box;
    height-and-height-uint: auto;
    width: 940px;
    border-style: solid;
    border-color: rgba(240, 240, 240, 1);
    margin-bottom: 30px;
    width-uint: %;
    padding-bottom: 30px;
    height: auto;
    width-and-width-uint: 100%;
    border-width: 1px;
}

.right_content_styleBox .stylebox_content {
    height: calc(100% - 48px);
    height-and-height-uint: calc(100% - 48px);
    width: 100%;
    width-and-width-uint: 100px;
    border-style: solid;
    border-color: #f0f0f0;
    border-width: 0px;
    width-uint: %;
}

/* 隐藏div */
.hide{display:none!important}

.e_title{margin:0;padding:0;font-weight:normal;text-decoration:none;font-size:16px;font-family:"Microsoft Yahei";font-weight:normal;text-decoration:none;word-break:break-all}

/* 文章中段落p调节 */
.reset_style p{
    font-size: 14px;
    line-height: 1.5;
    padding-bottom: 10px;
}

/*页面所在位置中间文字链接部分*/
.current_location_box .current_location_secondly  {
    font-size: 14px;
}

.current_location_box .current_location_secondly  {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.current_location_box .current_location_secondly >a>.font {
    display: inline-block;
    line-height: 30px;
}

.current_location_box .current_location_secondly>a {
    color: inherit;
}

.current_location_box .current_location_secondly>a>.font:hover {
    text-decoration: underline;
}

.current_location_box .current_location_secondly .before:before {
    content: "\200B";
}

.current_location_box .current_location_secondly .after:before {
    content: "\200B";
}