#content{
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    z-index: 20;
} 
.mobile_select,.phone_table{
    display: none;
}
input{
        -webkit-appearance: none;
        background-color: transparent;
        border-radius: 0;font-size: 15px;
}
::-webkit-input-placeholder { /* WebKit browsers */ color:#5f5f5f ;font-size: 15px;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#5f5f5f ;font-size: 15px; opacity: 1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#5f5f5f ;font-size: 15px; opacity: 1;}
:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#5f5f5f ;font-size: 15px;}
footer{
    opacity: 1;
    background-color: transparent;
}
#inner_content,#banner > h1{
    opacity: 0;
}
#product{
display: block;
    z-index: 5;
    width: 100%;
    max-width: 1200px;
    letter-spacing: 1px;min-height: 190px;
    position: relative;
    margin: 0 auto;
    margin-top: 310px;    margin-bottom: 95px;
}
#tab_menu{
        display: inline-block;
    position: relative;
    /*margin-top: 135px;*/
    padding-top: 135px;
    text-align: center;    z-index: 5;
    width: 100%;
    background-color: transparent;

}
#tab_menu.scroll-to-fixed-fixed{
    margin-top: 0;
    background: #FEFEFE;
    height: 126px;
    padding-top: 29px;
}
#tab_menu .block{
        display: block;
    width: 100%;
    position: relative;
}
#tab_menu .block .sliders{
    display: block;
    width: 100%;
    position: relative;
    max-width: 826px;
    margin: 0 auto;
    padding-bottom: 45px;
}
#tab_menu .block .sliders .tlink{
display: block;
    position: relative;
    text-align: left;
    margin-bottom: 34px;
    padding-top: 0;
    height: 60px;
    font-size: 15px;
    padding-right: 11px;
    letter-spacing: 1px;
    padding-left: 13px;
    line-height: 21px;
    border-right: 1px solid #d4d4d4;
}
#tab_menu .block .sliders li{
    border-bottom: 3px solid black;
    cursor: pointer;
}
#tab_menu .block .sliders li:nth-child(1) a{
    padding-left: 0;
}
#tab_menu .block .sliders li:after{
    content: '';
    background-color: #D81718;
    position: absolute;
    display: block;
    width: 0%;
    height: 3px;
    bottom: -3px;
        -webkit-transition:all .6s ease;
    -moz-transition:all .6s ease;
    -o-transition:all .6s ease;
    -ms-transition:all .6s ease;
    transition:all .6s ease;
}
#tab_menu .block .sliders li.active:after{
    width: 100%;
}
#tab_menu .block .sliders li:last-child .tlink{
    border-right: 0;
}
#tab_menu .block .sliders .tlink:after{
    content: '';
    background-image: url(../images/about/now.png);
    width: 11px;
    height: 6px;
    position: absolute;
    left: 50%;
    bottom: -50px;
    margin-left: -5.5px;
    opacity:0;
        -webkit-transition:all .6s .1s ease;
    -moz-transition:all .6s .1s ease;
    -o-transition:all .6s .1s ease;
    -ms-transition:all .6s .1s ease;
    transition:all .6s .1s ease;
}
#tab_menu .block .sliders li.active .tlink:after{
    opacity: 1;
    bottom: -34px;
}
#tab_menu .block .sliders .tlink span{
    color: #404040;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
#inner_content #where{
        font-size: 15px;
    display: block;
    color: #434343;
    letter-spacing: 1px;opacity: 0;
    font-weight: 500;
    padding-top: 18px;
    margin-top: 15px;    
    position: relative;
        max-width: 830px;
    margin-left: auto;
    margin-right: auto;
}
#inner_content #where span{
        margin-left: 2px;
}
#inner_content #where a{
    color: #434343;
}
#inner_content #where:after{
background-color: #434343;
    width: 0;
    height: 4px;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
            -webkit-transition:all .6s .5s ease;
    -moz-transition:all .6s .5s ease;
    -o-transition:all .6s .5s ease;
    -ms-transition:all .6s .5s ease;
    transition:all .6s .5s ease;
}
#inner_content #where.active:after{
    width: 20px;
}
#product #main{
    width: 100%;
    position: relative;
    display: block;
    top: 100px;
}
#tab_menu .bx-wrapper .bx-controls-direction .bx-prev{
    background-image: url(../images/about/tab_left.png);    left: -17px;
    width: 20px;
}
#tab_menu .bx-wrapper .bx-controls-direction .bx-next{
    background-image: url(../images/about/tab_right.png);
        right: -17px;
    width: 20px;
    background-position: right;
}
#tab_menu .bx-wrapper .bx-controls-direction a.disabled{
    display: none;
}

