/*------    公共样式    ------*/

body{background: #fafafa;}
a:hover{text-decoration: none;}
.ht10{height: 10px;}
.ht20{height: 20px;}
.ht30{height: 30px;}
.ht60{height: 60px;}
.themeColor{color: #008df2;}
.titleA{font-size: 36px;color: #008df2;}
.titleAintro{font-size: 14px;color: #646464;}
.bg-eee{background: #eee;}

.tel{font-size: 1.2rem;font-family: arial;}
.tel .fa{width: 1.2rem;height: 1.2rem;background: #008df2;color: #fff;text-align: center;font-size: .9rem;line-height: 1.2rem;position: relative;top: -.2rem;}

.navbar .nav-item{margin: 0 1.2rem;}
.navbar-light .navbar-nav .active .nav-link{font-size: 16px;color: #008df2;}
.navbar-light .navbar-nav .nav-link{border-bottom: 0.12em solid #fafafa;padding: 3px 0;margin: 0 .6rem;}
.navbar-light .navbar-nav .nav-link:hover{color: #008df2;border-bottom: 0.12em solid #008df2;}
.dropdown-toggle::after{display: none;}
.dropdown-item{font-size: 14px;color: #666;}

.carousel-theme{position: absolute;top: 0;color: #fff;display: table;left: 3rem;}
.carousel-theme .desc{display: table-cell;vertical-align: middle;height: 170px;}
.carousel-theme .desc h5{font-size: 12px;}
@media (min-width: 576px) {
  .carousel-theme{left: 5rem;}
  .carousel-theme .desc{height: 230px;}
  .carousel-theme .desc h5{font-size: 1rem;}
  .carousel-theme .desc p{font-size: .6rem;}
}
@media (min-width: 992px) {
  .carousel-theme{left: 10rem;}
  .carousel-theme .desc{height: 400px;}
  .carousel-theme .desc h5{font-size: 2.2rem;}
  .carousel-theme .desc p{font-size: 1.2rem;}
}

.sidebar-nav{position:fixed;top:50%;right:0;z-index: 9;}
.sidebar-nav a{display:block;width:3.6rem;height:3.6rem;margin-bottom:1px;background: #ddd;position: relative;}
.sidebar-nav a span{color: #008df2;font-size: 1.5rem;display: block;text-align: center;line-height: 3.6rem;}
.pop{width:0;height:3.6rem;line-height:3.6rem;background:#008df2;position:absolute;top:0;right:3.7rem;font-size:1rem;color:#fff;visibility:hidden;text-align: center;}

/*------    首页样式    ------*/

#myCarousel .carousel-item .container{min-height: 320px;}

.product{background: #f5f5f5;overflow: hidden;}
.product:hover{border: 1px solid #008df2;}
.product .card-body{border-bottom: 1px dashed #f3f3f3;}
.product .card-body .card-title{color: #008df2;font-size: 20px;}
.product .card-body .card-title .more{float: right;font-size: .9rem;margin-top: .3rem;}
.product .card-img-overlay{top: 3.6rem;color: #333;font-size: .9rem;line-height: 1.6;padding: 1.2rem .8rem;}

.caseBox{background:#0398f0 url(../images/caseBg.jpg) no-repeat center;padding-bottom: 60px;}
.caseBox .titleA,.caseBox .titleAintro,.aboutBox .titleA,.aboutBox .titleAintro{color: #fff;}
.case{padding: 0;overflow: hidden;}
.case img{-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;}
.case:hover img{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;z-index: 9;}
.case .intro{background: rgba(0,0,0,.5);position: relative;margin-top: -2rem;z-index: 10;}
.case .intro h2{font-size: 16px;color: #fff;text-align: center;margin-bottom: 0;line-height: 2rem;}

.news a{padding: 10px 12px;border: 1px solid #fff;background: #fff;}
.news a:hover{box-shadow: 0 1px 4px #aaa;}
.news h2{font-size: 17px;color: #666;}
.news h3{font-size: 20px;text-align: center;line-height: 2.8rem;}
.news h4{font-size: 15px;text-align: center;}
.news p{font-size: 14px;color: #aaa;margin-bottom: 0;}
.news .date{background: #bbb;color: #fff;}
.news .card-body{padding: 0 .4rem;}
.news .card-title{margin-bottom: .5rem;height: 1.2rem;overflow: hidden;}
.news .card-text{height: 3.6rem;overflow: hidden;font-size: .8rem;}

.aboutBox{background:#024fb2 url(../images/aboutBg.jpg) no-repeat center;padding-bottom: 60px;}
.aboutBox p{color: #fff;font-size: 15px;line-height: 1.8;text-indent: 2em;}
.aboutBox .titleAintro{text-indent: 0;}
.consult{border: 1px solid #0099f0;width: 260px;line-height: 36px;border-radius: 18px;color: #ccc;background: #29353c;}
.consult .fa{color: #008df2;}
.consult:hover{box-shadow: 0 1px 2px #0099f0;color: #ccc;}

.footer{background: #333;}
.footer a{color: #999;}
.footer a:hover{color: #eee;}
.footer-nav dl dt{margin-bottom: .6rem;color: #eee;}
.footer-nav dl dt a{color: #ccc;font-size: 16px;}
.footer-nav dl dd{line-height: 1.2;}
.footer-nav dl dd a{font-size: 12px;}
.footer-cr{font-size: 12px;color: #999;line-height: 1.2;}

/*------    列表页样式    ------*/

.banner{background: #008df2;color: #fff;}
.banner h1{font-size: 1.4rem;}
.banner h2{font-size: .6rem;font-family: arial;color: #99d6ff;}
.banner h3{font-size: 1rem;}
.vline{display: block;width: 1px;height: 1.6rem;background: rgba(255,255,255,.5);margin:0 auto;}
@media (min-width: 768px) {
  .banner h1{font-size: 2rem;}
  .banner h2{font-size: 1rem;}
  .banner h3{font-size: 1.4rem;}
  .vline{height: 2.4rem;}
}

.breadcrumb{background: #fafafa;border-bottom: 1px solid #ccc;padding: 1.5rem 1rem .6rem;}
.breadcrumb a{color: #666;}
.breadcrumb a:hover{color: #008df2;}
.breadcrumb a .fa{color: #008df2;font-size: 1.2rem;margin-right: .3rem;}

.leftnav .card-body{padding: 0;}
.leftnav .card-body a{display: block;color: #666;line-height: 2.6;text-indent: 2em;background: #f0f0f0;border-bottom: 1px solid #fff;font-size: .9rem;}
.leftnav .card-body a.last{border-bottom: 1px solid #006199;}
.leftnav .card-body a:hover,.leftnav .card-body a.active{color: #008df2;}
.leftnav .card-header{background: #006199;padding: .3rem 1rem .3rem .5rem;}
.leftnav .card-header .btn-link{display: block;color: #fff;text-align: left;background: url(../images/up.gif) no-repeat center right;font-size: 1.1rem;}
.leftnav .card-header .collapsed{background: url(../images/down.gif) no-repeat center right;}
.leftnav .card-header .btn-link:hover{text-decoration: none;}

.download .card{padding: .5rem;border-radius: 0;box-shadow: 0 0 2px #eee;}
.download .card a{font-size: .8rem;padding: .2rem 1rem;}
.card-body{padding: .8rem;}
.card-title{font-size: 16px;color: #666;}
.card-body p{font-size: 12px;color: #aaa;font-family: arial;}

.news-list:hover{box-shadow: 0 0 2px #ccc;}
.news-list .card-title{font-size: 1.1rem;color: #008df2;}
.news-list .summary{height: 3rem;overflow: hidden;}
.news-list .card-text{font-size: 1rem;}

.product-list img{height: 200px;}

/*------    详情页样式    ------*/

.thumbnail:hover{cursor: pointer;}

.contactdt{background: none;padding: 1rem;}
.contactdt .fa{color: #999;width: 2rem;text-align: center;}
.contactdt .fa-mobile-phone{font-size: 1.4rem;position: relative;top: 2px;}
.contactdt p{font-size: 1rem;color: #666;}
.contactdt .card-title{font-size: 1.6rem;line-height: 2;color: #333;}
.pd2{padding: .2rem 1rem;}
.pd3{padding: 0.5rem 1rem 1.2rem;}
.txtin2{text-indent: 2em;line-height: 1.8rem;}
.bdbd{border-bottom:1px dashed #ccc;}
.pd0{padding-bottom: 0;}
.ffa{font-family: arial;}
.listsec{padding: 0 1rem;}
.listsec li{color: #666;font-size: 14px;}
.listsec li ul li{color: #888;font-size: 13px;list-style-type: disc;}

.case-detail h6{background: #eee;}
.case-detail .list-group-item{padding: .5rem;font-size: .9rem;}

.history{border-left: 3px solid #008df2;margin-bottom: 1rem;margin-left: 1.3rem;padding: 1rem;background: #e5f2ff;}
.history .list-group li{border: 0;background: none;font-size: .8rem;padding: .5rem 0;display: list-item;margin-left: 1rem;}
.year{color: #008df2;font-size: 2rem;}
.year .fa{font-size: 1rem;color: #008df2;}
.year .fa:before{vertical-align: super;padding-right: .5rem;}

.service{margin-bottom: 2rem;}
.service h5{color: #008df2;}
.service .fa{color: #999;}
.service div{border: 3px solid #008df2;width: 14rem;height: 14rem;padding: 2rem 0;}
.service div h2{height: 3.3rem;}
.service div h2 img{width: auto;}
.service div h3{font-size: 1.4rem;color: #008df2;font-weight: bold;}
.service div p{font-size: .9rem;color: #666;}

.joinus .list-group-item{border-radius: 0;font-size: .8rem;}
.joinus .list-group-item.active{background: #ddd;font-size: 1rem;border: 0;color: #666;}
.joinus .list-group-item ul{padding-left: 1rem;}
.joinus .list-group-item ul li{list-style-type: decimal;line-height: 2;}

.message{border: 1px solid #ccc;padding: 2rem;}