ul {
    list-style: none;
}
body {
    background: #f2f5f8;
}

.top_menu {
    float: right;
    font-size: 12px;
    background-color: #FAFAFA;
    color: #777777;
    width: 100%;
    height: 33px;
    border-bottom: 1px solid #f3f3f3;
}



.language {
    border-left: 0px;
    border-right: 0px;
    float: right;
    height: 33px;
    padding: 5px 10px 0px 10px;
    font-size: 16px;
}

.top_name {
    display: inline-block;
    padding-top: 8px;
}

.producttype, .casetype, .newstype {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 5rem;
    width: 1200px;
}

    .producttype li, .casetype li {
        float: left;
        padding-left: 10px;
        width: 14%;
    }

    .newstype li {
        float: left;
        padding-left: 10px;
        width: 50%;
    }

    .casetype span, .producttype span, .newstype span {
        display: block;
        border: 1px solid #ccc;
        padding: 5px;
        margin: 0 15px;
    }
video {
    max-width: 100%;
    height: auto;
    transition: all .5s;
}

/*导航菜单*/
.navbar {
    margin: 0px;
    border: none;
    background-color: #404040;
}

.glyphicon-home:before {
    color: #fff;
}

#app_menudown {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 16px;
}

#app_menudown:hover {
    background-color: #ff6637;
}

/*产品搜索*/
.search_group {
    float: right;
    margin: 36px 0px 0px 0px;
}

.form-control {
    border-radius: 0px;
    box-shadow: none;
}

.mysearch_btn {
    background-color: #ff6637;
    color: #fff;
    border-radius: 0px;
    transition: background 0.3s;
}

.mysearch_btn:hover, .mysearch_btn:focus {
    background-color: #404040;
    color: #fff;
}

#small_search {
    float: right;
    margin-top: 7px;
    padding: 8px 13px;
    font-size: 17px;
    border-radius: 4px;
    color: #fff;
}

#small_search:hover, #small_search:focus {
    cursor: pointer;
    background-color: #ff6637;
}
/*首页新闻*/
.news_img {
    background-repeat: no-repeat;
}

.news_img img {
    width:540px;
    height: 330px;
}

.news_index {
    clear: both;
    list-style: none;
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
}

    .news_index li {
        padding: 7px 0px 15px 0px;
        border-bottom: 1px dotted #dbd4cd;
    }

        .news_index li span {
            display: inline-block;
            width: 60px;
            height: 70px;
            text-align: center;
            background-color: #f5f5f5;
            color: #ff6637;
            float: left;
            padding: 0px 2px;
            margin-right: 15px;
        }

            .news_index li span strong {
                display: block;
                font-size: 23px;
                padding-top: 5px;
            }

            .news_index li span i {
                display: block;
                font-size: 12px;
                font-style: normal;
                font-family: Arial;
            }

        .news_index li a {
            color: #333333;
        }

            .news_index li a:hover {
                text-decoration: none;
                color: #ff6637;
            }

        .news_index li em {
            font-style: normal;
            display: inline-block;
            line-height: 18px;
            color: #999999;
            padding-top: 8px;
            font-size: 12px;
        }

/*case*/
.case {
    padding: 20px 10px 0 10px;
}

    .case li {
        width: 25%;
        float: left;
    }

    .case ul {
        margin-left: -20px;
    }

    .case li img {
        max-width: 100%;
    }

    .case li .mask {
        right: 0;
        bottom: 0;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        color: #fff;
    }

.case {
    padding-top: 0;
}

