/* eyoucms.com 易优CMS -- 好用,免费,安全 */
@font-face {
    font-family: Libre Baskerville;
    src: url('../fonts/LibreBaskerville.otf');
}
body {
    font-family: 'Open Sans', sans-serif, Arial, 'microsoft yahei', Helvetica;
    color: #2F2F2F;
}
a {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
}
ul {
    list-style: none;
}
.clear {
    clear: both;
}
.img-thumbnail {
    transition : opacity 0.7s;
}
.img-thumbnail:hover, .opacity_img:hover {
    opacity: 0.75;
}
/*图标*/
.icon{background-image: url(../img/icon.png); display: inline-block;}
.icon-user{background-position: -16px -50px; width: 16px;  height: 16px;float: left; margin-right: 5px;}
.icon-buy{background-position: -10px -8px;height: 30px; width: 30px;float: left; margin-top: 20px;margin-right:15px;}
.icon-addr{background-position:-44px -8px;width: 30px; height: 31px;float: left;margin-right:15px; margin-top: 7px;}
.icon-tel{background-position: -86px -8px;width: 30px; height: 30px;float: left; margin-right:15px;margin-top: 8px;}
.icon-tx{background-position: -130px -10px;width: 30px; height: 28px;float: left; margin-right:15px;margin-top: 9px;}
.icon-email{background-position: -177px -14px;;width: 26px; height: 20px;float: left;margin-right:15px;margin-top:12px;}
/*顶部信息*/
.top_bg {background: #f7f7f7;width: 100%;height: 35px;}
.top_email {padding-top: 6px;color: #565656;}
.top_email .user {float: right;}
.top_email a {color: #565656;}
.top_email a:hover {color: #CB3838;text-decoration: none;}
/*幻灯片*/
.flash img {
    width: 100%;
}
.flash ul.bxslider {
    list-style: none;
}
.flash div.bx-pager {
    bottom: 4%;
}
.flash div.bx-controls-direction {
    display: none;
}
.flash.pc{display: block}
.flash.mobile{display: none}
/*产品搜索*/
.search_group {
    float: right;
    height: 40px;
    background-color: #f2f2f2;
    color: #b7b7b7;
    margin: 32px 0px 0px 0px;
}
.search_group input.form-control {
    border-radius: 0px;
    box-shadow: none;
    color: #585A5A;
    padding: 0px 0px 0px 15px;
    height: 40px;
    background: transparent;
    border: none;
}
.search_group input.form-control:focus {
    box-shadow: none;
}
#search_submit {
    background-color: #248840;
    color: #fff;
    height: 40px;
    font-size: 16px;
    margin-top: -1px;
    border-radius: 0px;
}
#search_submit:hover {
    color: #fff;
    background-color: #444444;
    cursor: pointer;
}
/*首页产品*/
.product_head h2 {
    font-family: 'Libre Baskerville', serif;
    text-align: center;
    margin-top: 50px;
    font-size: 32px;
    color: #444444;
}
.product_head span {
    display: block;
    margin-top: 16px;
    height: 24px;
    background: url(../img/divider.png) center center no-repeat;
}
.product_list {clear: both;display: inline-block;width: 100%; height: 100%;padding: 25px 0px;margin-right: -15px;margin-left: -15px;}
.product_list2 {padding: 20px 0;}
.product_list a{position: relative;}
.product_list a .product_tab{position: absolute;top: 0; left:0;background: #CB3838;padding: 2px 5px; color: #fff;}
.product_img {
    padding-left: 15px;
    padding-right: 15px;
}
.product_img img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-height: 300px;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    padding: 0px 0px 0px 0px;
    border-color: #e6e6e6;
}
.product_list2 div.product_img {margin-bottom: 10px;}
.product_title {text-align: left;height: 20px;}
.product_jiage {text-align: left;height: 10px;}
.product_jiage span {color: #ff0000;}
.product_title a {font-size: 14px;color: #2F2F2F;}
.product_title a:hover {text-decoration: none;color: #CB3838;}

#page-home .product_list .product_img{margin-bottom: 25px;}
#page-home .product_list .product_img a{display: inline-block;width: 100%;height: 100%;}
#page-home .product_list .product_img img{border: 0;background: transparent}
#page-home .product_list .product_img p.product_title{background: transparent;    padding: 5px 0;}

#page-home .product_list3 .product_img{margin-bottom: 25px;}
#page-home .product_list3 .product_img a{padding: 0;text-decoration:none;position: relative;background: #f7f7f7;    }
#page-home .product_list3 .product_img img{height: 200px; float: right;  margin: 0; padding: 0;}
#page-home .product_list3 .product_img .product_cover{background: #333;opacity: 0.7;position: absolute;top: -200px;bottom: 0;left: 0;right: 0;z-index: 1;display: none;}
#page-home .product_list3 .product_img .product_title{height: 200px; display: flex;flex-direction: column; justify-content: center; padding: 0 0 0 20px;z-index: 99;position: absolute;width: 100%;}
#page-home .product_list3 .product_img .product_title p{font-size: 20px;  height: 25px; overflow: hidden;color: #000; font-weight: 500;   padding: 0;margin: 0;margin: 0 0 5px;} 
#page-home .product_list3 .product_img .product_title p:first-child{font-size: 24px;  height: 32px; overflow: hidden;font-weight: bold;padding: 0;} 

#page-home .product_list3 .product_img a:hover .product_cover{display: block;top: 0}
#page-home .product_list3 .product_img a:hover p{color: #fff}
#page-home .product_top h2{margin-bottom: 0px;margin-top: 50px;clear: both;padding: 0;display: inline-block;width: 100%;height: 60px;font-size: 28px;color: #000;line-height: 60px;font-weight: bold;}


/*首页-公司简介*/
.about_bg {background: url(../img/about_home.jpg)  center center no-repeat;min-height: 600px; display: flex; flex-direction: column;  justify-content: center; width: 100%;}
.about_bg .page_about_cat h2{font-size: 32px; color: #fff;}
.about_bg .page_about_cat a{color: #fff;font-size: 22px; }
.about_bg .page_about_cat li{line-height: 50px;height: 50px;}
.about_bg .page_about_cat ul > li:before{top:20px}
.about_img {
    max-width: 414px;
    margin: 50px 0px 30px 15px;
}
.about_h3 {
    color: #77b602;
    font-size: 19px;
    margin-top: 60px;
}
.about_p {
    font-size: 15px;
    font-style: italic;
    color: #000;
    margin-top: 20px;
}
.about_content {
    font-size: 13px;
    line-height: 26px;
    color: #555;
    margin-top: 20px;
}
.about_btn {
    display: block;
    text-align: center;
    width: 150px;
    padding: 8px 0px;
    color: #fff;
    text-decoration: none;
    border-radius: 50px;
    background-color: #248840;
    margin: 20px 0px 50px 0px;
}
.about_btn:hover, .about_btn:focus {
    color: #fff;
    text-decoration: none;
    background-color: #444444;
}
/*首页-新闻资讯*/
.news_head {
    margin-bottom: 20px;
}
.news_head h2 {
    font-family: 'Libre Baskerville', serif;
    text-align: center;
    margin-top: 50px;
    font-size: 32px;
    color: #444444;
}
.news_head span {
    display: block;
    margin-top: 16px;
    height: 24px;
    background: url(../img/divider.png) center center no-repeat;
}
.news_list {
    clear: both;
    padding: 5px 0px 0px 0px;
    margin-right: -15px;
    margin-left: -15px;
}
.news_img {
    padding-left: 15px;
    padding-right: 15px;
    min-height: 340px;
}
.news_img img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-height: 300px;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    padding: 0px 0px 0px 0px;
}
.news_title {
    margin-top: 10px;
    text-align: left;
}
.news_title a {
    font-size: 16px;
    color: #444444;
    font-weight: bold;
}
.news_title a:hover {
    text-decoration: none;
    color: #3d9656;
}
.news_desc {
    color: #7b7b7b;
}
.news_time {
    float: right;
}
/*列表页-左侧栏目*/
.left_h3 {margin-top: 19px; margin-bottom: 0px;font-size: 20px;line-height: 60px; background: #CB3838; color: #fff;  padding: 0 10px; font-weight: bold;}
.left_h3 span {}
.left_column ul.left_nav_ul {list-style: none;padding: 0px;margin: 0;background: #f3f3f3;}
.left_column ul.left_nav_ul > li{position: relative;}
.left_column ul.left_nav_ul > li:before {content: ""; background: url(../img/left_li.png) no-repeat; width: 16px; height: 16px; position: absolute;  right: 10px;    top: 20px;}
.left_column ul.left_nav_ul > li > a {display: block;text-decoration: none;color: #666;font-size: 14px;background: transparent;border-radius: 0px;padding:19px 30px 19px 0; margin-left: 10px;border-bottom: 1px solid #d9d9d9; }
.left_column ul.left_nav_ul > li > a:hover, .left_column ul.left_nav_ul li a.left_active {color: #CB3838;border-bottom: 2px solid #CB3838;background: transparent;}
.left_column ul.left_nav_ul > li:last-child > a{border: 0};
/*列表页-左侧二级栏目*/
.left_column ul.left_snav_ul {
    list-style: none;
    padding: 0px;
}
.left_column ul.left_snav_ul > li {
    margin-bottom: 7px;
    border-bottom: 1px solid #f2f2f2;
    background: url(../img/left_sli.gif) 15px 11px no-repeat;
}
.left_column ul.left_snav_ul > li > a {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 5px 0px 5px 25px;
    background: transparent;
    border-radius: 25px;
    margin-bottom: 8px;
}
.left_column ul.left_snav_ul > li > a:hover {
    color: #03b29c;
    background: transparent;
}
/*列表页-左侧新闻*/
.left_news {
    clear: both;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.left_news li {
    color: #545455;
    border-bottom: 1px dotted #dddddd;
    background: url(../img/li.png) no-repeat left 15px;
    line-height: 21px;
    padding: 10px 0px;
    padding-left: 14px;
}
.left_news li a {
    color: #2F2F2F;
}
.left_news li a:hover, .left_news li a:focus {
    text-decoration: none;
    color: #03b29c;
}
/*列表页-左侧联系*/
.left_contact {
    margin: 30px 0px 35px 0px;
}
.left_contact p {
    clear: both;
    line-height: 24px;
}
/*列表页-横幅*/
.page_bg {height: 384px;margin-bottom: 0px;}
.page_about_bg{margin-bottom: 0px;min-height: 600px;background-size: cover;background-repeat:no-repeat;background-position:   center top;}
/*列表页-面包屑*/
.bread_bg {
    background-color: #f3f3f3;
}
.bread_nav {
    padding: 10px 0px 10px 0px;
}
.bread_nav span {
    color: #248840;
    padding-right: 6px;
}
.bread_nav a {
    color: #2F2F2F;
}
.bread_nav a:hover {
    color: #248840;
    text-decoration: none;
}
/*关于我们*/
.page_about{display: flex;  flex-direction: column;   justify-content: center; min-height: 600px; width: 100%;}
.page_about_cat{margin-bottom: 20px;}
.page_about_cat h2,.page_about_pn h2{margin-bottom: 20px;clear: both;padding: 0 10px;display: inline-block;width: 100%;height: 60px;font-size: 28px;color: #000;line-height: 60px;font-weight: bold;}
.page_about_cat ul {list-style: none;padding: 0px;margin: 0;background: #f3f3f3;padding-left: 10px;}
.page_about_cat ul > li{position: relative;overflow: hidden; line-height: 30px;height: 30px;}
.page_about_cat ul > li:before {content: ""; background: url(../img/left_li.png) no-repeat; width: 16px; height: 16px; position: absolute;  left: 0px;    top: 10px;}
.page_about_cat ul > li > a {display: block;text-decoration: none;color: #000;font-size: 14px;border-radius: 0px;padding:5px 5px 5px 0; margin-left: 10px; }
.page_about_cat ul > li > a:hover, .left_column ul.left_nav_ul li a.left_active {color: #CB3838;}

.page_about_pn ul{margin-left: -10px;margin-right: -10px;padding: 0;display: inline-block;width: 100%;padding-left: 10px;}
.page_about_pn ul > li{padding: 10px;}
.page_about_pn ul > li > a > img{width: 100%}

.page-contact h2{margin-bottom: 20px;clear: both;padding: 0 10px;display: inline-block;width: 100%;height: 60px;font-size: 28px;color: #000;line-height: 60px;font-weight: bold;}

/*列表页-右栏*/
.product_view_info h2{    margin-bottom: 0;clear: both;background: #ececec;padding: 0 10px;display: inline-block;width: 100%;height: 60px;font-size: 20px;color: #000;line-height: 60px;font-weight: bold;}
.product_view_info .content{background: #f7f7f7;padding: 10px;}
.right_head {clear: both;position: relative}
.right_head h2 {height: 60px;font-size: 20px;font-weight: normal;color: #000;line-height: 60px;font-weight: bold;border-bottom:1px solid #e6e6e6;}
.right_head h2 span {display: inline-block;height: 60px;}
.right_head button{ position: absolute; right: 0; top: 0;}
.right_head button span{background-color: #000;}
.right_contents {
    clear: both;
    padding: 15px 0px 15px 0px;
    line-height: 28px;
    overflow: auto;
}
.right_contents_h1 {
    margin: 0px;
    padding: 10px 0px;
    text-align: center;
    color: #000;
    font-size: 24px;
    color: #434343;
    font-weight: bold;
    line-height: 34px;
}
.right_contents img {
    max-width: 840px;
}
/*列表页-右侧新闻*/
.right_new {
    clear: both;
    list-style: none;
    margin: 0px;
    padding: 0px 0px 20px 0px;
}
.right_new li {
    color: #898989;
    background: url(../img/li.png) no-repeat left 18px;
    font-size: 16px;
    line-height: 22px;
    padding: 12px 0px;
    padding-left: 13px;
    border-bottom: 1px dashed #e3e2e2;
}
.right_new li a {
    color: #2F2F2F;
}
.right_new li a:hover, .right_new li a:focus {
    text-decoration: none;
    color: #248840;
}
.right_new_time {
    float: right;
}
.relevant_new ul.right_new li {
    font-size: 14px;
}
/*列表页-右侧案例*/
.case_list {
    clear: both;
    padding: 25px 0px 0px 0px;
    margin-right: -15px;
    margin-left: -15px;
}
.case_list2 {
    padding-top: 20px;
}
.case_img {
    padding-left: 15px;
    padding-right: 15px;
    min-height: 270px;
}
.case_img img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-height: 270px;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    padding: 0px 0px 0px 0px;
}
.case_list2 div.case_img {
    min-height: 220px;
}
.case_title {
    text-align: center;
    height: 40px;
}
.case_title a {
    color: #2F2F2F;
}
.case_title a:hover {
    text-decoration: none;
    color: #248840;
}
/*分页样式*/
.page {clear: both;margin: 20px 0px 20px 0px;text-align: right;}
.page a {display: inline-block;font-family: Arial;font-size: 13px;border: #dbdbdb 1px solid;padding: 0 9px;margin: 0 2px;color: #31363c;text-decoration: none;line-height: 30px;border-radius: 5px;}
.page a:hover, .page a:focus {font-family: Arial;font-size: 13px;border: #CB3838 1px solid;color: #fff;background-color: #CB3838;}
.page .current {font-family: Arial;border: #CB3838 1px solid;font-size: 13px;padding: 0 9px;color: #fff;margin: 0 2px;background-color: #CB3838;line-height: 30px;display: inline-block;border-radius: 5px;}
/*产品详细页*/
.showpic_box, .proinfo_box {
    margin: 30px 0px 20px 0px;
}
.product_h1 {
    margin: 0px;
    line-height: 22px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    padding-bottom: 10px;
    border-bottom: 1px dotted #cccccc;
}
.product_info {
    list-style: none;
    padding: 0px;
    margin-top: 10px;
}
.product_info p {
    line-height: 28px;
}
.product_btn {
    margin-top: 25px;
}
#pic-page {
    text-align: center;
    margin-top: 10px;
}
#pic-page a {
    margin: 0 2px;
}
#pic-page a img {
    width: 40px;
    padding: 2px;
    border: solid #ccc 1px;
    margin-bottom: 5px;
}
#pic-page a:hover img, #pic-page a.active img {
    border: solid #5280DD 1px;
}
.product_con {
    clear: both;
    border-top: 1px dotted #a9a9a9;
    margin: 10px 0px 20px 0px;
    padding: 20px 0px 0px 0px;
    line-height: 26px;
    overflow: auto;
}
.photo_con {
    clear: both;
    margin: 0px 0px 20px 0px;
    padding: 10px 0px 20px 0px;
    line-height: 26px;
    overflow: auto;
}
.product_con img, .photo_con img {
    max-width: 840px;
}
.list_related {
    margin-top: 50px;
}
.list_related div.product_img {
    min-height: 280px;
}
/*按钮样式*/
.download_btn {
    float: right;
    display: block;
    margin: 10px 10px 20px 0px;
}
.page-btn {
    display: inline-block;
    float: left;
    background-color: #248840;
    border-radius: 0px;
    border: none;
    transition: background 0.3s;
    margin-right: 15px;
}
.page-btn:hover, .page-btn:focus {
    background-color: #444444;
}
.grey-btn {
    border-radius: 0px;
    border: none;
    background-color: #E8E8E8;
}
.grey-btn:hover, .grey-btn:focus {
    background-color: #ccc;
}
/*在线留言订购*/
.feedback {}
.feedback .form-control{background-color: #f3f3f3;resize: none;border-radius: 0;}
.feedback input.form-control{height: 45px}
.feedback textarea.form-control{height: 165px}
.feedback .btn{width: calc(50% - 5px); background: #CB3838;height: 50px}
.form-horizontal .form-group {
    margin-right: -10px;
    margin-left: -10px;
}
.codeimg {
    margin: 0px 0px -10px -18px;
}
.page-left-content p{line-height:45px;color: #000}
/*上一个下一个*/
.point {
    clear: both;
    margin: 20px 0px 40px 0px;
    padding-bottom: 40px;
    line-height: 22px;
}
.point span.to_prev {
    text-align: center;
}
.point span.to_prev a {
    color: #337AB7;
}
.point span.to_prev a:hover {
    color: #ea042b;
    text-decoration: none;
}
.point span.to_next {
    text-align: center;
}
.point span.to_next a {
    color: #337AB7;
}
.point span.to_next a:hover {
    color: #ea042b;
    text-decoration: none;
}
/*标签样式*/
.tags {
    margin: 18px 0px 10px 0px;
}
.tags a {
    margin: 0px 5px 8px 0px;
}
.tags_list {
    padding: 5px 10px 100px 10px;
}
.tags_ul {
    margin-top: 0px;
}
.tags_ul li {
    line-height: 28px;
    margin-bottom: 8px;
    padding-bottom: 10px;
}
.tags_ul h3 {
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    line-height: 20px;
}
.tags_ul p {
    font-size: 13px;
    padding: 0px;
    margin: 0px;
    color: #777;
    line-height: 20px;
    padding-top: 8px;
}
/*网站地图*/
ul.ul_sitemap {
    margin: 30px 0px 40px 30px;
}
ul.ul_sitemap li {
    list-style: none;
    line-height: 26px;
    clear: both;
}
ul.ul_sitemap li a {
    color: #7d7d7d;
}
li.small_li_sitemap {
    clear: both;
    padding-left: 12px;
}
li.small_li2_sitemap {
    float: left;
    padding-left: 20px;
}
/*友情链接*/
.link_box {
    background-color: #ebebeb;
    padding: 20px 0px 10px 0px;
    text-align: center;
    color: #363f4d;
    font-size: 13px;
}
.link_box a {
    color: #363f4d;
    padding: 0px 0px 0px 10px;
    font-size: 13px;
}
.link_box a:hover {
    text-decoration: none;
    color: #3d9656;
}
.link_box a:last-child {
    border-right: 0px;
}
.link_box button {
    display: none;
}
.link_title {
    font-size: 13px;
    margin-right: -6px;
}
.link_title:after {
    content: "：";
}
/*底部TAGS*/
.tags_box {
    background-color: #ebebeb;
    padding: 5px 0px 20px 0px;
    text-align: center;
    color: #363f4d;
    font-size: 13px;
}
.tags_box a {
    color: #363f4d;
    padding: 0px 2px 0px 8px;
    font-size: 13px;
}
.tags_box a:hover {
    text-decoration: none;
    color: #3d9656;
}
.tags_box a:last-child {
    border-right: 0px;
}
.tags_box button {
    display: none;
}
.tags_title {
    font-size: 13px;
    margin-right: -6px;
}
.tags_title a {
    padding: 0px;
}
.tags_title:after {
    content: "：";
}
/*底部信息*/

footer {
    margin-top: 20px;
    color: #363f4d;
    padding: 50px 0px 40px 0px;
    background-color: #f7f7f7;
}
#page-about footer{margin-top: 0;}
.footer_contact {
    line-height: 28px;
}
.footer_icon {height: 152px;}
.footer_icon p{position: absolute;bottom: 0;}
.footer_icon a:hover{text-decoration: none;}
.footer_icon img {width: 40px;height: 40px;margin-right: 20px;}
.footer_sitemap {
    color: #363f4d;
}
.footer_sitemap:hover, .footer_sitemap:focus {
    color: #3d9656;
    text-decoration: none;
}
/*底部分类*/
.footer_menu a {
    color: #363f4d;
    line-height: 28px;
}
.footer_menu a:hover {
    color: #0cab33;
    text-decoration: none;
}
.footer_menu_first {
    font-size: 16px;
    margin-bottom: 18px;
}
/*底部翻译*/
.translate {
    background-color: #005188;
}
.translate_btn {
    width: 130px;
    margin: 0 auto;
    padding-top: 20px;
}
/*UEditor编辑器前端表格样式*/
table {
    margin-bottom: 10px;
    border-collapse: collapse;
    display: table;
}
td, th {
    padding: 5px 10px;
    border: 1px solid #DDD;
}
caption {
    border: 1px dashed #DDD;
    border-bottom: 0;
    padding: 3px;
    text-align: center;
}
th {
    border-top: 1px solid #BBB;
    background-color: #F7F7F7;
}
table tr.firstRow th {
    border-top-width: 2px;
}
.ue-table-interlace-color-single {
    background-color: #fcfcfc;
}
.ue-table-interlace-color-double {
    background-color: #f7faff;
}
td p {
    margin: 0;
    padding: 0;
}

/*大屏幕样式*/
@media screen and (min-width: 769px) {
#menu-pro{display: block}

    .logo {height: 44px;margin: 12px 0;}
    /*导航样式*/
    .navbar {margin: 0px;background-color: #fff;padding: 33px 0;border-color: #e6e6e6;}
    .navbar-nav > li {}
    .navbar-nav > li:first-child {}
    .navbar-nav > li:last-child {}
    .navbar-nav > li > a {text-align: center;}
    .navbar-default .navbar-nav{float: right;}
    .navbar-default .navbar-nav > li > a {color: #333232;font-size: 16px; line-height: 70px; padding: 0 30px;}
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus, 
    .navbar-default .navbar-nav > li > a.active,
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover, 
    .navbar-default .navbar-nav > .open > a, 
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {color: #CB3838;background-color:transparent;}

    .navbar-default .navbar-nav > li:before{display: none;content: " ";background-image: url(../img/icon.png);width: 18px;height: 14px;position: absolute; bottom: -10px;background-position: -40px -54px; left: 50%; margin-left: -9px;}

    .navbar-default .navbar-nav > li:hover:before,
    .navbar-default .navbar-nav > li:focus:before,
    .navbar-default .navbar-nav > li.active:before, 
    .navbar-default .navbar-nav > li.open:before{display: block;}

    .navbar-default .navbar-nav > li:last-child a{padding-right: 0px;color: #333232;} 
    .navbar-default .navbar-nav > li:last-child:before{display: none;} 
    .navbar-default .navbar-header a .icon-buy{display: none;}
    .navbar-brand {display: none;}
    /*导航-触发滚动*/
    .navbar-fixed-top {margin-top: 0px;padding: 10px 0;}
    .navbar-fixed-top ul.navbar-nav > li > a {}
    .navbar-fixed-top.navbar-default .navbar-nav > li:before{bottom: -3px;}
    /*导航二级菜单*/
    .nav_small {
        background-color: #444444;
        padding: 10px 0px;
        padding-bottom: 15px;
        border-radius: 0px;
        border: none;
        box-shadow: none;
    }
    .nav_small > li > a {
        line-height: 20px;
        padding: 8px 18px;
        text-align: center;
        color: #fff;
        font-size: 13px;
        width: 99%;
    }
    .nav_small > li > a:hover {
        color: #fff;
        background-color: #2b2b2b;
    }
    #app_menudown, #search_btn {
        display: none;
    }
    .mfoot_box {
        display: none;
    }
}

/*小屏幕样式*/
@media screen and (max-width: 768px) {
    #menu-pro{position: absolute;top:160px;    z-index: 999;}
    .logo {display: block;margin: 0 auto;margin-top: 15px;margin-bottom: 20px;max-width: 550px;}
    .flash.pc{display: none}
    .flash.mobile{display: block}
    #searchform {
        display: none;
    }
    .search_group {
        margin: 15px 0px 15px 0px;
    }
    /*手机-导航搜索图标*/
    #search_btn {float: right;margin-top: 7px;padding: 8px 13px;font-size: 17px;border-radius: 4px;color: #000;}
    #search_btn:hover, #search_btn:focus {
        cursor: pointer;
        background-color: #444444;
    }
    /*手机-导航样式*/
    .navbar {margin: 0px;min-height: 50px;background-color: #fff;}
    .navbar img{height: 40px;margin: 10px;height: 22px; margin: 20px 0 0 10px;}
    .navbar-default .navbar-brand {
        color: #fff;
        font-size: 16px;
    }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
        color: #fff;
    }
    .navbar-toggle {border: none; padding: 15px 10px;margin-right: 0;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: transparent;}
    .navbar-default .navbar-toggle .icon-bar {background-color: #000;}
    .navbar-default .navbar-header{border:1px solid #e7e7e7;}
    .navbar-default .navbar-nav {margin-top: 0px;margin-bottom: 0px;}
    .navbar-default .navbar-nav > li:last-child {border: none;}
    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #000;}
    .navbar-default .navbar-nav > li.li-cart{display: none;}
    .icon-buy{position: relative;float: right;margin-top: 12px;}
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        background-color: #444444;
        color: #fff;
    }
    #app_menudown {
        position: absolute;
        top: 0px;
        right: 0px;
        font-size: 16px;
    }
    #app_menudown:hover {
        background-color: #444444;
    }
    .navbar-fixed-top {margin-top: 0px;opacity: 1;}
    /*手机-首页产品*/
    .product_head h2 {
        margin-top: 30px;
        font-size: 25px;
    }
    .product_list{margin: 0;}
    .case_list2 div.case_img {min-height: 200px;}
    /*手机-首页简介*/
    .about_img {
        display: block;
        width: 100%;
        margin: 0 auto;
        margin-top: 40px;
    }
    .about_h3 {
        text-align: center;
        line-height: 28px;
        margin-top: 20px;
    }
    .about_p {
        text-align: center;
    }
    .about_content {
        text-align: center;
    }
    .about_btn {
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 45px;
    }
    /*手机-首页新闻*/
    .news_head h2 {
        font-size: 25px;
        margin-top: 30px;
    }
    .news_img {
        min-height: 250px;
        margin-bottom: 20px;
    }
    .news_title {
        text-align: center;
    }
    .news_desc {
        text-align: center;
    }
    .right_new_time, .news_time {
        display: none;
    }
    .page_bg {display: none;}
    .page_about_bg{min-height: 300px;}
    .right_contents img, .product_con img, .photo_con img {
        max-width: 100%;
    }
    .right_contents_h1 {
        font-size: 14px;
        line-height: 24px;
    }
    .feedback {
        margin-top: 20px;
    }
    .feedback .btn{width: 100%}
    .proinfo_box {
        margin-bottom: 80px;
    }
    #pic-page a img {
        width: 35px;
    }
    #cmsFloatPanel {
        display: none;
    }
    .point span.to_prev, .point span.to_next {
        text-align: left;
        padding-bottom: 8px;
    }
    /*手机-底部信息*/
    footer {
        padding-top: 40px;
        padding-bottom: 25px;
    }
    .footer_contact {margin-bottom: 30px;text-align:center;}
    .footer_icon {height: 30px; margin-bottom: 50px;}
    .footer_icon p {text-align: center;left: 0; right: 0;}
    .footer_icon img{margin: 0 10px;}
    .footer_menu{text-align: center;}
    .footer_menu .footer_menu_p{display: inline-block}
    .footer_menu p{float: left;margin-right: 10px;}
    .footer_menu_first {
        margin-bottom: 8px;
    }
    /*手机-友情链接*/
    .link_box {
        padding-left: 7px;
    }
    .link_box a {
        display: block;
        border-right: 0px;
        padding: 4px 0px;
    }
    .link_title {
        display: block;
    }
    .link_title:after {
        content: "";
    }
    .link_box button {
        display: inline-block;
        background-color: transparent;
        border: none;
        float: right;
        margin-top: -20px;
    }
    .link_box button:hover, .link_box button:focus {
        color: #248840;
    }
    .link_list {
        display: none;
        padding-top: 7px;
    }
    /*手机-Tags标签*/
    .tags_box {
        padding-left: 7px;
        margin-bottom: 50px;
    }
    .tags_box a {
        display: block;
        border-right: 0px;
        padding: 4px 0px;
    }
    .tags_title {
        display: block;
    }
    .tags_title:after {
        content: "";
    }
    .tags_box button {
        display: inline-block;
        background-color: transparent;
        border: none;
        float: right;
        margin-top: -20px;
    }
    .tags_box button:hover, .tags_box button:focus {
        color: #248840;
    }
    .tags_rows {
        display: none;
        padding-top: 7px;
    }
    /*手机-底部按钮*/
    .mfoot_box {
        background-color: #fafafa;
    }
    .mfoot_nav {
        width: 25%;
        float: left;
        background-color: #fafafa;
        text-align: center;
        color: #898989;
    }
    .mfoot_nav:hover, .mfoot_nav:focus {
        background-color: #e4e4e4;
        cursor: pointer;
    }
    .mfoot_nav a {
        color: #898989;
        display: block;
    }
    .mfoot_nav a:hover, .mfoot_nav a:focus {
        text-decoration: none;
    }
    .mfoot_nav span {
        display: block;
        padding: 3px 0px 0px 0px;
    }
    .mfoot_share {
        width: 210px;
        padding: 5px;
    }
    .left_contact {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .copyright_p {
        display: none;
    }
}

/*320px到768px*/
@media screen and (min-width:320px) and (max-width:768px) {
    .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 {
        float: left;
    }
    .col-mm-12 {
        width: 100%;
    }
    .col-mm-11 {
        width: 91.66666667%;
    }
    .col-mm-10 {
        width: 83.33333333%;
    }
    .col-mm-9 {
        width: 75%;
    }
    .col-mm-8 {
        width: 66.66666667%;
    }
    .col-mm-7 {
        width: 58.33333333%;
    }
    .col-mm-6 {
        width: 50%;
    }
    .col-mm-5 {
        width: 41.66666667%;
    }
    .col-mm-4 {
        width: 33.33333333%;
    }
    .col-mm-3 {
        width: 25%;
    }
    .col-mm-2 {
        width: 16.66666667%;
    }
    .col-mm-1 {
        width: 8.33333333%;
    }
}
#cmsFloatPanel {
    overflow: hidden;
}
#cmsFloatPanel .ctrolPanel {
    width: 50px;
    height: 203px;
    background: url(../img/panel-bg.png) no-repeat left top;
    position: fixed;
    right: 20px;
    top: 500px;
    overflow: hidden;
    z-index: 10000;
    _position: absolute;
    _top:expression(eval(documentElement.scrollTop + 200));
}
#cmsFloatPanel .ctrolPanel a {
    width: 50px;
    height: 50px;
    font-size: 12px;
    color: #ff3300;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
}
#cmsFloatPanel .ctrolPanel a:hover {
    background: rgba(255,255,255,0.3);
}
#cmsFloatPanel .ctrolPanel .arrow {
    line-height: 28px;
    display: block;
    margin: 1px auto;
}
#cmsFloatPanel .ctrolPanel .arrow span {
    display: none;
}
#cmsFloatPanel .ctrolPanel .arrow:hover {
}
#cmsFloatPanel .ctrolPanel .arrow:hover span {
    display: block;
}
#cmsFloatPanel .ctrolPanel .service {
    display: block;
    margin: 2px auto;
}
#cmsFloatPanel .ctrolPanel .service span {
    color: #09F;
    line-height: 90px;
}
#cmsFloatPanel .ctrolPanel .message {
    display: block;
    margin: 2px auto;
}
#cmsFloatPanel .ctrolPanel .message span {
    color: #ff3300;
    line-height: 90px;
}
#cmsFloatPanel .ctrolPanel .qrcode {
    display: block;
    margin: 2px auto;
}
#cmsFloatPanel .ctrolPanel .qrcode span {
    color: #0C6;
    line-height: 90px;
}
/* 产品内页购物车 */
.ey-price {
    font-size: 30px;
    color: #d02b18;
}
.ey-number {
    padding: 12px 0px;
    font-size: 14px;
    position: relative;
}
.ey-number .btn-input {
    border: 1px solid #CCC;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 0px;
}
.ey-number .btn-input button {
    width: 28px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    padding: 0;
    border: none;
    background-color: #fff;
    color: #333;
    outline: none;
}
.ey-number .btn-input input {
    font-size: 12px;
    height: 30px;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    width: 45px;
    text-align: center;
    border: none;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-radius: 0;
    outline: none;
}
.ey-number label {
    margin-right: 12px;
}
.ey-buyaction {
    margin-top: 5px;
}
.ey-buyaction a {
    font-size: 14px;
    display: inline-block;
    padding: 8px 18px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}
.ey-buyaction a:hover {
    text-decoration: none
}
.ey-joinin {
    margin-right: 8px;
    color: #fff;
    background-color: #f96868;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075)
}
.ey-joinin:hover, .ey-joinin:focus {
    color: #fff;
    background-color: #f73737;
}
.ey-joinbuy {
    color: #fff;
    background-color: #f2a654;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075)
}
.ey-joinbuy:hover, .ey-joinbuy:focus {
    color: #fff;
    background-color: #ee8d25
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
/*首页产品规格选项样式覆盖*/
.btn-selected {
    background-color: transparent;
    color: #76838f;
    border-color: #e4eaec;
}
.btn-selected.btn-danger {
    color: #f96868;
    background-color: transparent;
    border-color: #f96868;
}
.btn-selected.btn-danger:hover {
    color: #f96868;
    background-color: transparent;
    border-color: #f96868;
}
.btn-selected:hover, .btn-selected:focus {
    color: #f96868;
    background-color: transparent;
    border-color: #f96868;
}
/* 产品内页购物车 end*/
@media (min-width: 1520px){
    #page-home .product_list3 .product_img .product_title{
        height: 260px;
    }
    #page-home .product_list3 .product_img img {
        height: 260px;
    }
    .container {
        width: 1500px;
    }
}