body{position: relative;padding-top:50px;}
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: arial, "Microsoft Yahei", "微软雅黑";}

/*
基础色:
蓝：#669bcd
绿：#81a342
橙：#ff8300
*/

.btn-primary{ background-color: #80B242; border:#360;}
.btn-primary:hover{background-color: #80a242 !important; }
.btn-shadow{-webkit-box-shadow: inset -2px -3px 0 #2A6496;box-shadow: inset -2px -3px 0 #2A6496;border: 0;}

/*通用*/
.contact_banner{color:#fff;text-align: center;}
.contact_banner .contact{margin: 0 auto;}
.contact_btn{height:100px;padding-top: 20px; font-weight:bold;}
.contact_qq{background: url(../img/contact_bg1.png) no-repeat center; background-size:100%; color: #fff;}
.contact_wechat{background: url(../img/contact_bg2.png) no-repeat center; background-size:100%; color: #fff; cursor: pointer;}
.contact_phone{background: url(../img/contact_bg3.png) no-repeat center; background-size:100%; color: #fff; padding-left: 0px; padding-right: 0px;}
.contact_qq:active,.contact_wechat:active,.contact_phone:active{color: #fff;}
.contact_qq:hover,.contact_wechat:hover,.contact_phone:hover{color: #fff;}
.madal{z-index: 999999;}

.order_link{ color: #000 !important; text-decoration: none !important; cursor: text;}

.index_top{ position: relative;}
.index_top img{width:100%;}
.index_top .img_text{ position: absolute;}

#newBridge{display: none;}
#bds-credit-pop{display: none;}

/*头部*/
.navbar-header .navbar-brand .fa-stack{font-size: 12px}

/*IE下首页,带调色版，后来改成了PC版全部显示*/
.index_banner_ie{display:block;}
.index_banner_ie_bg{background:url('../img/ie/top_bg.jpg') center no-repeat; height:388px; position: relative;}
.top_ie_bag{position:absolute; bottom: 0px; left: 12.7%; background: #3585ce; width: 292px; height: 212px;}
.top_ie_bag_ear{position:absolute; bottom:212px; left: 20%;}
.ie_bag_text{position:absolute; bottom:42px; left: 12.7%; width: 292px; text-align: center;color: #fff;}
.ie_banner_text{font-size:45px; position: absolute; right: 2%;top: 50px; color: #fff; text-align: center; width: 566px;}
.palette{height: 35px; width: 35px; margin: -5px;border: 3px #fff solid;}
.palette_selected{border: 3px #3585ce solid;cursor:pointer;}

#readCount{display: none;}

/* 首页 */
.index_banner{position: relative; display: none;}
.index_banner main{ position:relative; height:400px;}
.design_banner_text h1 span{color:#007020}
.scroll{width:100%;height:300px; overflow:hidden;margin-top: 10px}
.scroll ul{margin-top: 0px;}

/*工厂图*/
.factory_banner_text h1 span{color:#ff8300}

/*机器图*/
.machine_banner_text h1 span{color:#669bcd}

/*印刷图*/
.printing_banner_text h1 span{color:#007020}

/*袋子图*/
.bag_banner_text h1 span{color:#81a342}
.bag_banner_bg{background: #d6f7fe;width: 100%;height: 100%;}

/*产品页*/
.product_banner{ padding: 0px;}
.product_list .thumbnail {
    margin-bottom: 15px;
    background: #9fc1df;
    padding: 0px;
    overflow: hidden;
    border: #fff;
}
.product_list .thumbnail .caption{color:#fff;}
.product_list .thumbnail img {width: 100%;margin: 0 auto;}
.product_list .thumbnail .btn {width: 80%;height: 50px;background: #6699cc;border: #6699cc;padding-top: 15px;}
.product_list .thumbnail .btn-shadow{-webkit-box-shadow: inset -2px -3px 0 #2A6496;box-shadow: inset 0px -3px 0 #2A6496;border: 0;}
.product_list .col-sm-4, .product_list .col-xs-6 {padding-left: 5px;padding-right: 5px;}

/*底部*/
.footer{color: #fff; background: #5e5e5e; padding: 20px 10px 5px 10px;}
.footer .wechat_qrcode{width: 50%; margin: 0 auto;}
.footer_text{ padding: 5px;}

.footer_menu {
    border: #666;
    min-height: 40px;
    font-size: 14px;
    z-index: 1000;
}
.footer_menu .footer-text {
    height: 42px;
    overflow: hidden;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}

/*商桥咨询框*/
#qiao-wrap{ display:none!important;}
#nb_icon_wrap{ display:none!important;}
.phone_dial{ display:block; height:90px; width:560px; padding-top:50px; background:#3F81BB; color:#FFF; font-size:35px; text-align:center;}
/*百度信誉框*/
#baidu-auth-pop{display:none!important;}

/*浮动条*/
#float_contact {position:fixed;top:70px;z-index: 2;}
#float_contact { box-shadow:3px 3px  -webkit-animation:float_contact 1s linear 1s forwards; -ms-animation:float_contact .8s linear 1s forwards; animation:float_contact .8s linear 1s forwards; box-shadow: 0 0 10px #aaa; border-radius: 4px;}
@-webkit-keyframes float_contact {
    0% { margin-left:-107px;}
    100% { margin-left:0;}
}
@-moz-keyframes float_contact {
    0% { margin-left:-107px; }
    100% { margin-left:0; }
}
@-ms-keyframes float_contact {
    0% { margin-left:-107px;}
    100% { margin-left:0;}
}
@keyframes float_contact {
    0% { margin-left:-107px;}
    100% { margin-left:0;}
}
#float_contact a{color:#80a242}

@media (max-width: 320px) {
    /*通用*/
    .index_banner{height: 300px !important;}
    main{height: 300px !important; overflow: hidden;}
    .contact_banner .contact{font-size: 8px !important;}
    .contact_btn{height:50px !important;padding-top: 6px !important;}
}

/* 超小屏幕（手机，小于 768px） */
@media (max-width: 768px) {
    /*通用*/
    body{padding-bottom: 40px;}
    .contact_banner .contact{font-size: 14px;}
    .contact_btn{height:100px;padding-top: 20px;}
    /*首页*/
    .index_banner{height: 350px;}
    .index_banner_bg{position:absolute; top:5%;left:0; width: 100%; z-index: -1; text-align: center;}
    .index_banner_bg h1{font-size: 25px; color: #CCC;}
    .index_banner_bg h1 small{color: #DDD;}
    
    .ie_banner_text{text-align: right;}
    .top_ie_bag{left:19.9%;}
    .top_ie_bag_ear{left:34%;}
    .ie_bag_text{left:19.9%;}
    .index_top .img_text{bottom:15%; right: 6%;}
    
    .index_product_left{padding-right: 8px;}
    .index_product_right{padding-left: 8px;}
    /*免费设计*/
    .design_banner{position: relative;}
    .design_banner img{width:100%}
    .design_banner_text{height: 120px; text-align: left; font-size: 20px;}
    .design_banner_text_bg{display: none;}
    .design_banner_text h2{font-size:25px;}
    .design_banner_text h1{font-size: 22px;}
    .design_banner_text h1 small{font-size:20px;}
    /*袋子大图*/
    .bag_banner{position: relative; overflow:hidden;  height: 250px;}
    .bag_banner img{position:absolute; top:10%; z-index: 0; width: 60%;right:-40px;}
    .bag_banner_text{height: 150px; width: 100%; text-align: left; padding: 40px 0 0 15px; position: absolute;z-index: 1}
    .bag_banner_text h2{font-size: 20px;}
    .bag_banner_text h1{font-size: 20px;}
    .bag_banner_text h1 small{color: #666;font-size:20px;}
    /*送货大图*/
    .deliver_banner{position: relative; overflow:visible;  height: 150px;}
    .deliver_banner .deliver_car{display: none;}
    .deliver_banner_text{height: 150px; width: 100%; text-align: left; padding-top: 8px; font-size: 10px;}
    .deliver_banner_text .big_text{
        color: #fff;
        text-align: center;
        background: #1791c3;
        font-size: 25px;width: 38px; height: 38px;
        padding:0px;
        -moz-border-radius: 15px;      /* Gecko browsers */
        -webkit-border-radius: 15px;   /* Webkit browsers */
        border-radius:15px;            /* W3C syntax */
    }
    .deliver_banner_text .col-xs-6{margin-top: 20px;}
    .deliver_banner_text h1{font-size: 18px;}
    /*机器大图*/
    .machine_banner{position: relative; color: #666;}
    .machine_banner_text{text-align: center; font-size: 14px; background:#fff7d7; height:100px; padding-top:20px;}
    .machine_banner_text h1{font-size: 18px; }
    .machine_banner_text h1 small{font-size:16px;}
    .machine_banner_text h2{font-size: 12px; display: none;}
    /*工厂大图*/
    .factory_banner{position: relative; color: #000;}
    .factory_banner_text{height: auto; width: 100%; text-align: center; padding-top: 8px;}
    .factory_banner_text h1{font-size: 30px;}
    .factory_banner_text h1 small{color: #000;font-size:16px;}
    .factory_banner_text h2{font-size: 12px;}
    /*订单查询*/
    .search_banner{position: relative; color: #fff; overflow:visible;}
    .search_banner h1{font-size: 23px; position: absolute; z-index: 1; top:40px;width: -moz-calc(100% - 30px);width: -webkit-calc(100% - 30px);width: calc(100% - 30px);}
    .search_banner h1 small{color: #ccc;font-size:12px;}
    .search_banner_text{width: 100%; text-align: center; font-size: 20px; padding-top: 8px;}
    .search_banner_text_bg{height: 95px; width: -moz-calc(100% - 30px);width: -webkit-calc(100% - 30px);width: calc(100% - 30px); position: absolute; top:40px; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
    .search_input{width: 100%;}
    .search_result{font-size: 14px; margin-top: 10px; text-align: left; color: #000;}
    /*印刷大图*/
    .printing_banner{position: relative; color: #666;}
    .printing_banner_text{width: 100%; text-align: center; font-size: 14px; padding: 15px 0 0 0;background:#fff;}
    .printing_banner_text h1{font-size: 18px;}
    .printing_banner_text h1 small{font-size:14px;}
    .printing_banner_text h2{font-size: 12px;}
}

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
    /*首页*/
    .index_banner_bg{position:absolute; top:5%;left:0; width: 100%; z-index: -1; text-align: center;}
    .index_banner_bg h1{font-size: 50px; color: #CCC;}
    .index_banner_bg h1 small{color: #DDD;}
    
    .ie_banner_text{text-align: right;}
    .top_ie_bag{left:17.2%;}
    .top_ie_bag_ear{left:29%;}
    .ie_bag_text{left:17.2%;}
    .index_top .img_text{bottom:20%; right: 8%;}
    /*免费设计*/
    .design_banner{position: relative;}
    .design_banner img{width:100%}
    .design_banner_text{height: 220px; width: 100%; position: absolute; top:55px; text-align: center; font-size: 20px; padding-top: 50px;}
    .design_banner_text_bg{height: 260px; width: 100%; position: absolute; top:55px; background:#FFF; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; display: block;}
    .design_banner_text h1{font-size: 45px;}
    .design_banner_text h1 small{font-size:30px;}
    /*袋子大图*/
    .bag_banner{position: relative; overflow:hidden;  height: 340px;}
    .bag_banner img{position:absolute; top:0px; z-index: 0; width: 45%;right:-20px;}
    .bag_banner_text{height: 150px; width: 100%; left: 5%; position: absolute; top:50px; text-align: left; padding-top: 8px;}
    .bag_banner_text h1{font-size: 45px;}
    .bag_banner_text h1 small{color: #666;font-size:40px;}
    /*送货大图*/
    .deliver_banner{position: relative; overflow:visible;  height: 280px;}
    .deliver_banner .deliver_car{display: none;}
    .deliver_banner_text{height: 150px; width: 100%; text-align: left; padding-top: 8px; font-size: 20px;}
    .deliver_banner_text .big_text{
        color: #fff;
        text-align: center;
        background: #1791c3;
        font-size: 50px;width: 70px; height: 70px;
        padding:0px;
        -moz-border-radius: 15px;      /* Gecko browsers */
        -webkit-border-radius: 15px;   /* Webkit browsers */
        border-radius:15px;            /* W3C syntax */
    }
    .deliver_banner_text .col-xs-6{margin: 30px auto;}
    .deliver_banner_text h1{font-size: 40px;}
    /*机器大图*/
    .machine_banner{position: relative; color: #666;}
    .machine_banner_text{text-align: center; font-size: 14px; background:#fff7d7; height:140px; padding-top:20px;}
    .machine_banner_text h1{font-size: 40px;}
    .machine_banner_text h1 small{font-size:30px;}
    .machine_banner_text h2{font-size: 25px;}
    .machine_banner_big{height:300px;}
    .machine_banner_big img{padding-top: 5%}
    /*工厂大图*/
    .factory_banner{position: relative; color: #fff;text-shadow:#000 5px 5px 5px;}
    .factory_banner_text{height: 150px; width: 100%; position: absolute; top:60px; text-align: center; padding-top: 8px;}
    .factory_banner_text h1{font-size: 60px;}
    .factory_banner_text h1 small{color: #fff;font-size:30px;}
    /*订单查询*/
    .search_banner{position: relative; color: #fff; overflow:visible;}
    .search_banner h1{font-size: 50px; position: absolute; z-index: 1; top:100px;width: -moz-calc(100% - 30px);width: -webkit-calc(100% - 30px);width: calc(100% - 30px);}
    .search_banner h1 small{color: #ccc;font-size:29px;}
    .search_banner_text{width: 100%; text-align: center; font-size: 20px; padding-top: 8px;}
    .search_banner_text_bg{height: 250px; width: -moz-calc(100% - 30px);width: -webkit-calc(100% - 30px);width: calc(100% - 30px); position: absolute; top:50px; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
    .search_input{width: 100%;}
    .search_result{font-size: 14px; margin-top: 10px; text-align: left; color: #000;}
    /*印刷大图*/
    .printing_banner{position: relative; color: #666;}
    .printing_banner_text{width: 100%; text-align: center; font-size: 14px; padding: 15px 0 0 0;background:#fff;}
    .printing_banner_text h1{font-size: 33px;}
    .printing_banner_text h1 small{font-size:30px;}
    .printing_banner_text h2{font-size: 25px;}
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
    /*首页*/
    .index_banner_bg{position:absolute;}
    .index_banner_bg h1{font-size: 70px;}
    .index_banner_bg h1 small{color: #EEE}
    
    .top_ie_bag{left:14.4%;}
    .top_ie_bag_ear{left:23%;}
    .ie_bag_text{left:14.4%;}
    .index_top .img_text{bottom:25%; right: 15%;}
    /*免费设计*/
    .design_banner{position: relative;}
    .design_banner img{width:100%}
    .design_banner_text{height: 280px; width: 100%; position: absolute; top:100px; text-align: center; font-size: 20px; padding-top: 50px;}
    .design_banner_text_bg{height: 280px; width: 100%; position: absolute; top:100px; background:#FFF; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
    .design_banner_text h1{font-size: 45px;}
    .design_banner_text h1 small{font-size:30px;}
    /*袋子大图*/
    .bag_banner{position: relative; overflow:visible;  height: 370px;}
    .bag_banner img{position:absolute; top:-130px; z-index: 1; width: 50%;right:-50px;}
    .bag_banner_text{height: 150px; width: 700px; left: 10%; position: absolute; top:30px; text-align: left; padding-top: 8px;}
    .bag_banner_text h1{font-size: 50px;}
    .bag_banner_text h1 small{color: #666;font-size:40px;}
    /*送货大图*/
    .deliver_banner{position: relative; overflow:visible;  height: 280px;}
    .deliver_banner .deliver_car{position:absolute; top:-80px; z-index: 1; width: 50%;left:-170px; display: block;}
    .deliver_banner_text{height: 150px; width: 600px; right: 0%; position: absolute; top:25px; text-align: left; padding-top: 8px; font-size: 20px;}
    .deliver_banner_text .big_text{
        color: #fff;
        text-align: center;
        background: #1791c3;
        font-size: 50px;width: 70px; height: 70px;
        padding:0px;
        -moz-border-radius: 15px;      /* Gecko browsers */
        -webkit-border-radius: 15px;   /* Webkit browsers */
        border-radius:15px;            /* W3C syntax */
    }
    .deliver_banner_text .col-xs-6{margin: 15px auto;}
    .deliver_banner_text h1{font-size: 40px;}
    /*机器大图*/
    .machine_banner{position: relative; color: #666;}
    .machine_banner_text{text-align: center; font-size: 14px; background:#fff7d7; height:180px; padding-top:20px;}
    .machine_banner_text h1{font-size:40px;}
    .machine_banner_text h1 small{font-size:30px;}
    .machine_banner_text h2{font-size: 25px;}
    .machine_banner_big{height:770px;}
    /*工厂大图*/
    .factory_banner{position: relative; color: #fff;text-shadow:#000 5px 5px 5px;}
    .factory_banner_text{height: 150px; width: 100%; position: absolute; top:100px; text-align: center; padding-top: 8px;}
    .factory_banner_text h1{font-size: 60px;}
    .factory_banner_text h1 small{color: #fff;font-size:30px;}
    /*订单查询*/
    .search_banner{position: relative; color: #fff; overflow:visible;}
    .search_banner h1{position: relative; top:0px;font-size: 40px;}
    .search_banner h1 small{color: #ccc;font-size:20px;}
    .search_banner_text{height: 150px; width: 70%; left: 15%; position: absolute; top:150px; text-align: center; font-size: 20px; padding-top: 8px; z-index: 1;}
    .search_banner_text_bg{height: 150px; width: 70%; left: 15%; position: absolute; top:150px; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
    .search_banner_text_top{top:40px;}
    .search_input{width: 100%;}
    .search_result{font-size: 14px; margin-top: 10px; text-align: left; color: #000;}
    /*印刷大图*/
    .printing_banner{position: relative; color: #666;}
    .printing_banner_text{width: 100%; text-align: center; font-size: 14px; padding: 15px 0 0 0;background:#fff;}
    .printing_banner_text h1{font-size: 33px;}
    .printing_banner_text h1 small{font-size:30px;}
    .printing_banner_text h2{font-size: 25px;}
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
    /*首页*/
    .ie_banner_text{text-align: center;}
    .top_ie_bag{left:12.7%;}
    .top_ie_bag_ear{left:20%;}
    .ie_bag_text{left:12.7%;}
    .index_top .img_text{bottom:26%; right: 16%;}
    /*咨询*/
    .contact_banner .contact{width: 1140px;}
    /*免费设计*/
    .design_banner{position: relative;}
    .design_banner img{width:100%}
    .design_banner_text{top:150px;}
    .design_banner_text_bg{top:150px;}
    /*订单查询*/
    .search_banner{position: relative; color: #fff; overflow:visible;}
    .search_banner h1 small{color: #ccc;font-size:20px;}
    .search_banner_text{height: 150px; width: 700px; left: 20%; position: absolute; top:150px; text-align: center; font-size: 20px; padding-top: 8px;}
    .search_banner_text_bg{height: 150px; width: 700px; left: 20%; position: absolute; top:150px; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
    .search_banner_text_top{top:40px;}
    .search_input{width: 100%;}
    .search_result{font-size: 14px; margin-top: 10px; text-align: left; color: #000;}
    /*工厂大图*/
    .factory_banner{position: relative; color: #fff;text-shadow:#000 5px 5px 5px;}
    .factory_banner_text{height: 150px; width: 700px; left: 20%; position: absolute; top:150px; text-align: center; padding-top: 8px;}
    .factory_banner_text h1{font-size: 60px;}
    .factory_banner_text h1 small{color: #fff;font-size:30px;}
   /*机器大图*/
    .machine_banner{position: relative; color: #666;}
    .machine_banner_text{text-align: center; font-size: 14px; background:#fff7d7; height:180px; padding-top:20px;}
    .machine_banner_text h1 small{font-size:30px;}
    .machine_banner_text h2{font-size: 25px;}
    .machine_banner_big{height:820px;}
   /*印刷大图*/
    .printing_banner{position: relative; color: #666;}
    .printing_banner_text{width: 100%; text-align: center; font-size: 14px; padding: 15px 0 0 0;background:#fff;}
    .printing_banner_text h1{font-size: 33px;}
    .printing_banner_text h1 small{font-size:30px;}
    .printing_banner_text h2{font-size: 25px;}
    /*底部*/
    .footer{width: 1140px;}
    /*袋子大图*/
    .bag_banner{height: 400px;}
    .bag_banner img{top:-170px;width: 48%;}
    /*送货大图*/
    .deliver_banner{position: relative; overflow:visible;  height: 350px;}
    .deliver_banner .deliver_car{position:absolute; top:-80px; z-index: 1; width: 50%;left:-150px;}
    .deliver_banner_text{height: 150px; width: 670px; right: 0%; position: absolute; top:60px; text-align: left; padding-top: 8px; font-size: 20px;}
    .deliver_banner_text .col-xs-6{margin-bottom: 50px;}
    .deliver_banner_text h1{font-size: 40px;}
}