#product #main .p_box{
    display: block;
    float: right;
    width: 1017px;
    position: relative;
    margin-bottom: 64px;
}

#product #main .p_box .imgs{
    float: left;
    width: 530px;
    display: block;
    position: relative;    min-height: 200px;
    background-size: 0;
}
#product #main .p_box.active .imgs{

}
#product #main .p_box .imgs img{
    width: 100%;
      -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);  
     -webkit-transition:all 3s  cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition:all 3s  cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition:all 3s  cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition:all 3s  cubic-bezier(0.165, 0.84, 0.44, 1);
    transition:all 3s  cubic-bezier(0.165, 0.84, 0.44, 1);
}

#product #main .p_box .p_link{
    display: block;
    float: right;
    width: 575px;
    height: 291px;
    font-size: 18px;
    background-color: #d81718;
    color: white;
    line-height: 25px;
    padding-left: 38px;
    padding-top: 40px;  
    margin-top: -160px;
    position: relative;
}
#product #main .p_box .p_link em{
    position: absolute;
    right: 17%;
    opacity: 0;top: 50px;
    font-style: inherit;
    -webkit-transition:all .9s .5s ease;
    -moz-transition:all .9s .5s ease;
    -o-transition:all .9s .5s ease;
    -ms-transition:all .9s .5s ease;
    transition:all .9s .5s ease;
}
#product #main .p_box.active .p_link em{
opacity: .7;top: 38px;
}
#product #main .p_box .p_link .text{
    float: left;
    width: 45%;position: relative;
    opacity: 0;
    top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    -webkit-transition:all 1.5s ease;
    -moz-transition:all 1.5s ease;
    -o-transition:all 1.5s ease;
    -ms-transition:all 1.5s ease;
    transition:all 1.5s ease;
}
#product #main .p_box.active .p_link .text{
    opacity: .7;
    top: 0;
}
#product #main .p_box .p_link .more{
position: absolute;
    bottom: 37px;
    left: 38px;
    width: 107px;
    padding-top: 8px;opacity: 0;
        -webkit-transition:all .6s .7s ease;
    -moz-transition:all .6s .7s ease;
    -o-transition:all .6s .7s ease;
    -ms-transition:all .6s .7s ease;
    transition:all .6s .7s ease;
}
#product #main .p_box.active .p_link .more{
    opacity: 1;
}
#product #main .p_box.active .p_link .more:before{
    width: 100%;
}
#product #main .p_box .p_link .more:before{
    content: '';
    background-color: white;
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 4px;
            -webkit-transition:all 1s 1s ease;
    -moz-transition:all 1s 1s ease;
    -o-transition:all 1s 1s ease;
    -ms-transition:all 1s 1s ease;
    transition:all 1s 1s ease;
}
#product #main .p_box:after{
    content: '';
    background: #c3c3c3;
    position: absolute;
    width: 3px;
    height: 57px;
    right: 59%;    z-index: 20;
    bottom: -88px;
}
#product #main .p_box:nth-child(even):after{
    display: none;
}
#product #main .p_box:nth-child(2n):after{
    left: 59%;
    right: auto;
}
#product #main .p_box:nth-child(2n){
    float: left;
    margin-bottom: 25px;
}
#product #main .p_box:nth-child(2n) .imgs{
    float: right;
}

#product #main .p_box:nth-child(2n) .p_link{
    float: left;
}
#product #main .p_box:nth-child(2n) .p_link em{
        right: auto;
        left: 17%;
}
#product #main .p_box:nth-child(2n) .p_link .text{
     margin-left: 31%;
}
#product #main .p_box:nth-child(2n) .p_link .more{
        left: 36%;
}




#product #main .p_box:nth-child(4n+2) .p_link,#product #main .p_box:nth-child(2) .p_link,
#product #main .p_box:nth-child(4n+3) .p_link,#product #main .p_box:nth-child(3) .p_link{
    background-color: #272727;
}

#product #main .p_box.last:after{
    display: none;
}

