.top_bg {
        width: 100%;
        height: 44px;
        font-size: 14px;
        color: #fff;
        line-height: 44px;
        background: #004bf1;
    }
     .top_bg .fr span {
        display: block;
        padding-left: 22px;
        background: url(../images/betem02.png) left no-repeat;
    }
     .top_bg .fr b {
        font-size: 20px;
        color: #fdff06;
    }







     .header_bg {
        width: 100%;
        height: 130px;
        line-height: 130px;
        border-bottom: 3px solid #004bf1;
    }
     .header_bg .header_l {
        margin-top: 48px;
        width: 184px;
        height: 35px;
    }
     .header_bg .header_l img {
        display: block;
        width: 100%;
        height: 100%;
    }
     .header_nav li {
        display: block;
        float: left;
        width: 110px;
    }
     .header_nav li a {
        display: block;
        text-align: center;
        font-size: 16px;
        color: #333;
    }
     .header_nav li.on a {
        color: #004bf1;
    }
     .header_nav li:hover a {
        color: #004bf1;
    }










     .search_bg {
        width: 100%;
        height: 80px;
        line-height: 80px;
        background: #f5f5f5;
        overflow: hidden;
    }
     .search_bg .search_hot {
        height: 80px;
    }
     .search_bg .search_hot b {
        font-size: 16px;
        color: #004bf1;
    }
     .search_bg .search_hot a {
        font-size: 16px;
        color: #333;
    }
     .search_bg .search_hot span {
        font-size: 16px;
        color: #333;
    }
     .search_bg .search_hot a:hover {
        color: #004bf1;
    }
     .search_bg .search_hot span:last-of-type {
        display: none;
    }
    
     .search_bg .search_d {
        width: 366px;
        height: 80px;
        border-left: 1px solid #e9e9e9;
    }
     .search_bg .search_d form .search-bg {
        float: left;
        width: 280px;
        height: 80px;
        background: url(../images/betem03.png) 20px 28px no-repeat;
    }
     .search_bg .search_d form .search-bg input {
        margin-left: 50px;
        width: 230px;
        height: 80px;
        background: none;
        border: none;
    }
     .search_bg .search_d form .search-i {
        position: relative;
        display: block;
        float: right;
        width: 86px;
        height: 80px;
    }
     .search_bg .search_d form .search-i:after {
        display: block;
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 1000%;
        height: 80px;
        background: #004bf1;
    }
     .search_bg .search_d form .search-i input {
        position: relative;
        width: 86px;
        height: 80px;
        background: url(../images/betem04.png) center no-repeat;
        z-index: 9;
        cursor: pointer;
        border: none;
    }












      .ys_bg  .title_bg {
        text-align: center;
    }
      .ys_bg  .title_bg span {
        display: block;
        font-size: 44px;
        font-weight: bold;
        color: #333;
    }
 .ys_bg .title_bg span b {
        color: #004bf1;
    }
       .ys_bg .title_bg p {
        position: relative;
        display: inline-block;
        padding: 0 30px;
        font-size: 18px;
        color: #333;
        color: #999;
    }
      .ys_bg  .title_bg p:before {
        display: block;
        content: " ";
        position: absolute;
        top: 12px;
        left: 0;
        width: 20px;
        height: 2px;
        background: #999;
    }
       .ys_bg .title_bg p:after {
        display: block;
        content: " ";
        position: absolute;
        top: 12px;
        right: 0;
        width: 20px;
        height: 2px;
        background: #999;
    }
      .ys_bg  .title_bg i {
        position: relative;
        display: block;
        margin-top: 13px;
        width: 100%;
        height: 1px;
        background: #ddd;
    }
       .ys_bg .title_bg i:after {
        position: absolute;
        display: block;
        content: " ";
        top: -1px;
        left: 50%;
        width: 32px;
        height: 3px;
        transform: translatex(-50%);
        background: #004bf1;
    }






     .ys_bg {
        padding-top: 60px;
    }
     .ys_bg  .title_bg {
        margin-bottom: 40px;
    }
     .ys_bg dl {
        float: left;
        margin-right: 21px;
        width: 386px;
    }
     .ys_bg dl:last-of-type {
        margin-right: 0;
    }
     .ys_bg dl dt {
        width: 100%;
        height: 250px;
    }
     .ys_bg dl dd {
        padding: 20px 35px;
        height: 135px;
        background: #f5f5f5;
    }
     .ys_bg dl dd .ys_t {
        position: relative;
        padding-bottom: 12px;
        height: 30px;
        border-bottom: 1px solid #eaeaea;
    }
     .ys_bg dl dd .ys_t span {
        float: left;
        display: block;
        font-size: 24px;
        color: #333;
    }
     .ys_bg dl dd .ys_t i {
        float: right;
        display: block;
        width: 30px;
        height: 30px;
    }
     .ys_bg dl dd .ys_t:before {
        position: absolute;
        display: block;
        content: " ";
        left: 0;
        bottom: -1px;
        width: 80px;
        height: 1px;
        background: #004bf1;
    }
     .ys_bg dl dd .ys_w {
        margin-top: 12px;
    }
     .ys_bg dl dd .ys_w p {
        font-size: 16px;
        color: #333;
        line-height: 28px;
    }






     .products_bg {
        padding: 60px 0;
    }
     .products_bg  .title_bg {
        margin-bottom: 40px;
    }
     .products_d li {
        float: left;
        margin-right: 30px;
        width: 378px;
        border-radius: 8px;
        border: 1px solid #ccc;
        box-shadow: 0 0 5px #ccc;
        overflow: hidden;
    }
     .products_d li:nth-child(3n) {
        margin-right: 0;
    }
     .products_d li:nth-child(n+4) {
        margin-top: 30px;
    }
     .products_d li .prod_img {
        width: 378px;
        height: 280px;
        border-bottom: 1px solid #ccc;
    }
     .products_d li .prod_img img {
        display: block;
        width: 100%;
        height: 100%;
    }
    
     .products_d li .prod_t {
        padding-top: 10px;
        text-align: center;
        height: 40px;
        line-height: 40px;
    }
     .products_d li .prod_t span {
        font-size: 22px;
        font-weight: bold;
        color: #333;
    }
     .products_d li .prod_d {
        padding: 10px 20px 20px;
        height: 200px;
        text-align: center;
    }
     .products_d li .prod_d a {
        display: inline-block;
        margin: 5px;
        padding: 0 8px;
        height: 30px;
        font-size: 16px;
        line-height: 30px;
        background: #f5f5f5;
        border-radius: 5px;
        border: 1px solid #ccc;
        box-shadow: 0 0 2px #ccc;
        color: #004bf1;
    }
     .products_d li .prod_a {
        margin-bottom: 20px;
    }
     .products_d li .prod_a a {
        display: block;
        text-align: center;
        font-size: 16px;
        color: #004bf1;
    }







   .products_bg   .title_bg {
        text-align: center;
    }
   .products_bg   .title_bg span {
        display: block;
        font-size: 44px;
        font-weight: bold;
        color: #333;
    }
   .products_bg   .title_bg span b {
        color: #004bf1;
    }
    .products_bg  .title_bg p {
        position: relative;
        display: inline-block;
        padding: 0 30px;
        font-size: 18px;
        color: #333;
        color: #999;
    }
   .products_bg   .title_bg p:before {
        display: block;
        content: " ";
        position: absolute;
        top: 12px;
        left: 0;
        width: 20px;
        height: 2px;
        background: #999;
    }
    .products_bg  .title_bg p:after {
        display: block;
        content: " ";
        position: absolute;
        top: 12px;
        right: 0;
        width: 20px;
        height: 2px;
        background: #999;
    }
   .products_bg   .title_bg i {
        position: relative;
        display: block;
        margin-top: 13px;
        width: 100%;
        height: 1px;
        background: #ddd;
    }
   .products_bg   .title_bg i:after {
        position: absolute;
        display: block;
        content: " ";
        top: -1px;
        left: 50%;
        width: 32px;
        height: 3px;
        transform: translatex(-50%);
        background: #004bf1;
    }
























     .ys_bg1 {
        width: 100%;
        height: 720px;
        background: url(../images/betem15.jpg) center no-repeat;
        overflow: hidden;
         margin-top: 60px;
    }
   .ys_bg1   .title_bg {
        margin-top: 70px;
        text-align: center;
    }
    .ys_bg1  .title_bg p {
        display: block;
        padding-bottom: 5px;
        font-family: "Arial";
        font-size: 36px;
        color: #cfcfcf;
        line-height: 36px;
        text-transform: uppercase;
    }
   .ys_bg1   .title_bg span {
        position: relative;
        font-size: 30px;
        color: #fff;
        line-height: 32px;
    }
    .ys_bg1  .title_bg span:after {
        position: absolute;
        top: 18px;
        right: -190px;
        display: block;
        content: " ";
        width: 182px;
        height: 7px;
        background: url(../images/betem16.png) center no-repeat;
    }
    .ys_bg1  .title_bg span:before {
        position: absolute;
        top: 18px;
        left: -190px;
        display: block;
        content: " ";
        width: 182px;
        height: 7px;
        background: url(../images/betem17.png) center no-repeat;
    }
    
     .ys_bg1 .ys_d {
        margin-top: 76px;
    }
     .ys_bg1 .ys_d dl {
        float: left;
        width: 300px;
    }
     .ys_bg1 .ys_d dl dt {
        margin: 0 auto;
        width: 152px;
        height: 152px;
    }
     .ys_bg1 .ys_d dl dd {
        text-align: center;
    }
     .ys_bg1 .ys_d dl dd span {
        display: block;
        padding: 20px 0;
        font-size: 20px;
        color: #fff;
    }
     .ys_bg1 .ys_d dl dd p {
        display: block;
        padding: 0 25px;
        font-size: 16px;
        color: #fff;
        font-weight: lighter;
        line-height: 28px;
    }
    
     .ys_bg1 .ys_content {
        margin-top: 40px;
        text-align: center;
    }
     .ys_bg1 .ys_content .ys_content_tile span {
        font-size: 22px;
        color: #fff;
    }
     .ys_bg1 .ys_content_w span {
        display: inline-block;
        line-height: 36px;
        color: #ff5f01;
    }
     .ys_bg1 .ys_content_w span b {
        font-size: 26px;
        font-weight: normal;
    }
     .ys_bg1 .ys_content_w span i {
        font-size: 32px;
    }
     .ys_bg1 .ys_content_w a {
        display: inline-block;
        margin-left: 10px;
        width: 110px;
        height: 25px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        line-height: 25px;
        border-radius: 20px;
        background: #ff5f01;
    }










 .process { margin-top: 60px;}
 .process_t{text-align: center;height: 122px; padding-top: 64px;}
 .process_t h4 {font-size:42px; color:#004bf1 ;height: 63px;line-height: 63px;}
 .process_t p{font-size:18px;color: #616161;padding-top: 5px;}

 .process_nr{ position:relative; margin-top:40px; height:233px;}

   .process_t .title_bg {
    margin-bottom: 40px;
}
 {
    padding-top: 60px;
}
 .process li{ width:118px; height:118px;border:1px #ddd solid; border-radius:100px; -webkit-border-radius:100px; transition:0.3s; float:left; margin-right:34px;}
 .process li:hover{background:#004bf1 ; box-shadow: 0 0 0 8px #eee; border:1px #eee solid;}
 .process li p{margin: 0 auto;width: 90px;height: 22px;overflow: hidden;text-align: center; text-align:center; font-size: 16px; color: #333; margin-top:4px;}
 .process li:hover p{ color:#fff;}
 .process li b{width:12px; height:12px; background:#ddd; display:block; margin:auto; border-radius:50px; -webkit-border-radius:50px; position:relative; transition:0.3s; margin-top:45px;}
 .process li:hover b{ box-shadow: 0 0 0 2px #004bf1 ; background:#fff; transition:0.3s;}
 .process li b em{ position:absolute; left:0; top:0; right:0; bottom:0; width:6px; height:6px; background:#ddd; display:block; border-radius:100px; -webkit-border-radius:100px; transition:0.3s; margin:auto;} 
 .process li:hover b em{ transition:0.3s; background:#004bf1 ;}
 .process li dl{width:1px; height:70px; background:#ccc; display:block; margin-top:10px; margin-left:59px;}
 .process_xt{width:1077px; height:1px; margin:auto; padding-left:1px; background:#ccc;}
 .process_tel{width:270px; height:58px; margin:auto; background:#ff5f01 ; border-radius:50px; text-align:center; line-height:59px; color:#fff; margin-top:-30px; z-index:10; position:relative;overflow:hidden;}
 .process_tel a{color:#fff; font-size:16px;}


 .process_01 i{background:url(../images/betem18.png) top no-repeat; display:block; width:60px; height:50px; transition:0.3s; margin:auto; margin-top:20px;}
 .process_01:hover i{background:url(../images/betem18.png) bottom no-repeat; transition:0.3s;}

 .process_02 i{background:url(../images/betem19.png) top no-repeat; display:block; width:60px; height:50px; transition:0.3s; margin:auto; margin-top:20px;}
 .process_02:hover i{background:url(../images/betem19.png) bottom no-repeat; transition:0.3s;}

 .process_03 i{background:url(../images/betem20.png) top no-repeat; display:block; width:60px; height:50px; transition:0.3s; margin:auto; margin-top:20px;}
 .process_03:hover i{background:url(../images/betem20.png) bottom no-repeat; transition:0.3s;}

 .process_04 i{background:url(../images/betem21.png) top no-repeat; display:block; width:60px; height:50px; transition:0.3s; margin:auto; margin-top:20px;}
 .process_04:hover i{background:url(../images/betem21.png) bottom no-repeat; transition:0.3s;}

 .process_05 i{background:url(../images/betem22.png) top no-repeat; display:block; width:60px; height:50px; transition:0.3s; margin:auto; margin-top:20px;}
 .process_05:hover i{background:url(../images/betem22.png) bottom no-repeat; transition:0.3s;}

 .process_06 i{background:url(../images/betem23.png) top no-repeat; display:block; width:60px; height:50px; transition:0.3s; margin:auto; margin-top:20px;}
 .process_06:hover i{background:url(../images/betem23.png) bottom no-repeat; transition:0.3s;}

 .process_07 i{background:url(../images/betem24.png) top no-repeat; display:block; width:60px; height:50px; transition:0.3s; margin:auto; margin-top:20px;}
 .process_07:hover i{background:url(../images/betem24.png) bottom no-repeat; transition:0.3s;}

 .process_08 i{background:url(../images/betem25.png) top no-repeat; display:block; width:60px; height:50px; transition:0.3s; margin:auto; margin-top:20px;}
 .process_08:hover i{background:url(../images/betem25.png) bottom no-repeat; transition:0.3s;}
 .process li.noright{margin-right: 0;}





    .process .title_bg {
        text-align: center;
    }
     .process .title_bg span {
        display: block;
        font-size: 44px;
        font-weight: bold;
        color: #333;
    }
    .process  .title_bg span b {
        color: #004bf1;
    }
    .process  .title_bg p {
        position: relative;
        display: inline-block;
        padding: 0 30px;
        font-size: 18px;
        color: #333;
        color: #999;
    }
    .process  .title_bg p:before {
        display: block;
        content: " ";
        position: absolute;
        top: 12px;
        left: 0;
        width: 20px;
        height: 2px;
        background: #999;
    }
    .process  .title_bg p:after {
        display: block;
        content: " ";
        position: absolute;
        top: 12px;
        right: 0;
        width: 20px;
        height: 2px;
        background: #999;
    }
    .process  .title_bg i {
        position: relative;
        display: block;
        margin-top: 13px;
        width: 100%;
        height: 1px;
        background: #ddd;
    }
     .process .title_bg i:after {
        position: absolute;
        display: block;
        content: " ";
        top: -1px;
        left: 50%;
        width: 32px;
        height: 3px;
        transform: translatex(-50%);
        background: #004bf1;
    }








     .case_bg {
        padding: 90px 0 60px;
    }
     .case_bg  .title_bg {
        margin-bottom: 40px;
    }
     .case_bg .box {
        min-height: 50px;
    }
     .case_bg li {
        float: left;
        margin-right: 30px;
        width: 380px;
    }
     .case_bg li:nth-child(3n) {
        margin-right: 0;
    }
     .case_bg li:nth-child(n+4) {
        margin-top: 30px;
    }
     .case_bg li .case_img {
        width: 378px;
        height: 283px;
        border: 1px solid #f5f5f5;
    }
     .case_bg li .case_img img {
        display: block;
        width: 100%;
        height: 100%;
    }
     .case_bg li .case_t {
        width: 100%;
        height: 50px;
        line-height: 50px;
        background: #f5f5f5;
    }
     .case_bg li .case_t span {
        position: relative;
        display: block;
        padding-left: 20px;
        font-size: 16px;
        color: #333;
    }
     .case_bg li .case_t span:after {
        display: block;
        content: " ";
        position: absolute;
        top: 20px;
        right: 20px;
        width: 9px;
        height: 9px;
        background-image: url(../images/betem26.png);
        background-repeat: no-repeat;
        background-position: 0 0;
    }
     .case_bg li:hover .case_img {
        border-color: #004bf1;
    }
     .case_bg li:hover .case_t {
        background: #004bf1;
    }
     .case_bg li:hover .case_t span {
        color: #fff;
    }
     .case_bg li:hover .case_t span:after {
        background-position: 0 -9px;
    }




    .case_bg .title_bg {
        text-align: center;
    }
    .case_bg .title_bg span {
        display: block;
        font-size: 44px;
        font-weight: bold;
        color: #333;
    }
    .case_bg .title_bg span b {
        color: #004bf1;
    }
    .case_bg .title_bg p {
        position: relative;
        display: inline-block;
        padding: 0 30px;
        font-size: 18px;
        color: #333;
        color: #999;
    }
   .case_bg  .title_bg p:before {
        display: block;
        content: " ";
        position: absolute;
        top: 12px;
        left: 0;
        width: 20px;
        height: 2px;
        background: #999;
    }
    .case_bg .title_bg p:after {
        display: block;
        content: " ";
        position: absolute;
        top: 12px;
        right: 0;
        width: 20px;
        height: 2px;
        background: #999;
    }
    .case_bg .title_bg i {
        position: relative;
        display: block;
        margin-top: 13px;
        width: 100%;
        height: 1px;
        background: #ddd;
    }
   .case_bg  .title_bg i:after {
        position: absolute;
        display: block;
        content: " ";
        top: -1px;
        left: 50%;
        width: 32px;
        height: 3px;
        transform: translatex(-50%);
        background: #004bf1;
    }









     .ys_bg2 {
        padding: 60px 0;
        width: 100%;
        background: #f5f5f5;
    }
     .ys_bg2  .title_bg {
        margin-bottom: 40px;
    }
     .ys_bg2 .ys_hd dl {
        float: left;
        width: 299px;
        height: 128px;
        background: #004bf1;
        border-left: 1px solid #fff;
    }
     .ys_bg2 .ys_hd dl:first-of-type {
        width: 300px;
        border-left: none;
    }
     .ys_bg2 .ys_hd dl dt {
        float: left;
        margin: 24px 20px;
        width: 80px;
        height: 80px;
    }
     .ys_bg2 .ys_hd dl dt img {
        display: block;
        width: 100%;
        height: 100%;
    }
     .ys_bg2 .ys_hd dl dd {
        float: left;
        padding-top: 24px;
    }
     .ys_bg2 .ys_hd dl dd span {
        display: block;
        font-size: 30px;
        font-weight: bold;
        color: #fff;
    }
     .ys_bg2 .ys_hd dl dd p {
        display: block;
        padding-top: 10px;
        font-family: "Arial";
        font-size: 12px;
        color: #fff;
        text-transform: uppercase;
    }
     .ys_bg2 .ys_hd dl.on {
        background: #ff5f01;
    }
    
     .ys_bg2 .ys_content {
        margin-top: 40px;
    }
     .ys_bg2 .ys_content li {
        float: left;
        width: 1200px;
        height: 465px;
        background: #fff;
    }
     .ys_bg2 .ys_content li .ys_txt {
        padding: 40px 36px;
        width: 468px;
    }
     .ys_bg2 .ys_content li .ys_txt .ys_tile {
        padding-bottom: 18px;
        border-bottom: 1px solid #e8e8e8;
    }
     .ys_bg2 .ys_content li .ys_txt .ys_tile span {
        display: block;
        font-size: 40px;
        font-weight: bold;
        color: #004bf1;
    }
     .ys_bg2 .ys_content li .ys_txt .ys_tile p {
        padding-top: 10px;
        display: block;
        font-size: 28px;
        color: #333;
    }
     .ys_bg2 .ys_content li .ys_txt .ys_w {
        margin-top: 26px;
    }
     .ys_bg2 .ys_content li .ys_txt .ys_w p {
        font-size: 18px;
        color: #333;
        line-height: 36px;
    }
     .ys_bg2 .ys_content li .ys_txt .ys_a {
        margin-top: 40px;
        width: 110px;
        height: 38px;
        text-align: center;
        line-height: 38px;
        background: #004bf1;
    }
     .ys_bg2 .ys_content li .ys_txt .ys_a a {
        display: block;
        font-size: 16px;
        color: #fff;
    }
     .ys_bg2 .ys_content li .ys_txt .ys_a:hover {
        background: #ff5f01;
    }
    
     .ys_bg2 .ys_content li .ys_img {
        width: 660px;
        height: 465px;
    }
     .ys_bg2 .ys_content li .ys_img img {
        display: block;
        width: 100%;
        height: 100%;
    }








   .ys_bg2  .title_bg {
        text-align: center;
    }
  .ys_bg2   .title_bg span {
        display: block;
        font-size: 44px;
        font-weight: bold;
        color: #333;
    }
   .ys_bg2  .title_bg span b {
        color: #004bf1;
    }
   .ys_bg2  .title_bg p {
        position: relative;
        display: inline-block;
        padding: 0 30px;
        font-size: 18px;
        color: #333;
        color: #999;
    }
    .ys_bg2 .title_bg p:before {
        display: block;
        content: " ";
        position: absolute;
        top: 12px;
        left: 0;
        width: 20px;
        height: 2px;
        background: #999;
    }
   .ys_bg2  .title_bg p:after {
        display: block;
        content: " ";
        position: absolute;
        top: 12px;
        right: 0;
        width: 20px;
        height: 2px;
        background: #999;
    }
    .ys_bg2 .title_bg i {
        position: relative;
        display: block;
        margin-top: 13px;
        width: 100%;
        height: 1px;
        background: #ddd;
    }
     .ys_bg2 .title_bg i:after {
        position: absolute;
        display: block;
        content: " ";
        top: -1px;
        left: 50%;
        width: 32px;
        height: 3px;
        transform: translatex(-50%);
        background: #004bf1;
    }



























     .about_bg {
        padding: 60px 0;
    }
     .about_bg  .title_bg {
        margin-bottom: 40px;
    }
     .about_bg .about_d {
        position: relative;
    }
     .about_bg .about_d:before {
        position: absolute;
        display: block;
        content: " ";
        top: 120px;
        width: 1010px;
        height: 360px;
        background: #004bf1;
        z-index: -1;
    }
     .about_bg .about_l {
        margin-left: 10px;
        padding: 40px 40px 0;
        width: 530px;
        height: 430px;
        background: #f9f9f9;
    }
     .about_bg .about_l .about_tile b {
        display: block;
        font-family: "Arial";
        font-size: 44px;
        color: #e4e4e4;
        text-transform: uppercase;
    }
     .about_bg .about_l .about_tile span {
        display: block;
        padding-top: 10px;
        font-size: 24px;
        font-weight: bold;
        color: #333;
    }
     .about_bg .about_l .about_w {
        padding-top: 21px;
        height: 140px;
        overflow: hidden;
    }
     .about_bg .about_l .about_w p {
        text-indent: 2em;
        font-size: 16px;
        color: #333;
        line-height: 28px;
    }
     .about_bg .about_l .about_btn {
        margin-top: 30px;
    }
     .about_bg .about_l .about_btn a {
        float: left;
        margin-right: 16px;
        display: block;
        width: 158px;
        height: 118px;
        text-align: center;
        border: 1px solid #e8e8e8;
    }
     .about_bg .about_l .about_btn a:hover {
        border-color: #004bf1;
    }
     .about_bg .about_l .about_btn a .about_ico {
        margin: 12px auto 0;
        width: 60px;
        height: 50px;
    }
     .about_bg .about_l .about_btn a .about_ico1 {
        background: url(../images/betem40.png) center top no-repeat;
    }
     .about_bg .about_l .about_btn a .about_ico2 {
        background: url(../images/betem41.png) center top no-repeat;
    }
     .about_bg .about_l .about_btn a .about_ico3 {
        background: url(../images/betem42.png) center top no-repeat;
    }
     .about_bg .about_l .about_btn a:hover .about_ico1 {
        background: url(../images/betem40.png) center bottom no-repeat;
    }
     .about_bg .about_l .about_btn a:hover .about_ico2 {
        background: url(../images/betem41.png) center bottom no-repeat;
    }
     .about_bg .about_l .about_btn a:hover .about_ico3 {
        background: url(../images/betem42.png) center bottom no-repeat;
    }
     .about_bg .about_l .about_btn a .about_t span {
        font-size: 16px;
        color: #333;
    }
     .about_bg .about_l .about_btn a .about_t_en span {
        font-family: "Arial";
        font-size: 12px;
        color: #333;
    }
     .about_bg .about_l .about_btn a:hover .about_t span {
        color: #004bf1;
    }
     .about_bg .about_l .about_btn a:hover .about_t_en span {
        color: #004bf1;
    }
     .about_bg .abour_r {
        width: 580px;
        height: 470px;
        overflow: hidden;
        background: #004bf1;
    }
     .about_bg .abour_r img {
        display: block;
        width: 100%;
        height: 100%;
        transition: all 0.3s;
    }
     .about_bg .abour_r:hover img {
        transform: scale(1.2);
    }
    
     .about_trait {
        margin-top: 60px;
    }
     .about_trait dl {
        position: relative;
        float: left;
        margin-right: 20px;
        width: 285px;
        height: 80px;
    }
     .about_trait dl:last-of-type {
        margin-right: 0;
    }
     .about_trait dl:before {
        position: absolute;
        right: 0;
        display: block;
        content: " ";
        width: 1px;
        height: 80px;
        background: #f2f2f2;
    }
     .about_trait dl:last-of-type:before {
        display: none;
    }
     .about_trait dl dt {
        float: left;
        padding-top: 16px;
    }
     .about_trait dl dd {
        float: left;
        margin-left: 20px;
        padding-top: 16px;
    }
     .about_trait dl dd span {
        display: block;
        font-size: 20px;
        color: #333;
    }
     .about_trait dl dd p {
        display: block;
        font-size: 16px;
        color: #333;
    }











     .about_bg  .title_bg {
        text-align: center;
    }
   .about_bg   .title_bg span {
        display: block;
        font-size: 44px;
        font-weight: bold;
        color: #333;
    }
   .about_bg   .title_bg span b {
        color: #004bf1;
    }
   .about_bg   .title_bg p {
        position: relative;
        display: inline-block;
        padding: 0 30px;
        font-size: 18px;
        color: #333;
        color: #999;
    }
   .about_bg   .title_bg p:before {
        display: block;
        content: " ";
        position: absolute;
        top: 12px;
        left: 0;
        width: 20px;
        height: 2px;
        background: #999;
    }
    .about_bg  .title_bg p:after {
        display: block;
        content: " ";
        position: absolute;
        top: 12px;
        right: 0;
        width: 20px;
        height: 2px;
        background: #999;
    }
   .about_bg   .title_bg i {
        position: relative;
        display: block;
        margin-top: 13px;
        width: 100%;
        height: 1px;
        background: #ddd;
    }
  .about_bg    .title_bg i:after {
        position: absolute;
        display: block;
        content: " ";
        top: -1px;
        left: 50%;
        width: 32px;
        height: 3px;
        transform: translatex(-50%);
        background: #004bf1;
    }





















     .news_bg {
        padding: 60px 0;
        width: 100%;
        background: #f5f5f5;
    }
     .news_bg  .title_bg {
        margin-bottom: 40px;
    }
     .news_content .news_tab {
        margin-bottom: 40px;
        text-align: center;
    }
     .news_content .news_tab a {
        display: inline-block;
        margin: 0 8px;
        width: 135px;
        height: 45px;
        text-align: center;
        font-size: 20px;
        color: #fff;
        line-height: 45px;
        background: #333;
    }
     .news_content .news_tab a.on {
        color: #fff;
        background: #ff5f01;
    }
    
     .news_content .news_d li {
        float: left;
        margin-right: 20px;
        width: 588px;
        height: 226px;
        background: #fff;
        border: 1px solid #eee;
    }
     .news_content .news_d li:nth-child(2n) {
        margin-right: 0;
    }
     .news_content .news_d li:nth-child(n+3) {
        margin-top: 20px;
    }
     .news_content .news_d li .news_l {
        width: 228px;
        height: 226px;
    }
     .news_content .news_d li .news_l img {
        display: block;
        width: 100%;
        height: 100%;
    }
     .news_content .news_d li .news_r {
        margin: 24px 25px 0 25px;
        width: 310px;
    }
     .news_content .news_d li .news_r .news_tile {
        padding-right: 36px;
        background: url(../images/betem43.png) right no-repeat;
    }
     .news_content .news_d li .news_r .news_tile span {
        display: block;
        font-size: 20px;
        color: #333;
    }
     .news_content .news_d li .news_r .news_time {
        position: relative;
        margin-bottom: 9px;
        padding-top: 18px;
        padding-bottom: 14px;
    }
     .news_content .news_d li .news_r .news_time:before {
        position: absolute;
        display: block;
        content: " ";
        left: 0;
        bottom: 0;
        width: 30px;
        height: 1px;
        background: #eee;
    }
     .news_content .news_d li .news_r .news_time span {
        font-family: "Arial";
        font-size: 16px;
        color: #333;
    }
     .news_content .news_d li .news_r .news_w p {
        font-size: 16px;
        color: #333;
        line-height: 30px;
    }
     .news_content .news_d li:hover {
        background: #ff5f01;
    }
     .news_content .news_d li:hover .news_r .news_tile span {
        color: #fff;
    }
     .news_content .news_d li:hover .news_r .news_time span {
        color: #fff;
    }
     .news_content .news_d li:hover .news_r .news_w p {
        color: #fff;
    }










     .news_bg .title_bg {
        text-align: center;
    }
    .news_bg  .title_bg p {
        display: block;
        padding-bottom: 5px;
        font-family: "Arial";
        font-size: 36px;
        color: #cfcfcf;
        line-height: 36px;
        text-transform: uppercase;
    }
     .news_bg .title_bg span {
        position: relative;
        font-size: 30px;
        color: #333;
        line-height: 32px;
    }
     .news_bg .title_bg span:after {
        position: absolute;
        top: 18px;
        right: -190px;
        display: block;
        content: " ";
        width: 182px;
        height: 7px;
        background: url(../images/betem16.png) center no-repeat;
    }
    .news_bg  .title_bg span:before {
        position: absolute;
        top: 18px;
        left: -190px;
        display: block;
        content: " ";
        width: 182px;
        height: 7px;
        background: url(../images/betem17.png) center no-repeat;
    }



















     .links_bg {
        width: 100%;
        height: 70px;
        line-height: 70px;
        background: #f5f5f5;
    }
     .links_bg .links_l {
        width: 1000px;
    }
     .links_bg .links_r {
        margin-left: 20px;
        max-width: 180px;
    }
     .links_bg .links_l a {
        display: block;
        float: left;
        margin-right: 20px;
        max-width: 120px;
        font-size: 16px;
        color: #333;
    }
     .links_bg .links_l a:last-of-type {
        margin-right: 0;
    }
     .links_bg .links_r a {
        display: block;
        text-align: center;
        font-size: 16px;
        color: #333;
    }

















     .copyright_bg {
        padding-top: 40px;
        padding-bottom: 30px;
        width: 100%;
        background: #333;
        border-bottom: 1px solid #444;
    }
     .copyright_nav dl {
        float: left;
        width: 150px;
    }
     .copyright_nav dl:last-of-type {
        width: 520px;
    }
     .copyright_nav dl dt {
        position: relative;
        padding-bottom: 18px;
        margin-bottom: 20px;
    }
     .copyright_nav dl dt:after {
        position: absolute;
        display: block;
        content: " ";
        left: 0;
        bottom: 0;
        width: 20px;
        height: 1px;
        background: #fff;
    }
     .copyright_nav dl dt span {
        font-size: 18px;
        color: #fff;
    }
     .copyright_nav dl dd a {
        display: block;
        font-size: 16px;
        color: #999;
        line-height: 32px;
    }
     .copyright_nav dl dd a:hover {
        color: #fff;
    }
     .copyright_nav dl dd span {
        display: block;
        font-size: 16px;
        color: #999;
        line-height: 32px;
    }
     .copyright_nav dl dd i {
        padding-right: 5px;
    }
    
     .copyright_qr {
        width: 140px;
        height: 180px;
        background: #fff;
    }
     .copyright_qr .copyright_qr_img {
        margin: 10px;
        width: 120px;
        height: 120px;
    }
     .copyright_qr .copyright_qr_img img {
        display: block;
        width: 100%;
        height: 100%;
    }
     .copyright_qr .copyright_tile {
        text-align: center;
    }
     .copyright_qr .copyright_tile span {
        font-size: 14px;
        color: #333;
    }
    
     .footer_bg {
        width: 100%;
        height: 70px;
        text-align: center;
        font-size: 14px;
        color: #999;
        line-height: 70px;
        background: #333;
    }
     .footer_bg a {
        font-size: 14px;
        color: #999;
    }
     .footer_bg a:hover {
        color: #fff;
    }