/*
* @Author: Marte
* @Date:   2017-06-30 15:12:33
* @Last Modified by:   name
* @Last Modified time: 2019-12-25 16:46:18
*/

@charset "utf-8";
html, body{
    -ms-overflow-style: scrollbar;
}
body {
    font-family: "Microsoft YaHei";
}
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont/iconfont.eot?t=1522287152982'); /* IE9*/
  src: url('../fonts/iconfont/iconfont.eot?t=1522287152982#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('../fonts/iconfont/iconfont.ttf?t=1522287152982') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont/iconfont.svg?t=1522287152982#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-shangwufuwu:before { content: "\e629"; }

.icon-top:before { content: "\e608"; }

.icon-weibiaoti35:before { content: "\e63d"; }

.icon-duanxin:before { content: "\e62d"; }

.icon-moban:before { content: "\e61d"; }

.icon-dianhua1:before { content: "\e62a"; }

.icon-yijin10-zixunanli:before { content: "\e60b"; }

.icon-phone_icon:before { content: "\e65f"; }

/* color defined */

.bg-black {
    background-color: #2d2d2d;
}
.bg-grey {
    background-color: #e8ecef;
}
.bg-lightyellow {
    background-color: #f5eedb;
}
.text-red {
    color: #e52627;
}
/*
*
home page style
*
*/
/* nav */
.carousel-inner > .item > img {
    width: 100%;
}
.navbar-default {
    background-color: #fff!important;
    -webkit-box-shadow: 0 1px 12px 3px rgba(0, 0, 0, .1);
            box-shadow: 0 1px 12px 3px rgba(0, 0, 0, .1);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent!important;
    border-bottom: 2px solid #e52627;
}
.navbar-default .navbar-nav > li > a:hover {
    background-color: transparent!important;
    border-bottom: 2px solid #e52627;
}
.navbar-default .navbar-nav > .open > a {
    border-bottom: 2px solid #e52627!important;
}
.form-control {
    background-color: transparent!important;
}
.form-control:focus {
  border-color: none!important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102, 175, 233, 0)!important;
          box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102, 175, 233, 0)!important;
}
/* banner */
.carousel-indicators .active {
    background-color: #e52627!important;
    border: 0!important;
}
#ad-carousel {
    overflow: hidden;
}

a.thumbnail:hover {
    border: 1px solid #616ee0;
    text-decoration: none;
}

.carousel-inner .item a {
    display: block;
}

