*{
    font-family: 'Lantinghei SC', 'Open Sans', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 微软雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;
    margin: 0;
    padding: 0;
    list-style: none;
}
/*头部样式*/

#header {
    background: rgba(255, 255, 255, .7);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.logo {
    padding-top: 10px;
    position: relative;
    z-index: 99;
}

.top {
    height: 92px;
}

.topLink {
    float: right;
    text-align: right;
    position: relative;
    z-index: 9999;
}

.translate {
    width: 100px;
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 9999;
}

.tran-in {
    left: 120px;
}

.translate li {
    border: 1px dashed #cccccc;
    line-height: 26px;
    text-align: left;
    background: #fff;
}

.translate li a {
    display: block;
    padding-left: 10px;
    background: url(../images/dot4.png) no-repeat 88% 11px;
}

.translate li a:hover {
    text-decoration: none;
    color: #275cea;
    cursor: pointer;
}

.translate-en {
    display: none;
    padding: 6px;
    padding-top: 0px;
}

.translate li .translate-en a {
    padding-left: 0px;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #cccccc;
}

.translate li .translate-en a:hover {
    font-weight: bold;
}

.topLink .f_count {
    color: #ff0000;
    font-size: 13px;
    font-weight: bold;
}

.topLink .k1 {
    line-height: 32px;
    padding-top: 5px;
}

.topLink .k2 {
    color: #074b91;
    font-size: 14px;
    font-family: "微软雅黑";
}

#menu {
    position: relative;
    padding-right: 0;
}

@media (max-width: 767px) {
    #header {
        position: static;
    }
}


/*热门搜索*/

.search {
    text-align: center;
    line-height: 92px;
    position: relative;
}

.sear-hide {
    position: absolute;
    right: 0;
    top: 92px;
    background-color: rgba(255, 255, 255, .7);
    display: none;
}

#formsearch {
    width: 640px;
}

.hotSearch {
    width: 400px;
    float: left;
    height: 24px;
    line-height: 24px;
    font-weight: normal;
}

#search-type {
    float: left;
    width: 100px;
    height: 24px;
    border: 1px solid #c8c8c8;
    margin-right: 5px;
}


/*主体样式*/

#container {
    width: 1000px;
    margin: 0 auto;
    margin-top: 10px;
}

.boxx {
    padding: 0 8%;
}

.main {
    padding-left: 8%
}

.main .col-md-6 {
    padding-left: 0;
    padding-right: 0;
}

.pro-cate {
    padding-top: 28px;
}

.pro-cate li {
    background: url(../images/list1.jpg) no-repeat 0 5px;
    text-indent: 20px;
}

.pro-cate li a {
    display: block;
    color: #373d41;
    font: 400 18px/24px 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif' !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.pro-cate li p {
    color: #999;
    font: 400 14px/20px 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif' !important;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.pro-cate li:hover {
    background: url(../images/list2.jpg) no-repeat 0 5px;
}

.pro-cate li:hover a {
    color: #fd4311;
}

.pro-cate li:hover p {
    color: #fd4311;
}

.pro-cates {
    position: relative;
    z-index: 999;
}

.aboutimg {
    padding-top: 45px;
}

.abouts {
    position: relative;
    top: -60px;
    z-index: 99;
}

.about {
    background: url(../images/aboutbg.png) repeat;
    padding: 100px 5% 120px 15%;
}

.about h2 {
    color: #fff;
    font: 400 24px/30px 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif' !important;
    position: relative;
    padding-bottom: 35px;
}

.about h2 p {
    color: #fff;
    font: 600 30px/40px "arial";
    text-transform: uppercase;
}

.about h2:before {
    position: absolute;
    width: 54px;
    height: 4px;
    background: #fff;
    left: 0;
    bottom: 0;
    content: "";
}

.about .content {
    color: #fff;
    font: 400 14px/30px 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif' !important;
    opacity: 0.8;
    /*height: 343px;*/
    overflow: hidden;
}

.about .content .tit {
    font: 400 22px/73px 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif' !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.aboutimg img {
    max-width: 110%;
    height: auto !important;
    width:auto !important;
}

@media (max-width: 1599px) {
    .about {
        padding: 100px 20% 100px;
    }
}

@media (max-width: 1199px) {
    .boxx {
        padding: 0 15px;
    }
    .main {
        padding-left: 15px;
    }
    .about {
        padding: 100px 10% 50px 20%;
    }
}