#product #q_search{
    width: 246px;
    height: 326px;
    display: block;
    position: absolute;
    right: 185px;    z-index: 21;
    top: -118px;
}
#product #q_search h4{
font-size: 36px;
display: block;
text-align: right;
font-weight: 100;
margin-bottom: 20px;
}
#product #q_search .styled_select{
    width: 100%;
    height: 50px;
    overflow: hidden;
    background: url(../images/product/select.png) no-repeat right;
    border: 0;
    margin-bottom: 0;
    border-bottom: 4px solid black;
}
#product #q_search .styled_select select::-ms-expand{
    display: none;
}
#product #q_search .styled_select select{
  background: transparent;
  width: 100%;
  padding: 5px;
  font-size: 16px;
  line-height: 1;
  border: 0;
  border-radius: 0;
  color: #5f5f5f;
  height: 50px;
  appearance:none;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari 和 Chrome */
}
#product #q_search .inputbox{
    width: 100%;
    height: 50px;
    overflow: hidden;
}
#product #q_search .inputbox input{
    width: 100%;
    height: 50px;
    padding: 5px;    padding-right: 26px;
    border: 0;background-color: transparent;
    margin-bottom: 0;
    border-bottom: 4px solid black;
    background-image: url(../images/product/zoom.png);
    background-repeat: no-repeat;
    background-position: 96%;
}
#product #q_search .btn{
    WIDTH: 55px;
    height: 55px;
    background-color: WHITE;
    border: 3px solid #D81718;
    border-radius: 50%;
    font-size: 18px;text-align: center;
    margin-top: 23px;
    cursor: pointer;
                -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    -o-transition:all .4s ease;
    -ms-transition:all .4s ease;
    transition:all .4s ease;
}
#mainshow{
    display: block;
    width: 100%;    min-height: 650px;
    height: 80vh;
    position: relative;
    background-image: url(../images/product/show_bg.png);
    background-size: cover;
    background-position: center;z-index: 6;
    background-repeat: no-repeat;letter-spacing: 1px;
}
#mainshow .block{
    max-width: 1200px;
    margin: 0 auto;
    display: block;
    height: 100%;
    position: relative;
    padding-top: 20vh;

}
#mainshow .imgs{
    right: -2%;
    margin-top: 50px;
    width: 966px;background-size: 0;
    display: block;    
    position: absolute;opacity: 0;
    -webkit-transition:opacity 1.2s ease,margin 1.3s ease;
    -moz-transition:opacity 1.2s ease,margin 1.3s ease;
    -o-transition:opacity 1.2s ease,margin 1.3s ease;
    -ms-transition:opacity 1.2s ease,margin 1.3s ease;
    transition:opacity 1.2s ease,margin 1.3s ease;
}
#mainshow .imgs.active{
    opacity: 1;
    margin-top: 0;
}
#mainshow .imgs img{
    width: 100%;
}
#mainshow .text{
    color: white;
    position: absolute;
    left: 15%;
    top: 64%;
    width: 415px;
    padding-left: 40px;
}
#mainshow .text .type{
        display: block;
    width: 100%;opacity: 0;
    position: relative;
}
#mainshow .text .type h4{
        font-size: 25px;
    font-weight: 100;
    float: left;
}
#mainshow .text .type em{
    font-size: 22px;
    font-style: inherit;
    opacity: 1;
    position: absolute;
    left: 0;
    top: -60px;
}
#mainshow .text .name{
        font-size: 36px;
    font-weight: 100;
    display: block;
    width: 100%;
    margin-top: 24px;
    position: relative;
}
#mainshow .text .name h2{
    font-size: 36px;
    font-weight: 400;
    line-height: 42px;    color: rgba(255, 255, 255, 0);
    padding: 33px 40px 71px 0;
    width: 100%;
    letter-spacing: 2px;opacity: 1;
        -webkit-transition:all 1.5s .5s ease;
    -moz-transition:all 1.5s .5s ease;
    -o-transition:all 1.5s .5s ease;
    -ms-transition:all 1.5s .5s ease;
    transition:all 1.5s .5s ease;
}
#mainshow .text .name.active h2{
/*    opacity: 1;*/
     color: rgba(255, 255, 255, 1);text-shadow: 1px 1px 6px black;
}
#mainshow .text .name h2:before{
    content: '';
    background: #D81718;
    width: 9px;
    height: 100%;
    position: absolute;
    display: block;
/*    right: 0;
    top: 35px;*/
        right: -41px;
    top: 29px;
    opacity: 0;
    -webkit-transition:all 1.2s ease;
    -moz-transition:all 1.2s ease;
    -o-transition:all 1.2s ease;
    -ms-transition:all 1.2s ease;
    transition:all 1.2s ease;
}
#mainshow .text .name.active h2:before{
    top: 0;right: 0;
    opacity: 1;
}
#mainshow .text .name h2:after{
    content: '';
    background: #D81718;
    height: 9px;
    width: 109%;
    position: absolute;
    display: block;
   
        right: -41px;
    bottom: -30px;opacity: 0;
    -webkit-transition:all 1.2s ease;
    -moz-transition:all 1.2s ease;
    -o-transition:all 1.2s ease;
    -ms-transition:all 1.2s ease;
    transition:all 1.2s ease;
}
#mainshow .text .name.active h2:after{
    opacity: 1;
    right: 0; bottom: 0;
}

