@font-face { font-family: SHCNMedium; src: url(/skin/fonts/SourceHanSansCN-Medium.otf); }


.keywordslist { width: 100%; background-color: #f7f7f7; height: 60px; overflow: hidden; }
    .keywordslist .center { width: 100%; max-width: 1200px; overflow: hidden; }
        .keywordslist .center .l { line-height: 60px; float: left; font-size: 18px; color: #000; font-family: "SHCNNormal" }
            .keywordslist .center .l a { padding-right: 5px; font-size: 16px; color: #494949; font-family: "SHCNNormal" }


        .keywordslist .center .r { float: right; border: 1px solid #a3a3a3; border-radius: 18px; width: 335px; height: 36px; margin-top: 12px; }
            .keywordslist .center .r input { border-style: none; background: none; line-height: 32px; height: 32px; float: left; margin-left: 16px; font-size: 16px; width: 80%; }
            .keywordslist .center .r img { float: right; margin-right: 16px; margin-top: 3px; }




.productsinfo { width: 100%; max-width: 1140px; margin-top: 20px; margin-bottom: 20px; overflow: hidden; }
    .productsinfo .picbig { width: 50%; float: left }
        .productsinfo .picbig img { width: 100%; max-width: 536px; }
    .productsinfo .proinfoextinfos { width: 50%; float: left }
        .productsinfo .proinfoextinfos .tit { border-bottom: dotted 1px #000; padding-top: 10px; padding-bottom: 15px; text-align: left; font-size: 36px; color: #ff0000; font-family: "SHCNMedium" }
        .productsinfo .proinfoextinfos .tittxt { padding-top: 20px; text-align: left; line-height: 32px; font-size: 28px; font-family: "SHCNMedium" }


.productslist { background-color: #f9f7f7; width: 100%; background-image: url('../images/pa1.jpg'); background-position: top center; }
.procontent { max-width: 1140px; padding: 40px 0px; overflow: hidden; }
    .procontent .left { float: left; width: 25%; background-image: url('../images/ib3.jpg'); background-repeat: repeat; }
        .procontent .left ul { width: 100%; overflow: hidden; }
            .procontent .left ul li.top { text-align: left; background-color: #002387; height: 136px; }
                .procontent .left ul li.top img { float: left; margin-left: 35px; padding-top: 16px; padding-right: 10px; }
                .procontent .left ul li.top .t1 { float: left; margin-top: 35px; color: #fff; line-height: 30px; font-size: 13px; text-transform: uppercase; }
                .procontent .left ul li.top .t2 { float: left; font-size: 28px; color: #fff; font-family: "SHCNMedium"; }

            .procontent .left ul li.pclass { line-height: 60px; margin-top: 10px; margin-bottom: 10px; text-align: left; padding-left: 30px; }
                .procontent .left ul li.pclass a { font-size: 22px; color: #fff; font-family: "SHCNRegular"; padding-bottom: 5px; border-bottom: 1px solid #fff; }

                .procontent .left ul li.pclass:hover { background-color: #b10000; }
            .procontent .left ul li.ac { background-color: #b10000; }


    .procontent .right { float: right; width: 75%; }
        .procontent .right .listtitle { text-align: left; width: 99%; border-top: solid 2px #002387; border-bottom: solid 2px #e0e0e0; font-size: 18px; color: #002387; height: 45px; line-height: 45px; }
        .procontent .right .infostx { padding-top: 20px; padding-bottom: 20px; color: #183eac; width: 99%; text-align: center; font-size: 16px; line-height: 24px; }

        .procontent .right .infos { width: 99%; text-align: left; font-size: 14px; line-height: 22px; }





@media only screen and (max-width:1440px) {
    .bigcontent { height: 590px; background-size: cover; }
}



@media only screen and (max-width:1200px) {
    .bigcontent { height: 490px; }
    .procontent .left ul li.top img { margin-left: 15px; }
}





@media only screen and (max-width:1024px) {
    .bigcontent { height: 420px; }
    .procontent .left ul li.top img { display: none; }
    .procontent .left ul li.top .t1 { float: none; margin-top: 0px; padding-top: 30px; padding-left: 30px; }
    .procontent .left ul li.top .t2 { float: none; padding-left: 30px; }
    .procontent .left ul li.pclass { line-height: 68px; padding-left: 10px; }
        .procontent .left ul li.pclass a { font-size: 18px; color: #fff; }
}

@media only screen and (max-width:960px) {
    .bigcontent { height: 394px; }
}


@media only screen and (max-width:768px) {
    .bigcontent { height: 315px; }


    .keywordslist { height: auto; margin-top: 40px; padding-bottom: 10px; }
        .keywordslist .center .l { padding: 0px 10px; width: 100%; float: none; font-size: 12px; line-height: 20px; }
            .keywordslist .center .l a { font-size: 12px; }
        .keywordslist .center .r { float: none; width: 80%; line-height: 30px; margin-top: 10px; }


    .productsinfo .picbig { width: 90%; float: none }
    .productsinfo .proinfoextinfos { width: 90%; float: none }




    .procontent .left { float: none; width: 91%; }
        .procontent .left ul li.top { height: 96px; }
            .procontent .left ul li.top .t1 { float: none; margin-top: 0px; padding-top: 20px; padding-left: 30px; }
            .procontent .left ul li.top .t2 { float: none; padding-left: 30px; font-size: 20px; }
        .procontent .left ul li.pclass { line-height: 38px; padding-left: 10px; }
            .procontent .left ul li.pclass a { font-size: 16px; color: #fff; }

    .procontent .right { float: none; width: 92%; }
        .procontent .right ul li.topx .txt { font-size: 18px; }
        .procontent .right ul li.lx .txt { font-size: 12px; }
            .procontent .right ul li.lx .txt a { padding: 2px 5px; font-size: 12px; }
}

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

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