@media (max-width:991px) {
    .main {
        padding-right: 15px;
    }
    .abouts {
        top: 0;
    }
    .about {
        padding: 100px 10% 50px;
    }
    .about .content {
        height: auto;
    }
    .aboutimg img {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .pro-cate li {
        text-indent: 5px;
    }
    .pro-cate li p {
        font: 400 12px/20px 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif' !important;
    }
    .pro-cate li a {
        display: block;
        color: #373d41;
        font: 400 16px/24px 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif' !important;
    }
    .about {
        padding: 30px 10% 50px;
    }
    .about .content {
        /*height: 343px;*/
    }
    .about h2 p {
        color: #fff;
        font: 600 24px/40px "arial";
        text-transform: uppercase;
    }
}


/*----- Common css ------*/

.fl {
    float: left;
}

.fr {
    float: right;
}

.di {
    _display: inline;
}

.fwn {
    font-weight: normal;
}

.dib {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0px;
}


/*友情链接*/

.f_link {
    width: 1000px;
    margin: 0 auto;
    margin-top: 15px;
    line-height: 30px;
    line-height: 30px;
    background-color: #ececec;
    text-indent: 20px;
}


/*页面底部*/
#footer {
    background: #31373b;
    padding-top: 50px;
    position: relative;
}
#footer a {}
#footer a:hover {
    color: #e87518;
    text-decoration: none;
}
#footer .footerwidth{
    max-width: 1230px;
    margin: 0 auto;
}
#footer .show-line{
    border-left: 1px solid #4b5054;
}
#footer .phone-cell {
    left: 0;
    width: 280px;
    position: relative;
    padding-left: 80px;
}
#footer .phone-cell img{
    position: absolute;
    left: 0;
    width: 50px;
}
#footer .phone-cell h2{
    color: #d7d8d9;
    font-size: 16px;
    height: 30px;
    margin-top: 0;
    margin-bottom: 0;
}
#footer .phone-cell h1{
    color: #fff;
    font-size: 20px;
    height: 30px;
    margin-top: 0;
    margin-bottom: 0;
}
#footer .phone-cell ul li a{
    color: #d7d8d9;
    font: 400 13px/30px 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif' !important;
}

.nav_foot {
    text-align: center;
    line-height: 24px;
    color: #666;
}

.copyright {
    border-top: 1px solid #4b5054;
    color: #fff;
    font: 400 12px/30px 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif' !important;
    margin-top: 30px;
    padding-top: 30px;
}
.copyright .left{ line-height: 24px; color: #fff; font-size: 12px; padding: 0; border: none;}
.copyright a {color: #fff;}
.copyright .right{ padding: 16px 1px;}
.copyright .right a{ color: #fff;  font-size: 12px; margin-left: 14px;margin-right: 14px;}
.tit {
    color: #d7d8d9;
    font: 24px/1.5 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif' !important;
}

.tit p {
    color: #d7d8d9;
    font: 400 16px/24px 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif' !important;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.nav-f {
    padding-top: 10px;
}

.nav-f li {
    width: 50%;
    float: left;
}

.nav-f li a {
    display: block;
    color: #d7d8d9;
    font: 400 13px/30px 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif' !important;
}

.shares .content {
    padding-top: 15px;
    color: #d7d8d9;
}

/*.shares .content img {*/
/*    max-width: 100%;*/
/*    width: auto !important;*/
/*    height: auto !important;*/
/*}*/

.contacts .col-sm-8,
.contacts .col-sm-4 {
    padding: 0;
}

.contacts .content {
    color: #fff;
    font: 400 13px/30px 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif' !important;
    padding-top: 10px;
}

.contacts .content p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

@media (max-width: 991px) {
    .nav-f li a {
        font: 400 14px/30px 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif' !important;
    }
    #footer {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .copyright {
        margin-top: 30px;
    }
    .copyright p{
        font: 400 14px/30px 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif' !important;
    }
}


/*------------内页-------------------*/

.left .box {
 padding-top: 30px;}

.left .box .content {
    padding: 5px 0px;
}

.prodescription {
    border: 1px solid #e5e5e5;
    background: #f9f9f9;
    line-height: 24px;
    padding: 10px;
    margin-bottom: 15px;
    text-indent: 20px;
}

.n_bannerbj {
    width: 100%;
    overflow: hidden;
}

.n_bannerbj img,
.n_banners img {
    max-width: 100%;
    height: auto;
}

/*.left {*/
/*    border-bottom: 1px solid #e4e4e4;*/
/*    padding-top: 32px;*/
/*}*/

.sort_menu h3 {
    color: #373d41;
    font: 400 24px/46px 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif' !important;
    text-align: center;
}

.sort_menu h3 p {
    font: 400 30px/46px 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif' !important;
    text-transform: uppercase;
}

.sort_product {
    margin-top: 10px;
}

.sort_product h3 {
    background-color: #ececec;
    line-height: 28px;
    padding-left: 15px;
    font-weight: bold;
}

.n_contact {
    margin-top: 10px;
}

.n_contact h3 {
    background-color: #ececec;
    line-height: 28px;
    padding-left: 15px;
    font-weight: bold;
}

.n_contact .content {
    padding: 5px;
    line-height: 24px;
}

.right {
    padding-bottom: 30px;
}

.sitemp {
    line-height: 31px;
    height: 31px;
    overflow: hidden;
    padding-right: 10px;
    background: url(../images/nav.png) no-repeat 0% 100%;
}

.sitemp h2 {
    width: 340px;
    float: left;
    line-height: 31px;
    text-align: center;
    text-align: left;
    text-indent: 15px;
    font-size: 14px;
}

.sitemp .site {
    width: 380px;
    float: right;
    text-align: right;
    line-height: 30px;
}

.right .content {
    padding: 10px;
    overflow: hidden;
    line-height: 24px;
    font-size: 14px;
    text-align: justify;
}
.right .content p{
    text-indent: 2em;
}
.sort_album {
    margin-top: 15px;
}
/*.product_detail .content img{max-width:100%;width:auto !important;height:auto !important;} */
.pages-pad{padding:0 12%;}
@media (max-width: 767px) {
    .pages-pad{padding:0}
    .right .content img{
       max-width:100%;
       width:auto !important;
       height:auto !important;
    }
    .tab-content iframe{
        max-width:100%;
        height:auto;
    }
}