#mainshow .text .name:before{
    content: '';
    background: #D81718;
    width: 109%;
    height: 9px;
    position: absolute;
    display: block;
    opacity: 0;
    left: -70px;
    top: -42px;
    -webkit-transition:all 1.2s ease;
    -moz-transition:all 1.2s ease;
    -o-transition:all 1.2s ease;
    -ms-transition:all 1.2s ease;
    transition:all 1.2s ease;
}
#mainshow .text .name.active:before{
    left: -41px;opacity: 1;
    top: 0;
}
#mainshow .text .name:after{
    content: '';
    background: #D81718;
    width: 9px;
    height: 100%;
    position: absolute;
    display: block; 
        left: -70px;
    top: -35px;
    opacity: 0;
    -webkit-transition:all 1.2s ease;
    -moz-transition:all 1.2s ease;
    -o-transition:all 1.2s ease;
    -ms-transition:all 1.2s ease;
    transition:all 1.2s ease;
}
#mainshow .text .name.active:after{
    opacity: 1;   left: -41px;
    top: 0;
}
#product_show {
    display: block;
    z-index: 5;
    width: 100%;
    max-width: 1200px;
    letter-spacing: 1px;
    position: relative;
    margin: 0 auto;
    margin-top: 15vh;
    margin-bottom: 95px;
}

#product_show #show{
max-width: 830px;
    display: block;
    margin: 0 auto;
    margin-top: 103px;position: relative;
}
#product_show #show .block01{
        display: block;
    margin: 0 auto;
    width: 100%;opacity: 0;
    position: relative;    margin-bottom: 150px;
}
#product_show #show .block01 .summary{
        font-size: 30px;
    display: block;
    padding-right: 35%;
    line-height: 47px;
    letter-spacing: 2px;
    margin-bottom: 7px;
}
#product_show #show .block01 .award{
    position: absolute;
    right: 0;
    top: 0;
    width: 28%;
}
#product_show #show .block01 .award img{
    float: right;margin-left: 20px;
}
#product_show #show .block01:after{
    content: '';
    background-color: #D81718;
    width: 3px;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -1.5px;
        -webkit-transition:all 1.2s ease;
    -moz-transition:all 1.2s ease;
    -o-transition:all 1.2s ease;
    -ms-transition:all 1.2s ease;
    transition:all 1.2s ease;
}
#product_show #show .block01.active:after{
    height: 100px;
}
#product_show #show .block02{
    display: block;
    width: 100%;
    position: relative;opacity: 0;
    margin-bottom: 80px;
}
#product_show #show .block02 table{
color: black;
    font-size: 16px;
    width: 100%;
}
#product_show #show .block02 table tr{
        border-top: 1px solid #b9b9b9;
    border-bottom: 1px solid #b9b9b9;
}
#product_show #show .block02 table tr:nth-child(even){
    background-color: #f7f7f7;
}
#product_show #show .block02 table tr td{
padding: 17px 17px;
    border-left: 1px solid #b9b9b9;
    vertical-align: middle;
}
#product_show #show .block02 table tr td:nth-child(1){
    border-left: 0;
}

