/* Common

================================== */



a,input,div,img{

    -webkit-appearance: none;/*屏蔽阴影*/

    -webkit-tap-highlight-color:rgba(0,0,0,0);

    /*ios android去除自带阴影的样式*/

}



a,input,div,img{

    -webkit-appearance: none;/*屏蔽阴影*/

    -webkit-tap-highlight-color:rgba(0,0,0,0);

    /*ios android去除自带阴影的样式*/

}

a, img {

    /* 禁止长按链接与图片弹出菜单 */

    -webkit-touch-callout: none;

}

html, body {

    /* 禁止选中文本(如无文本选中需求,此为必选项) */

    -webkit-user-select: none;

    user-select: none;

}



/* 阻止windows Phone 的默认触摸事件 */

html {

    -ms-touch-action: none;

}



/*消除transition闪屏*/



.cancle-transition-flash {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-perspective: 1000;

    perspective: 1000;

}



.container {

    width: 100%;

    max-width: 1100px;

    margin: 0 auto;

    position: relative;

}



.top-line {

    width: 100%;

    height: 5px;

    background-color: #de0029;

}



#nav {

    margin-top: -5px;

}



#nav .nav {

    width: 100%;

    height: 100px;

    background-color: #de0029;

    position: relative;

    z-index:999;

}



#nav .nav > div {

    float: left;

}



#nav .nav > .logo {

    width: 17%;

    height: 100%;

}



#nav .nav > .logo a {

    display: block;

    width: 100%;

    max-width: 205px;

    height: 100%;

    margin: 0 auto;

    background: url("../images/logo.jpg") center no-repeat;

    background-size: contain;

}



#nav .nav > .menu {

    width: 69%;

}



#nav .nav > .menu > ul {

    width: 100%;

    height: 100%;

}



#nav .nav > .menu > ul > li {

    width: 12.5%;

    min-width: 64px;

    float: left;

    height: 100px;

    line-height: 100px;

}



#nav .nav > .menu > ul > li > a {

    display: block;

    height: 100%;

    color: #fff;

    text-decoration: none;

    position: relative;

    text-align:center;

    font-size: 14px;

}



#nav .nav > .menu > ul > li a:hover,

#nav .nav > .menu > ul > li a.current {

    background:#fff;

    color:#000;

}



#nav .nav > .menu > ul > li > .box {

    width: 100%;

    height: 40px;

    position: absolute;

    top: 100px;

    left: 0;

    padding: 0 20%;

    box-sizing: border-box;

    background: #e3e3e3;

    display: flex;

    justify-content: space-between;

}



#nav .nav > .menu > ul > li > .box a {

    display: block;

    height: 100%;

    line-height: 40px;

    float: left;

    color: #000;

    border: none;

    background: none;

    margin-right: 20px;

}



#nav .nav > .menu > ul > li > .box a:hover {

    color: #df0128;

}



#nav .nav > .search {

    width: 14%;

    height: 100%;

    padding: 10px 0;

    box-sizing: border-box;

}



#nav .nav > .search span {

    display: block;

    width: 100%;

    height: 20px;

    line-height: 10px;

    padding: 0;

    text-align: center;

    box-sizing: border-box;

    color: #fff;

    font-size: 14px;

}



#nav .nav > .search span a {

    color: #fff;

}



#nav .nav > .search span b {

    font-weight: normal;

    padding: 0 10px;

}



#nav .nav > .search form {

    box-sizing: border-box;

    padding: 0 10px;

}



#nav .nav > .search form #keyword {

    float: left;

    width: 70%;

    height: 22px;

    border: none;

    box-sizing: border-box;

    font-size: 12px;

    padding: 0 6px;

}



#nav .nav > .search form .submit-button {

    display: block;

    float: left;

    width: 30%;

    height: 22px;

    border: 1px solid #fff;

    box-sizing: border-box;

    background: url(../images/search.png) center no-repeat;

    background-size: contain;

    cursor: pointer;

    text-indent: -99999em;

}



#nav .nav > .search-for-mobile {

    display: none;

    margin: 0 auto;

    padding: 0;

    width: 92%;

}



#nav .nav > .search-for-mobile span {

    text-align: right;

}



#nav .nav > .search-for-pc {

    display: block;

}



.footer {

    background:#fff;

    width:100%;

    border-bottom:4px solid #de0027;

}



.footer .copyright {

    width: 100%;

    height: auto;

    padding-top: 21px;

    margin: 0 auto 40px;

}



.footer .copyright .weixin {

    display: block;

    float: left;

    margin-left: 80px;

}



.footer .copyright .copyright-text {

    font-size:14px;

    line-height:30px;

    float:left;

    padding-top:25px;

    padding-left:20px;

    color:#333;



}



