html,body{font-family: "Microsoft Yahei";min-width: 1200px;}


/* #search-area p{line-height: 33px} */
/*.absmiddle{position: relative;top: 50%;transform: translateY(-51%);}*/
.bg-base{background-color: #116cc9!important;}
.bd-base{border-color: #116cc9 !important;}
.text-base{color: #116cc9 !important;}
.bg-dark{background-color: #222!important;}
.btn-success{color: #fff!important;}
.center-banner{margin: 19px auto;}
a:hover{color: #116cc9 ;}
.page-num, .page-link{color: #116cc9 !important;}
.page-num-current{background-color: #116cc9 !important;border-color:#116cc9  !important; color: #fff!important;}
.text-base-r{color: #f74904!important;}
.text-base-r-l{color: #be3030;}

.sort-nav{background-color: #116cc9!important;color: #fff!important;}
.sort-nav:hover{background-color: #fff!important;color: #116cc9!important;}


.form-control:focus{border-color: #116cc9 ;box-shadow: 0 0 0 0.2rem rgba(0,100,00,.25)}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url(../images/index_tab_l.png)!important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url(../images/index_tab_r.png)!important;}
.swiper-pagination-bullet-active{background: #116cc9 !important;}
.center-banner .container{padding-left:0; padding-right: 0;}

.top .col-4{padding: 0;}
.top h1{font-weight: bold;}
#logo .logo-img{max-width: 75px;display: inline-block;vertical-align: top;}
#logo .comname{display: inline-block;}
#tel i,#tel div{display: inline-block;}
#tel i{font-size: 48px;}
.nav .container{display: flex; flex-wrap: nowrap;justify-content: space-between;}
.nav a:hover,.nav a.active{background-color: #f74904;color: #fff;}

.product{background: url(../images/productbg.png) top center repeat;}
.product .pro-nav dd{border-top:1px dashed #ccc;}
.product .pro-nav dd:hover{box-shadow: 5px 5px 5px rgba(0,0,0,0.2),-5px 5px 5px rgba(0,0,0,0.2);}
.product .pro-nav dd:hover{background-color: #058fd7;}
.product .pro-nav dd:hover a{color: #fff;}
.product .pro-nav a{display: block;transition: all 0.5s;position: relative;}
/*.product .pro-nav a:before{content: url(../images/logo_12.png);position: absolute;right: 0;z-index: 1;}*/
.product .pro-nav a:hover{color: #fff;padding-left: 100px;}
.product .pro-content .title span{border-bottom: 3px solid;}
.product .pro-list-info,.product .pro-list-info img{transition: all 0.35s;}
/*.product .pro-list-info:hover{background: #116cc9 ;}*/
.product .pro-list-info:hover img{box-shadow: 2px 2px 3px rgba(0,0,0,0.2),-2px 2px 3px rgba(0,0,0,0.2);}
.product .pro-list-info:hover label{color: #116cc9 ;}

.advantage{background: url(../images/advbg.jpg) repeat top;}
.advantage .advlist{line-height: 3;padding-left: 100px;}
.adv-title h3,.adv-title p{padding-left: 100px;}
.adv-title{position: relative;}
.adv-title.first:before{content: url(../images/adv-list1.png);position: absolute;left: 0;top: 0;z-index: 1;}
.adv-title.second:before{content: url(../images/adv-list2.png);position: absolute;left: 0;top: 0;z-index: 1;}
.adv-title.third:before{content: url(../images/adv-list3.png);position: absolute;left: 0;top: 0;z-index: 1;}
.adv-title.forth:before{content: url(../images/adv-list4.png);position: absolute;left: 0;top: 0;z-index: 1;}
.adv-title.fivth:before{content: url(../images/adv-list5.png);position: absolute;left: 0;top: 0;z-index: 1;}


.cases .lists{box-shadow: 4px 4px 4px rgba(0,0,0,0.1),-4px 4px 4px rgba(0,0,0,0.1);}
.cases .img-thumbnail{transition: all .3s;}
.cases .img-thumbnail:hover{transform: scale(1.1);}
/* .cases .lists  .col-3 img{
    height: 150px;
} */

.company{background: url(../images/companybg.png) repeat-x top;}
.company .company-info{line-height: 3;}
.pics{box-shadow: 4px 4px 4px rgba(0,0,0,0.1),-4px 4px 4px rgba(0,0,0,0.1);}
.pic-nav .text-success{}
.pic-list{flex-wrap: nowrap;justify-content: space-between;display: none;}
.pic-list-area .pic-list:first-child{display: flex;}
.pic-list img{transition: all .5s;}
.pic-list img:hover{transform: scale(1.05);z-index: 1;}
.pic-list a+a{border-left: 1px solid #ccc;display: block;}

.news .media:hover a{color: #116cc9 ;}

.online dl{background:#116cc9 ;}
.online dl:hover{background: #116cc9 ;}

#product.card:hover{box-shadow: 2px 2px 5px rgba(0,0,0,0.2),-2px 2px 5px rgba(0,0,0,0.2);}
/*#product.card:hover a{color: #fff;}*/

.inner-side dt{color: #116cc9 ;}
.side-content dd+dd{border-top:1px dashed #ccc;}
.side-nav dd a{transition: all 0.5s;padding-left: 19px;}
.side-nav dd a:hover{padding-left: 50px;color: #116cc9 ;}