﻿@charset "utf-8";
* { margin-right: auto; margin-left: auto; }
body { font-family: Calibri; font-size: 16px; margin: 0px; padding: 0px; }
form { padding: 0px; margin: 0px; }
input { padding: 0px; margin: 0px; }
ul { margin: 0px; padding: 0px; }
li { list-style-type: none; }
img { max-width: 100%; }
a { color: #333; text-decoration: none; }

p { margin: 0px; padding: 0px; }
span { margin: 0px; padding: 0px; }
a:hover { color:#c4261d; }

/*导航*/
.header-box { width: 100%; background: #f79646; overflow: hidden; }
.header { height: 90px; width: 1100px; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center;}

.logo-title { font-size: 16px; color: #fff; text-align:center;}
.nav { padding-left: 40px; }
    .nav ul li { float: left;margin: 0 10px; text-align: center; font-size: 19px; font-weight: 600; cursor: pointer; }
        .nav ul li a { color: #fff; }
            .nav ul li a:hover { color: #de3c49; }

.product-search { }
.search-box-text { border-radius: 50px 0 0 50px; border: solid 1px #fff; height: 30px; line-height: 30px; padding-left: 10px; outline: none; }
.search-btn { height: 32px; margin-left: -4px; border: none; display: inline-block; vertical-align: middle; padding: 0 15px; border-radius: 0 50px 50px 0; outline: none;cursor:pointer; }
.search-box { box-shadow:0 -1px 3px #fdfdfd; border-radius: 50px; }

.goods-search { width:1100px;margin:auto;}
.input-search-box { margin:50px 0;text-align: center;}
.input-search {border-radius: 50px 0 0 50px; border: solid 1px #fff; height: 45px; line-height: 30px;outline: none;width:80%;padding-left:10px;    box-shadow: 0 4px 8px #e0e0e0; }
.input-search-btn { height: 46px; margin-left: -2px; border: none; vertical-align: middle; border-radius: 0 50px 50px 0; outline: none;cursor:pointer;text-align:center;width:10%;    box-shadow: 0 4px 8px #e0e0e0;}
.goods-search-list { text-align:center;overflow:hidden;}
.goods-search-list li { float:left;margin:15px;width:20%;}
.goods-search-list-no { text-align:center;margin: 50px 0 100px 0;}

/* CSS Document */


.bannner { height: 500px; width: 100%; }
    .bannner #full-screen-slider { width: 100%; height: 500px; float: left; position: relative; }
    .bannner #slides { display: block; width: 100%; height: 500px; list-style: none; padding: 0; margin: 0; position: relative; overflow: hidden; }
        .bannner #slides li { display: block; width: 100%; height: 100%; list-style: none; padding: 0; margin: 0; position: absolute; text-align: center; }
            .bannner #slides li a { display: block; width: 100%; height: 100%; }
    .bannner #pagination { display: block; list-style: none; position: absolute; left: 28%; top: 460px; z-index: 9900; padding: 5px 15px 5px 0; margin: 0; }
        .bannner #pagination li { display: block; list-style: none; width: 66px; height: 8px; float: left; margin-left: 15px; background: #f0eded; }
            .bannner #pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; }
            .bannner #pagination li.current { background: #0ac8cc; }


.slideBox { width: 100%; overflow: hidden; position: relative; }
    .slideBox .hd { height: 15px; overflow: hidden; position: absolute; right: 5px; bottom: 5px; z-index: 1; }
        .slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
            .slideBox .hd ul li { float: left; margin-right: 2px; width: 15px; height: 15px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; }
                .slideBox .hd ul li.on { background: #f00; color: #fff; }
    .slideBox .bd { position: relative; height: 100%; z-index: 0; }
        .slideBox .bd li { zoom: 1; vertical-align: middle; }
        .slideBox .bd img { width: 100%; display: block; }

    /* 下面是前/后按钮代码，如果不需要删除即可 */
    .slideBox .prev,
    .slideBox .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(../images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; }
    .slideBox .next { left: auto; right: 3%; background-position: 8px 5px; }
        .slideBox .prev:hover,
        .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; }
    .slideBox .prevStop { display: none; }
    .slideBox .nextStop { display: none; }



.m1 { width: 1100px; padding-top: 10px;}
    .m1 h1 { height: 50px; width: 1100px; font-size: 32px; text-align: center; margin-top: 0; }
    .m1 p { width: 1100px; line-height: 30px; margin-bottom: 20px; font-size: 14px; }

.m2 { width: 100%; background-color: #ececec; padding-top: 30px; padding-bottom: 30px; overflow: hidden; }
.m2_n { height: auto; width: 1100px; }
    .m2_n ul { float: left; height: auto; width: 1100px; display: block; }
        .m2_n ul li { float: left; height: 240px; width: 250px; margin-right: 5px; margin-left: 10px; display: block; margin-bottom: 10px; }
            .m2_n ul li img { float: left; height: 200px; width: 250px; }
            .m2_n ul li em { font-style: normal; float: left; height: 40px; width: 250px; line-height: 40px; text-align: center; font-size: 14px; }

.hot-product-tit { margin-bottom: 30px; }
    .hot-product-tit h1 { font-size: 32px; text-align: center; margin-bottom: 0; color: #fff; background:#f79646; }
    .hot-product-tit p { margin-top: 20px; font-size: 18px; text-align: center; }
.m3-box { padding-top: 50px; padding-bottom: 50px; }
.m3 {    overflow: hidden;width: 1100px; }
.m3_t { height: 35px; font-size: 32px; text-align: center; font-weight: 600; background:#f79646; color: #fff; }
.m3_m { width: 1100px;  text-align: center;padding: 20px 0; }
.m3_f { float: left; height: 360px; width: 1100px; margin-top: 20px; }
.m3_fl { float: left; height: 340px; width: 450px; margin-top: 20px; }

.lanrenzhijia { width: 450px; margin: 0px auto 0 auto; overflow: hidden; }
    .lanrenzhijia ul { width: 450px; }
        .lanrenzhijia ul li { float: left; display: inline; width: 450px; height: 340px; overflow: hidden; position: relative; }
            .lanrenzhijia ul li .photo { width: 450px; height: 340px; overflow: hidden; }
    .lanrenzhijia .rsp { width: 450px; height: 340px; overflow: hidden; position: absolute; background: #f79646; top: 0px; left: 0px; }
    .lanrenzhijia .text { position: absolute; width: 450px; height: 340px; left: -450px; top: 0px; overflow: hidden; }
        .lanrenzhijia .text h3 { width: 450px; margin-top: 100px; height: 50px; line-height: 50px; text-align: center; color: #FFFFFF; font-size: 20px; }
        .lanrenzhijia .text a { text-decoration: none; }
        .lanrenzhijia .text div { text-align: center; color: #FFFFFF; margin-top: 100px; line-height: 20px; }

.m3_fr { float: left; height: 360px; width: 650px; }
    .m3_fr ul li { float: left; margin-left: 65px; display: block; margin-top: 30px; }
        .m3_fr ul li img { width: 260px; height: 150px; }


.foot { height: 400px; width: 100%; background-color: #636363; clear: both; }
.ft { height: 260px; width: 1100px; padding-top: 40px; }

.ft1 { float: left; height: 260px; width: 225px; }

.ft1t { float: left; height: 40px; width: 225px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cccccc; font-size: 20px; color: #CCC; line-height: 40px; }
.ft1b { float: left; height: 70px; width: 225px; margin-top: 20px; }
    .ft1b p { float: left; height: 25px; width: 225px; color: #CCC; font-size: 14px; }
    .ft1b span { line-height: 20px; float: left; width: 225px; color: #999; }

    .ft1b p a { color: #CCC; }
.ft2 { float: left; height: 260px; width: 225px; margin-left: 50px; }
.ft2_t { font-size: 20px; line-height: 40px; color: #CCC; float: left; height: 40px; width: 225px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; }
.ft2_b { float: left; height: 200px; width: 225px; margin-top: 19px; }
.ft2_bl { float: left; height: 200px; width: 130px; }
    .ft2_bl a { float: left; height: 40px; width: 130px; font-size: 14px; color: #CCC; line-height: 40px; }
.ft2_br a { color: #CCC; float: left; height: 40px; width: 95px; line-height: 40px; font-size: 14px; }
    .ft2_br a:hover { color: #de3c49; }

.ft2_br { float: left; height: 200px; width: 95px; }
.ft3 { float: left; height: 260px; width: 225px; margin-left: 50px; }
.ft3_t { font-size: 20px; line-height: 40px; color: #CCC; float: left; height: 40px; width: 225px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; }
.ft3_b { float: left; height: 200px; width: 225px; margin-top: 19px; }
    .ft3_b a { float: left; height: 30px; width: 225px; line-height: 30px; color: #CCC; }
.ft4 { float: left; height: 260px; width: 225px; margin-left: 50px; }
.ft4_t { font-size: 20px; line-height: 40px; color: #CCC; float: left; height: 40px; width: 225px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; }
.ft4_b { float: left; height: 200px; width: 225px; margin-top: 19px; }
    .ft4_b .mail { background-image: url(../images/meil.jpg); background-repeat: no-repeat; background-position: left center; width: 200px; float: left; height: 30px; padding-left: 25px; line-height: 25px; color: #CCC; margin-bottom: 10px; }
    .ft4_b .tel { background-image: url(../images/tel.jpg); background-repeat: no-repeat; background-position: left center; float: left; height: 25px; width: 200px; padding-left: 25px; line-height: 25px; color: #CCC; margin-bottom: 10px; }
    .ft4_b .fax { line-height: 25px; color: #CCC; background-image: url(../images/fax.jpg); background-repeat: no-repeat; background-position: left center; float: left; height: 25px; width: 200px; padding-left: 25px; margin-bottom: 10px; }
    .ft4_b .dz { background-image: url(../images/wz.jpg); background-repeat: no-repeat; background-position: left top; float: left; height: auto; width: 200px; padding-left: 25px; line-height: 20px; color: #CCC; margin-top: 5px; }
.fb { width: 1100px; color: #fff; line-height: 22px; }
.fb_l { line-height: 20px; color: #CCC; float: left; height: 65px; width: 800px; }
.fb_r { float: left; height: 65px; width: 300px; text-align: right; margin-top: 15px; }
    .fb_r img { margin-left: 10px; }



.bannner1 { height: 300px; width: 100%; }
    .bannner1 #full-screen-slider { width: 100%; height: 300px; float: left; position: relative; }
    .bannner1 #slides { display: block; width: 100%; height: 300px; list-style: none; padding: 0; margin: 0; position: relative; overflow: hidden; }
        .bannner1 #slides li { display: block; width: 100%; height: 100%; list-style: none; padding: 0; margin: 0; position: absolute; text-align: center; }
            .bannner1 #slides li a { display: block; width: 100%; height: 100%; }

.page-banner { width: 100%; overflow: hidden; }

.wz { height: 80px; width: 1100px; line-height: 50px; }
    .wz a { color: #000; }
.p1 { height: auto; width: 1100px; }
.p1_t { float: left; height: 50px; width: 1100px; font-size: 20px; line-height: 50px; text-align: center; }
.p1_b { line-height: 22px; float: left; height: auto; width: 1100px; margin-top: 20px; margin-bottom: 50px; color: #333; }
    .p1_b .apic2 { margin-top: 30px; max-width: 1100px; }

    .p1_b .apic1 { float: left; margin-right: 20px; }
.c1 { height: auto; width: 1100px; }
.c1_l { float: left; height: auto; width: 500px; margin-bottom: 50px; }
.c1_lt { float: left; height: 90px; width: 500px; font-size: 24px; line-height: 30px; }
.c1_lm { float: left; height: 350px; width: 500px; }
    .c1_lm img { padding: 10px; border: 1px solid #CCC; }
.c1_lf { float: left; height: 250px; width: 500px; }
    .c1_lf em { font-size: 18px; font-style: normal; float: left; height: 60px; width: 500px; line-height: 40px; color: #03D3DD; }
    .c1_lf .tel { background-image: url(../images/ctel.jpg); float: left; height: 35px; width: 470px; background-repeat: no-repeat; background-position: left center; line-height: 35px; padding-left: 30px; }
    .c1_lf .fax { line-height: 35px; float: left; height: 35px; width: 470px; padding-left: 30px; background-image: url(../images/cfax.jpg); background-repeat: no-repeat; background-position: left center; }
    .c1_lf .mail { }
    .c1_lf .wz { float: left; width: 300px; padding-left: 30px; background-image: url(../images/cwz.jpg); background-repeat: no-repeat; background-position: left 5px; line-height: 25px; margin-top: 5px; }
.c1_r { float: right; height: auto; width: 500px; }
.c1_rt { line-height: 30px; height: 110px; width: 500px; font-size: 14px; }
.c1_rn { float: left; height: auto; width: 500px; margin-bottom: 20px; }
    .c1_rn .xwbk { float: left; height: 35px; width: 100px; border: 1px solid #dbdbdb; padding-right: 10px; padding-left: 10px; }

    .c1_rn .wbk { margin: 0px; float: left; height: 36px; width: 478px; border: 1px solid #dbdbdb; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; color: #999; }
    .c1_rn .dwbk { float: left; height: 100px; width: 478px; border: 1px solid #dbdbdb; overflow-y: hidden; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
    .c1_rn .lbut { background-image: url(../images/tj.jpg); background-repeat: no-repeat; float: left; height: 37px; width: 463px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.f1 { height: auto; width: 1100px; }
.f1_l { float: left; height: auto; width: 260px; }
.f1_t { background-color: #f3f3f3; width: 220px; float: left; height: 210px; padding: 20px; margin-bottom: 40px; }
    .f1_t p { float: left; height: 40px; width: 220px; font-size: 16px; line-height: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; color: #333; }
    .f1_t ul li { line-height: 22px; float: left; width: 220px; height: 50px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; margin-top: 5px; }



.f1_lt {width: 220px; background-color: #f3f3f3; padding: 20px; }
    .f1_lt p {height: 35px; width: 220px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; line-height: 30px; font-size: 16px; color: #333; }
    .f1_lt ul li {width: 220px; margin-top: 20px; }
        .f1_lt ul li img {width: 100%; }
        .f1_lt ul li em { display: block; font-style: normal; }
.f1_lb { float: left; height: 40px; width: 260px; background-color: #f79646; margin-top: 30px; margin-bottom: 50px; text-align: center; line-height: 40px; font-size: 16px; color: #FFF; border-radius: 4px; }
    .f1_lb a { color: #fff; }
.fr { width: 760px; float: left; height: auto; padding-left: 80px; }

/*Factory tour*/
.zhanshi_tp { position: relative; width: 685px; margin-top: 25px; margin-left: 15px; }
    .zhanshi_tp .ulBigPic { width: 562px; height: 426px; margin-left: 60px; overflow: hidden; }
        .zhanshi_tp .ulBigPic li { width: 562px; height: 426px; display: none; }
        .zhanshi_tp .ulBigPic .liSelected { display: block; }
        .zhanshi_tp .ulBigPic img { width: 562px; height: 376px; }
        .zhanshi_tp .ulBigPic p { width: 562px; height: 50px; line-height: 50px; font-size: 14px; text-align: center; }
            .zhanshi_tp .ulBigPic p a:hover { color: #0ac8cc; }
    .zhanshi_tp .sLeftBtnA, .zhanshi_tp .sLeftBtnASel, .zhanshi_tp .sLeftBtnABan, .zhanshi_tp .sRightBtnA, .zhanshi_tp .sRightBtnASel, .zhanshi_tp .sRightBtnABan { width: 40px; height: 50px; display: block; position: absolute; top: 170px; }
    .zhanshi_tp .sLeftBtnA, .zhanshi_tp .sLeftBtnASel, .zhanshi_tp .sRightBtnA, .zhanshi_tp .sRightBtnASel { cursor: pointer; }
    .zhanshi_tp .sLeftBtnA, .zhanshi_tp .sLeftBtnASel, .zhanshi_tp .sLeftBtnABan { left: 0px; background: url(../images/Factory_left_da.jpg); }
    .zhanshi_tp .sRightBtnA, .zhanshi_tp .sRightBtnASel, .zhanshi_tp .sRightBtnABan { right: 5px; background: url(../images/Factory_right_da.jpg); }



    .zhanshi_tp .dSmallPicBox { width: 685px; height: 154px; position: relative; margin-top: 16px; }
    .zhanshi_tp .dSmallPic { width: 565px; height: 77px; position: absolute; left: 60px; top: 0px; overflow: hidden; }
        .zhanshi_tp .dSmallPic ul { position: absolute; }
        .zhanshi_tp .dSmallPic li { width: 115px; height: 77px; float: left; display: inline; cursor: pointer; overflow: hidden; margin-left: 13px; margin-right: 13px; }
        .zhanshi_tp .dSmallPic .sPic { width: 115px; height: 77px; display: block; }
            .zhanshi_tp .dSmallPic .sPic img { width: 115px; height: 77px; }

    .zhanshi_tp .sLeftBtnB, .zhanshi_tp .sLeftBtnBSel, .zhanshi_tp .sLeftBtnBBan, .zhanshi_tp .sRightBtnB, .zhanshi_tp .sRightBtnBSel, .zhanshi_tp .sRightBtnBBan { width: 19px; height: 30px; display: block; position: absolute; top: 28px; }
    .zhanshi_tp .sLeftBtnB, .zhanshi_tp .sLeftBtnBSel, .zhanshi_tp .sRightBtnB, .zhanshi_tp .sRightBtnBSel { cursor: pointer; }
    .zhanshi_tp .sLeftBtnB, .zhanshi_tp .sLeftBtnBSel, .zhanshi_tp .sLeftBtnBBan { left: 10px; background: url(../images/Factory_left_xiao.jpg) no-repeat; }

    .zhanshi_tp .sRightBtnB, .zhanshi_tp .sRightBtnBSel, .zhanshi_tp .sRightBtnBBan { right: 10px; background: url(../images/Factory_right_xiao.jpg) no-repeat; }



.c1_lf .mail { background-image: url(../images/cmail.jpg); background-repeat: no-repeat; background-position: left center; float: left; height: 35px; width: 470px; padding-left: 30px; line-height: 35px; }

.nr { width: 790px; float: left; height: auto; margin-left: 50px; }
    .nr ul li { float: left; height: 150px; width: 790px; margin-bottom: 30px; }
        .nr ul li img { float: left; height: 150px; width: 190px; margin-right: 25px; }
        .nr ul li p { line-height: 25px; display: block; float: left; width: 575px; font-size: 24px; }
        .nr ul li b { background-image: url(../images/data.jpg); background-repeat: no-repeat; background-position: left center; float: left; height: 40px; width: 550px; line-height: 40px; font-weight: normal; padding-left: 25px; }
        .nr ul li span { float: left; width: 575px; line-height: 24px; height: 50px; color: #777; overflow: hidden; margin-bottom: 10px; }
        .nr ul li em { height: 25px; text-align: right; margin-top: 10px; display: block; line-height: 25px; }
.page { float: left; height: 30px; width: 100%; margin-top: 20px; text-align: center; }
    .page .color03 { background-color: #f79646; padding-top: 5px; padding-right: 10px; padding-bottom: 7px; padding-left: 10px; color: #FFFFFF; text-decoration: none; margin: 0px; }

    .page .color4f { color: #fff; margin-right: 5px; margin-left: 5px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; margin-top: 0px; margin-bottom: 0px; border: 1px solid #CCC; background-color: #c5c5c5; }
    .page a:hover { background-color: #f79646; color: #FFF; text-decoration: none; }
.nrs { width: 790px; float: left; height: auto; margin-left: 50px; margin-bottom: 20px; }
    .nrs h1 { margin: 0px; padding: 0px; width: 790px; line-height: 35px; font-size: 30px; font-weight: normal; text-align: center; }
    .nrs .data { text-align: center; float: left; height: 50px; width: 790px; }
.data em { background-image: url(../images/data.jpg); background-repeat: no-repeat; background-position: left center; height: 50px; width: 180px; display: block; font-style: normal; line-height: 50px; font-size: 14px; }
.nrs .nrss { float: left; height: auto; width: 790px; line-height: 28px; color: #333; }
.nrss img { float: left; max-width: 790px; }
.nrss .syp { float: left; width: 790px; border-top-width: 1px; border-top-style: solid; border-top-color: #f79646; margin-top: 20px; margin-bottom: 20px; }
.syp span { float: left; height: 30px; width: 790px; line-height: 30px; }
.pro { height: auto; width: 1100px; overflow: hidden; }
.pro_l { float: left; width: 260px; }
.pro_lt { float: left; height: 70px; width: 250px; background-color: #f79646; font-size: 30px; line-height: 70px; color: #FFF; font-weight: 600; padding-left: 10px; }
.pro_lb { float: left; height: auto; width: 260px; margin-bottom: 25px;background: #fff; }
    .pro_lb ul li { height: 42px; width: 260px; margin-top: 10px;border-bottom: solid 1px #e8e8e8; }
        .pro_lb ul li a {height: 42px; width: 250px; font-size: 17px; line-height: 42px; padding-left: 10px; display: block; font-weight: 600; }
            .pro_lb ul li a:hover { background-color:#f79646; color: #FFF; }
        .pro_lb ul li .xz { color: #FFF; background-color: #f79646; float: left; height: 42px; width: 250px; }
.pro_b { background-color: #f3f3f3; width: 220px; float: left; height: 210px; padding: 20px; margin-top: 40px; }
    .pro_b p { float: left; height: 40px; width: 220px; font-size: 16px; line-height: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; color: #333; }
    .pro_b ul li { line-height: 22px; float: left; width: 220px; height: 50px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; margin-top: 5px; }
.pro_f { float: left; height: 40px; width: 260px; background-color: #0ac8cc; margin-top: 30px; margin-bottom: 50px; text-align: center; line-height: 40px; font-size: 16px; color: #FFF; border-radius: 4px; }
.pro_r { float: left; height: auto; width: 790px; margin-left: 50px; }
    .pro_r ul li { float: left; width: 240px; margin-right: 20px; margin-bottom: 20px; }
        .pro_r ul li em { float: left; height: 280px; width: 20px; margin-right: 10px; }
        .pro_r ul li p { font-size: 17px; margin-top: 10px; text-align: center; margin-bottom: 15px; font-weight: 600;    height: 46px; }
        .pro_r ul li b { margin-top: 20px; }
            .pro_r ul li b a { background-color:#f79646; height: 28px; width: 120px; display: block; line-height: 28px; color: #FFF; font-weight: normal; text-align: center; border-radius: 4px; margin: auto; }
                .pro_r ul li b a:hover { background: #dd3d49; }

.pro_s { float: left; height: auto; width: 790px; margin-left: 50px;overflow: hidden; }
.pro_st {height: 275px; width: 790px;    overflow: hidden; }
.pro_stl { float: left; height: 275px; width: 340px; margin-right: 20px; }
.pro_str { float: left; height: 275px; width: 430px; }
    .pro_str h1 { margin: 0px; padding: 0px; font-size: 16px; float: left; height: auto; width: 430px; font-weight: normal; line-height: 40px; }
    .pro_str p { float: left; height: 35px; width: 430px; margin-top: 20px; }
        .pro_str p a { background-color: #f79646; text-align: center; height: 35px; width: 150px; display: block; float: left; line-height: 35px; color: #FFF; border-radius: 4px; }
.pro_strb { float: left; height: 30px; width: 430px; margin-top: 150px; }
    .pro_strb em { font-style: normal; float: left; height: 30px; width: 140px; line-height: 30px; background-image: url(../images/pre.jpg); background-repeat: no-repeat; background-position: left center; padding-left: 30px; }
    .pro_strb span { float: right; background-image: url(../images/nex.jpg); background-repeat: no-repeat; background-position: right center; height: 30px; width: 140px; padding-right: 30px; line-height: 30px; text-align: right; }
.pro_sf {height: auto; width: 790px;clear:both; }
.pro_sft {height: 40px; width: 790px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f79646; line-height: 40px; color: #f79646; font-size: 16px; font-weight: bold; }
.pro_sfb { height: auto; width: 790px; line-height: 22px; padding-top: 20px; color: #666; overflow: hidden; }
    .pro_sfb img { margin-bottom: 20px; max-width: 790px; }
.pro_rj {height: 300px; width: 790px; }
.pro_rjt {height: 40px; width: 790px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f79646; color: #f79646; font-size: 16px; line-height: 40px; font-weight: bold; }
.pro_rjtb {height: 190px; width: 790px; padding-top: 20px; }
    .pro_rjtb ul li { float: left;width: 170px; margin-right: 13px; margin-left: 13px; }
        .pro_rjtb ul li img {height: 140px; width: 170px; }
        .pro_rjtb ul li p { font-size: 14px;margin-top: 10px; text-align: center; width: 170px; }
.pro_ly { float: left; height: auto; width: 790px; margin-top: 20px; margin-bottom: 50px; }
.pro_lyt { float: left; height: 40px; width: 790px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f79646; font-size: 16px; line-height: 40px; color: #f79646; font-weight: bold; }
.pro_lytt { float: left; height: 40px; width: 790px; text-align: center; line-height: 40px; color: #666; }
.pro_lyb { float: left; height: auto; width: 790px; }
.pro_lyn { float: left; height: 40px; width: 380px; margin-bottom: 10px; }
    .pro_lyn em { float: left; height: 40px; width: 15px; line-height: 40px; color: #f79646; font-style: normal; }
    .pro_lyn p { float: left; height: 40px; width: 130px; font-size: 14px; line-height: 40px; color: #333; }
    .pro_lyn .wbk { float: left; height: 22px; width: 220px; margin-top: 10px; border: 1px double #CCC; }
.pro_lyd .wbkx { float: left; width: 120px; height: 22px; margin-top: 8px; border: 1px solid #CCC; }
.pro_lyd img { float: left; margin-top: 8px; margin-left: 20px; }


.pro_lyd { float: left; height: auto; width: 790px; }
    .pro_lyd em { line-height: 40px; float: left; width: 15px; font-style: normal; }
    .pro_lyd p { line-height: 40px; float: left; height: auto; width: 130px; font-size: 14px; }
    .pro_lyd .wbkd { float: left; height: 100px; width: 580px; border: 1px solid #CCC; }
    .pro_lyd .tbut { background-image: url(../images/ptj.jpg); background-repeat: no-repeat; float: left; height: 24px; width: 97px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding: 0px; margin-top: 8px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; }



.con1_img { width: 340px; height: 270px; overflow: hidden; position: relative; }
    .con1_img p { width: 340px; height: 60px; text-align: center; font: 700 14px/60px "microsoft yahei"; color: #3c3c3c; overflow: hidden; }
        .con1_img p a { color: #3c3c3c; }
.zoom { position: absolute; width: 44px; height: 44px; left: 296px; top: 226px; background: url(../images/zoom.png) 0 0 no-repeat; display: none; cursor: pointer; }
.zoom1 { position: absolute; width: 44px; height: 44px; left: 296px; top: 226px; background: url(../images/zoom.png) 0 0 no-repeat; display: none; cursor: pointer; }
#picShow { position: fixed; width: 100%; height: 100%; background: url(../images/blackbg.png) 0 0 repeat; left: 0; top: 0; z-index: 9999; }
.pic_show_box { width: 100%; height: 100%; overflow: hidden; position: relative; }
    .pic_show_box img { display: block; margin: 93px auto 0; border: 5px solid rgba(255,255,255,.2); }
.pic_quit { position: absolute; background: url(../images/quit.png) 0 0 no-repeat; width: 64px; height: 64px; top: 0; right: 0; cursor: pointer; }
.lbtn { display: block; position: absolute; background: url(../images/leftbtn1.png) 0 0 no-repeat; width: 53px; height: 53px; top: 287px; left: 65px; }
.rbtn { display: block; position: absolute; background: url(../images/rightbtn1.png) 0 0 no-repeat; width: 53px; height: 53px; top: 287px; right: 65px; }
.pic_show_box p { width: 593px; text-align: center; margin: 0 auto; overflow: hidden; font: 18px/106px "microsoft yahei"; color: #0c4201; text-overflow: ellipsis; white-space: nowrap; }
    .pic_show_box p a { color: #fff; }
.online_banner { display: block; width: 980px; height: 106px; margin: 0 auto; }



.form-group { margin-bottom: 15px; }
    .form-group input { width: 100%; padding: 15px 0; margin: 10px 0; }
    .form-group textarea { width: 100%; }
input[type="submit"] { background-color: #CA1F26; border: 0; color: #fff; cursor: pointer; padding: 15px 20px; width: auto; font-size: 13px; text-transform: uppercase; }


/*QQ:*/

.side { position: fixed; width: 54px; height: 275px; right: 0; bottom: 214px; z-index: 9999; }
    .side ul li { width: 54px; height: 54px; float: left; position: relative; border-bottom: 1px solid #ccc; }
        .side ul li .sidebox { position: absolute; width: 54px; height: 54px; top: 0; right: 0; transition: all 0.3s; background: #f5f5f5; color: #fff; font: 14px/54px "微软雅黑"; overflow: hidden; }
        .side ul li .sidetop { width: 54px; height: 54px; line-height: 54px; display: inline-block; background: #f5f5f5; }
        .side ul li img { float: left; }