#product_show #show .block02 .t_block{
    display: block;
    width: 100%;
    margin-top: 80px;
    text-align: center;
}
#product_show #show .block02 .t_block h5{
    font-size: 44px;
    font-weight: 100;opacity: 0;letter-spacing: 5px;
            -webkit-transition:all 1.2s ease;
    -moz-transition:all 1.2s ease;
    -o-transition:all 1.2s ease;
    -ms-transition:all 1.2s ease;
    transition:all 1.2s ease;
}
#product_show #show .block02 .t_block h5.active{
    opacity: 1;letter-spacing: 1px;
}
#product_show #show .block02 .t_block .circle{
    display: block;
    width: 100%;
    margin-top: 70px;
    position: relative;opacity: 0;
}
#product_show #show .block02 .t_block .circle .box{
width: 173px;
    display: inline-block;
    margin: 0 30px;
}
#product_show #show .block02 .t_block .circle .box .imgs{
    width: 180px;
    height: 180px;
    display: block;
    background-color: black;
    border-radius: 50%;
    text-align: center;
}
#product_show #show .block02 .t_block .circle .box .imgs img{
    max-width: 100%;
    margin-top: 32px;
}
#product_show #show .block02 .t_block .circle .box .w{
    font-size: 16px;
    display: block;
    margin-top: 20px;

}
#product_show #show .block02 .t_block .circle .box.none{
    opacity: .4;
}
#product_show #show .block02 .t_block .circle .box.none.active{ 
    opacity: 1;
}
#pic_slider{
    height: 600px;
    display: block;
    width: 100%;
    position: relative;opacity: 0;
}
#pic_slider li{
height: 600px;
}
#pic_slider li .bg{
    height: 600px;
    display: block;
     width: 50%;
    overflow: hidden;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    -ms-transition:all 1s ease;
    transition:all 1s ease;
    position: absolute;
}
#pic_slider li .bg span{
    width: 100vw;
    height: 600px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
}
#pic_slider li.active .bg{
    width: 100%;
}
#pic_slider li .bg img{
        display: none;
}
#pic_slider li .text{
        position: absolute;
    left: 21%;
    width: 228px;
    bottom: 65px;
    font-size: 17px;
    line-height: 25px;opacity: 0;
    letter-spacing: 1px;
}
#pic_slider li .text .num{
        color: #8b8b8b;
    font-size: 19px;
    margin-bottom: 35px;  padding: 8px;
}
#pic_slider li .text .memo{
        padding: 8px;
    background-color: rgba(255, 255, 255, 0.66);
    border-radius: 3px;
}
#pic_slider .bx-wrapper .bx-pager.bx-default-pager a{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d0d0d0;
}
#pic_slider .bx-wrapper .bx-pager.bx-default-pager a.active{
    background-color: #d81718;
}
#pic_slider .bx-wrapper .bx-pager .bx-pager-item,
#pic_slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item{
    width: 66px;
}

#pic_slider .bx-wrapper .bx-pager{
    bottom: 40px;
}

#black{
    background-color: black;
    width: 100%;
    display: block;
    text-align: center;
    height: 70vh;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: fixed;
        -webkit-transition:background 5s ease;
    -moz-transition:background 5s ease;
    -o-transition:background 5s ease;
    -ms-transition:background 5s ease;
    transition:background 5s ease;
}
#black.active{
    background-position: center;
}
#black img{
    
}
#video_box{
    max-width: 1002px;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;    position: relative;
    height: 512px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 10px;
}
#video_box .img{
    height: 512px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 100%;
    display: block;z-index: 1;
    top: 0;
    opacity: 0;
    -webkit-transition:all 1s .5s ease;
    -moz-transition:all 1s .5s ease;
    -o-transition:all 1s .5s ease;
    -ms-transition:all 1s .5s ease;
    transition:all 1s .5s ease;
}
#video_box .img.active{
    opacity: 1;
}
#video_box .box{
    font-size: 44px;
    color: white;
    width: 352px;
    text-align: center;
    margin: 0 auto;
    top: 22%;
    position: relative;
    z-index: 5;opacity: 0;
}
#video_box .box h5{
    font-weight: 100;
    display: block;letter-spacing: 2px;
    margin-top: 60px;
}
#video_box:before{
    content: '';
    background-color: #D81718;
    width: 3px;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -1.5px;    z-index: 5;
    top: -52px;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    -ms-transition:all 1s ease;
    transition:all 1s ease;
}
#video_box.active:before{
    height: 90px;
}
#video_box .playit{
    width: 105px;
    height: 105px;
    display: block;
    border-radius: 50%;
    border: 9px solid #d81718;
    color: white;
    font-size: 18px;
    line-height: 90px;
    margin: 0 auto;
    -webkit-transition:all .8s ease;
    -moz-transition:all .8s ease;
    -o-transition:all .8s ease;
    -ms-transition:all .8s ease;
    transition:all .8s ease;
/*    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);*/
    top: 20px;
    position: relative;
}
#video_box .playit.active{
     opacity: 1;
     top: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);   

}



@media only screen and (max-width: 1200px) {

#product{
    max-width: 100%;
}
#product #q_search{
    right: 100px;
}
#product #main .p_box .imgs{
    width: 460px;
}
#product #main .p_box .p_link{
    width: 520px;
}
#product #main .p_box{
    width: 935px;
}
#mainshow .imgs{
    right: 0;
    width: 775px;
    bottom: -120px;
}
#mainshow .block{

}
#mainshow{
    min-height: 580px;
}
#mainshow .text{
    top: 52%;
}
#pic_slider li .text{
    left: 7%;
    bottom: 40px;
}
#video_box{
    width: 90%;
}


}





