@charset "utf-8";
/* CSS Document */

body { color:#757575;background: #fff;font-family: "Microsoft YaHei"}
img, p, img a {	border: 0}
ol, ol li, ul, ul li, dl, dl dt, h1, h2, h3, h4, h5, h6, p, label {padding: 0;margin: 0}
li {list-style-type: none}
p {cursor: default;}
a {color: #757575;text-decoration: none}
a:hover, a:focus {color: #eb6106;text-decoration: none;}
a:focus {outline:none;-moz-outline:none;}
/*红色 */
.red{ color:#e94925}
.red a,.red a:hover{ color:#e94925}
/*橙色*/
.orange{ color:#ee6a00}
.orange a,.orange a:hover{ color:#ee6a00}
.clear  {clear: both;width: 0px;height: 0px;overflow: hidden;}

/*==覆盖bs样式==*/
.carousel-control.left { background-image:none;}/*side*/
.carousel-control.right { right: 0; left: auto; background-image:none}
.carousel-caption { z-index: 10;}
.carousel .item { background: #fff;}
.carousel-inner > .item > img,
.carousel-inner > .item > a img  { margin:0 auto; width:100%; height:auto;}
/*==覆盖bs side 小圆点样式==*/
.carousel-indicators .active {
    background-color: #ee6900;
}
.carousel-indicators li {
    background-color: rgba(221, 221, 221, 1);
    border: 1px solid #fff;
}


/*==========pulic style start==========*/
.ts-gray {padding-top: 50px;padding-bottom: 50px;background: #f7f8f8;}
.ts-white {padding-top: 50px;padding-bottom: 50px;background: #fff;}
.qjmy-gray-bg{ background:#f2f2f2}
.c-flex {display: -webkit-flex !important;display: flex !important;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.c-flex.left{-webkit-justify-content:  flex-start;justify-content: flex-start;-webkit-align-items:center;align-items:center}
.c-flex.right {	-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center}

/*top*/
.c-top-logo{ height:80px;}
.c-top-nav{height:80px; font-size:18px;}
.c-top-nav a{ padding-left:16px; padding-right:12px; color:#252525}
.c-top-nav a:hover{ color:#ef800a}

/*图标*/
.icon-wrap{ display:flex;flex-wrap:wrap;justify-content: space-between; align-items: center; margin-top:40px; margin-bottom:50px;}
/*content*/
.icon-wrap .item {position:relative; width:136px;height:310px;text-align:center; overflow: hidden; background:url(../img/index2018/index-product-item.png) no-repeat;}
.icon-wrap .item:hover {background-image:url(../img/index2018/index-product-item-h.png)}
.icon-wrap .item.item1 { background-position: 0 0}
.icon-wrap .item.item2 { background-position: -136px 0}
.icon-wrap .item.item3 { background-position: -272px 0}
.icon-wrap .item.item4 { background-position: -408px 0}
.icon-wrap .item.item5 { background-position: -544px 0}
.icon-wrap .item.item6 { background-position: -680px 0}
.icon-wrap .item.item7 { background-position: -816px 0}
.icon-wrap .item a {display: block;width: 100%;height: 100%}
.icon-wrap .item .title {position:absolute; top:160px;left: 0; width: 100%; height: 30px;line-height: 30px; font-size:18px; font-weight:bold; text-align: center;}
.icon-wrap .item .p {position:absolute; bottom:26px;left: 0; width: 100%; height:80px;line-height:22px; text-align:center ;}
.icon-wrap .item .orange,
.icon-wrap .item a .orange,
.icon-wrap .item a:hover .orange {color:#ff9626}
.icon-wrap .item .red,
.icon-wrap .item a .red,
.icon-wrap .item a:hover .red {color:#e94a23}
.icon-wrap .item .green,
.icon-wrap .item a .green,
.icon-wrap .item a:hover .green {color:#a9c833}
.icon-wrap .item a .red2,
.icon-wrap .item a:hover .red2 {color:#a40000}
.icon-wrap .item a .yellow,
.icon-wrap .item a:hover .yellow {color:#fac156}
.icon-wrap .item a .yellow2,
.icon-wrap .item a:hover .yellow2 {color:#f8b62a}
.icon-wrap .item a .yellow3,
.icon-wrap .item a:hover .yellow3 {color:#ff9626}

/*footer*/
.footer{display: table-cell; vertical-align: middle; height:180px; line-height:36px;}
.footer,.footer a{ color:#505050}


/*弹二维码*/
.hover-col {position: relative;}
.hover-col:hover .hide-block { display: block; z-index:99}
.hide-block {display: none; position: absolute; top: -230px; left: -36px;}