.clearfix,.clear,.clean{ clear:both; }
.topArea{ background-color: #f2f2f2; height: 38px; line-height: 38px; }
.topLogo{ height:120px; }
.topLogo .container{ position:relative; }
.my-logo{ margin-top:20px; display: block; }
.my-logo img{ height:80px; }
.webTel {
    margin-top: 15px;
    float: right;
    background: url(../images/icon_tel.png) no-repeat left bottom;
    padding-left: 70px;
    padding-top: 20px;
    font-size: 28px;
    color: #dc2714;
}
.webTel span {
    display: block;
    font-size: 16px;
    color: #666;
}
.top_text {
    height: 120px;
    line-height: 120px;
    font-size: 22px;
    color: #f10d19;
    text-align: center;
}

/* en */
.language_div{  position:absolute; width:100px; right:10px; top:0; height:26px; line-height:26px; background:#2161C3;  border-bottom-left-radius:13px;   border-bottom-right-radius:13px; overflow: hidden;}
.language_div a{ float:left; width:50px; box-sizing: border-box; height:26px; line-height:26px; text-align:center; color:#fff; }
.language_div a.lg_cn{ padding-left:10px;  }
.language_div a.lg_en{ padding-right:10px; }
.language_div a.active{ background:#dc2714; }

.navbar-brand.my-1{ display:none; }
.bg-blue{ background:#2161C3 !important; margin: 0;  padding: 0; }
.navbar-light .navbar-nav .active{
    background: #f10d19;
}
.navbar-light .navbar-nav .nav-link,.navbar-light .navbar-nav .active>.nav-link {
    color: #fff;
}
.navbar-expand-lg .navbar-nav .nav-link { padding: 1rem 2.8rem 1rem 2.8rem; font-size: 16px; }
.navbar-light .navbar-nav .nav-item:hover{ background: #f10d19; }
.navbar-light .navbar-nav .nav-link:hover { color: #fff; }
.navbar-expand-lg .navbar-nav .nav-item{
    position: relative;
}
.navbar-light .navbar-nav .nav-item .sub_li{ position:absolute; display:none; z-index: 999;  width: 100%;  background: #fff;  }
.navbar-light .navbar-nav .nav-item .sub_li a{ display:block; height:40px; line-height:40px; text-align: center; color:#444; }
.navbar-light .navbar-nav .nav-item .sub_li a:Hover{ background:#f10d19; color:#fff; }
.navbar-light .navbar-nav .nav-item:hover .sub_li{ display:block; }


.index_hf1 { background: #194d9a; }
.ul_hflist{ display:flex; }
.ul_hflist li {
    width: 20%;
    height: 80px;
    text-align: center;
    position: relative;
    list-style: none;
}
.ul_hflist li .icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    top: 15px;
    background: url(../images/hf1.png) no-repeat center;
    background-position: 0 0;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}
.ul_hflist li.li2 .icon { background-position: 0 -50px; }
.ul_hflist li.li3 .icon { background-position: 0 -100px; }
.ul_hflist li.li4 .icon { background-position: 0 -150px; }
.ul_hflist li.li5 .icon { background-position: 0 -200px; }

.ul_hflist li .num {
    display: inline-block;
    text-align: left;
    margin-left: 10px;
}
.num_box .number {
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    font-family: 'Helvetica Neue',Helvetica,'Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif;
}
.num_box .text {
    font-size: 14px;
    color: #fff;
    vertical-align: top;
}
.num_box {
    margin-top: 15px;
}
.ul_hflist li .info_box {
    font-size: 12px;
    color: #fff;
}

/*company start*/
.more { float: right; padding-right: 5px; }
.title { text-align: center; }
.title p { text-align: center; font-size: 17px; color: #626262; }
.title b { font-size: 36px; }
.title b { font-size: 36px;     color: #0C4FA5; }
.title em { width: 120px; height: 1px; background: #EAB921; display: block;  margin: 10px auto; }
.company .title b { color: #fff; }
.company .title p { color: #e1eaf6; }

.company{padding: 50px 0;background: url(../images/combg.jpg) no-repeat center; background-size: cover;}
.company .title b{color: #fff;}
.company .title p{color: #e1eaf6}
.company .com_body{margin-top: 20px; background: url(../images/kuang.png) no-repeat center left; background-size:cover; }
.company .com_body .com_l{padding: 40px 50px;width: 1100px;}
.company .com_body .com_l strong{font-size: 22px;letter-spacing: 1px;color: #0C4FA5}
.company .com_body .com_l em{font-size: 15px;color: #888}
.company .com_body .com_l hr{height: 1px;border:none;background: #cfcfcf;margin: 25px 0;}
.company .com_body .com_l p{line-height: 180%; font-size: 15px; color: #626262;}
.company .com_body .com_l p a{ color: #626262; }
.company .com_body .com_l a.more{ margin-top:20px; display: block;width: 115px;height: 36px;background: #dc2714; color: #fff;text-align: center;line-height: 36px;border-radius: 10px;}
.company .com_body .com_r img{margin: 40px 0;box-shadow: 0 0 10px 0 #bbb}

#hxzzd{clear:both;}
#hxzzd .tit{background:url(../images/10.jpg) no-repeat center;height:214px;width:100%; padding-top: 20px; box-sizing: border-box; font-weight: bold;}
#hxzzd .tit p{ height:50px; line-height:50px; text-align:center; font-size:30px; font-weight:both; }
#hxzzd .tit p.en{  color:#adadad; text-transform:Uppercase; letter-spacing:2px; } 
#hxzzd .tit p.cn{ color:#252525; text-transform:Uppercase; letter-spacing:2px; }
#hxzzd .tit p.cn b{ color:#0456c1; }
#hxzzd .tit.adv_en p.en{ margin-top:40px;  }

.inpro { padding: 40px 0; }
.inpro .content { margin-top: 0; }
.inpro .lmtit { text-align: center; font-size: 30px; font-weight: bold; color: #222; margin-bottom: 5px; }
.inpro .lmtit span { color: #0195db; }
.inpro .lmjj { font-size: 14px; color: #666; text-align: center; }
.inpro .nav { text-align: center; padding: 20px 0; }
.inpro .nav ul li { float:left; width:180px; margin:10px;  position: relative; }
.inpro .nav ul li>a { display: block; font-size: 16px; color: #333; padding: 0 10px; height: 38px; line-height: 38px; background: #f5f5f5; border: 1px solid #eee; border-radius: 19px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.inpro .nav ul li:hover>a { text-decoration: none; background: #0195db; color: #fff; border: 1px solid #0195db; }
.inpro .nav ul li .erji { box-shadow: 0 0 10px rgba(0, 0, 0, .1); display: none; position: absolute; width: 200px; background: #fff; left: 50%; top: 100%; margin-left: -100px; padding: 10px; z-index: 999; }
.inpro .nav ul li .erji a { display: block; height: 35px; font-size: 14px; text-align: center; line-height: 35px; }
.inpro .nav ul li:hover .erji { display: block; }
.inpro .list ul { display: block; width: 102%; position: relative; left: -1%; }
.inpro .list ul li { display: block; float: left; width: 23%; margin: 1%; }
.inpro .list ul li.zizhi{ background:#fff; }
.inpro .list ul li .pic { border: 2px solid #eeeeee; overflow: hidden; position: relative;}
.inpro .list ul li .pic .img{ display: flex; justify-content: center; align-items: center; }
.inpro .list ul li .pic img { max-width: 100%; max-height: 100%; transition: all .5s; }
.inpro .list ul li .tit {
    font-size: 14px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    background: rgba(0,0,0,.6);
    position: absolute; left: 0; bottom: 0;
}
.inpro .list ul li:hover .pic img { transform: scale(1.1, 1.1); }
.inpro.inpro1 { background: url(../images/pic5.jpg) no-repeat center; background-size: cover; }
.inpro.inpro1 .nav ul li>a { background: #fff; }
.inpro.inpro1 .nav ul li:hover>a { text-decoration: none; background: #0195db; color: #fff; border: 1px solid #0195db; }

.liuc-section{ padding:40px 0;  }
.liuc_main{ display: flex; justify-content: space-around; align-items: center; padding: 30px 0 0;}
.liuc_main img{ width:100%; }

.subject_title{ height:40px; line-height:40px; margin: 20px 0; }
.subject_title b {
    border-bottom: 1px solid #156EB8;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    margin-bottom: -1px;
    font-weight: normal;
    color: #3b3b3b;
    font-size: 18px;
    font-family: microsoft yahei;
}
.subject .more { float: right; }
.home_news{margin-bottom:20px;background:#fff;}
.home_news_list li{
    border-bottom:1px solid #E6E6E6;
    overflow:hidden;
    padding:12px 0 12px 0;
    float:left;
    width:49%;
    margin-right:1%;
    min-height:90px;     
    box-sizing: border-box;
}
.home_news_list li .date{background:#2384D5;color:#fff;height:50px;line-height:50px;width:80px;display:inline-block;text-indent:16px;margin:5px 0 0 0;float:left;font-family:verdana;position:absolute;border-radius:5px 0 0 5px;}
.home_news_list li .date:after{content:" ";position:absolute;right:-8px;top:15px;width:20px;height:20px;border:#2384D5 solid 1px;border-left:0;border-bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#2384D5;}
.home_news_list li div{color:#999;font-size:12px;margin-left:100px;}
.home_news_list li div a{display:block;font-size:16px;color:#333;}
.home_news_list li div a:hover{color:#f30;}

.link{ height:99px; background:url(../images/link_bg.gif) no-repeat center top;overflow:hidden; }
.link h4{ font:18px "Microsoft YaHei"; height:99px; line-height:99px; overflow:hidden; float:left; width:180px; background: #cc0000; }
.link h4 a{ color:#fff;text-decoration:none;}
.link h4 em{ font:14px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 0 0 8px;}
.link p{ font: 14px "Microsoft YaHei"; height: 99px; color: #555; padding: 20px;}
.link p a{ color:#555; padding:0 15px; display:inline-block;}
.link p em{ font-family:"宋体";}

.fl {  float: left; }

.font_w {font-family: 'Microsoft YaHei'; }
.foot{background: #001f41;padding:0px 0px 24px; }
.ftNav{
    border-bottom: 1px #153252 solid;
    padding-top: 10px;
	height: 70px;}
.ftNav ul{ text-align:center;  }
.ftNav li{ display:inline-block; position:relative;padding:0 32px; height:70px; vertical-align: top; }
.ftNav li a{color:#fff;line-height:60px;padding-bottom:10px;display:block; font-size: 14px;}
.ftNav li a.ftCur em{position:absolute;height:3px;background:#6AA8F3;left:0px;bottom:-2px;width:53px;}
.ftCon{margin-top:10px;  }
.bottom{padding:10px 0px 0;line-height:30px;color:#fff; }
.bottom a{color:#fff;margin:0px 2px;}
.bottom a:hover{color:#c1c1c1;}
.bottom p span{margin-right:15px;}
.bottom .cnzz{margin-top:10px;*margin-top:0px;}
.ftLogo{ margin-top: 7px; margin-right:20px; }
.ftEwm {margin-top:50px;}
.ftEwm p{color:#fff;margin-top:8px;}
.copright {	margin: 20px 0 0 0;	text-align:left;}
.copright p { color: #fff; line-height:24px; }
.copright a { color: #fff; margin:0 0px 0 0;}
.copright a:hover { color: #ffae00; }
.ftCon { margin-top: 10px; }

.index_banner .item img{ width:100%; }

@media only screen and (max-width: 768px) {
    .navbar-brand.my-1{ display:block; }
    .topArea,.topLogo{ display:none; }
    .bg-blue{ background:none !important; padding:0 5px; }
    .navbar-nav{ background:#004c98; }
    .index_hf1{ display:none; }
    .index_padding{ padding:15px 0; }
    .index_title { height: 42px; line-height: 42px;  text-align: center; }
    .index_title .tit_text{ font-size:18px; }
    .index_cate_ul li{ line-height:32px; height:32px;  margin: 0 5px; font-size:14px; }
    .index_cate_ul li a{ font-size:14px; padding: 0 10px; }
    .index_yunmu{ padding:0 10px; }
    .index_yunmu_content { margin-top: 10px; background: none; height: auto; text-align:center; }
    .index_yunmu_content img{ position:relative; top:0; left:0;  }
    .index_yunmu_text{ position:relative; max-width:100%; left:0; top:0; }
    .index_yunmu_text h3{ display:none; }
    .index_yunmu_text p { font-size: 16px; text-align: justify; }
    .index_about_content{ padding:0 10px; }
    .index_about_content img{ max-width:100%; margin-bottom:10px; }
    .index_about_content .index_about_text{ margin:0; padding:0; }
    
    .index_pro_side{ display:none; }
    .TWLB_LIST{ padding-left:0; }
    .iFCB-PRO-4{ width:50%; }
    .index_baozhang{ padding:0 10px; }
    .baoz_left { float: none; margin-top:20px; }
    .baoz_left, .baoz_right { width: 100%; }
    .baoz1{ height:160px; margin-bottom:15px; }
    .baoz1 .text{ padding-left:160px;  }
    .baoz1 img{ width:160px; }
    .baoz2{ height:auto; margin-bottom:15px; }
    .baoz2 .text{ height:auto; padding: 10px; }
    .baoz_center{ width:100%; float:none; margin:0;  }
    .index_baozhang{ background-size: 100% 100%; }
    .baoz_tit_img{ margin-bottom:15px; }
    .baoz3{ margin-bottom:15px; }
    ul.index_case_ul li{ width:50%;  }
    .ft-wrap{ display:none; }
    .copyright{ border-top:none; margin:0; padding:0 10px; }
    .index_news_content .news_li{ width:100%; float:none; }
    .TTXW_CONTENT .m-pic .intro-info-img{ width:100px; }
    .TTXW_CONTENT .m-pic a .text{ padding-left:120px; padding-right:0; }
    
    .company .com_body .com_l{ width:100%; padding: 10px 20px; }
    .company .com_body .com_l strong{ font-size:18px; }
    .company .com_body .com_l em{ display:block; }
    #hxzzd .tit p{ height:32px; line-height:32px; text-align:center; font-size:16px; font-weight:both; }
    .inpro .nav{ display:none; }
    .inpro .list ul li{ width:48%; }
    .home_news_list li{ float:none; width:100%; padding:0 10px; }
    .link{ background:none; height:auto; }
    .link h4{ display:block; float:none; height:32px; line-height:32px; background:none; }
    .link h4 a{ color:#333;  } 
    .link p{ padding:5px 0; background: #eee; }
    .ftNav{ display:none; }
    .ftLogo{ float:none; } 
    
}