.footer .copyright-text-mobile {

    display: none;

}



/* 内页

================================== */



.banner {

    width: 100%;

    height: 245px;

    background-size: contain;

    z-index:-1;

    background-repeat:no-repeat !important;

    margin-bottom: 40px;

}



.container .container-wrapper .left-part {

    float: left;

    width: 30%;

    max-width: 205px;

    height: 100%;

    background-color: #df0128;

    color: #fff;

    overflow: hidden;

}



.container .container-wrapper .left-part.left-part-for-mobile {

    display: none;

}



.container .container-wrapper .left-part h1.title {

    display:block;

    height:80px;

    line-height:80px;

    width:205px;

    text-align:center;

    color:#fff;

    font-size:28px;

}



.container .container-wrapper .left-message {

    margin: 0 10px;

    border-top: 2px solid #fff;

    padding: 15px 0;

}



.container .container-wrapper .left-message-for-mobile {

    display: none;

}



.container .container-wrapper .left-message-for-mobile h5 {

    width: 100%;

    line-height: 24px;

}



.container .container-wrapper .left-message h5 {

    font-weight: normal;

    line-height: 30px;

    font-size: 14px;

}



.container .container-wrapper .right-part {

    width: 70%;

    max-width: 790px;

    float: right;

    overflow: hidden;

}



.container .container-wrapper .right-part h2.title {

    padding-bottom: 20px;

}



.container .container-wrapper .right-part h5.min-title {

    color: #de0027;

    font-size: 16px;

    margin-top: -10px;

    margin-bottom: 10px;

    border-bottom: 1px solid #b3b3b3;

    padding-bottom: 10px;

}



.container .container-wrapper .right-part .content {

    width: 100%;

    overflow: hidden;

    padding: 10px 0;

    border-top: 1px solid #de0027;

}



/* Page

================================== */
/*


.right-part .page span {

    display: block;

    width: 40px;

    height: 40px;

    background: #de0027;

    color: #fff;

    float: left;

    margin-left: 10px;

    line-height: 40px;

    text-align: center;

    font-size:30px;

}



.right-part .page{

    float:right;

    height:40px;

    padding:10px 0;

}



.right-part .page a {

    display:block;

    width:80px;

    height:40px;

    background:#666;

    color:#fff;

    float:left;

    margin-left:10px;

    line-height:40px;

    text-align:center;

    font-size:30px;

}
.right-part .page a i {
    display: block;
    width: 22px;
    height: 10px;

    margin-top: 14px; margin-left:24px;
}
.right-part .page .next i {
    background: url(../images/fanye-next.png) no-repeat;
    right: 50%;
    margin-right: -11px;
}
.right-part .page .prev i {
    background: url(../images/fanye-prev.png) no-repeat;
    right: 50%;
    margin-right: -11px;
}
*/