.carousel-inner .item a img {
    width: 100%;
}
.caption>p {
    padding-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 30px;
}
@media (max-width: 768px){
    .navbar-brand > img {
        display: block;
        height: 100%;
    }
    .pc {
        display: none!important;
    }
}
@media (min-width: 768px){
    .navbar-brand > img {
        display: block;
    }
    .phone {
        display: none!important;
    }
    .menu {
        width: 720px;
    }
    .nav-menu {
        text-align: center;
        padding-right: 10px;
        padding-left: 10px;
    }
    .img-warp {
        height: 100px;
        line-height: 100px;
    }
    .nav-title {
        font-size: 16px;
        width: 100%;
        background: #e52627;
        padding: 5px 0;
    }
    .nav-title:hover {
        background: #4c4c4c;
    }
    .nav-title a {
        color: #fff;
    }
    .nav-title a:hover {
        text-decoration: none;
    }
    .thumbnail .caption {
        padding: 0;
    }
    .nav-menu .thumbnail {
        border: none;
        background: none;
        margin-bottom: 8px;
    }
    .list-unstyled li {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .list-unstyled li a {
        font-size: 12px;
        color: #333;
        line-height: 30px;
    }
    .navbar-right .dropdown-menu {
        right: -572px;
    }
}

@media (min-width: 992px){
    .menu {
        width: 940px;
        background-color: rgba(255,255,255,.92);
    }
}
@media (min-width: 1200px){
    .menu {
        width: 1140px;
        border: none;
    }
}
@media (min-width: 768px) {
    .navbar-brand {
        height: 70px!important;
        padding: 5px 5px!important;
    }
    .nav > li > a {
        padding: 24px 28px!important;
    }
    .navbar-right {
        margin-right: 0;
    }

    /* banner */
    .top-nav {
        margin-top: 70px;
    }
    .carousel-indicators {
        bottom: 10px!important;
    }

}
@media (max-width: 768px) {
    .navbar-brand {
        padding: 5px 15px!important;
    }
    .form-group {
        width: 85%;
        display: inline-block;
        margin-bottom: 0!important;
    }
    .navbar-form {
        margin-left: 0!important;
    }
    .btn-default {
        float: right;
    }
    .form-control {
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
                box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
    }
    /* banner */
    .top-nav {
        margin-top: 50px;
    }
    .carousel-indicators {
        bottom: 2px!important;
        margin-bottom: 0px!important;
    }

}
/* news list home */
.home-title {
    margin-top: 6px;
    margin-bottom: 24px;
}
.home-title a {
    color: #26272a;
}
.home-title a:hover {
    color: #e52627;
    text-decoration: none;
}
.home-title a i {
    color: #e52627;
    font-size: 24px;
    padding: 5px 10px;
}
.home-news .pull-left img {
    width: 100%;
    max-width: 266px;
    border-bottom: 4px solid #e52627;
}
.media-body {
    width: 58.33333333%;
}
.home-news .media-body .media-heading {
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width: 100%;
}
.home-news .media-body .media-heading a {
    color: #343a40;
    line-height: 34px;

}
.home-news .media-body .media-heading a:hover,
.home-news-title:hover {
    color: #e52627;
    text-decoration: none;
}
.home-news .media-body .date {
    color: #6c757d;
}
.home-news .media-body p {
    color: #6c757d;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.list-group .list-group-item .list-group-item-text {
    color: #6c757d;
}
.list-group-item {
    border-left-width: 0!important;
    border-right-width: 0!important;
    border: 1px dashed #ddd;
}
.list-group-item:first-child {
    border-top-width: 0!important;
}
.home-news-title {
    font-size: 16px;
    color: #343a40;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}
.home-news-title:before {
    content: url(../img/arrows.png);
    position: absolute;
    top: 0;
    left: -15px;
}

.list-group-item-text {
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
/* product */
.left-top:hover,
.left-bottom:hover,
.right:hover {
    color: #fff;
}
.left-top,
.left-bottom {
    display: block;
    color: #fff;
    position: relative;
}

.left-bottom {
    margin-top: 2px;
}
.top .right,
.bottom .right {
    display: block;
    color: #fff;
}
.top .right p,
.bottom .right p {
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
}
.top .right,
.bottom .right {
    position: relative;
}

@media (min-width: 768px) {
    .left-top,
    .left-bottom {
        width: 290px;
        height: 120px;
    }
    .top .right,
    .bottom .right {
        width: 165px;
        height: 242px;
    }
    .home-news .media-body p {
        -webkit-line-clamp: 4;
        margin-top: 18px;
    }
    .news-bottom {
        margin-top: 30px;
    }
    .section1 {
        margin-top: 60px;
    }
    .home-news .media-body .date {
        font-size: 14px;
    }
    .home-news .media-body p {
        line-height: 28px;
    }
}

@media (min-width: 992px) {
    .left-top,
    .left-bottom,
    .top .right,
    .bottom .right {
        width: 187px;
        height: 160px;
    }
    .left-top p,
    .left-bottom p,
    .top .right p,
    .bottom .right p {
        display: none;
    }
    .top .left-top,
    .bottom .left-bottom,
    .top .right {
        background: #e52627;
    }
    .top .left-bottom,
    .bottom .left-top,
    .bottom .right {
        background: #333;
    }
    .top .right,
    .bottom .right {
        margin-top: 2px;
    }
    .bottom {
        margin: 0;
    }
    .top .right,
    .bottom .right,
    .left-top,
    .left-bottom {
        padding: 46px 16px;
        text-align: center;
    }
    .top,
    .bottom {
         float: left;
    }
    .home-news .media-body p {
        -webkit-line-clamp: 2;
        margin-top: 18px;
    }
}
@media (min-width: 1200px) {
    .left-top,
    .left-bottom {
        width: 290px;
        height: 120px;
    }
    .top .right,
    .bottom .right {
        width: 165px;
        height: 242px;
    }
    .left-top p,
    .left-bottom p,
    .top .right p,
    .bottom .right p {
        display: block;
    }
    .left-top p,
    .left-bottom p {
        position: absolute;
        top: 40%;
        right: 16px;
        font-size: 16px;
        font-weight: bold;
    }
    .top .right p,
    .bottom .right p {
        position: absolute;
        bottom: 28px;
        left: 32px;
        top: auto;
        line-height: 30px;
    }
    .left-top,
    .top .right {
        background: #e52627!important;
    }
    .left-bottom,
    .bottom .right {
        transition:All 0.1s ease-in-out;
        -webkit-transition:All 0.1s ease-in-out;
        -moz-transition:All 0.1s ease-in-out;
        -o-transition:All 0.1s ease-in-out;
        background: #333!important;
    }
    .left-bottom:hover,
    .bottom .right:hover {
        background: #e52627!important;
    }
    .top .left,
    .top .right,
    .bottom .left,
    .bottom .right {
        float: left;
    }
    .top .right,
    .bottom .right {
        margin-top: 0;
        margin-left: 2px;
        text-align: center;
    }
    .bottom {
        margin-top: 2px;
    }
    .left-top,
    .left-bottom {
        padding: 28px 16px;
        text-align: left;
    }
    .home-news .media-body p {
        -webkit-line-clamp: 4;
        margin-top: 18px;
    }
}
@media (max-width: 768px) {
    .home-news .media-body .date {
        font-size: 12px;
    }
    .home-news .media-body p {
        line-height: 22px;
    }
    .left-top,
    .left-bottom,
    .top .right,
    .bottom .right {
        width: 100%;
        height: 160px;
    }
    .left-top p,
    .left-bottom p,
    .top .right p,
    .bottom .right p {
        display: none;
    }
    .top .left-top,
    .bottom .left-bottom,
    .top .right {
        background: #e52627;
    }
    .top .left-bottom,
    .bottom .left-top,
    .bottom .right {
        background: #333;
    }
    .top .right,
    .bottom .right {
        margin-top: 2px;
    }
    .bottom {
        margin: 0;
    }
    .top .right,
    .bottom .right,
    .left-top,
    .left-bottom {
        padding: 46px 0;
        text-align: center;
    }
    .top,
    .bottom {
        width: 50%;
        float: left;
    }
    .home-news .media-body p {
        -webkit-line-clamp: 2;
        margin-top: 0;
    }
    .section1 {
        margin-top: 20px;
    }
}
/* feedback */
.feedback-btn {
    bottom: -36px!important;
}
.feedback-btn li.active {
    width: 20px;
    height: 8px;
}
.feedback-btn li {
    width: 8px;
    height: 8px;
}
.feedback {
    margin: 5px 0;
    padding: 20px;
    background: #e8ecef;
}
.feedback-text {
    width: 220px;
}
.feedback-text i {
    color: #8a8a8a;
}
.cust {
    padding: 20px 10px 40px 10px;
}
@media (min-width: 768px) {
    .section2 {
        margin-top: 46px;
    }
}
@media (max-width: 768px) {
    .section2 {
        margin-top: 20px;
    }
}
/* category btn */
.home-cate a {
    display: block;
    background: #e9ecef;
    text-decoration: none;
}
.home-cate {
    float: left;
}
.home-cate a i,
.home-cate a span {
    float: left;
}
.home-cate a i {
    color: #bfbfbf;
    font-size: 64px;
    transition:All 0.1s ease-in-out;
    -webkit-transition:All 0.1s ease-in-out;
    -moz-transition:All 0.1s ease-in-out;
    -o-transition:All 0.1s ease-in-out;
}
.home-cate:first-child a:nth-of-type(1) i,
.home-cate:last-child a:nth-of-type(2) i {
    color: #e52627;
}
.home-cate a:hover i {
    color: #e52627;
}
.home-cate a span {
    color: #585858;
    margin-top: 20px;
    line-height: 28px;
    margin-left: 30px;
}
.home-cate a span strong {
    font-size: 20px;
    color: #514848;
}
.home-faq li {
    padding: 9px 0;
}
.d-flex {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.d-flex a {
    -webkit-box-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #343a40;
}
.d-flex span {
    display: inline-block;
    width: 48px;
    color: #fff;
    padding: 1px 10px;
    border-radius: 3px;
    background-color: #5e7383;
}

@media (min-width: 768px) {
    .home-cate a:last-child {
        margin-top: 10px;
    }
    .home-cate:last-child {
        margin-left: 10px;
    }
    .home-cate a {
        width: 355px;
        padding: 12px 38px;
    }
    .section3 {
        margin-top: 62px;
    }
    .section4 {
        margin-top: 50px;
    }
    .d-flex a {
        padding: 0 15px;
    }
}
@media (min-width: 992px) {
    .home-cate a:last-child {
        margin-top: 10px;
    }
    .home-cate:last-child {
        margin-left: 10px;
    }
    .home-cate a {
        width: 262px;
        padding: 12px 18px;
    }
    .margin-right {
        border-right: 1px dashed #ddd;
    }
    .margin-left {
        border-left: 1px dashed #ddd;
    }
    .d-flex time {
        display: none;
    }
}
@media (min-width: 1200px) {
    .home-cate a {
        width: 320px;
        padding: 12px 38px;
    }
    .d-flex time {
        display: inline-block;
        width: 78px;
        font-size: 14px;
        color: #666;
    }
}
@media (max-width: 768px) {
    .home-cate {
        width: 100%;
    }
    .home-cate:last-child {
        margin-top: -5px;
    }
    .kind {
        width: 100%;
        padding: 12px 26px;
        margin: 5px 0;
    }
    .section3,
    .section4 {
        margin-top: 20px;
    }
    .home-faq {
        padding-left: 0;
    }

    .d-flex time {
        display: none;
    }
    .home-faq {
        margin-top: 10px;
    }
    .d-flex a {
        padding: 0 0 0 15px;
    }
}
/* friendly-link */
.friendly-link {
    font-size: 12px;
    border-left: 4px solid #e52627;
    padding: 6px 0 6px 15px;
}
.friendly-link a {

    margin: 0 10px;
    color: #AFAFAF;
    line-height: 24px;
}
.friendly-link a:hover {
    color: #e52627;
    text-decoration: none;
}

/* footer */
.footer-con {
    background-color: #20232a;
    border-top: 4px solid #e52627;
}

.footer-title {
    color: #fff;
    font-size: 20px;
    line-height: 40px;
}
.footer-list,
.footer-text {
    padding-left: 20px;
}
.footer-list li,
.footer-text li {
    position: relative;
    line-height: 28px;
}
.footer-list li:before {
    content: '>';
    color: #e52627;
    position: absolute;
    top: 0;
    left: -20px;
}
.footer-text li:before {
    content: '\25C6';
    color: #e52627;
    position: absolute;
    top: 0;
    left: -20px;
}
.footer-list li a{
    color: #c5c5c5;
    font-size: 14px;
}
.footer-list li a:hover {
    color: #fff;
    text-decoration: none;
}
.footer-list,
.footer-text {
    margin-top: 10px;
    list-style: none;
}
.products li,
.contact li {
    color: #c5c5c5;
    line-height: 28px;
}
.copy {
    color: #8a8a8a;
    font-size: 12px;
    line-height: 24px;
}

@media (min-width: 768px) {
    /* footer */
    .footer-con {
        margin-top: 30px;
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .footer-con .row .col:last-child {
        border-left: 1px solid #727272;
    }
    .copy {
        margin-top: 40px;
    }
}
@media (max-width: 768px) {
    /* footer */
    .footer-con {
        margin-top: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .phone-up,
    .phone-down {
        position: relative;
    }
    .phone-up:after {
        position: absolute;
        content: '+';
        color: #e52627;
        right: 10px;
        top: 0;
    }
    .phone-down:after {
        position: absolute;
        content: '-';
        color: #e52627;
        right: 10px;
        top: 0;
    }
    .phone-con {
        display: none;
    }
    .col:last-child .phone-con {
        display: block;
    }
    .copy {
        margin-top: 10px;
    }
}

/* sidebar */
.sidebar {
    position: fixed;
    right: 0;
    top: 30%;
}
.btn-side,
.btn-side:hover,
.btn-side:active,
.btn-side:focus {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 4px 0 0 4px!important;
    padding: 2px;
    background-color: #e52627;
    border: none;
    margin: 2px 0;
    clear: both;
    text-align: center;
}
.btn-side i {
    font-size: 22px;
    color: #fff;
    font-weight: lighter;
}
.tooltip {
    font-size: 14px;
}
@media (max-width: 768px) {
    .sidebar {
        display: none;
    }
}
/* breadcrumb */
.breadcrumb {
    margin: 0;
    padding: 18px 0;
    margin-bottom: 0px!important;
    background-color: transparent!important;
    border-bottom: 1px solid #eee;
}

/* pages */
.pagination-wrapper {
    clear:both;
    text-align:center;
}
.pagination {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size:12px;
    border-radius: 3px;
}
.pagination li{
    list-style: none;
    display: inline;
    float: left;
    line-height: 1em;
    text-decoration: none;
    border: 1px solid #ddd;
    padding: .8em .8em;
    border-left-width: 0;
    font-size: 12px;
}
.pagination li a {
    display: inline-block;
    background-color: #f9f9f9;
    color: #999;
}
.pagination li a:link{
    background:#fff;
    color: #777;
}
.pagination li a:hover{
    text-decoration:none;
}
.pagination li a:link:hover {
    color: #000;
}
.pagination li.thisclass {
    background-color: #e52627;
    border-color: #e52627;
    color: #fff;
}
.pagination li:first-child {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px;
}
.pagination li:last-child{
    border-radius: 0 3px 3px 0;
}
.pagination .pageinfo{
    color: #444;
}
.pagination > li > a,
.pagination > li > span {
    border: none;
    line-height: 1rem;
    padding: 0;
    color: #999;
}
/*
*
faqList page style
*
*/
.widget .title {
    margin-top: 0;
    padding-bottom: 7px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 16px;
    position: relative;
}
.widget .title:after {
    content: "";
    width: 90px;
    height: 1px;
    background: #e52627;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.widget .title a {
    font-size: 20px;
    color: #26272a;
}
.widget .title a:hover {
    color: #e52627;
    text-decoration: none;
}
.news-rec,
.faq-rec {
    padding-left: 20px;
    list-style: none;
    margin-bottom: 0;
}
.news-rec li,
.faq-rec li {
    position: relative;
    line-height: 28px;
    counter-increment: my;
}
.news-rec li:before {
    content: url('../img/news_before.png');
    position: absolute;
    top: 0;
    left: -20px;
}
.faq-rec li:before {
    content: counter(my);
    color: #eaeaea;
    position: absolute;
    top: 0;
    left: -20px;
    font-size: 20px;
    font-family: Impact,Arial,sans-serif;
}
.news-rec li a,
.faq-rec li a {
    color: #717171;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.faq-rec li:hover a,
.news-rec li:hover a {
    color: #525252;
    text-decoration: none;
}
.faq-rec li:hover:before {
    color: #d8d8d8;
}

.case-rec .thumbnail:hover {
    // border: 1px solid  #E94124;
}
.dis-img {
    margin: 10px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pro-rec a {
    padding: 28px 16px;
    text-align: left;
    color: #fff;
    background-color: #c6c6c6;
    display: block;
    margin: 2px 0;
    position: relative;
    transition:All 0.1s ease-in-out;
    -webkit-transition:All 0.1s ease-in-out;
    -moz-transition:All 0.1s ease-in-out;
    -o-transition:All 0.1s ease-in-out;
}
.pro-rec a:hover {
    background-color: #e52627;
}
.pro-rec p {
    position: absolute;
    top: 42%;
    right: 16px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}
.con-title {
    width: 100%;
    font-size: 20px;
    padding: 6px 18px;
    line-height: 30px;
    border-radius: 0 2px 2px 0;
    border-left: 4px solid #e52627;
    background-color: #e9ecef;
    margin-top: 0;
}
.list-center {
    width: 100%;
    float: left;
}
.list-con {
    display: block;
    margin-right: 90px;
    color: #26272a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list-con:hover {
    text-decoration: none;
    color: #E52627;
}
.list-left {
    width: 62px;
    height: 40px;
    color: #000;
    text-align: center;
    font-weight: bold;
    line-height: 33px;
    font-size: 28px;
    font-family: "Arial";
    letter-spacing: -2px;
    float: left;
    margin-left: -100%;
    border: 4px solid #CBD2D7;
    background-color: #5e7383;
}
.list-right {
    width: 90px;
    float: left;
    margin-left: -90px;
    font-size: 14px;
    color: #9b9b9b;
    text-align: center;
}
.list-right span {
    padding: 2px 6px;
    border-radius: 4px;
    color: #fff;
    background-color: #96A4AD;
}
.faq-list,
.news-list {
    list-style: none;
    padding: 0;
}
.faq-list li,
.news-list li {
    padding: 16px 4px;
    border-bottom: 1px dashed #ddd;
    counter-increment: my;
    position: relative;
}

@media (min-width: 768px) {
    // .pagination-wrapper {
    //     padding: 1em 0 2em 0;
    // }
    .content {
        margin-top: 50px;
    }
    .widget:not(:first-child) {
        margin-top: 30px;
    }
    .faq-list,
    .news-list {
        margin-top: 40px;
    }
    .faq-list .list-con {
        padding: 0 40px;
        margin-left: 62px;
    }
    .news-list .list-con {
        padding: 0 40px 0 0;
        margin-left: 62px;
    }
    .faq-list li:before {
        content: counter(my);
        position: absolute;
        top: 22px;
        left: 28px;
        color: #fff;
        font-size: 20px;
        font-family: Impact,Arial,sans-serif;
    }
    .news-list li:before {
        content: url('../img/news_before.png');
        position: absolute;
        top: 22px;
        left: 4px;
        color: #fff;
        font-size: 20px;
    }
    .list-con,
    .list-right {
        line-height: 40px;
    }
}
@media (max-width: 768px) {
    .content {
        margin-top: 20px;
    }
    .widget {
        margin-top: 20px;
    }
    .faq-list {
        margin-top: 20px;
    }
    .list-left {
        display: none;
    }
    .list-con {
        margin-left: 0;
    }
    .content .row {
        display: -webkit-flex; /* Safari */
        display: flex;
        flex-wrap: wrap;
    }
    .content .row .col-md-3 {
        order: 2;
    }
    .list-con,
    .list-right {
        line-height: 26px;
    }
}
/**
*productList.htm
*
**/
.nav-pro {
    text-align: center;
    display: block;
    color: #fff;
    border-radius: 4px;
    margin: 5px 0;
    background-color: #e52627;
}
.nav-pro-active {
    background-color: #333;
}
.nav-pro:hover {
    color: #fff;
    text-decoration: none;
    background-color: #333;
}
@media (min-width: 768px) {
    .nav-pro {
        padding: 10px 15px;
    }
}
@media (max-width: 768px) {
    .nav-pro {
        padding: 10px 2px;
    }
}
/**
*productContent.htm   specialNameSearch.htm
*
**/
.con-intro {
    width: 100%;
    font-size: 16px;
    padding: 20px 18px;
    line-height: 2.1em;
    border-radius: 0 2px 2px 0;
    border-left: 4px solid #e52627;
    background-color: #e9ecef;
    margin-top: 0;
    color: #585858;
}
.content-title {
    font-size: 28px;
    color: #26272a;
    line-height: 36px;
    font-weight: bold;
    margin-top: 0;
    padding-bottom: 14px;
    border-bottom: 1px solid #eee;
}
.con-mar {
    margin-top: 30px;
}
.pro-features {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 26px;
}
.pro-con-title {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    padding: 10px 12px;
    border: 3px solid #f29293;
    background-color: #e52627;
    margin-top: 28px;
    margin-bottom: 26px;
}
.pro-con img {
    display: block;
    margin: 0 auto;
    max-width: 90%;
}
.media-heading span {
    margin: 0 10px;
}
.cust-fb {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    background-color: rgba(232,236,239,.5);
}
.cust-fb h6,
.cust-fb div {
    display: block;
    width: 100%;
    line-height: 22px;
}
.cust-fb h6 {
    font-size: 12px;
}
.cust-fb div {
    font-size: 14px;
}
.mar-b {
    margin-top: 12px;
    margin-bottom: 22px;
}
.feedback-warp {
    height: 348px;
    overflow: hidden;
}
.feedb-form input {
    height: 40px;
}
.feedb-form textarea {
    height: 70px;
}
.str_wrap {
    position:relative;
}
.str_move {
    width: 100%;
    position:absolute;
    top:0;
    left:0;
    // cursor:move;
}
/**
*aboutUs.htm service.htm
*
**/
@media (min-width: 768px) {
    .content .row .col-md-9 {
        padding-left: 60px;
    }
}
.contact-warp p:first-child {
    margin-bottom: 28px;
}
.contact-warp p {
    margin-top: 14px;
    margin-bottom: 14px;
}
.contact-warp p img {
    margin-left: 0;
}
.contact-form label,
.contact-form input {
    font-weight: normal;
    line-height: 40px;
}
.contact-form .form-control {
    height: 40px;
    line-height: 26px;
}
.contact-form .form-group {
    width: 100%;
}
.pro-con li {
    list-style: none;
    line-height: 2.1em;
    font-size: 16px;
    position: relative;
}
.pro-con li:before {
    content: "●";
    color: #e52627;
    position: absolute;
    left: -30px;
    top: 0;
}
.pro-con p {
    color: #525252;
    font-size: 16px;
    line-height: 2.1em;
}
.date {
    color: #666;
}
.pager-news {
    padding-left: 0;
    list-style: none;
    border-top: 1px solid #ddd;
    padding: 18px 0;
}
.pager-news li {
    line-height: 2.1em;
    font-size: 16px;
}
.pager-news li a {
    color: #e52627;
}
.pager-news li:first-child a {
    color: #666;
}
.pager-news li a:hover {
    color: #666;
    text-decoration: none;
}
.btn-red {
    background-color: #e52627;
    color: #fff;
}
.btn-red:hover {
    background-color: rgba(229,38,39,.8);
    color: #fff;
}
@media (min-width: 768px) {
    .contact-form label {
        text-align: right;
    }
    .contact-form {
        margin-top: 34px;
        margin-bottom: 30px;
    }
    .prism-player {
        width: 80%!important;
        height: 40%!important;
        margin: 0 auto;
    }
    #newBridge .icon-right-bottom {
        right: 0!important;
        bottom: 0!important;
    }

}
.other .pro-features{
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px;
    position: relative;
}
.other .pro-features:after {
    content: "";
    width: 90px;
    height: 1px;
    background: #e52627;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.other {
    margin-top: 50px;
}

@media (max-width: 768px) {
    .contact-form label {
        text-align: left;
    }
    .contact-form {
        border-top: 1px dashed #ddd;
    }
    .prism-player {
        width: 90%!important;
        margin: 0 auto;
    }
    .other {
        margin-top: 20px;
    }
    .child-caption h3 {
        margin-top: 12px;
        font-size: 18px;
    }


}
.child-caption{
    background: rgba(0,0,0,0.7);
    border-left: 4px solid #f00;
    right: 15%;
    top: 19%;
    bottom: 10%;
    left: 15%;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
}
.child-caption h3 {
    font-weight: bold;
}

@media screen and (min-width: 768px){
   .child-caption {
        right: 65%;
        left: 5%;
        top: 32%;
        bottom: 38%;
        padding-top: 4px;

    }

}
blockquote {
    font-size: 16px!important;
}