@charset "utf-8";
a{color:#666;}
.c-c4e5fb{color:#c4e5fb;}
.va-m{vertical-align: middle;}
.w878{width:878px;}
.w306{width:306px;}
.w200{width:200px;}
.w230{width:230px;}
.w668{width:668px;}
.w124{width:141px;}/*上线之后调整的样式*/
.w130{width:130px;}
.w970{width:970px;}
.wd242{width:242.5px;}
.wd388{width:388px;}
.w160{width:160px;}
.mr16{margin-right:16px;}

/*===============================================
 热门推荐
================================================= */
.panel-heading{padding: 13px 0;border-bottom: 2px solid #AED9F7;border-top-left-radius: 0;border-top-right-radius: 0;margin-bottom: 15px}
.panel-heading .panel-title{padding:0 15px;line-height: 1;display: flex;align-items: center}
.panel-heading .panel-title a:hover{color:#62a8ea!important;}
.flo-lists{width: 350px; height: 300px!important;background: #fff;}
#floorContent .flo-list:nth-child(2n){border-left: 1px solid #f3f3f3;}
#floorContent .flo-lists:nth-child(1){border-bottom: 1px solid #f3f3f3;margin-right: 10px;}
#floorContent .flo-lists:nth-child(2){border-bottom: 1px solid #f3f3f3;}
.border-left{border-left: 1px solid #f3f3f3;box-sizing: border-box;}
.border{border: 1px solid #f3f3f3;box-sizing: border-box;}
.border-right{border-right: 1px solid #f3f3f3;box-sizing: border-box;}
.border-top{border-top: 1px solid #f3f3f3;box-sizing: border-box;}
.border-bottom{border-bottom: 1px solid #f3f3f3;box-sizing: border-box;}

/*===============================================
商品列表
================================================= */
.advsmall-banner{width:468px;height:310px;}
.product-list{height:253px;}
.product-list:nth-child(3){border-top:none!important;}
.product-list:nth-child(4n){border-right:none!important;}
.floor-adv img{margin-top:-1px;display:block;width:100%;height:100px;}
.product-list .slides_img {
    margin: 0 auto;
    display: block;
    width: 180px;
    height: 180px;
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    -moz-transition: transform .2s linear,-moz-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear,-webkit-transform .2s linear,-moz-transform .2s linear;
}
.product-list:hover .slides_img{-webkit-transform: translate(-5px);-moz-transform: translate(-5px);-ms-transform: translate(-5px);transform: translate(-5px);}
.product-list a:hover{color: #333;}

 /*footer*/
.footer-ul{background: #f8f8f8;width: 100%;background: #f8f8f8;height: 95px;}
.footer-ul li{float:left;text-align:center;padding:17px 0;}
.footer-ul li .icon{display: inline-block;height: 58px;width: 58px;background: url(../images/layout-icon.png) no-repeat;}
.footer-ul li:first-child .icon{background-position: -20px -75px;}
.footer-ul li:nth-child(2) .icon{background-position: -98px -75px;}
.footer-ul li:nth-child(3) .icon{background-position: -176px -75px;}
.footer-ul li:nth-child(4) .icon{background-position: -255px -75px;}
.footers{box-shadow: 1px -3px 5px -1px #ccc;}

/*top*/
.head-top{background:#f8f8f8;border-bottom:1px solid #eee;height: 32px;width: 100%;}
.head-box{box-shadow:0px 1px 10px -1px #ccc;}
.top-txt{color: #086133;}
.top-txt:hover{text-decoration: none;}

.top-menu{position: relative;}
.navbox-new{position: absolute;left:0;top:36px;z-index:300;min-width: 220px;height: 40px;}
.navbox-new ul li{height: 40px;line-height: 40px;display: block;background-color: rgba(255,255,255,.75);}
.navbox-new ul li a{color: #086133;display: inline-block;font-size: 14px;padding: 0 15px;}
.navbox-new ul li a:hover{background-color:rgba(3,144,195,.5);color: #fff;text-decoration: none;}

.head-erm{background: #fff;padding: 5px;border-radius: 6px;}
.head-erm img{width: 69px;height: 69px;display: block;float:right;}
.head-top .jtdown{width: 0;height: 0;overflow: hidden;border:4px solid transparent;border-top-color:#086133;display: inline-block; vertical-align: middle;margin-left: 5px;}
.head-top .jtup{width: 0;height: 0;overflow: hidden;border:4px solid transparent;border-bottom-color:#086133;display: inline-block; vertical-align: middle;margin-left: 5px;}

/*banner*/
.banner{position: relative;z-index: 1;height:auto;}
.carousel-s{height:auto}
#carousel-s .carousel-inner>.item>a>img,#carousel-s .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{height:auto!important;margin: auto;width: auto!important;}
.carousel-indicators li{background-color: #e5e5e5!important;border: 1px solid #e5e5e5;}
.carousel-indicators .active{background-color: #62a8ea!important;border: 1px solid #62a8ea;}

/*楼层*/
.floor {margin: 0 auto;}
.floor h4{margin-top: 0px;}
a.more-btn{padding:4px  14px;display: inline-block;}
.floor .fh-tit{color:#999;}
.floor .flo-tit{font-size: 13px;display: inline-block;color: #ff6e6e;width: 100px;}
.flo-list {width: 328px; height: 310px!important;background: #fff;}
.flo-list:nth-of-type(4n){margin-right:0;}
.flo-list .pic {margin:15px auto;width: 200px!important; height: 200px!important;}
.flo-list .pic a img{vertical-align: middle;max-width: 200px;max-height: 200px;transition: all 0.6s;}
.flo-list .pic  a img:hover {transform: scale(1.1);}
.flo-list h5 { margin-top: 10px!important;}
.login-box{width:100%!important;}
.w232{width: 232px;}
.w960{width: 960px;}
.advbg-list{width:100%;height:101px;background: #fff;position: relative;padding:23px 20px;background: -webkit-linear-gradient(left right, #56c9fd , #1577db); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left right, #56c9fd , #1577db); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left right, #56c9fd , #1577db); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #56c9fd , #1577db); /* 标准的语法 */
  box-shadow: 0 6px 15px #d9e9f9;
  }
.advsmall-list{width:232px;height:232px;background: #fff;}
.advbg-list .more{  
	position: absolute;
    right: 20px;
    top: 40px;
	display: block;
    width: 24px;
    height: 24px;
    background: #fff;
    color: #1577db;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
}
.nav-menu .nav_dl{
    padding:8px 18px!important;
}
.floor_content:nth-child(1) .advbg-list {
    background: -webkit-linear-gradient(left right, #4fdfff,#0bc7ff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left right, #4fdfff,#0bc7ff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left right,#4fdfff,#0bc7ff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,#4fdfff,#0bc7ff); /* 标准的语法 */
}
.floor_content:nth-child(1)  .more{
    color: #0bc7ff;
}
.floor_content:nth-child(2) .advbg-list {
    background: -webkit-linear-gradient(left right, #ffb936 , #ff9421); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left right, #ffb936 , #ff9421); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left right,#ffb936 , #ff9421); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,#99CC66 , #99CC33); /* 标准的语法 */
}
.floor_content:nth-child(2) .more{
    color: #99CC33;
}
.floor_content:nth-child(3) .advbg-list {
    background: -webkit-linear-gradient(left right, #88a0f2 , #879afa); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left right, #88a0f2 , #879afa); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left right,#88a0f2 , #879afa); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,#88a0f2 , #879afa); /* 标准的语法 */
}
.floor_content:nth-child(3) .more{
    color: #879afa;
}
.floor_content:nth-child(4) .advbg-list {
    background: -webkit-linear-gradient(left right, #3be391 , #21cbb8); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left right, #3be391 , #21cbb8); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left right,#3be391 , #21cbb8); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,#3be391 , #21cbb8); /* 标准的语法 */
}
.floor_content:nth-child(4) .more{
    color: #21cbb8;
}
@media (min-width: 992px) and (max-width: 1200px) {
.flo-list { height: 414px!important;}
.flo-list .pic { height: 148px!important;}
.flo-list h5 { margin-top: 10px!important;}
.login-box{width:100%!important;}
}
@media (min-width: 768px) and (max-width: 992px) {
.flo-list { height: 414px!important;}
.flo-list .pic { height: 168px!important;}
.flo-list h5 { margin-top: 10px!important;}
.login-box{width:100%!important;}
}
.flooradv-box-img a{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-backface-visibility: visible;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    display: inline-block;
    position: relative;
    height: 300px;
    transform: scale(1);
    transform-origin: center;
    backface-visibility: visible;
    transition: -webkit-transform .15s ease;
    transition: transform .15s ease;
    transition: transform .15s ease,-webkit-transform .15s ease;
}
.flooradv-box-img a:hover{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    z-index: 3;
    transform: scale(1.1);
    box-shadow: 0 10px 35px rgba(25,24,40,.68);
}
.flooradv-box-img .img-block {
    height: 300px;
}
/*===============================================
网站公告
================================================= */
.deal-list{height:240px;overflow: hidden;}
.adv-list{height:240px;background: #f8f8f8;}
.deal-list li{line-height: 38px}
.deal-list-news li{padding:12px 0;}
.deal-list li a{color: #333;font-size: 13px;background-color:#fff; padding-right: 10px;}
.deal-list li a:hover{color: #0390c3;text-decoration: none;}
.deal-list li .dot{width:4px;height: 4px;border-radius:50%;background:#086133;overflow: hidden;display: inline-block;margin-right: 8px; vertical-align: middle;}
.news-img .news-img-link{width: 168px;height: 150px;}
.news-img .news-img-link:first-child{margin-right: 16px !important;}
.news-img .news-img-link a{display: block;margin-top: 12px;}
.news-img .news-img-link img{display: block;width: 168px;height: 105px;}

/*公告列表*/
#productList li{margin-bottom:24px;border: 1px solid #f5f5f5;box-shadow:0px 15px 10px -15px #ccc;transition: all .2s linear;}
#productList li:hover{box-shadow: 0 15px 30px rgba(0,0,0,.1);transform: translate3d(0,-2px,0);}
#productList li .icon-time{display: inline-block;width: 16px;height: 16px;background: url(../images/icon-time.png) no-repeat center center;vertical-align: -2px;}
#productList li:hover a{color:#0390c3!important;}
.infor-navline{position: relative;z-index: 1;}
.infor-navline .search-box{position: absolute;bottom: 5px;right: 0;}
.infor-navline .search-box .sup-name{padding:5px 22px;width:216px;display:inline-block;border-radius:20px ;height:32px;}
.infor-navline .search-box .sort-btn{position:absolute;right:15px;top:8px;display: inline-block;width: 16px;height: 16px;background: url(../images/serch-icon.png) no-repeat center center;}
.recommended-info li{margin-bottom: 15px!important;line-height:0;}
.recommended-info li img{display: inline-block;width: 60px;height: 60px;}
.recommended-info .info-text{width: 245px;line-height: 1.4;height: 60px;position: relative;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.recommended-info .info-text p{position: absolute;bottom: 0;left: 0;line-height:1;}
.newsConsultation li{margin-bottom:26px;width: 310px;line-height: 1.2!important;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsConsultation li a{color: #666;font-size: 14px;background-color: #fff;padding-right: 10px;line-height: 1.2;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{color:#333!important;}
.nav-tabs>li>a{line-height: 1!important;}

/* footer */
.index-footer{border-top:1px solid #eee;text-align: center;color: #fff;font-size: 14px;padding: 20px 0;}
.footer-l{height: 70px;border-right: 1px solid #fff;width: 50%;text-align: right;padding-right: 40px;line-height: 38px;}
.footer-r{height: 70px;width: 50%;text-align: left;padding-left: 40px;line-height: 38px;}
.footer-txt{margin-top: 5px;}
.footer-b-l dl {float: left;width: 20%;text-align: left;}
.footer-b-l dl dt{margin-bottom: 10px;font-size: 18px;color: #333;}
.footer-b-l dl>dd>a{font-size: 13px;color: #999;line-height: 2;}
.pagination {margin: 0;cursor: pointer;}
.footer{box-shadow: 1px 0px 10px -1px #ccc;}
.help-menu h3 {background: #0390c3 !important;}
.help-menu-list li {padding: 5px 0px;}
.help-menu-list li .menu_head {cursor: pointer;font-size: 16px;margin-top: 5px;margin-bottom: 5px;padding-left: 10px;border-left: 5px solid #0390c3;}
.menu_body a {display: block;padding: 5px 0px;padding-left: 20px;}
.help-menu-list li.active {background: #f5f5f5;}
.help-menu-list li {padding: 5px 0px;}
.font_cfff {color: #fff!important;}

/* 回到顶部 */
/* side */
.side{position:fixed;width:40px;height:auto;right:20px;top:40%;z-index:99;background: #fff;}
.side ul li{background: #a6a6a6;margin-bottom: 1px;}
.side ul li:last-of-type{margin-bottom: 0;}
.side ul li.tool{width:40px;height:50px;float:left;position:relative;text-align: center;}
.side ul li.tool a{text-decoration: none;width: 40px;display: block;height: 50px;}
.side ul li.tool:hover{background: #0390c3 !important;}
.side ul li.current{background: #0390c3 !important;color: #fff;}
.side ul li .backtop{width:40px;height:50px;line-height:50px;display:block;background:#a6a6a6;text-align: center;text-decoration: none;}
.side ul li .backtop:hover{background: #0390c3!important;}

/* leftside */
.leftside{position:fixed;width:45px;height:auto;right:20px;bottom:20px;z-index:99;}
.leftside ul li{background: white;padding:10px 13px}
.leftside ul li:last-of-type{margin-bottom: 0;}
.leftside ul li.tool{width:60px;float:left;position:relative;text-align: center;border-bottom: 1px solid #f3f3f3;height:60px;}
.leftside ul li.tool .icon{display: inline-block;width:36px;height: 36px;background: url(../images/layout-icon.png) no-repeat;}
.leftside ul li:first-child .icon{background-position:-20px -16px;}
.leftside ul li:nth-child(2) .icon{background-position:-75px -16px;}
.leftside ul li:nth-child(3) .icon{background-position:-128px -16px;}
.leftside ul li:nth-child(4) .icon{background-position:-180px -16px;}
.leftside ul li.on .num{display: none!important;}
.leftside ul li.on .word{display: block!important;}

.leftside ul li.tool a{text-decoration: none;width: auto;display: block;color:black}
.leftside ul li.tool a.active{color:lightblue}
.leftside ul li.tool a.word{color:#1577db}
.leftside .scroll-top{width:60px;background: #fff;text-align: center;}
.leftside .scroll-top a{color:#1577db;display: block;padding:10px;}  .leftside .scroll-top .fa-chevron-ups{ width:38px;height:38px;display: inline-block;background: url(../images/layout-icon.png) no-repeat -234px -16px;;}
.floor-icon{background: url(../images/contact-us.png) center center no-repeat; width: 36px;height: 36px;display: inline-block;background-size: 100%;}

.main-img-index{
    background: #F4F7F9;
}

#floorContent{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footers{
    background: #F9F9F9;
}
.container .footer-ul{
    background: #fff;
}
.footer-ul{
    height: auto;
    display: flex;
}
.footer-ul li{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.footer{
    background: #F9F9F9;
}
.cooperationContent{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cooperationContentItem{
    width: 220px;
    height: 90px;
    background: #fff;
    box-shadow: 2px 0px 10px 0px rgba(0,0,0,.1);
    margin-bottom: 20px;
}
.cooperationContentItem a{
    display: flex;
    width: 220px;
    height: 90px;
    justify-content: center;
    align-items: center;
}

.cooperationContentItem img{
    max-width: 180px;
}
.product-list{
    width: 220px;
    height: 310px;
    float: left;
    margin-right: 24px;
}
.product-list-box{
    box-shadow: 2px 0px 10px 0px rgba(0,0,0,.1);
}
.floorContentTwo .product-list:nth-of-type(4),
.floorContentTwo .product-list:nth-of-type(9){
    margin-right: 0;
}
.carousel-control-prev {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #75797C;
    border-radius: 5px;
    font-size: 16px;
    margin-top: -13px;
    transition: all 0.3s linear;
}

.carousel-control-next {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #75797C;
    border-radius: 5px;
    font-size: 16px;
    margin-top: -13px;
    transition: all 0.3s linear;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.active-box{
    position: relative;
}
.active-box>img{
    z-index: 1;
}
.active-box>div{
    width: 388px;
    height: 180px;
    background: #FFFFFF;
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.05);
    z-index: 2;
    position: absolute;
    left: 732px;
    top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.active-box>div>img{
    width: 120px;
    height: 120px;
    margin-right: 12px;
}
.active-box>div>div{
    width: 140px;
}
.active-box>div>div>.active-box-name{
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
}
.active-box>div>div>.active-box-price{
    font-size: 16px;
    font-weight: 500;
    color: #E93232;
    line-height: 22px;
    margin-top: 10px;
}
.carousel-inner .indexItem>div{
    position: absolute;
    top: 44px;
    left: 287px;
    color: #333;
    font-weight: 500;
    font-size: 18px;
}
.carousel-inner .indexItem>div>p:first-child{
    font-size: 43px;
    position: relative;
    display: inline-block;
    font-weight: bold;
    letter-spacing: 5px;
}

.carousel-inner .indexItem>div>p:first-child>span:first-child{
    font-size: 24px;
    position: absolute;
    left: -26px;
    top: -5px;
    color: #333333;
}
.carousel-inner .indexItem>div>p:first-child>span:last-child{
    font-size: 24px;
    position: absolute;
    right: -26px;
    bottom: -5px;
    color: #333333;
 }
.carousel-inner .indexItem>div>p:nth-child(2){
    background: rgb(216,62,62);
    border-radius: 15px;
    padding: 5px 15px;
    text-align: center;
    color: white;
    font-size: 14px;
    margin:12px auto;
}
.carousel-inner .indexItem>div>p:nth-child(3){
   text-align: center;
}