.right-part .page a:hover {

    background:#de0027;

}
.right-part .page{ text-align:center;}
/**前台分页样式**/   
.Pagination {/*margin:10px 0 0;*/padding:15px 0;text-align:rightright; line-height:40px; font-family:Arial, Helvetica, sans-serif,"宋体"; margin:0 auto;}
.Pagination a {margin-left:2px;padding:5px 10px 5px;}    
.Pagination .dot{ border:medium none; padding:4px 8px}    
.Pagination a:link, .Pagination a:visited {border:1px solid #dedede;color:#696969;text-decoration:none;}    
.Pagination a:hover, .Pagination a:active, .Pagination a.current:link, .Pagination a.current:visited {border:1px solid #dedede;color:#fff; background-color:#de0027 ; background-image:none; border:#de0027  solid 1px;}    
.Pagination .selectBar{ border:#dedede solid 1px; font-size:12px; width:95px; height:21px; line-height:21px; margin-left:10px; display:inline}    
.Pagination a.tips{_padding:4px 7px 1px;}  
.Pagination a.prev{background: url(../images/icon-prev2.html) no-repeat center #fff;}  
.Pagination a.next{background: url(../images/icon-next2.html) no-repeat center #fff;}  


@media (max-width: 1100px) {



    #online_qq_layer {

        display: none;

    }



    .footer .copyright .weixin {

        float: none;

        margin: 0 auto 20px;

    }



    .footer .copyright .copyright-text {

        width: 100%;

        float: none;

        padding: 0 10px;

        box-sizing: border-box;

        text-align: center;

    }



    .container .container-wrapper {

        margin: 0 10px;

    }

}



@media (max-width: 980px) {



    #nav .nav > .menu ul li a,

    #nav .nav > .search span

    {

        font-size: 12px;

    }



    #nav .nav > .menu > ul > li > .box {

        padding: 0 15%;

    }



}



@media (max-width: 768px) {



    .mtop80 {

        margin-top: 20px;

    }



    .chanpinsm {

        margin-bottom: 20px;

    }



    .banner {

        height: 0;

        overflow: hidden;

        margin-bottom: 0;

    }



    .container .container-wrapper .left-part.left-part-for-mobile {

        display: block;

        margin-bottom: 0;

    }



    .container .container-wrapper .left-part.left-part-for-pc {

        display: none;

    }



    .right-part .page a,

    .right-part .page span {

        width: 30px;

        height: 30px;

        line-height: 30px;

        font-size: 14px;

    }



    #nav .nav > div {

        float: none;

    }



    #nav .nav {

        height: auto;

    }



    #nav .nav > .logo {

        width: 100%;

        height: 80px;

        padding-top: 20px;

        /*margin-bottom: 20px;*/

    }



    #nav .nav > .menu {

        width: 100%;

        height: 40px;

        overflow-x: scroll;

        overflow-y: hidden;

    }



    #nav .nav > .menu > ul > li {

        max-width: 160px;

        min-width: 100px;

        height: 40px;

        line-height: 40px;

        background-color: #e3e3e3;

        position: relative;

    }



    #nav .nav > .menu > ul > li > a {

        color: #000;

    }



    #nav .nav > .menu > ul > li a:hover,

    #nav .nav > .menu > ul > li a.current {

        background: #fff;

        color: #000;

    }



    #nav .nav > .menu > ul > li .box {

        top: 40px;

        height: auto;

        padding: 0 15px;

        display: block;

    }



    #nav .nav > .menu > ul > li .box > a {

        margin-right: 0;

        float: none;

    }



    #nav .nav > .search-for-mobile {

        display: block;

    }



    #nav .nav > .search-for-pc {

        display: none;

    }



    .footer {

        margin-top: 20px;

    }



    .footer .copyright .copyright-text {

        font-size: 12px;

        line-height: 20px;

    }



    .container .container-wrapper .left-part {

        float: none;

        width: 100%;

        max-width: 100%;

        margin-top: 20px;

    }



    .container .container-wrapper .left-part h1.title {

        width: 100%;

        height: 40px;

        line-height: 40px;

        font-size: 24px;

        text-align: center;

        display: none;

    }



    .container .container-wrapper .left-part .pro-classify {

        width: 100%;

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

        padding: 10px 20px;

    }



    .container .container-wrapper .left-part .pro-classify li {

        width: 50%;

        box-sizing: border-box;

        padding-left: 15px;

        overflow: hidden;

        text-overflow:ellipsis;

        white-space: nowrap;

    }



    .container .container-wrapper .left-part .pro-classify li a {

        display: block;

        height: 100%;

        line-height: 30px;

    }



    .container .container-wrapper .left-message-for-mobile {

        background-color: #df0128;

        width: 100%;

        box-sizing: border-box;

        margin: 20px 0 0;

        padding: 15px 10px;

        line-height: 24px;

        text-align: center;

        color: #fff;

        border-top: none;

    }



    .container .container-wrapper .left-message-for-pc {

        display: none;

    }



    .container .container-wrapper .left-message-for-mobile {

        display: block;

    }



    .container .container-wrapper .right-part {

        width: 100%;

        max-width: 100%;

        float: none;

        margin-top: 20px;

    }



}



@media (max-width: 480px) {

    #nav .nav > div {

        float: none;

    }



    #nav .nav {

        height: auto;

    }



    #nav .nav > .menu {

        width: 100%;

        height: 40px;

        overflow-x: scroll;

    }



    #nav .nav > .menu > ul > li {

        max-width: 160px;

        min-width: 100px;

        height: 40px;

        line-height: 40px;

        background-color: #e3e3e3;

        position: relative;

    }



    #nav .nav > .menu > ul > li.active {

        height: 38px;

        border-bottom: 2px solid red;

    }



    #nav .nav > .menu > ul > li > a {

        color: #000;

    }



    #nav .nav > .menu > ul > li .box {

        top: 40px;

        height: auto;

        padding: 0 15px;

        display: block;

    }



    #nav .nav > .menu > ul > li .box > a {

        margin-right: 0;

        float: none;

    }



    .footer .copyright .copyright-text {

        font-size: 12px;

        line-height: 20px;

    }



    .footer .copyright-text-mobile {

        display: block;

    }



    .footer .copyright-text-pc {

        display: none;

    }



    .container .container-wrapper .left-message {

        width: 100%;

        float: none;

        border-top: 2px solid #fff;

    }





}