/* 字体 */

* { font-family: "Microsoft YaHei"; }
.yihang { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.lianghang { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sanhang { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.sihang { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.wuhang { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.liuhang { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.qihang { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; }
.bahang { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; }
.jiuhang { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; }
/* 距离设置 */

.m0 { margin: 0; }
.mb0 { margin-bottom: 0; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.mt-10 { margin-top: -10px; }
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.mr20 { margin-right: 20px; }
.mt30 { margin-top: 30px; }
.mb30 { margin-bottom: 30px; }
.mt50 { margin-top: 50px; }
.mb30 { margin-bottom: 30px; }
.mb50 { margin-bottom: 50px; }
.mb80 { margin-bottom: 80px; }
.p15 { padding: 15px; }
.p0{padding: 0;}
.mr10{margin-right: 10px;}
/* 颜色 */

body { background: #ecf4ff; }
.bg-f7 { background: #f7f7f7; }
.bg-f1 { background: #f1f1f1; }
.bg-zhu { background: #0d6fd4; }
.bg-bai { background: #fff; }
.color-zhu { color: #0d6fd4; }
.color-bai { color: #fff; }
a { color: #333; }
a:focus, a:hover { color: #0d6fd4; text-decoration: none; }
.kuang { border: 1px solid #c7def5; }
.img-center { display: block; margin: 0 auto; }
.text-weight { font-weight: bold; }
.lh2 { line-height: 2; }
.lh30 { line-height: 30px; }
.h302 { height: 370px; }
.h300 { height: 300px; }
.h249{height: 249px;}
.h338{height: 338px;}


/* -------  top样式 --------- */

.top { line-height: 38px; background: rgba(255, 255, 255, .41); }
#Top1 { background: url(../images/Top-bj.jpg) center no-repeat; height: 234px; }


/* 调整轮播图鼠标样式 */
.carousel-control.left { cursor: url("../images/arrow-left.png"), url("../images/arrow-left.cur"), default !important; background: none; }
.carousel-control.right { cursor: url("../images/arrow-right.png"), url("../images/arrow-right.cur"), default !important; background: none; }
.carousel-control { width: 50%; }
.carousel-inner>.item { height: 300px; }


/* 企业资质 */
#H-zizhi-lunbo{margin-left: 5%; }
#H-zizhi-lunbo img{width: 100%;height: 100%;}

/* Logo&Tel */
 .logo.container { margin-top: 90px;  }

/* Nav */
.navbar { border-radius: 0; border-bottom: 0; margin-bottom: 0; border: none; background: #0d6fd4; border-bottom: 3px solid #0b3dac; height: 38px; position: relative; overflow: visible; min-height: 38px; }
.navbar i { font-size: 18px; }
.daohang { position: absolute; left: 50%; margin-left: -600px; bottom: 0; padding: 0 11px; }
.nav-l { position: absolute; left: 0; bottom: 0; }
.nav-r { position: absolute; right: 0; bottom: 0; }
.navbar-collapse { padding: 0; }
.navbar-default .navbar-toggle { background: #0d6fd4; border-color: #0d6fd4 }
.navbar-default .navbar-toggle .icon-bar { background: #fff }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background: #0d6fd4 }
#Top1-nav>li { border-right: 1px solid #dddddd; }
#Top1-nav>li>a { padding: 16px 0; color: #444; background: #fff; border-radius: 0; font-size: 16px; }
#Top1-nav>li>a:focus, #Top1-nav>li>a:hover { color: #fff; background-color: #0d6fd4; border-radius: 0; }
#Top1-nav>.active>a, #Top1-nav>.active>a:focus, #Top1-nav>.active>a:hover { color: #fff; background-color: #0d6fd4; border-radius: 0; }


/* 首页查看更多 */

.More a { display: block; width: 170px; height: 40px; border: 1px solid #d2d2d2; border-radius: 5px; line-height: 40px; margin: 0 auto; }
.More a:hover { color: #fff; border: none; background: #0d6fd4; background: -webkit-linear-gradient(left, #00adff, #0d6fd4); /*自左向右渐变*/
background: -moz-linear-gradient(left, #00adff, #0d6fd4); /*自左向右渐变*/
background: -o-linear-gradient(left, #00adff, #0d6fd4);/*自左向右渐变*/ }
/* 首页小标题 */

.H-title { border-bottom-color: #ddd; display: inline-block; width: 100%; }
.H-title a { font-size: 70%;  margin-top: .5rem;
}
.H-er-title a { font-size: 70%;  margin-top: .5rem;
}
.H-New-list { line-height: 2; text-indent: 1em; }
.H-New-list li { background: url(../images/icon-list.png) 15px center no-repeat; padding-left: 15px;    padding-right: 15px; }
.H-New-list li a { font-size: 13px; }
.H-New-list span { font-size: 70%;  margin-top: .2rem;
}
/* 底部 */

.Foot { border-top: 5px solid #e5e5e5; background: #333; }
.Foot-title span { border-bottom: 2px #666 solid; padding-bottom: 10px; }
/* 手机版图片导航 */

.M-pic-nav { margin-top: 20px; }
.M-pic-nav .iconfont { font-size: 2.5rem; background: #063; color: #fff; display: block; text-align: center; border-radius: 1.8rem; width: 4.2rem; height: 4.2rem; line-height: 4.2rem; margin: 0 auto; }
.M-pic-nav .container>div { padding: 0;  font-size: .9rem;color: #666; line-height: 3; }

/* 手机版板块间隔*/
.M-jiange { height: 13px; background: #f2f2f2; border: 1px solid #e8e8e8; border-left: 0; border-right: 0; margin: 20px 0; }

/* 手机版底部导航 */
.M-foot>div { padding: 0; }
.M-foot-height { height: 60px; }
.M-nav-height { height: 50px; }




/* 主导航 */
.Title { background: url(../images/title-bg-h.png) center repeat-x; margin-bottom: 20px; }
.Title span { background: url(../images/title-bg-b.png); width: 134px; height: 43px; display: block; text-align: center; color: #fff; line-height: 43px; font-size: 16px; }

/* 副导航 */
.M-title { border-bottom: 1px solid #c7def5; background: url(../images/title-bg.png) repeat-x; margin-bottom: 10px; line-height: 35px; height: 35px; margin-top: 0;    padding: 0 .5em;}
.M-title h4 { font-size: 20px; }
.M-title a, #More-a { line-height: 35px;color: #999; }

/* 服务项目列表 */
.H-Ser-list{margin-top: -10px;}
.H-Ser-list li a { line-height: 42px; background: #008fd4; display: block; height: 42px; margin-bottom: 10px; color: #fff; }
.H-Ser-list li a:hover{background: #0c6dcc;}
/* 关于我们 */
.About { padding: 10px 15px; }

/* 四小板块 */
.H-ad a{font-size: 24px;display: block;text-align: center;padding: 18px; 
    text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
-webkit-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
-moz-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
*filter: Glow(color=#fff, strength=255);}
.H-ad-t1, .H-ad-t1:hover{color: #003a9f;}
.H-ad-t2, .H-ad-t2:hover{color: #84080d;}
.H-ad-t3, .H-ad-t3:hover{color: #328605;}
.H-ad-t4, .H-ad-t4:hover{color: #2d6b11;}


/* 案例 */

.H-case-con{box-shadow: none; border:none; margin: 0;}
.H-case-con .layui-tab-title li{line-height: 35px;}
.H-case-con .layui-tab-title .layui-this:after{height: 35px;}
.H-case-con figure{height: 240px;}
.H-case-con figcaption{font-size: 16px;padding: 6px;}


.H-Case-list{margin-top: -15px;}
.H-Case-list li a {font-weight: bold;font-size: 20px;color: #0d48a2; line-height: 73px; background: url(../images/case-bg.jpg) center;background-size: cover; display: block; height: 73px; margin-top: 15px; 
  text-shadow: 0 1px #fff, 1px 0 #fff, -1px 0 #fff, 0 -1px #fff;
}


/* 友情链接 */
.blk_29 {position: relative;}
.blk_29 .LeftBotton {	background: url(../images/ca_hz_002.gif) no-repeat 0px 0px; left: 5px; float: left; width: 13px; cursor: pointer; position: absolute; top: 50%;	 margin-top: -13px; height: 26px}
.blk_29 .RightBotton {	right: 5px; background: url(../images/ca_hz_002.gif) no-repeat -13px 0px; float: right; width: 13px; cursor: pointer; position: absolute;top: 50%;	 margin-top: -13px; height: 26px}
.blk_29 .Cont {overflow: hidden;width: 95%;    margin-left: 2.5%; }
.blk_29 .box {float: left;   padding: 10px;}
.blk_29 .box img {  display: block;background: #fff;margin: 0px auto;padding: 3px;border: #add2fc 1px solid;width: 202px;height: 63px;}
.blk_29 .box a:hover img {	border-right: #5385cc 1px solid; border-top: #5385cc 1px solid; border-left: #5385cc 1px solid; border-bottom: #5385cc 1px solid}


.layui-tab-title li{font-size: 16px;}

 @media (min-width: 768px) {
.H-title { font-size: 1.5rem; }
/* Footer */
.Footer { padding-bottom: 20px; }
.Footer .page-header { border-color: #aaa; }
.Footer .social { margin: 3em auto; }
.H-zizhi, .H-about{width: 37.5%;}
.H-ser{width: 25%;}
.H-case{width: 75%;}
}
 @media (max-width: 767px) {
body{    background: #fff;}
.daohang { position: relative; left: 0; margin-left: 0; z-index: 999999999; background: #fff; position: fixed; top: 0; height: 50px; width: 100%;     border-bottom: 1px solid #ddd;}
.logo { max-height: 40px }
#Top1-nav>li>a{padding: 10px 0; }
#Top1-nav{border-bottom: 1px solid #ddd;}
.navbar-brand { padding: 5px 15px; }

.navbar-collapse.container { background: #fff; }
.navbar { min-height: 50px; }
.carousel-inner>.item { height: 150px; }
.h302 { height: auto; }
.h300 { height: auto; }
.h249{height: auto;}
.H-ad{margin-bottom: 20px;}
.H-Case-list, .H-Ser-list{margin-top: 0;}
}
 @media (max-width: 350px) {
body { font-size: 14px; }
.logo {    max-height: 39px;}
}
 @media (min-width: 992px) and (max-width: 1200px) {
.daohang { margin-left: -485px; }
}
 @media (min-width: 768px) and (max-width: 991px) {
.daohang { margin-left: -375px; }
}