@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}

.line-nav .news-navber{ padding-right:0;}
.line-nav .navbar-brand{height: 50px;}
.line-nav .navbar-brand img{width: 126px;height: 50px;}
.line-nav .line-navbar-toggles{margin-right: -15px;}
.line-nav .line-navbar{margin-left: -15px; margin-right: -15px; max-height: 340px; clear: both}
.line-nav .nav-flex{margin-top: 50px;}
.line-nav .nav-fence{display: none;}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #f58719;
    background-color: transparent;
}
@media (min-width: 768px) {
    .line-nav .navbar-brand{height: 95px;}
    .line-nav .navbar-brand img{width: 240px;height: 95px;}
    .line-nav .navbar-nav li a{padding-top:10px; padding-bottom: 10px; color: #fff; }
    .navbar-nav > li.nav-height > a{height: 95px; line-height:80px; padding: 10px;}
    .line-nav .navbar-nav li.hover a{border-bottom: solid 3px #f58719; color: #f58719;}
    .line-nav .navbar-nav .dropdown-menu li a{padding-top:10px; padding-bottom: 10px;}
    .line-nav .line-navbar {clear: none; }
    .line-nav .nav-fence{padding-top: 10px;display: block;}
    .line-nav .navbar-nav > li > .hover {color: #f58719;}

    .navbar-default .navbar-nav > li > a:hover{
        border-bottom: solid 3px #f58719; color: #f58719;
    }

    .line-nav .dropdown-menu > li > a { color: #777;}
}
.navbar-default{
    background-color: #000000;
    border-radius: 0;
    border:0;
    margin-bottom: 0;
    padding: 0;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #f58719;
    color: #fff;
}
.dropdown-menu{
    background-color: transparent;
    border: 0;
    padding: 0;
    min-width: 100%;
}
.dropdown-menu > li > a {
    background-color: #fff;
    color: #777;
    margin-top:2px;
    /*padding: 3px 26px;*/
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #f58719;
}
@media (min-width: 768px) {
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        background-color: transparent;
        border-bottom: solid 3px #f58719; color: #f58719;

    }
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        text-decoration: none;
        color: #fff;
        background-color: #f58719;
    }
}
@media (max-width: 768px) {
    .navbar-default .navbar-nav > li > a {
        color: #fff;
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: #f7ba0d;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .dropdown-menu > li > a {
        background-color: #f7ba0d;
        margin-top:0;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #222;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: #f08519;
    }

}


.w-30{width: 30px;}
.w-35{width: 35px;}
.w110{width:110px;}
.h-20{height:20px;}
.h-35{height:35px;}
.h-45{height:45px;}
.h3em{height:3em;}

.lh25{line-height: 25px;}
.l-h-35{ line-height:35px;}
.lh45{ line-height:45px;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f24{font-size: 24px;}
.f30{font-size: 30px;}
.f36{font-size: 36px;}
/*****banner*****/
.banner {width: 100%; overflow: hidden; position: relative;}
.banner img {width: 100%;}
.banner ul, .banner li{list-style: none; margin: 0; padding: 0;}
.swiper-container-horizontal > .swiper-pagination {bottom: 10px;}
.swiper-pagination-bullet {
    border-radius:0.8em;
    width:0.8em;
    height: 0.8em;
    margin: 0 0.5em; !important;
    opacity: 1;
    box-sizing: border-box;
    background-color: #fff;
}
.swiper-pagination-bullet-active {background-color: #f08519; opacity: 1;}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 1em;
    height: 2.4em;
    margin-top: -1.2em;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 1em 2.4em;
    -webkit-background-size: 1em 2.4em;
    background-size: 1em 2.4em;
    background-position: center;
    background-repeat: no-repeat;
    /*background-color: #504337;*/
    padding: 0 1em ;
}

@media (min-width: 768px) {
    .swiper-button-next, .swiper-button-prev {
        width: 52px;
        height: 55px;
        margin-top: -26px;
        -moz-background-size: 20px 38px;
        -webkit-background-size: 20px 38px;
        background-size: 20px 38px;
    }
}
/*****end****/
/*首页四框*/
.wisdom1{ position: absolute;left: 100%;top:40%}
.wisdom1 a{ margin-top:-50px;}
.wisdom2{ position: absolute;right: 100%;top:40%}
.wisdom2 a{ margin-top:-50px;}

@media (max-width: 992px) {
    .wisdom1-max992{ position: absolute;left: -100%;top:40%}
    .wisdom2-max992{ position: absolute;right: -100%;top:40%}
}



/********footer******/
.contactusbg{ background:#17191a url(../images/contactus.jpg) no-repeat bottom center;}
.fonter-index span{padding: 0 5px;}
.fonter-index a{color: #fff}


/*******end*********/

.about-cn{ background:url(../images/about-cn.jpg) no-repeat left;}

.exh-one .dl-horizontal dt {
    float: left;
    width: 12px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.exh-one .dl-horizontal dd {
    margin: 5px 0 5px 22px;
}
.exh-two .exh-border{border: solid 1px #f58719; padding: 30px;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}
@media screen and (min-width: 992px) {
    .width-218{ width: 200px;}
    .height-218{ height: 200px;}
    .exh-two .exh-border{padding: 50px;}
}
.exh-img{ position: absolute;left: 0; top: 0; z-index: 999;opacity: 1;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition:  0.8s;
}
.exh-hover{position: absolute;left: 0; top: 0;z-index: 888;opacity: 0;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
}

.exh-two a:hover .exh-border{
    background: #f58719;
}
.exh-two a:hover .exh-img{
    opacity: 0;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}
.exh-two a:hover .exh-hover{
    opacity: 1;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

.exhi-li-title {
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0.6);
    filter: Alpha(opacity=60);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 32px;
    line-height: 32px;
}
.exhi-li-title .caption{ padding-top: 0; padding-bottom: 0; color: #fff;}

.model-list .exhi-li-title{
    height: 0;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -o-transition:all 0.5s;
    overflow: hidden;
}

.model-list a:hover .exhi-li-title{
    height: 32px;
}
.model-list a:hover img{
    opacity: 0.6;
}


.loadbox{position: absolute ; left: 50%; margin-left: -55px;}
.arrow {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -15px;
    background: url("../images/down_arrow.png") no-repeat 0 0;
    -webkit-animation: arrow 0.8s infinite 0s;
    opacity: 0;
}
@-webkit-keyframes arrow {
    0% {
        -webkit-transform: translate3d(0, 12px, 0);
        opacity: 1
    }
    60% {
        -webkit-transform: translate3d(0, 36px, 0);
        opacity:0
    }
}

.vr-box{ position: absolute; left: 0; top: 50%; margin-top: -17px;}
.vr-cont{ width: 100%; height: 0 ;overflow: hidden;}
.vr-tl{ position: absolute; top: 0; left: 0; width: 30%; height: 10px; border-top: solid 1px #f58719;}
.vr-tr{ position: absolute; top: 0; right: 0; width: 30%; height: 10px; border-top: solid 1px #f58719;}

.vr-lt{ position: absolute; top: 0; left: 0; width: 10px; height: 30%; border-left: solid 1px #f58719;}
.vr-lb{ position: absolute; bottom: 0; left: 0; width: 10px; height: 30%; border-left: solid 1px #f58719;}

.vr-rt{ position: absolute; top: 0; right: 0; width: 10px; height: 30%; border-right: solid 1px #f58719;}
.vr-rb{ position: absolute; bottom: 0; right: 0; width: 10px; height: 30%; border-right: solid 1px #f58719;}

.vr-bl{ position: absolute; bottom: 0; left: 0; width: 30%; height: 10px; border-bottom: solid 1px #f58719;}
.vr-br{ position: absolute; bottom: 0; right: 0; width: 30%; height: 10px; border-bottom: solid 1px #f58719;}



.vr-border{border: solid 5px #ddd; padding: 20px; }
a:hover .vr-border{border: solid 5px #f58719; }
.vr-h1{ height: 24px; line-height: 24px;overflow: hidden;}
.vr-h2{ height: 66px; line-height: 22px;overflow: hidden;}

@media screen and (min-width: 992px) {
    .vr-border{padding: 26px; width: 164px;height: 164px;}
    .vr-col .col-md-2 { width: 20%; }
    .vr-h1{ height: 26px; line-height: 26px;overflow: hidden;}

}
@media screen and (min-width: 1200px) {
    .vr-border{padding: 45px;width: 200px;height: 200px;}
}
/**********/

.news-page .pagination > li:first-child > a,.news-page  .pagination > li:first-child > span {
    border-radius: 4px;
}
.news-page .pagination > li:last-child > a,.news-page  .pagination > li:last-child > span {
    border-radius: 4px;
}
.news-page .pagination > li > a,.news-page .pagination > li > span{ margin:0 2px ; border-radius: 4px; color: #666}
.news-page .pagination > li > a:hover,
.news-page .pagination > li > a:focus{
    color: #fff;
    background-color: #0490db;
    border-color: #ddd;
}
.news-page .pagination > li > span,
.news-page .pagination > li > span:hover,
.news-page .pagination > li > span:focus {
    color: #666;
    background-color: #f8f8f8;
    border-color: #ddd;
}
.news-page .pagination > .active > a,
.news-page .pagination > .active > span,
.news-page .pagination > .active > a:hover,
.news-page .pagination > .active > span:hover,
.news-page .pagination > .active > a:focus,
.news-page .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #0490db;
    border-color: #ddd;
    cursor: default;
}

.news-page .pagination > li > .current > a,
.news-page .pagination > li > span.current ,
.news-page .pagination > li > .current > a:hover,
.news-page .pagination > li > .current > span:hover,
.news-page .pagination > li > .current > a:focus,
.news-page .pagination > li > .current > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #0490db;
    border-color: #ddd;
    cursor: default;
}


.e-info .dl-horizontal dt {
    float: left;
    width: 78px;
    overflow: hidden;
    clear: left;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.e-info .dl-horizontal dd {
    margin: 5px 0 5px 80px;
}
.einfobxx{
    position: absolute; left: 0; top: 0;  border-bottom:solid 1px #ed841c;}