﻿
/*@font-face {
    font-family: 'HansKendrick-Regular';
    src: url('../fonts/HansKendrick-Regular.otf') format('opentype');
}*/

.navbar-collapse.in { background-color:#fff;
} 
/* 广告文字 */
.banner_item {
    display: block;
    position: relative;
}

    .banner_item > img {
        width: 100%;
    }

.banner_txt {
    position: absolute;
    top: 0;
    width: 100%;
    color: #fff;
}

    .banner_txt > div {
        width: 2.34375rem;
        margin: 0 auto;
        margin-top: 1.97917rem;
    }

        .banner_txt > div h2 {
            font-size: 0.22917rem;
            margin: 0.07812rem 0;
            font-family: webfont;
        }

        .banner_txt > div .title_en {
            font-size: 0.125rem;
            width: 2.34375rem;
            border-top: 1px solid #fff;
            color: #fff;
            line-height: 0.27604rem;
        }

/*趋势预测文字*/
.trend_txt {
    position: relative;
}

    .trend_txt > div {
        position: absolute;
        top: 1.5625rem;
        left: 2.05729rem;
        color: #fff;
    }

        .trend_txt > div > h2 {
            font-size: 0.29167rem;
            font-weight: bold;
            margin-bottom: 0.22396rem;
        }

        .trend_txt > div > .title_en {
            font-size: 0.14583rem;
        }


    .jumbotron {
        margin: 0;
    }
    #client_logo { padding-bottom:30px;
    }
        .client-logo {
           height: 59px;
    line-height: 49px;
    /*border: 1px solid #e6e5e3;*/
    padding: 15px 10px;
    padding-top: 3px;
    margin: 10px 5px;
        }
            .client-logo > img  {
               max-width : 100%;
              max-height :49px;
            }
        .mgtb20 {
            margin-top: 20px;
            margin-bottom: 20px;
        }
          .mgt35 {
            margin-top: 35px;
        }

    .pic { padding-right:10px;
    }
       

        .pic .pic_con>a {
              font-size: 18px;
   
    height: 58px;
    line-height: 58px;
    margin: 0 auto;
    padding: 0px 20px;
    border: 1px solid #f3f3f3;
    width: 170px;
}
    .pic .col-md-5ths {
        padding-right: 5px;
    height: 212px;
    overflow: hidden;
    margin-bottom: 20px;
    }

        .pic a {
            display: block;
            width: 100%;
            padding: 0;
            margin: 0;
            height: 466px;
            overflow: hidden;
        }

            .pic a img{
                width:100%;
            }
    .bgfff {
        background: #fff;
    }
    .swiper-slide{ text-align:center;    }

    .title_h2 {
        border: none;
        font-size: 12px;
        padding:50px;
    }
        .title_h2 .title_en {
            line-height: 45px;
            font-size: 24px;
            font-family: webfont; /*HansKendrick-Regular;*/
        }
   .title_h2  .title_hr {  
    text-align: center;    height: 10px;
    } .title_h2  .title_hr hr{        background-color: #efded4;
    height: 4px;
    width: 70px; 
    }
        .title_h2 .title_cn {
            line-height: 44px;
            font-size: 44px;
            font-weight: bold;
        }
#client_logo > div {
   /* width: 6.66%;*/
    float: left;
}
.pic > div {
    position: relative;
    padding-right:0 ;
    max-height: 466px;
}
.pic_con {
position: absolute;left: 15px;top: 0;color: #FFF;font-size: 16px;font-weight: bold;width: 100%;
height: 466px;background: rgba(0,0,0,.4);line-height: 50px;text-align: center;padding-top: 190px;padding-left: 0;padding-right: 0;
}

.shop {
}
.f8f8f8 {
    background-color: #f8f8f8;
}
.shop .shop_title {
    padding: 0.26042rem;
    text-align: center;
}

    .shop .shop_title h2 {
        line-height: 44px;
        font-size: 44px;
        font-weight: bold;
    }

    .shop .shop_title .title_en {
        line-height: 45px;
        font-size: 24px;
        font-family: webfont; /*HansKendrick-Regular;*/
    }

    .shop .shop_title label {
        line-height: 30px;
        font-size: 16px;
        font-weight: bold;
    }

.shop .shop_content .shop_item {
    float: left;
    margin-right: 0.18229rem;
    margin-bottom: 0.13021rem;
    width: calc((100% - 0.18229rem * 3)/4);
}

    .shop .shop_content .shop_item > img {
        width: 100%;
    }

    .shop .shop_content .shop_item:nth-child(4n) {
        margin-right: 0rem;
    }
.shop .shop_btn {
    width: 458px;
    margin: 20px auto 50px auto;
}

    .shop .shop_btn .shop_more,
    .shop .shop_btn .shop_price {
        display: inline-block;
        width: 209px;
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
        background-color: #000;
        color: #fff;
        text-align: center;
        font-size: 22px;
    }

    .shop .shop_btn .shop_price {
        margin-left: 32px;
    }

.shop .shop_content .shop_btn .shop_more {
    margin-right: 20px;
}

@media (min-width: 992px) {
               /* #client_logo .col-md-1{width: 9.98%;
                                 padding: 0px 5px;
          }*/
     }
        .gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;
}
.nav_right {
    display: none;
}
/** 超小屏幕 手机 (<768px)  **/
/**  小屏幕 平板 (≥768px)  **/
/** 中等屏幕 桌面 (≥992px)  **/
/** 大屏幕 桌面 (≥1200px)  **/
@media screen and (max-width:768px) {
 /*   #client_logo > div {
        width: 25%;
        float: left;
    }*/
    .nav_right {
        display: block;
        float: right;
        margin-top: 40px;
        margin-right: 40px;
    }

        .nav_right > img {
            width: 40px;
            height: 40px;
        }

    .navbar-toggle {
        display: none;
    }

    .navbar-collapse.in {
        display: none;
    }

    .logo {
        display: none;
    }

    .shop .shop_title h2, .title_h2 .title_cn {
        font-size: 24px;
    }

    .shop .shop_title .title_en, .title_h2 .title_en {
        font-size: 16px;
    }

    .shop .shop_title label {
        font-size: 14px
    }

    .shop .shop_btn {
        width: 100%;
        text-align: center;
    }

        .shop .shop_btn .shop_more,
        .shop .shop_btn .shop_price {
            display: inline-block;
            width: 25%;
            height: 40px;
            line-height: 40px;
            padding: 0 0.10417rem;
            background-color: #000;
            color: #fff;
            text-align: center;
            font-size: 16px;
        }

        .shop .shop_btn .shop_price {
            margin-left: 0.16667rem;
        }

    .shop .shop_content .shop_btn .shop_more {
        margin-right: 0.10417rem;
    }

    .client-logo {
        padding: 0px;
        margin: 0px;
    }
}

@media screen and (max-width:1200px) {
  
}