@charset "utf-8";
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

 * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
input,textarea {border: 2 none; -webkit-box-shadow: none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,
button, input, select, textarea {
    font-family: "Microsoft Yahei"; color: #666; font-size: 13px;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; }


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
  font-family: 'iconfont';  /* project id 2345038 */
  src: url(files/iconfont.eot.txt),
  url(files/iconfont.woff) format('woff'),
  url(files/iconfont.ttf) format('truetype'),
}


/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
body {overflow-y: scroll;}

/*设置浮动*/
.fl,.pull-left {float: left;}
.fr,.pull-right {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.clear{ clear:both; height: 0; overflow: hidden;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.box,.content,.w1200,.width-1200{ width:85%; margin:0 auto;min-width:1300px;}
.wp5vw{
padding: 0 5vw; min-width: 1300px;overflow: hidden;
}
/* -- 内页布局 -- */
.page_bg { padding:20px 0 20px; background:#fff;}
.page_main { margin: 0 auto; width: 1200px;}  /*版面宽度*/
.page_content{ width:930px;} /*右边宽度*/
.page_left{ width:240px;} /*左边宽度*/
.page_full{ width:100%;}
.dis,.hide{ display:none;}

.line-clamp-1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.line-clamp-2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-clamp-3{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.n_box{
   position: relative; padding: 4vw 5vw;box-sizing: border-box;min-width: 1300px;
}
.n_box:after{
    display: block;content: "";clear: both;
}


 
 /* 导航栏样式 */
        nav { height: 100px;
            position: fixed; min-width: 1300px;
            top: 0;
            left: 0;
            width: 100%;
            padding: 0 5vw;
            display: flex;
            justify-content: space-between;
            align-items: center;
            z-index: 1000;
           
        }
        
/*抬头logo*/
.navbar .logo { overflow:hidden;}
.navbar .logo .logowhite{display: block;width: auto;height: 56px;}
.navbar .logo .logoblue{display:none;width: auto;height: 56px;}  
.navbar.navbg .logo .logowhite,.navbar:hover .logo .logowhite{display: none;}
.navbar.navbg .logo .logoblue,.navbar:hover .logo .logoblue{display:block;}  


     
/*导航*/
.nav>ul,.hright,.nav,.nav .topt{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}

.nav>ul>li{  padding:0 2vw;line-height:100px;}


.nav>ul>li>a{ font-size:19px; color:#fff; display:block;  position:relative;  
  
} 

.nav>ul>li.cur>a:after,.nav>ul>li:hover>a:after{ width:100%;}
.nav>ul>li.cur>a,.nav>ul>li:hover>a{  color: #00248a !important; font-weight: bold;
    
}



.nav>ul>li .xiala{position: absolute;top: 100px;left: 0; display: block;
    width: 100%; background: #fff;box-sizing: border-box; box-shadow: 0 2px 10px inset rgba(0,0,0,10%);
    height: 0;overflow: hidden;transition: all ease 0.5s;
}
.nav>ul>li:hover .xiala{
 padding:0 0;  height: auto;
}

.nav>ul>li .cpqhdh{
    display: flex;justify-content: space-between;
}
.nav>ul>li:hover .cpqhdh .hd{width:32%;float: left; padding:2vw 0;box-sizing: border-box;  background: #f5f5f5;max-height:700px;overflow-y: scroll;
    
}

.nav>ul>li .cpqhdh .hd li{
    display: block;margin-bottom: 1.1vw;
}
.nav>ul>li .cpqhdh .hd a{
    display: block;font-size: 16px;color: #333;line-height: 1.8; padding: 0 5vw;  
}
.nav>ul>li .cpqhdh .hd li a span{font-size:30px;vertical-align: middle;color:#666;
    display: none;
}
.nav>ul>li .cpqhdh .hd li:nth-of-type(1) a span:nth-of-type(1){display:inline-block;}
.nav>ul>li .cpqhdh .hd li:nth-of-type(2) a span:nth-of-type(2){display:inline-block;}
.nav>ul>li .cpqhdh .hd li:nth-of-type(3) a span:nth-of-type(3){display:inline-block;}
.nav>ul>li .cpqhdh .hd li:nth-of-type(4) a span:nth-of-type(4){display:inline-block;}

.nav>ul>li:hover .cpqhdh .hd  dt a{ font-size:24px;color:#222;}

.nav>ul>li:hover .cpqhdh .hd a:hover,.nav>ul>li:hover .cpqhdh .hd li.on dt a,.nav>ul>li:hover .cpqhdh .hd li.on dt a span{
    color: #00248a;
}
.nav>ul>li .cpqhdh .bd{width:68%; float:right; padding:2vw 5vw 2vw 2%;box-sizing: border-box;overflow:hidden;position:relative; }

.nav>ul>li .cpqhdh .bd ul li{
    display: block;max-width:100%;
}
.cpdhxiala{
   position: relative;

}
.cpdhxiala:After{
    display: block;content: "";clear: both;
}
.cpdhxiala a{float: left;
   width: 22%; font-size: 15px;line-height: 3; margin:0 1.5%;text-align: center;color: #666;display: inline-block
}
.cpdhxiala a span{
    display: block;
}
.cpdhxiala a .pic{
    display: block;overflow: hidden;border: 1px solid #eee;
}
.cpdhxiala a .pic img{
    display: block;width: 100%;height: auto;transition: all ease 0.5s;
}
.cpdhxiala a:hover .pic img{transform:scale(1.1);}

.headerbg .nav>ul>li .xiala{top:100px;}



.navlayout {width:50px; position:relative;text-align:center;}
.navlayout i{
    font-size: 17px;color: #fff;
}
.navlayout .navxia{position: absolute;top:100%;left: -25px;line-height:25px;transition: all ease 0.5s;display: none;
    width: 100px;text-align: center;background:#fff;overflow: hidden;height:70px; font-size: 16px; padding-top: 10px;
}
.nav .navlayout .navxia a{font-size:16px !important;}
.navlayout:hover .navxia{display:block;}
    
    
/*搜索*/
.sousuo{
    cursor: pointer; padding-left: 15px; height: 100%;
}
.sousuo em{
    font-size: 20px;color:#fff;line-height: 100px;
}
.iser_box{background:#fff;width:100%;box-sizing:border-box; position: absolute;top:100px;right: 0;padding: 25px 30px 30px 30px; z-index: 9;
    border-top: 1px solid #eee;
}
.iser_box .iShow{ visibility:visible; opacity:1; top:62px;}

.topall .box{
    position: relative;
}


/*简介导航*/
.jjdh {
    text-align: center;/* padding-right: 8vw;*/ padding: 5px 0;
}
/*.nav>ul>li:nth-of-type(3) .jjdh{padding-right:29vw;}*/
/*.nav>ul>li:nth-of-type(4) .jjdh{padding-right:21.9vw;}*/
.jjdh a{
    display: inline-block;width: auto;padding: 0 2vw;line-height: 45px;background: #f5f5f5;font-size: 16px;margin: 0 10px;
}
.jjdh a:hover{ background:#00248a;color:#fff;}


/*电话*/
.nav .topt{ height:100px;line-height: 100px;}
.nav .topt a{
    display: block;font-size: 20px;color: #fff;
}

.nav .topt .tel{ position:relative; padding:0 15px;}
.nav .topt .tel i{font-size:20px;color:#fff;cursor:pointer;height:100px;}
.nav .topt .tel span{display:none; border-top: 1px solid #eee;
    position: absolute;top: 100px;width:340px;right: -72px;background: #fff;font-size: 26px;font-family: "arial";color: #222;padding:1vw 2vw;line-height: 2;
}



.nav .topt .tel:hover span{
    display: block;}

.headerbg .logo{ padding-top:15px;}
.headerbg .logo img{height:45px;}
.headerbg .nav>ul>li>a{ padding-top:10px;}



/*鼠标经过*/
.navbar:hover,.navbg{ background:#fff;border-bottom:1px solid #eee;}
.navbar:hover .nav>ul>li>a,.navbar.navbg .nav>ul>li>a,.navbar:hover .sousuo em,.navbar:hover .nav .topt a,.navbar:hover .nav .topt .tel i,
.navbar.navbg .nav>ul>li>a,.navbar.navbg .nav>ul>li>a,.navbar.navbg .sousuo em,.navbar.navbg .nav .topt a,.navbar.navbg .nav .topt .tel i,
.navbar.navbg .navlayout i,.navbar:hover .navlayout i

{color:#222;}
.nav .topt .tel:hover i,.nav .topt a:hover,.sousuo em:hover{color:#00248a !important;}



/*通用标题*/
.prodt{
    text-align: center;font-size:46px;color: #222;line-height: 1; margin-bottom:3vw;
}

.hidden{display: none;}


/*留言*/

.shouyely{ 
    padding: 4vw 5vw;width: 100%;box-sizing: border-box;min-width: 1300px;background: url(images/sylybg.jpg) center no-repeat;
}
.w60{
    width: 60%;
}
.shouyely .feedback_content li{ width:32.5%;
    box-sizing: border-box;float: left;
}
.shouyely .feedback_content li+li{ margin-left:1%;}
.shouyely .feedback_content li input{ box-sizing: border-box;font-size: 15px;background: transparent;border: 1px solid transparent; border-bottom:1px solid #ddd;
    width: 100%;line-height: 50px;outline: transparent; padding-left: 0;
}
.shouyely .feedback_content li.fb_message{ width:100%;margin-left:0; margin-top:2%;}
.shouyely .feedback_content li.fb_message .wbf-textarea{width:100%;padding: 20px 0; line-height:1.4;border: 1px solid transparent;outline: transparent;  min-height:100px;background: transparent;border-bottom: 1px solid #ddd;
    box-sizing: border-box;font-size: 15px;
}
.xiamtj{
    margin-top: 40px;
}
.xiamtj li{
    display: inline-block;margin-right:2.5vw;
}
.xiamtj li input{border:none;outline:transparent; line-height:40px;padding:0 5px; width:90px;}
.xiamtj li.yzma{
    background: #fff;padding: 5px 10px;
}
.xiamtj li.yzma img{
   display: inline-block;
    margin: 0;
    vertical-align: middle;
}
.xiamtj li.chongzhi input{
    line-height: 50px;background: #fff;color: #333;width: auto;padding: 0 50px;font-size: 16px;
}
.xiamtj li.tijiao a{
    line-height: 50px;background: #1d1f86;color: #fff;padding: 0 50px;font-size: 16px;display: block;
}




/*版权*/
.copyall{
    width: 100%;min-width: 1300px;background: #1d1d1d;color: #fff;padding: 4vw 0;
}
.copyall .copydh{
    position:relative; padding:0 5vw;
}
.copynav{
    display: flex;justify-content: space-between;
}
.copynav .bqlogo{
    display: block;
}
.copynav .bqlogo img{
    display: block;max-width: 60%;
}
 .sjmt{ 
     position: absolute;right: 5vw;bottom: 0;
 }
 .sjmt a{
    display: inline-block;margin-left: 0.5vw;color: #fff;font-size: 32px;position: relative;
}
.sjmt a .code{ background: #fff;bottom: 55px;transition: all ease 0.5s;color: #222;font-size: 15px;line-height: 1.5;
    display: block;position: absolute;left:-50px;width: 120px;text-align: center;height: 0;overflow: hidden;
}
 .sjmt a .code img{
    display: block;width: 120px;height: auto;
}
.sjmt a:hover .code{
    height: 150px;border: 1px solid #eee;
}

.sjmt a:hover{color:#fff;}
.copynav .bqlogo .tel{font-size:18px;color:#fff;line-height:2; margin-top:2vw;}

.copynav li dl{font-size: 20px;color: #fff;line-height: 2;position: relative; 
}
.copynav li dl:after{
    display: block;content: "";height: 1px;background: #fff;margin: 15px 0 20px 0;
}
.copynav li a{font-size:15px; line-height: 2;
    display: block;color: #fff7;
}
.copynav li a:hover,.copyright_c a:hover{color:#fff;}


.copyright_c{ padding: 1.5vw 5vw 0 5vw;
    font-size: 15px;color: #fff7;line-height: 2;
}
.copyright_c a{font-size: 15px;color: #fff7;}


/*内页产品分类*/
.nycpfl{min-width: 250px;
    width: 20%; background: #fff;box-shadow: 0 0 5px rgba(0,0,0,10%); padding: 2vw; box-sizing: border-box; border-radius: 10px;
}
.nycpfl .ssym{ width:100%;border:1px solid #ddd; line-height:50px;overflow:hidden;margin-bottom:0;}
.nycpfl .inputxt{float: left;
    width: 80%;border: transparent;outline: none;line-height:50px;padding-left:10px; box-sizing: border-box;background: #fff;
}
.nycpfl .search-i{ background:url(images/100424_search_07_img.png)center no-repeat;width:20%;height:50px;float:right; border:none;cursor:pointer;}

.nycpflb li{
    border-bottom: 1px solid #ddd; padding: 15px 0;
}
.nycpflb li dt{background:#00248a;padding: 0 15px;}
.nycpflb li dt a{ 
    display: block;font-size: 18px;color: #fff;line-height: 50px;  background: url(images/jiantou2.png)center right no-repeat;
}
.nycpflb li dt:hover{background:#00910f;}
.nycpflb li dd a:nth-of-type(1){margin-top:13px;}
.nycpflb li dd a:nth-last-child{margin-bottom:15px;}
.nycpflb li dd a{
    display: block;font-size: 15px;color: #666;line-height:38px;
}
.nycpflb li dd a:hover{color:#00248a;}
.nycpflb li dd a:before{
    display: inline-block;padding-right: 5px;font-size: 15px;
}
.nboxr{
    width: 77%;position: relative;box-sizing: border-box;background: #fff;
}
.top40{ margin-top:40px;}
.top60{ margin-top:60px;}
.top80{ margin-top:80px;}

.top140{ margin-top:140px;}
.top150{ margin-top:150px;}


.vi{
    max-width: 60%;max-height: 600px;display: block;margin: 0  auto;
}



/*内页简介*/
.nus{
    padding: 5vw 5vw 0 5vw;min-width: 1300px;
}
   .nus .prodt{margin-bottom: 2vw;}
   
        .nusw{
            background: #f5f5f5;padding:4vw ;font-size: 17px;line-height:1.8;text-align: justify;
        }
        .nusw p{
            text-indent: 2em;
        }
        .nusw p+p{ margin-top:1vw;}
 .nusw dl{font-size:18px;color:#222;font-weight:bold;text-indent:32px; padding-top:1vw;}

.nus .prodt dl{color: #00248a;
    font-weight: bold;}
.nus .prodt dt{font-size: 38px;
    color: #222;
    line-height: 2;}
.top3vw{ margin-top:3vw;}

/*数字滚动*/
.num{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;  font-size:20px; color:#333; text-align:center; 
    }
.num span,.num i{ display:inline-block; vertical-align:-webkit-baseline-middle;}
.num span{ font-size:58px; color:#000000; font-family:arial; position:relative; z-index:3;}
.num i{ border-radius:50%; width:30px; height:30px; font-size:22px; line-height:26px; color:#fff; background:#00248a; margin-left:3px;}
.num p+p{ margin-top:1px;}



 /*企业文化*/
 .culture{
     width: 100%;min-width: 1300px;background: #f5f5f5;margin-top:5vw;padding: 5vw 5vw;text-align: center; box-sizing: border-box;
 }
  .cultureb{
      display: flex;justify-content: space-between; margin-top: 2vw;
  }
.cultureb li{border-radius: 10px;position: relative;cursor: pointer;overflow: hidden;
    width: 49%;background: #fff;box-sizing: border-box;padding: 3vw;text-align: center;
}
.cultureb li .pic{font-size:50px;color:#fff; width:110px;height:110px;line-height: 90px; margin: 0 auto;transition: all ease 0.5s;
    background: #00248a;border-radius: 50%;border: 10px solid #d8e2ff;position: relative;z-index: 2;
}
.cultureb li .text{ font-size:20px;line-height:1.8; padding-top:1.5vw;position: relative;z-index: 2;}
.cultureb li .text dl{ font-size:32px;color:#222; padding-bottom:1vw;transition: all ease 0.5s;}


.cultureb li:after{content:"";bottom: 0;left: 0;transition: all ease 0.5s;position: absolute;
    display: block;width: 0;height:0;background: #00248a;
}
.cultureb li:hover:after{width:100%;height:100%;}
.cultureb li:hover{color: #fff9;}
.cultureb li:hover dl{color:#fff;}
.cultureb li:hover .pic{background: #00910f;border-color:#fff;}
 
 

/*内页企业资质 */
 .nyqyzz{
     width: 100%;min-width: 1300px; position: relative;  text-align: center;
 }
 .nyqyzz img{
     display: block;width: 100%;height: auto;min-width: 1300px;
 } 
  .nyqyzzw{
      position: absolute;text-align: center;z-index: 2;top: 5vw;text-align: center;
  }
 


.nyqyzzw .prodt{ padding: 0 14vw; }
.nyqyzzw .prodt p{font-size: 18px;line-height: 1.8; margin-top:2vw;}



/*赫派服务*/
.sqzh{
  width: 100%;min-width: 1300px;background: #fff;padding: 5vw 5vw;text-align: center; box-sizing: border-box;  
}
.sqzh .cultureb li{ background:#f5f5f5;width:23%;}
.sqzh .cultureb li:nth-of-type(3){width:50%;}
.sqzh .cultureb li .text{font-size:18px;}


/*服务中心*/
.nyfwzx{
    padding: 5vw;min-width: 1300px; font-size: 17px;color: #333;line-height: 2;
}
.nyfwzxb{
    background: #f5f5f5;padding:4vw 5vw;
}
.nyfwzxb dl{ font-size:26px;color:#00248a; font-weight:bold;}
.top2vw{ margin-top:2vw;}





 /*内页幻灯片*/
.mod1019 .banner .ban_bg{ overflow: hidden;display: flex;    justify-content: center; align-items: center;
   
    text-align: center;color: transparent;position: relative;
}
.mod1019 .banner .ban_bg div, .mod1019 .banner .ban_bg p{display:none;}
 .mod1019 .banner .ban_bg .banner_w .box{ display:block;}
 .mod1019 .banner .ban_bg .banner_w { display:block;  width:auto;  font-size: 28px;    color: #fff; line-height:1.4;text-align:center;  margin-top:-45px;
     text-shadow: 0 0 10px rgba(0,0,0,10%);
 }
  .mod1019 .banner .ban_bg .banner_w p{letter-spacing: 2px;
      display: block;
  }
 .mod1019 .banner .ban_bg .banner_w b {    display:block; color: #fff; font-size:60px; letter-spacing:5px; font-weight:normal; font-weight:bold;}
 .mod1019 .banner .ban_bg .banner_w b span{   display: block;} 
 .mod1019 .banner .ban_bg .textright{ text-align: right !important;}
 
 .miaoshu .banner_w {display:none;}




/*优势*/
.youshi{
    padding: 5vw 0 0 0;width: 100%;min-width: 1300px;box-sizing: border-box;
}
.youshi .prodt dl{color:#00248a;font-weight:bold;}
.youshi .prodt dt{font-size:38px;color:#222; line-height:2;}
.youshib{
    display: flex;justify-content: space-between;
}
.youshib li{border-radius: 10px;position: relative;cursor: pointer;overflow: hidden;
    width: 32%;background: #f5f5f5;box-sizing: border-box;padding: 3vw;text-align: center;
}
.youshib li .pic{font-size:50px;color:#fff; width:110px;height:110px;line-height: 90px; margin: 0 auto;transition: all ease 0.5s;
    background: #00248a;border-radius: 50%;border: 10px solid #d8e2ff;position: relative;z-index: 2;
}
.youshib li .text{ font-size:20px;line-height:1.8; padding-top:1.5vw;position: relative;z-index: 2;}
.youshib li .text dl{ font-size:32px;color:#222; padding-bottom:1vw;transition: all ease 0.5s;}


.youshib li:after{content:"";bottom: 0;left: 0;transition: all ease 0.5s;position: absolute;
    display: block;width: 0;height:0;background: #00248a;
}
.youshib li:hover:after{width:100%;height:100%;}
.youshib li:hover{color: #fff9;}
.youshib li:hover dl{color:#fff;}
.youshib li:hover .pic{background: #00910f;border-color:#fff;}









@media(max-width:1680px){

.nusw{font-size:16px;}
.nyfwzxb dl{font-size:24px;}
.copyright_c span{
    display:none;
}
.mod1019 .banner .ban_bg .banner_w{font-size:26px;}
.mod1019 .banner .ban_bg .banner_w b{font-size:58px;}
.nyqyzzw .prodt{ padding: 0 10vw; }

}
  
  @media(max-width:1440px){
.nav>ul>li:hover .cpqhdh .hd dt a{font-size:22px;}
.nav>ul>li .cpqhdh .hd a{font-size:15px ;}
.nyfwzx,.num{font-size:18px;}
.nyfwzxb dl{font-size:22px;}
.cultureb li .text{font-size:18px;}

.copyright_c,.copyright_c a{font-size:14px;}
.copynav .bqlogo .tel{font-size:17px;}
.mod1019 .banner .ban_bg .banner_w{font-size:24px;}
.mod1019 .banner .ban_bg .banner_w b{font-size:56px;}

.nyqyzzw .prodt{ padding: 0 8vw; }

}

  
    @media(max-width:1366px){
.nav>ul>li:hover .cpqhdh .hd dt a{font-size:20px ;}

.nusw{font-size:15px;}
.cultureb li .text{font-size:16px;}
.mod1019 .banner .ban_bg .banner_w b{font-size:54px;}
.mod1019 .banner .ban_bg .banner_w{font-size:22px;}

.nyqyzzw .prodt{ padding: 0 5vw; }
}