@media only screen and (min-width: 1025px) {
#tab_menu .block .sliders li:hover:after{
    width: 100%;
}
#tab_menu .block .sliders li:hover .tlink:after{

    bottom: -34px;
}
#product #main .p_box:hover .imgs img{
      -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);  
}
#product #q_search .btn:hover{
    background-color: #D81718;
    color: white;
}


#pic_slider .bx-wrapper .bx-pager.bx-default-pager a:hover{
    background-color: #d81718;
}
#video_box .playit:hover{
        box-shadow: 1px 0px 24px rgba(255, 255, 255, 0.68);
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
}


}


@media only screen and (max-width: 1024px) {
#inner_content .bg_show{
   /* display: none;*/    background-position: center;
}
#inner_content{
    width: 100%;
}
#inner_content #where{
    top: -218px;
    margin-bottom: 0;
    font-size: 14px;
    margin-top: 0px;
    color: #7D7D7D;
    font-weight: 300;
    width: 90%;
}
#inner_content #where a{
    font-size: 14px;
    margin-top: 0px;
    color: #7D7D7D;
    font-weight: 300;
}
#tab_menu{
    margin-top: 0;padding-left: 5%;
    padding-right: 5%;
top: 135px;
    padding-top: 0;
}
#tab_menu .block .sliders li:nth-child(4n) a{
    border-right: 0;
}
#tab_menu .block .sliders{
    max-width: 100%;
}
#tab_menu .block .sliders .tlink{
    display: table;    width: 100%;
}
#tab_menu .block .sliders .tlink span{
    display: table-cell;
    vertical-align: middle;
}
#company #main #c_block_4 .award .imgs img{
    width: 100%;
}
#tab_menu .block .sliders .tlink {
    display: table;
    width: 100%;
    height: 82px;
/*    margin-bottom: 27px;*/
}
#tab_menu.scroll-to-fixed-fixed{
    height: 145px;
}
#product #main .p_box{
    width: 95%;

}

#product{
    margin-top: 125px;
}

#product #q_search{
    position: relative;
    width: 90%;
    top: 0;    height: 150px;
    right: auto;
    left: 5%;
}
#product #q_search .select_box{
    display: block;
    width: 100%;
    padding-right: 50px;
    position: relative;
}
#product #q_search h4{
    font-size: 30px;
    text-align: left;
}
#product #q_search .inputbox{
    width: 30%;float: left;
}
#product #q_search .inputbox input{
        border-bottom-width: 2px;
}
#product #q_search .styled_select{
    width: 30%;
    float: left;
    margin-right: 3%;
    border-bottom-width: 2px;
}
#product #q_search .btn{
    position: absolute;
    width: 45px;
    height: 45px;
    right: 0;
    top: 0;padding: 0;
    margin-top: 10px;text-align: center;
}

#product #main .p_box:nth-child(2n){
        margin-bottom: 64px;
}
#product #main .p_box .imgs img{
        -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
#product #main .p_box .p_link{
    width: 55%;
    height: 220px;
    padding-left: 25px;
    padding-top: 30px;
    font-size: 15px;
}
#product #main .p_box.active .imgs{
    width: 60%;
}

#product #main .p_box .p_link .text{
    line-height: 21px;
    width: 65%;
}

#product #main .p_box .p_link .more{
        left: 25px;
    bottom: 23px;
}
#product #main .p_box .p_link em{
    right: 12%;
}
#product #main .p_box:after{
    right: 52.5%;
}
#product #main .p_box .p_link .more:before{
        height: 2px;
}
#product #main .p_box .p_link .more{
        width: 80px;
    padding-top: 6px;
}

#product_show{
    width: 90%;
}
#product_show #show{
    width: 100%;
    max-width: 100%;    margin-top: 80px;
}
#inner_content #product_show #where{
    top: 0;
    margin-left: 0;
}

#mainshow{
    height: 475px;
    margin-bottom: 130px;
    padding-bottom: 0;
    min-height: 300px;
}
#mainshow .imgs{
    width: 710px;
    overflow: hidden;
}
#mainshow .imgs img{
     RIGHT: -8%;   position: relative;
}
#mainshow .text{
top: 48%;
    width: 44%;
    left: 8%;
    padding-left: 4%;
}
#mainshow .text .name h2{
    font-size: 34px;
}

#product_show #show .block01 .summary{
    padding-right: 40%;
}
#pic_slider,
#pic_slider li,#pic_slider li .bg,
#pic_slider li .bg span{
    height: 566px;
}
#black{
    background-attachment: inherit;
    display: none;
}
#video_box{
        margin-bottom: 30px;
}
#mainshow .text .name.active:after{
    left: -10%;
}
#mainshow .text .name.active:before {
    left: -10%;
}

}