.view-tenth {
    position: relative;
    overflow: hidden;
    text-align: center;
    margin: 20px 0 0 10px;
    max-height: 176px;
    min-height: 176px;
}

    .view-tenth img {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -o-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        -ms-transition: all 0.7s ease-in-out;
        transition: all 0.7s ease-in-out;
    }

    .view-tenth .mask {
        background-color: rgba(193, 30, 43, 0.6);
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        transition: all 0.5s linear;
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .view-tenth h2 {
        background: transparent;
        padding: 22% 0 10px 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        transition: all 0.5s linear;
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .view-tenth p {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        transition: all 0.5s linear;
        padding: 0 0 10px 0;
        font-size: 11px;
    }

    .view-tenth a.info {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        transition: all 0.5s linear;
        display: inline-block;
        padding: 0 15px;
        line-height: 24px;
        border: 1px solid rgba(255,255,255,0.3);
        background: rgba(255,255,255,0.2);
        color: #fff;
    }

    .view-tenth:hover img {
        -webkit-transform: scale(10);
        -moz-transform: scale(10);
        -o-transform: scale(10);
        -ms-transform: scale(10);
        transform: scale(10);
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .view-tenth:hover .mask {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }

    .view-tenth:hover h2, .view-tenth:hover p, .view-tenth:hover a.info {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }

.newstype > .active span, .producttype > .active span, .casetype > .active span {
    background-color: #ff6637;
    color: #fff;
}



.news_box > .active {
    display: block;
}
.tab-content {
    display: none;
}

.product-box > .active {
    display: block;
}
.product-content {
    display: none;
}

.case > .active {
    display: block;
}

.case-content {
    display: none;
}


/*大屏幕*/
@media screen and (min-width: 769px) {
    header {
    }

    .logo {
        margin-top: 20px;
        max-width: 700px;
    }

    .navbar {
        margin-top: 10px;
        min-height: 50px;
    }

    .navbar-nav > li {
    }

        .navbar-nav > li:first-child {
            border-left: 0;
        }

        .navbar-nav > li:last-child {
        }

        .navbar-nav > li > a {
            text-align: center;
        }

    .navbar-default .navbar-nav > li > a {
        color: #fff;
        padding: 15px 34px 15px 34px;
    }

        .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 {
            background-color: #ff6637;
            color: #fff;
        }

    .navbar-brand {
        display: none;
    }

    .navbar-fixed-top {
        min-height: 40px;
        margin-top: 0px;
        opacity: 0.9;
    }

        .navbar-fixed-top ul.navbar-nav > li > a {
            padding: 14px 25px 14px 25px;
        }

    .nav_small {
        background-color: #ff6637; /*background-color: rgba(68,140,214,0.9); */
        padding: 10px 0px;
        padding-bottom: 15px;
        border-radius: 0px;
        border: none;
        box-shadow: none;
    }

        .nav_small > li {
        }

            .nav_small > li > a {
                line-height: 20px;
                padding: 7px 0px;
                text-align: center;
                color: #fff;
                font-size: 13px;
            }

                .nav_small > li > a:hover {
                    color: #fff;
                    background-color: #e83700;
                }

    #app_menudown, #small_search {
        display: none;
    }

    .index_left_nav, .footer_nav {
        display: none;
    }

    .wrapper {
        width: 1150px;
        margin: auto;
    }

    .crumbs a {
        color: #666;
    }

    .pulse {
        /*width: 1200px;*/
        margin: 0 auto;
        padding-bottom: 30px;
        /*padding-top: 30px;*/
    }
}


/*小屏幕*/
@media screen and (max-width: 768px) {
    .pulse{}
    .navbar {
        min-height: 50px;
        background-color: #404040;
    }

    .wrapper{
        width:100%;
    }
    .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;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: none;
    }
    .erweima
    {
        display:none;
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: #ff6637;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-default .navbar-nav {
        margin-top: 0px;
        margin-bottom: 0px;
    }

.navbar-default .navbar-nav > li {
}

.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: #fff;
}

.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: #ff6637;
    color: #fff;
}

.navbar-fixed-top {
    margin-top: 0px;
    opacity: 0.9;
}

.top_name, .producttype, .casetype {
    display: none;
}

.case li {
    width: 50%;
}

.case ul {
    margin-left: -10px;
}

.view-tenth {
    margin: 10px 0 0 10px;
}

.index_img {
    max-width: 790px;
    margin-left: -20px;
}

.list_box {
    margin-top: 20px;
}

.search_group {
    margin: 10px 0px 20px 0px;
}

#topsearch {
    display: none;
}

    .logo {
        display: block;
        margin: 0 auto;
        margin-top: 25px;
        margin-bottom: 25px;
        max-width: 380px;
    }

    .flash div.bx-pager { /*display:none;*/
    }

    .left_h2 {
        margin-top: 25px;
    }

    .list_related h2.left_h2 {
        margin-top: 60px;
    }

    .product_head h2 {
        margin-top: 30px;
        font-size: 20px;
    }

    .product_head p {
        font-size: 12px;
    }

    .product_img, .product_list2 div.product_img {
        min-height: 100px;
        margin-bottom: 25px;
    }

    .related_list div.product_img {
        min-height: 180px;
    }

    .product_con img, .contents img {
        width: 100%;
    }

    .product_title a {
        font-size: 12px;
    }

    .about_img {
        display: block;
        margin: 0 auto;
        margin-top: 30px;
    }

    .about_contents {
        margin-top: 25px;
        padding: 0px;
    }

    a.about_more {
        width: 270px;
        margin: 0 auto;
        margin-top: 40px;
    }

    .news_box {
        padding-top: 20px;
        margin-bottom: 40px;
    }
    .news_img img {
      
        height: 200px;
    }

    .news_index {
        padding-left: 0px;
    }

    .news_time {
        display: none;
    }

    .left_news ul {
        padding-bottom: 20px;
    }

    .index_contact {
        margin-top: 5px;
    }

    .product_h1 {
        line-height: 22px;
        font-size: 16px;
        margin-top: 35px;
    }

    .feedback {
        margin-top: 20px;
    }

    .footer_nav {
        background-color: #fafafa;
    }

    #pic-page a img {
        width: 35px;
    }

    #cmsFloatPanel {
        display: none;
    }

    .point span.to_prev, .point span.to_next {
        text-align: left;
        padding-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: #99A1C5;
        }

    .link_list {
        display: none;
        padding-top: 7px;
    }

    .tags_box {
        padding-left: 7px;
    }

        .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: #99A1C5;
        }

    .tags_rows {
        display: none;
        padding-top: 7px;
    }
}

@media screen and (max-width: 767px) {
    .copyright_p {
        display: none;
    }
}

/*350px到768px*/
@media screen and (min-width:350px) 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%;
    }

    .logo {
        max-width: 380px;
    }
}

@media screen and (max-width: 414px) {
    .logo {
        max-width: 280px;
    }

    .index_img {
        max-width: 445px;
        margin-left: -30px;
    }
}