@charset "utf-8";
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body{font-family: 'Microsoft YaHei','微软雅黑';font-size: 14px;color:#666;line-height: 1.4;padding:0;margin:0}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@font-face {
  font-family: numberonly;
  src: url(../fonts/NumberOnly.ttf);
}
a{color:#666;text-decoration: none;}
a:hover{text-decoration: none;}
input{outline: none;}
li{list-style: none;}
ul{padding:0;margin:0}
img{max-width: 100%;}
.max1600{width:100%;max-width: 1600px;margin:0 auto;position: relative;padding:0 20px}
.max1400{width:100%;max-width: 1400px;margin:0 auto;position: relative;padding:0 20px}
.number{font-family: 'numberonly';}
.bg_f2f2f2{background: #f2f2f2;}
.mx-10{margin-left: 10px;margin-right:10px;}
.my-10{margin-top: 10px;margin-bottom:10px;}
.mx-16{margin-left: 16px;margin-right:16px;}
.my-16{margin-top: 16px;margin-bottom:16px;}
.px-10{padding-left: 10px;padding-right:10px;}
.px-15{padding-left: 15px;padding-right:15px;}
.p-10{padding: 10px;position: relative;}
.p-16{padding: 16px;position: relative;}
.p-20{padding: 20px;position: relative;}
.border{border: 1px solid #eee;}

.title_l1{font-size: 14px;line-height: 24px;height:24px;overflow: hidden;color:#333;text-align: left;font-weight: bold;}
.title_l2{font-size: 14px;line-height: 36px;height:36px;overflow: hidden;color:#333;text-align: left;border-bottom: 1px solid #eee;display: block;}
.title_l3{font-size: 14px;line-height: 32px;height:32px;overflow: hidden;color:#0064a9;text-align: left;border-bottom: 1px solid #eee;display: block;font-weight: bold;margin-bottom: 6px;}
.title_l4{font-size: 12px;line-height: 16px;color:#666;text-align: left;display: block;padding:4px 0}
.title_l6{font-size: 20px;line-height:1.1;color:#333;text-align: left;display: block;font-weight: bold;}
.title_l7{padding:20px 0}
.title_l7 span{font-size: 24px;line-height: 1.2;color:#333;font-weight: bold;position: relative;padding-left:10px;float: left;}
.title_l7 .line{height: 22px;width: 3px;background-color: #0064a9;border-radius: 1px;float: left;position: relative;top:3px}
.title_l8{font-size: 14px;line-height: 24px;color:#fff;text-align: left;display: block;padding:4px 0}

.title_date{padding-bottom: 16px;border-bottom: 1px solid #ddd;margin-bottom: 16px;}

.title_line_en2{vertical-align: bottom;margin-bottom: 20px;}
.title_line_en2 .title{font-size: 24px;font-weight: bold;color:#333;letter-spacing: 2px;line-height: 1;float: left;}
.title_line_en2 .line{margin: 0;float: left;}
.title_line_en2 .en{font-size: 20px;color:#ddd;font-family: 'Sitka Text';line-height: 1;text-transform: uppercase;float:right;position: relative;top:5px}
.title_line_en3{background: #f2f2f2;padding:18px}
.title_line_en3 .title{font-size: 32px;font-weight: bold;color:#333;letter-spacing: 2px;line-height: 1;float: left;margin-right: 6px;}
.title_line_en3 .line{float: left;}
.title_line_en3 .en{font-size: 32px;color:#ddd;font-family: 'Sitka Text';line-height: 1;text-transform: uppercase;float: left;position: relative;top:5px}

.list_a{display: block;height: 16px;line-height: 16px;overflow: hidden;margin:10px 10px;border-left: 1px solid #fff;padding-left:6px;}

.list_img_sum_date_more{position: relative;border:1px solid #ddd;}
.list_img_sum_date_more_n{margin-bottom: 16px;}
.list_img_sum_date_more .img_box{width:180px;float:left;position: relative;height: 120px;overflow: hidden;}
.list_img_sum_date_more .img_box img{width:100%}
.list_img_sum_date_more .text_box{padding:10px 10px 10px 190px;}
.list_img_sum_date_more .title{font-size: 16px;color:#333;font-weight: bold;height: 18px;line-height: 18px;overflow: hidden;margin: 6px 0;}
.list_img_sum_date_more .day{font-size: 32px;font-family: 'numberonly';font-weight: bold;line-height: 1;}
.list_img_sum_date_more .year{font-size: 16px;font-family: 'numberonly';font-weight: bold;line-height: 1;margin-left:12px}
.list_img_sum_date_more .sum{line-height: 18px;overflow: hidden;font-size: 12px;color:#666;height: 36px;}
.list_img_sum_date_more .more{position: absolute;right:10px;top: 14px;font-size: 12px;color:#aaa;}
.list_img_sum_date_more:hover .title{color:#1B5288}
.list_img_sum_date_more:hover .sum{color:#666}

.list_2img_sum_more{position: relative;padding:20px;}
.list_2img_sum_more_n{padding:0 0 20px 0;}
.list_2img_sum_more .shadow_box{background: #fff;border-radius: 12px;box-shadow: 0 0 10px 0 #eee;}
.list_2img_sum_more .img_box{width:50%;float:left;position: relative;overflow: hidden;border-top-left-radius: 12px;border-bottom-left-radius: 12px;overflow: hidden;}
.list_2img_sum_more .img_box img{width:100%}
.list_2img_sum_more .text_box{float: left;width: 50%;position: relative;}
.list_2img_sum_more .text_box img{display: block;margin: 20px;height: 80px;}
.list_2img_sum_more .title{font-size: 24px;color:#333;font-weight: bold;height: 32px;line-height: 32px;overflow: hidden;margin: 20px;}
.list_2img_sum_more .sum{line-height: 24px;overflow: hidden;font-size: 14px;color:#666;height: 48px;margin: 20px;}
.list_2img_sum_more .more{position: absolute;right:18px;top: 18px;font-size: 14px;color:#aaa;}
.list_2img_sum_more:hover .title{color:#1B5288}
.list_2img_sum_more:hover .sum{color:#666}


.list_sum_date_more{position: relative;padding:12px 0;border-bottom: 1px solid #ddd;}
.list_sum_date_more .date{width:80px;text-align: center;float:left;border-right: 1px solid #ddd;padding:6px 0}
.list_sum_date_more .text_box{padding:0 0 0 96px;position: relative;}
.list_sum_date_more .title{font-size: 16px;color:#333;font-weight: bold;height: 18px;line-height: 18px;overflow: hidden;margin:0 0 6px 0;}
.list_sum_date_more .day{font-size: 32px;font-family: 'numberonly';font-weight: bold;line-height: 1;}
.list_sum_date_more .year{font-size: 16px;font-family: 'numberonly';font-weight: bold;line-height: 1;}
.list_sum_date_more .sum{line-height: 18px;overflow: hidden;font-size: 12px;color:#666;height: 36px;}
.list_sum_date_more .more{position: absolute;right:0;top: 0;font-size: 12px;color:#aaa;}
.list_sum_date_more:hover .title{color:#1B5288}
.list_sum_date_more:hover .sum{color:#666}

.list_img_nbtitle{position: relative;}
.list_img_nbtitle .img_box{position: relative;padding:20px 0 0 0}
.list_img_nbtitle .title{height: 50px;line-height: 50px;overflow: hidden;text-align: center;font-size: 16px;color:#333;font-weight: bold;width: 100%;position: relative;}
.list_img_nbtitle img{width: 90%;position: relative;display: block;margin-left:5%;}
.list_img_nbtitle:hover .title{  -webkit-animation-name: fadeInDown;animation-name: fadeInDown;}

.list_img_nbtitle2{position: relative;}
.list_img_nbtitle2 .img_box{position: relative;}
.list_img_nbtitle2 .title{position: absolute;bottom:0;left:0;right:0;height: 64px;line-height: 64px;overflow: hidden;text-align: left;font-size: 18px;font-weight: bold;padding:0 16px;background: rgb(24,46,103);background: rgba(24,46,103,0.7);color:#fff;z-index: 99;}
.list_img_nbtitle2 .title::after,.list_img_nbtitle2 .title::before{position:absolute;right:16px;top:calc(50% - 2px);width:24px;height: 4px;background: #fff;content: '';}
.list_img_nbtitle2 .title::before{transform: rotate(90deg);}
.list_img_nbtitle2 img{width: 100%;display: block;}

.list_img_nbtitle3{position: relative;}
.list_img_nbtitle3_n{margin-bottom: 12px;}
.list_img_nbtitle3 .img_box{position: relative;}
.list_img_nbtitle3 .title{position: absolute;bottom:0;right:0;height: 54px;line-height: 54px;overflow: hidden;text-align: left;font-size: 16px;font-weight: bold;padding:0 16px;color:#fff;z-index: 99;}
.list_img_nbtitle3 img{width: 100%;display: block;}

.list_svgclip1 svg{width: 210px;height:210px;background-color: #fff;}

.list_svgclip_date svg{display: block;margin:0 auto;}
.main_banner{position: relative;padding: 0;margin: 0;width: 100%;overflow: hidden;}
.main_banner .banner_box{height: 600px;background: #1B5288;padding:0;margin:0;position: relative;}
.main_banner .banner_box .banner_item{position: absolute;left:0;top:0;width:100%;height:100%;padding:0;margin:0;transition: 0.2s;
    z-index: 1;
    opacity: 0;
    -khtml-opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity=0);
    filter:"alpha(opacity=0)";
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    }
    .main_banner .banner_box .banner_item.banner_item_active{
    z-index: 998;
    opacity: 1;
    -khtml-opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity=100);
    filter:"alpha(opacity=100)";
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    }

  .main_banner .banner_box .img_box img{
     position: relative;
    /*transition: 0.6s;
    opacity: 0;
    -khtml-opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity=0); */
  }
  .main_banner .banner_info .img_box{width: 50%;float: left;margin-top:100px;}
  .main_banner .banner_info .text_box{width: 50%;float: right;margin-top:160px;}
  .main_banner .banner_info .img_box img{margin:0 auto;display: block;max-width: 90%;max-height: 500px;}
  .main_banner .banner_info .text_box .title{color:#fff;position: relative;font-size: 40px;margin-bottom: 20px;}
  .main_banner .banner_info .text_box .text{color:#fff;position: relative;font-size: 24px;margin-bottom: 20px;}
  .main_banner .banner_info .text_box .info{color:#fff;position: relative;font-size: 16px;color:#f2f2f2;color:rgba(255,255,255,0.8);line-height: 2;}

.banner_navgation{position: absolute;left: 0;width: 100%;bottom:20px;text-align: center;z-index: 9999;height: 10px;}
.banner_navgation span{display: inline-block;margin:0 3px;width: 30px;height: 2px;background: #eee;background:rgba(255,255,255,0.3);}
.banner_navgation span.navgation-item-active{background: #fff;background:rgba(255,255,255,0.9);}

.banner_prev{position: absolute;left: 20px;top:50%;z-index: 999;cursor: pointer;width: 40px;height: 40px;background: #0064a9;background: rgba(0, 80, 180, 0.8);}
.banner_next{position: absolute;right: 20px;top:50%;z-index: 999;cursor: pointer;width: 40px;height: 40px;background: #0064a9;background: rgba(0, 80, 180, 0.8);}
.banner_next div{width: 0;height: 0;border-color: transparent;border-width: 10px;border-style: solid;border-left: 10px solid #fff;position: relative;left:15px;top:10px}
.banner_prev div{width: 0;height: 0;border-color: transparent;border-width: 10px;border-style: solid;border-right: 10px solid #fff;position: relative;left:5px;top:10px}

.main_process{position: relative;padding:40px 0;margin: 0;width: 100%;overflow: hidden;}
.main_process .item{float: left;width: 9%;text-align: center;}
.main_process .item .title{font-weight: bold;font-size: 16px;color:#333;height: 24px;line-height: 24px;overflow: hidden;}
.main_process .item .info{font-weight: normal;font-size: 14px;color:#666;height: 72px;line-height: 24px;overflow: hidden;}
.main_process .item img{display: block;margin: 0 auto 16px auto;max-width: 100%;}
.main_process .arrow-right{float: left;width: 3.5%;}
.main_process .arrow-right img{display: block;margin: 40px auto 0 auto;}

.main_case{position: relative;padding:40px 0;margin: 0;width: 100%;overflow: hidden;background: #f2f2f2;}
.main_case .case_box{padding:0;margin:0;position: relative;}
.main_case .case_box .case_item{position: absolute;padding:0;margin:0;

    z-index: 1;
    opacity: 0;
    -khtml-opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity=0);
    filter:"alpha(opacity=0)";
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    }
    .main_case .case_box .case_item.case_item_active{
    z-index: 999;
    opacity: 1;
    -khtml-opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity=100);
    filter:"alpha(opacity=100)";
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    }

  .main_case .case_box .img_box img{
     position: relative;
    /*transition: 0.6s;
    opacity: 0;
    -khtml-opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity=0); */
  }
  
.case_navgation{position: absolute;left: 0;width: 100%;bottom:10px;text-align: center;z-index: 9999;height: 10px;}
.case_navgation span{display: inline-block;margin:0 6px;width: 16px;height: 6px;background: #eee;background:rgba(255,255,255,0.3);border-radius: 2px;}
.case_navgation span.navgation-item-active{background: #333;background:rgba(0,80,180,0.9);}
.case_prev{position: absolute;left: 100px;top:50%;z-index: 999;cursor: pointer;width: 40px;height: 40px;background: #0064a9;background: rgba(0, 80, 180, 0.8);}
.case_next{position: absolute;right: 100px;top:50%;z-index: 999;cursor: pointer;width: 40px;height: 40px;background: #0064a9;background: rgba(0, 80, 180, 0.8);}
.case_next div{width: 0;height: 0;border-color: transparent;border-width: 10px;border-style: solid;border-left: 10px solid #fff;position: relative;left:15px;top:10px}
.case_prev div{width: 0;height: 0;border-color: transparent;border-width: 10px;border-style: solid;border-right: 10px solid #fff;position: relative;left:5px;top:10px}

  .main_about .left_cont{position: relative;}
  .main_about .right_cont{position: relative;}
  .main_about .right_cont img{display: block;width: 100%;}
  .main_about .left_cont_top img{float: left;}
  .main_about .bottom_img img{float: left;width: 33.3%;display: block;}

  .main_reason{background: #f2f2f2;padding:40px 0;}
  .main_reason .item{float: left;width: 19%;background: #fff;margin:0.5%;transition: 0.6s;border-radius: 10px;}
  .main_reason .item .img_box{width: 80px;height: 80px;margin: 20px auto;background-image: url(../images/reason.png);background-repeat: no-repeat;transition: 0.6s;}
  .main_reason .item_01 .img_box{background-position: 0 0;}
  .main_reason .item_02 .img_box{background-position: -80px 0;}
  .main_reason .item_03 .img_box{background-position: -160px 0;}
  .main_reason .item_04 .img_box{background-position: -240px 0;}
  .main_reason .item_05 .img_box{background-position: -320px 0;}
  .main_reason .text_box{text-align: center;border-top:1px solid #ddd;padding:12px 0}
  .main_reason .text_box .title{font-weight: bold;color:#333;font-size: 16px;margin-bottom: 12px;padding:0 12px;height: 24px;line-height: 24px;overflow: hidden;transition: 0.6s;}
  .main_reason .text_box .text{color:#333;font-size: 14px;margin-bottom: 12px;padding:0 12px;height: 24px;line-height: 24px;overflow: hidden;transition: 0.6s;}
  .main_reason .text_box .info{color:#666;font-size: 14px;margin-bottom: 12px;padding:0 12px;height: 100px;line-height: 20px;overflow: hidden;transition: 0.6s;}
  .main_reason .item:hover{background: #235ADB;}
  .main_reason .item:hover .title{color: #fff;}
  .main_reason .item:hover .text{color: #fff;}
  .main_reason .item:hover .info{color: #fff;}

  .main_reason .item_01:hover .img_box{background-position: 0 -80px;}
  .main_reason .item_02:hover .img_box{background-position: -80px -80px;}
  .main_reason .item_03:hover .img_box{background-position: -160px -80px;}
  .main_reason .item_04:hover .img_box{background-position: -240px -80px;}
  .main_reason .item_05:hover .img_box{background-position: -320px -80px;}

  .main_news{padding:40px 0;}
.main_news_box{max-height: 462px;overflow: auto;}
.main_news_box{overflow: auto;height: 300px;}
.main_news_box::-webkit-scrollbar{transition: 0.5s;width: 4px;height: 4px;background-color: #F5F5F5;}
.main_news_box::-webkit-scrollbar-track{border-radius: 2px;background-color: #F5F5F5;}
.main_news_box::-webkit-scrollbar-thumb{border-radius: 2px;background-color: #999;}

  .main_youshi .left{float: left;width: 30%;background: rgba(255, 255, 255, 0.5);padding:30px;border-radius: 20px;border: 1px solid rgba(0, 0, 0, 0.1);}
  .main_youshi .right{float: right;width: 30%;background: rgba(255, 255, 255, 0.5);padding:30px;border-radius: 20px;border: 1px solid rgba(0, 0, 0, 0.1);}
   .main_youshi{padding:40px 0; background: url(../images/appbg01.png) no-repeat center 90px; position: relative; z-index: 1; }
 .main_youshi .item { margin-bottom: 0; }
 .main_youshi .item h3 { font-size: 16px;font-weight: bold; color: #060715; line-height: 30px; margin-bottom: 10px; margin-top: 0; }
 .main_youshi .item p { font-size: 14px; color: #6B6B76; line-height: 24px; }
 
 .contact_sums{position: relative;}
 .contact_sums .num_text_item{float: left;width: 25%;text-align: center;}
 .contact_sums .num_text_item .num_box{text-align: center;}
 .contact_sums .num_text_item .num{font-family: 'numberonly';font-size: 40px;color:#0064a9}
 .contact_sums .num_text_item .jia{font-size: 40px;color:#0064a9}
 .contact_sums .num_text_item .text{font-size: 14px;color:#666}

  .header_top{position: fixed;left: 0;top:0;width: 100%;z-index: 9999;
    background: #0064a9;
    background: rgba(0, 60, 160, 0.2);
  }
  .bg_dark{
    background: rgba(0, 80, 180, 0.8);
  }
 .header_top .toplogo{float: left;}
 .header_top .toplogo img{height: 40px;margin-right:10px;margin-top:10px;margin-bottom:10px}

  .header_top .nav_pc{float: left;margin-top:10px;margin-left: 100px;}
  .header_top .nav_pc .nav-item{float: left;text-align: center;position: relative;}
  .header_top .nav_pc .nav-item a{color:#fff;font-weight: bold;font-size: 14px;display: inline-block;line-height: 40px;height: 40px;overflow: hidden;padding:0 20px;}
  .header_top .nav_pc .nav-item .a_right{position: absolute;bottom:5px;left:0;height: 1px;width:0%;background: #fff;background: rgba(255, 255, 255, 0.5);transition: 0.6s;}
  .header_top .nav_pc .nav-item .a_left{position: absolute;top:4px;left:0;height: 1px;width: 0%;background: #fff;background: rgba(255, 255, 255, 0.5);transition: 0.6s;}
  .header_top .nav_pc .nav-item.active .a_right{width: 100%;}
  .header_top .nav_pc .nav-item.active .a_left{width: 100%;}
  .header_top .nav_pc .nav-item:hover .a_right{width: 100%;}
  .header_top .nav_pc .nav-item:hover .a_left{width: 100%;}
  
  .header_top .search_box{float: right;margin-top:10px;border:1px solid #fff;border:1px solid rgba(255,255,255,0.3);border-radius: 4px;height: 40px;margin-right: 30px;}


  .header_top .search_box input{background: none;display: inline-block;height: 38px;padding:0 10px;border:none;color:#fff;}
.header_top .search_box input::placeholder{color:#fff;}
.header_top .search_box input::-webkit-input-placeholder{color:#fff;}

.header_top .search_box a{background: none;display: inline-block;line-height: 38px;padding:0 10px;border:none;border-left: 1px solid #fff;border-left: 1px solid rgba(255,255,255,0.3);margin:0;color:#fff;}

.header_top .search_box input::-webkit-input-placeholder{color:#fff;}

.header_top .right_contact .number{color:#fff;font-size: 20px;line-height: 1;}
.header_top .right_contact{float: right;margin-top:10px}

.header_top .right_contact .row2 span{color:#fff;font-size: 14px;}
.header_top .right_contact .row2 img{height: 14px;margin-right: 0;}

  .footer{background: rgb(55, 61, 68);padding:50px 0 20px 0}
  .footer .bottom{text-align: center;padding:16px 0}
  .footer .friend_link{padding:16px 0;border-top:1px solid rgba(255,255,255,0.3);border-bottom:1px solid rgba(255,255,255,0.3)}
  .footer .friend_link a span{line-height: 1;}
  .footer .friend_link a .line{margin:0 5px 0 4px;color:rgba(255,255,255,0.3)}
  .footer ul li,.footer a,.footer span{color:#fff;font-size: 14px;}
  .footer ul li{line-height: 2;}
  .footer h4 a{font-weight: bold;font-size: 16px;color:#fff;}
  .footer h5{font-weight: bold;font-size: 16px;color:#fff;margin:0 0 10px 0}
  .footer .aderweima .saoyisao{margin: 0 16px;line-height: 1.2;width: 14px;float: left;color:#fff;}
  .footer .aderweima .erweima{padding-left:46px}
  .footer .footer_partner{padding-bottom:20px;margin-bottom:30px;border-bottom: 1px solid #fff;}
  .footer .footer_partner .logo_item{float: left;}
  .footer .footer_partner .logo_item img{display: block;margin: 16px 25px;height: 32px;}
  .footer .h2{color:#fff;font-size: 24px;}
  .footer .footer_news{padding:20px 0}

  .leftcontact_left{background: #f2f2f2;margin-top: 20px;}
.leftcontact .erweima{padding:0;}
.leftcontact .erweima img{max-width: 100%;}
.leftcontact .number{font-size: 24px;line-height: 1.2;}
.leftcontact .row2{margin-top:6px}
.leftcontact .row2 img{margin-right:2px;display: inline-block;height: 24px;}
.leftcontact .row2 span{display: inline-block;line-height: 24px;}
.leftcontact .erweima_box{float: left;}
.leftcontact .saoyisao{margin: 10px;line-height: 1.2;width: 14px;float: left}
.leftcontact  a{border:1px solid #ddd;display: block;color:#0064a9;text-align: center;max-width: 150px;line-height: 44px;border-radius:25px;font-weight: bold;font-size:16px;font-weight: bold;margin-top: 16px;}
.leftcontact2 .row2{position: relative;margin-bottom: 16px;}
.leftcontact2 .row2 .left{border-right:1px solid #ddd;padding:10px 0;width:60px;text-align: center;float: left;}
.leftcontact2 .row2 .left img{display: block;margin:0 auto}
.leftcontact2 .row2 .right{padding-left: 76px;}
.leftcontact2 .number{font-size: 32px;color:#0064a9;line-height: 1.2;font-family: 'numberonly';}
.leftcontact2 .row2 .left .text{line-height: 1.2;font-size: 16px;font-weight: bold;text-align: center;width: 16px;margin:0 auto}
.leftcontact2 .erweima_box{position: relative;}

.text_center{text-align: center;font-size: 14px;color:#666;}
.title_center{text-align: center;font-size: 32px;color:#333;padding:0 0 20px 0;font-weight: bold;}
.title_center_n{text-align: center;font-size: 32px;color:#333;padding:0;font-weight: bold;}
.title_center_n2{text-align: center;font-size: 24px;color:#666;padding:0;font-weight: normal;}
.title_center_text{padding:0 0 20px 0;}
.title_center_text .title{text-align: center;font-size: 32px;color:#333;font-weight: bold;margin:0 0 12px 0}
.title_center_text .text{text-align: center;font-size: 14px;color:#666;}

.page{margin: 20px 0;text-align: center;}
.page span,.page a{background-color: #f4f4f4;display: inline-block;height: 40px;line-height: 40px;padding:0 10px;border-radius: 3px;margin-right:6px}
.page select{border: none;outline: none;background-color: transparent;}
.page .current{border: none;background-color: #235ADB;color:#fff}

.nav_crumbs{line-height: 1.2;padding:20px 0;font-size: 14px;}
.nav_crumbs a,.nav_crumbs span{line-height: 1.2;padding:20px 0;font-size: 14px;}

.nav_list_top{text-align: center;border-bottom: 1px solid #eee;}
.nav_list_top li{position: relative;padding:0 20px;display: inline-block;margin:0 10px;}
.nav_list_top li a{ position: relative;line-height: 46px;height: 46px;overflow: hidden; font-size:16px;font-weight: bold;display: block; }
.nav_list_top li.active a{color:#0064a9;border-bottom: 2px dashed #0064a9;}
.nav_list_top li:hover a{color:#0064a9;}

.nav_list_left{background: #f2f2f2;margin-top: 4px;}
.nav_list_left li{position: relative;padding:0 20px;}
.nav_list_left li a{
   position: relative;line-height: 52px;height: 52px;overflow: hidden;border-bottom: 1px solid #ddd;
   font-size:16px;font-weight: bold;display: block;
}
.nav_list_left li a span{float: left;}
.nav_list_left li a span.right{float: right;}
.nav_list_left li:nth-last-of-type(1) a{border:none}
.nav_list_left li.active a{color:#0064a9}
.nav_list_left li:hover a{color:#0064a9}

.contacthtml .title_l5{font-size: 14px;line-height: 50px;height:50px;overflow: hidden;color:#333;text-align: left;font-weight: bold;}
.contacthtml .list_t_input .title_l5{flex:0 0 60px;max-width: 60px;}
.contacthtml .list_t_input{display: flex;}
.contacthtml .list_t_input input{border:1px solid #eee;border-width: 0 0 1px 0;padding:0 16px;line-height: 50px;outline: none;display: block;flex:auto;background: none;}
.contacthtml form textarea{width: 100%;border:1px solid #eee;min-height: 100px;background: none}
.messsub input{color:#333;border:1px solid #ddd;padding:8px 40px;border-radius: 30px;margin-right:16px;margin-top:16px}
.messsub .form_submit{background-color: #0064a9;color:#fff;border:1px solid transparent}

@media screen and (max-width: 768px) {
  .contact_sums .num_text_item{float: left;width: 50%;}
  .contact_sums .num_text_item .num{font-size: 32px}
  .contact_sums .num_text_item .jia{font-size: 32px}
  .contact_sums .num_text_item .text{font-size: 12px}
.main_news_box{max-height: 354px;}

  .nav_list_top{text-align: center;}
.nav_list_top li{padding:0;margin:2px}
.nav_list_top li a{line-height: 36px;height: 36px;font-size:14px;}


  .px-10{padding-left: 0;padding-right:0;}
.px-15{padding-left: 0;padding-right:0;}
  .nav_list_left{margin-bottom: 12px;}
.nav_list_left li{padding:0 10px;float: left;}
.nav_list_left li a{line-height: 32px;height: 32px;font-size:14px;}
.nav_list_left li a span.right{display: none;}
  .footer .footer_center_link{display: none;}
  .footer .footer_center_logo{display: none;}
  .footer .footer_center_erweima{display: none;}
  .footer{padding:30px 0 12px 0}
  .footer .footer_partner .logo_item img{margin: 10px;height: 24px;}
  .footer .h2{font-size: 20px;margin-top:0}
.leftcontact_left{display: none;}

  .main_news{padding:8px 0 24px 0}
  .main_youshi{padding:24px 0}
  .main_case{padding:24px 0}
  .main_process{padding:24px 0}
  .main_reason{padding:24px 0}
  .main_reason .item{width: 90%;margin-left: 5%;}
  .main_reason .item .img_box{background-size: 200px;width: 40px;height: 40px;margin:12px auto}
  .main_reason .item_01 .img_box{background-position: 0 0;}
  .main_reason .item_02 .img_box{background-position: -40px 0;}
  .main_reason .item_03 .img_box{background-position: -80px 0;}
  .main_reason .item_04 .img_box{background-position: -120px 0;}
  .main_reason .item_05 .img_box{background-position: -160px 0;}
  .main_reason .item_01:hover .img_box{background-position: 0 -40px;}
  .main_reason .item_02:hover .img_box{background-position: -40px -40px;}
  .main_reason .item_03:hover .img_box{background-position: -80px -40px;}
  .main_reason .item_04:hover .img_box{background-position: -120px -40px;}
  .main_reason .item_05:hover .img_box{background-position: -160px -40px;}



.main_process .item{width: 18%;margin-bottom: 16px;}
.main_process .item img{margin-bottom: 10px;}
.main_process .item .title{font-size:14px}
.main_process .item .info{font-size:12px;height: 60px;line-height: 20px;}

.main_process .arrow-right{width: 7%;}
.main_process .arrow-right img{margin-top:20px}

.nav_s { height: 32px; width: 36px;position: fixed;right:12px;top:10px;z-index: 9999;background-color: rgba(255,255,255,.1);}
.nav_s>div { width: 24px; height: 2px; background: #fff; margin: 6px;border-radius:1px}
.title_center{font-size: 20px;padding:0 0 12px 0;}
.title_center_n{font-size: 20px;}
.title_center_n2{font-size: 18px;}
.title_center_text{padding:0 0 12px 0;}
.title_center_text .title{font-size: 20px;}
.title_center_text .text{font-size: 12px;}

.main_banner .banner_box{height: 430px;}
  .main_banner .banner_info .img_box{width: 100%;float: none;margin-top:70px;}
  .main_banner .banner_info .text_box{width: 100%;float: none;margin-top:20px;text-align: center;}
  .main_banner .banner_info .img_box img{margin:0 auto;display: block;max-width: 70%;height: 200px;}
  .main_banner .banner_info .text_box .title{font-size: 20px;margin-bottom: 16px;}
  .main_banner .banner_info .text_box .text{font-size: 14px;margin-bottom: 0;line-height: 20px;height: 60px;overflow: hidden;}
  .main_banner .banner_info .text_box .info{font-size: 12px;line-height: 1.2;display: none;}
.banner_prev{display: none;}
.banner_next{display: none;}

  .main_youshi .left{float: none;width: 90%;background: rgba(255, 255, 255, 0.8);padding:12px;border-radius: 12px;border: 1px solid rgba(0, 0, 0, 0.1);border-bottom: none;margin:0 auto}
  .main_youshi .right{float: none;width: 90%;background: rgba(255, 255, 255, 0.8);padding:12px;border-radius: 12px;border: 1px solid rgba(0, 0, 0, 0.1);border-top:none;margin:0 auto}
  .case_prev{display: none;}
  .case_next{display: none;}


  .header_top .nav_pc{float: none;margin-top:0;position: fixed;right:-180px;top:70px;}

  .header_top .nav_pc .nav-item{float: none;width: 160px;margin-bottom: 1px;background: #333;background: rgba(0, 60, 160, 0.8);}
  .header_top .nav_pc .nav-item.active{background: #333;}
  .header_top .nav_pc .nav-item.active a{padding:0 10px}
  .header_top .nav_pc .nav-item.active .a_left{display: none;}
  .header_top .nav_pc .nav-item.active .a_right{display: none;}
  
  .header_top .right_contact{float: left}
  .header_top .search_box{position: fixed;left: -80%;top:10px;margin:0;background: #333;background: rgba(0, 60, 160, 0.8);}
 .header_top .nav_pc.open{right:0}
 .header_top .search_box.open{left:20px}

 .title_l7{padding:10px 0}
 .title_l7 span{font-size: 20px;padding-left:6px;}
 .title_l7 .line{height: 18px;top:2px}

 .title_line_en3{padding:10px}
.title_line_en3 .title{font-size: 20px;}
.title_line_en3 .en{font-size: 18px;top:3px}


    .list_img_nbtitle .title{height: 40px;line-height: 40px;font-size:14px;}
    .list_img_nbtitle2 .title::after,.list_img_nbtitle2 .title::before{right:10px;top:calc(50% - 1px);width:18px;height: 2px;}
    .list_img_nbtitle2 .title{height: 46px;line-height: 46px;font-size: 14px;padding:0 12px;}
    
    .title_line_en2{margin-bottom: 12px;margin-top:16px}
    .title_line_en2 .title{font-size: 16px;}
    .title_line_en2 .en{font-size: 14px;top:2px}
    

    .list_img_sum_date_more .img_box{width:150px;height: 100px;}
    .list_img_sum_date_more .text_box{padding:10px 10px 10px 160px;}
    .list_img_sum_date_more .title{font-size: 14px;margin: 8px 0;}
    .list_img_sum_date_more .day{font-size: 26px;}
    .list_img_sum_date_more .year{font-size: 12px;margin-left:6px}
    .list_img_sum_date_more .more{right:12px;top: 12px;font-size: 12px;}
    .list_img_sum_date_more .sum{height: 20px;line-height: 20px;font-size: 12px;}

.list_2img_sum_more{padding:10px;}
.list_2img_sum_more .img_box{width:100%;float:none;border-top-right-radius: 12px;border-bottom-left-radius: 0;}
.list_2img_sum_more .text_box{float: none;width: 100%;padding-bottom: 16px;}
.list_2img_sum_more .text_box img{margin: 10px;height: 60px;}
.list_2img_sum_more .title{font-size: 16px;height: 24px;line-height: 24px;margin: 10px;}
.list_2img_sum_more .sum{line-height: 16px;font-size: 12px;height: 32px;margin: 10px;}
.list_2img_sum_more .more{right:10px;top: 10px;font-size: 12px}
    
    .list_sum_date_more .sum{height: 18px;line-height: 18px;font-size: 12px;}
    .list_sum_date_more .day{font-size: 26px;}
    .list_sum_date_more .year{font-size: 12px;margin-left:6px}
    .list_sum_date_more .title{font-size: 14px;margin:0;}
    .list_sum_date_more .more{font-size: 12px;display: none;}
    .list_sum_date_more .date{padding:0;width:60px}
    .list_sum_date_more .text_box{padding:0 0 0 70px;position: relative;}

    
     }

     .nybanner{overflow: hidden;width: 100%;position: relative;overflow: hidden;}
     .nybanner img{height:320px;position: relative;left: 50%;width: auto;max-width: 1920px;margin-left: -960px;}
     .nybanner .banner_text{position: absolute;left: 15%;top:100px;text-align: center;width: 70%;}
     .nybanner .banner_text h2{color:#fff;font-size: 32px;font-weight: bold;}
     .nybanner .banner_text .en{color:#fff;font-size: 24px;font-weight: normal;}
     .nybanner .banner_text .line{background:#fff;width: 100px;height: 2px;margin:10px auto}
     @media screen and (max-width: 992px) {
         .nybanner img{height: 260px;margin-left: -780px;}
     .nybanner .banner_text{top:80px;}

     }
     @media screen and (max-width: 576px) {
         .nybanner img{height: 200px;margin-left: -600px;}
     .nybanner .banner_text{top:60px;}
     .nybanner .banner_text h2{font-size: 24px;}
     .nybanner .banner_text .en{font-size: 16px;}
     .nybanner .banner_text .line{width: 60px;height: 2px;}

     }