@media only screen and (max-width:750px) {
#mainshow .imgs {
    width: 90%;
    bottom: -78px;
}
#mainshow .text .type h4{
    font-size: 23px;
}
#mainshow .text .type em{
        font-size: 15px;
   /* top: 3px;*/    top: -25px;
}
#mainshow .text .name h2 {
    font-size: 28px;
    line-height: 33px;
}
#product_show #show .block01 .summary{
        font-size: 26px;
    line-height: 37px;
}
#product_show #show .block02 .t_block .circle .box{
     width: 28%;
    display: inline-block;
    margin: 0 2%;   
}
#product_show #show .block02 .t_block .circle .box .imgs{
    width: 153px;height: 153px;
}
#product_show #show .block02 .t_block .circle .box .imgs img {
    max-width: 70%;
    margin-top: 30px;
}
#product_show #show .block02 .t_block h5{
    font-size: 39px;
}
#pic_slider, #pic_slider li, #pic_slider li .bg, #pic_slider li .bg span{
    height: 480px;
}
#black{
    height: 60vh;    margin-bottom: 35px;
}
#video_box .box{
    font-size: 40px;
}
#mainshow{
        height: 430px;
}


}

@media only screen and (max-width: 600px) {

#tab_menu .block .sliders li:nth-child(2) .tlink{
    border-right: 0;
}
#product #main .p_box:nth-child(2n) .p_link em{
    left: 10%;
}
#product #main .p_box:nth-child(2n) .p_link .text {
    margin-left: 20%;
    width: 70%;
}
#product #main .p_box .p_link .text{
    width: 70%
}
#product #main .p_box .p_link em{
    right: 10%;
}
#mainshow .imgs{
width: 100%;
    bottom: auto;
    position: relative;
    right: auto;margin-top: 0;
}
#mainshow .imgs img{
    right: 0;
}
#mainshow .text{
    position: absolute;
    width: 85%;
    left: 7.5%;
    padding-left: 0;
    top: 100%;
    margin-top: 229px;
    color: #2b2b2b;
}
#mainshow {
    height: auto;
}
#mainshow .block{
    padding-top: 0;
}
#mainshow .imgs.active{
       top: 80px;
}
#inner_content #product_show #where{
    border-bottom: 2px solid #C9C5C5;
    padding-bottom: 27px;    width: 100%;
}
#mainshow .text .type h4{
    font-size: 22px;
}
#mainshow .text .type em{
        font-size: 18px;
    top: 3px;
    left: auto;
    right: 0;
    color: #a8a8a8;
}
#product_show{
    width: 85%;
}
#product_show #show{
        margin-top: 350px;
}
#mainshow .text .name h2,#mainshow .text .name.active h2{
      color: #2b2b2b;  
}
#mainshow .text .name{
    padding-left: 30px;
}
#mainshow .text .name.active:before,#mainshow .text .name.active:after{
    left: 0;
}
#mainshow .text .name.active:before,#mainshow .text .name h2:after{
    width: 100%;
}
#product_show #show .block01 .summary{
    font-size: 20px;
    line-height: 32px;
    width: 100%;
    padding-right: 0;
}
#product_show #show .block01 .award{
    position: relative;
    width: 100%;
    text-align: center;
    margin: 40px 0;
}
#product_show #show .block01 .award:after{
    content: '';
    display: block;
    clear: both;
}
#product_show #show .block01 .award img{
    float: none;
    margin: 0 10px;
}
#product_show #show .block01.active:after{
    height: 55px;
}


#product_show #show .block02 .t_block h5{
    font-size: 24px;
    text-align: left;
}
#product_show #show .block02 .t_block .circle .box{
        width: 100%;
    display: block;
    margin: 30px 0;
    text-align: center;
}
#product_show #show .block02 .t_block .circle .box .imgs{
    margin-left: auto;
    margin-right: auto;
    width: 170px;
    height: 170px;
}
#pic_slider li .text{
    position: relative;
    background-color: white;
    left: 0;
    width: 100%;
    padding-left: 7.5%;
    padding-right: 7.5%;
    bottom: auto;
    padding-top: 50px;
    margin-bottom: 50px;
    height: 160px;
}
#pic_slider li .bg{
    position: relative;
}
#pic_slider, #pic_slider li{
    height: 690px;
}
#pic_slider .bx-wrapper .bx-pager.bx-default-pager a{
        width: 16px;
    height: 16px;
}
#pic_slider .bx-wrapper .bx-pager .bx-pager-item, #pic_slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    width: 41px;
}

#pic_slider .bx-wrapper .bx-pager{
    width: auto;
    right: 5%;
    bottom: 141px;
}

#video_box,#video_box .img{
    height: 400px;
}
#video_box{
    width: 85%;
}


#product_show #show .block02 table{
    display: none;
}

.phone_table{
    display: block;
    width: 100%;
    position: relative;
}
.phone_table .line{
   display: block;
    width: 100%;
    position: relative;
    padding: 16px 16px;font-size: 16px;
    line-height: 22px;
    border-bottom: 1px solid #b9b9b9;
}
.phone_table .line:nth-child(even){
    background-color: #f7f7f7;
}
.phone_table .line b{
   display: block;
    width: 100%;
    position: relative;    margin-bottom: 3px;
font-weight: 500;
    color: black;
}
.phone_table .line span{
  display: block;
    width: 100%;
    position: relative;
    color: black;
    color: #9a9a9a;
}
}



@media only screen and (max-width: 500px) {
#tab_menu .block .sliders .tlink{
        font-size: 14px;
    height: 100px;
    padding-top: 0;
    margin-bottom: 25px;
}

#tab_menu .block .sliders li.active .tlink:after, #tab_menu .block .sliders li:hover .tlink:after {
    bottom: -25px;
}

#tab_menu.scroll-to-fixed-fixed {
    height: 124px;
}
#product #q_search .styled_select{
    width: 100%;
    margin-right: 0;
}

#product #q_search .select_box{
    padding-right: 0;
}
#product #q_search .inputbox{
    width: 100%;
}
#product #q_search .btn{
    position: relative;
}

#tab_menu{
    padding-left: 7.5%;
    padding-right: 7.5%;
}
#product #q_search{
    width: 85%;
    left: 7.5%;    height: auto;
}
#product #q_search h4{
    margin-bottom: 10px;
}
#product #q_search .btn{
    margin-top: 20px;    text-align: center;padding: 0;
}

#product #main .p_box.active .imgs{
    width: 100%;min-height: auto;
}
#product #main .p_box .p_link{
 width: 100%;
    position: relative;
    margin-top: auto;
    height: auto;
    padding-bottom: 14px;

}
#product #main .p_box{
    width: 85%;
    float: left;    margin-bottom: 25px;
    left: 7.5%;
}
#product #main .p_box .imgs img{
    float: left;
}
#product #main .p_box.active .p_link .text{
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    -webkit-line-clamp: 25;
    -webkit-box-orient: vertical;    font-size: 14px;
}
#product #main .p_box .p_link .more{
    position: relative;
    float: left;
    left: 0px;
    bottom: auto;margin-top: 25px;    float: none;
    display: inline-block;
    width: 100px;
}
#product #main .p_box:nth-child(2n) .p_link .text{
    margin-left: 0;
}
#product #main .p_box:nth-child(2n) .p_link .more{
    left: 0;
}
#product #main .p_box:nth-child(2n) .p_link em{
    left: auto;
}
#product #main .p_box.active .p_link em{
    top: 28px;
    right: 25px;
}
#product #main{
    top: 40px;
}

#product #main .p_box:after{
    display: none;
}


#video_box .box h5{
    display: none;
}
#video_box .playit{
    border: 6px solid #d81718;
    top: 0;
    width: 90px;
    height: 90px;
    line-height: 83px;
    font-size: 16px;
}

#video_box, #video_box .img{
    height: 200px;
}
#video_box.active:before{
    height: 76px;
}
#video_box .box{
        top: 28%;width: 100%;
}
#product_show #show .block01{
    margin-bottom: 118px;

}


#mainshow .imgs img{
    display: none;
}
#mainshow .imgs{
    width: 100%;height: 300px;
    background-size: cover;    background-position: center;
}
#pic_slider li .bg ,#pic_slider li .bg span{
    height: 400px;
}
#pic_slider, #pic_slider li{
    height: 616px;
}

}


@media only screen and (max-width: 415px) {
#video_box, #video_box .img {
    height: 170px;
}
#video_box .playit {
    border: 5px solid #d81718;
    top: 0;
    width: 70px;
    height: 70px;
    line-height: 62px;
    font-size: 12px;
}
#video_box{
    margin-top: 60px;
}
#video_box.active:before {
    height: 50px;
    top: -31px;
}
#black{
    height: 50vh;
}

#pic_slider li .bg ,#pic_slider li .bg span{
    height: 350px;
}
#pic_slider, #pic_slider li{
    height: 566px;
}


}