a { text-decoration:none}
@font-face {
    font-family: ziti1;
    src:url('../fonts/zt1.TTF');
}
@font-face {
    font-family: ziti2;
    src:url('../fonts/zt2.TTF');
}
@font-face {
    font-family: ziti3;
    src:url('../fonts/zt3.TTF');
}
@font-face {
    font-family: ziti4;
    src:url('../fonts/zt4.TTF');
}
@font-face {
    font-family: ziti5;
    src:url('../fonts/FZZXHJW.TTF');
}
.page { text-align: center;margin: auto; padding-top: 15px;}
.pager { list-style: none; margin: auto; float: right; padding-right: 27px;}
.pager li { float: left; display: inline-block;}
.pager li.disabled { display: none}
.pager li a,.pager li span{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 1px;

    float: left;
    margin-right: 5px;
    line-height: 30px;
    padding: 0 10px;
    text-decoration: none;
    color: #000!important;
}
.pagination span {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: left;
    line-height: 38px;
    padding: 0 14px;
    text-decoration: none;
}
.pagination {
    height: 30px;
    margin: 20px 0;
}
.pagination ul {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
}
.pagination li {
    display: inline;
}
.pagination a, .pagination span {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: left;
    line-height: 30px;
    padding: 0 10px;
    text-decoration: none;
    color: #000;
}
.pagination a:hover, .pagination .active a, .pagination .active span {
    background-color: #000;
    color: #FFF;
}
.pagination .active a, .pagination .active span {
    color: #FFF;
    cursor: default;
}
.pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover {
    background-color: transparent;
    color: #999999;
    cursor: default;
}
.pagination li:first-child a, .pagination li:first-child span {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px;
}
.pagination li:last-child a, .pagination li:last-child span {
    border-radius: 0 3px 3px 0;
}
.pagination-centered {
    text-align: center;
}
.pagination-right {
    text-align: right;
}

.mt{ margin-top: 5px;}
.mr{ margin-right: 5px;}
.mb{ margin-bottom: 5px;}
.ml{ margin-left: 5px;}
.pt{ padding-top: 5px;}
.pr{ padding-right: 5px;}
.pb{ padding-bottom: 5px;}
.pl{ padd-left: 5px;}

.pt10{ padding-top: 10px;}
.pr10{ padding-right: 10px;}
.pb10{ padding-bottom: 10px;}
.pl10{ padd-left: 10px;}


.center { text-align: center;}
.left { text-align: left}
.right { text-align: right}
.width100 { width: 100%;}
#layout {
    position: relative;
    right: 0;
    padding-left: 0;
  background-color: #FFF;
}
/* #main{ padding-top: 3rem;} */
p.title { font-size: 24px; padding: 0; margin: 0; }
p.title_en { font-size: 20px; padding: 0; margin: 0;}
.mingrenmingyan { margin-top: 20px; border-top:1px solid #000; border-bottom: 1px solid #000;}
.mingrenmingyan p {color: #333;line-height: 24px; padding-left: 5px;}
.page-content { padding: 30px 30px; padding-bottom: 10px;min-height: 300px;}
/**分页器**/
.swiper-pagination-bullet-active { background: #000!important; width: 23px!important; border-radius: 10px!important;}
.swiper-pagination-bullet { opacity: 1!important;}
#layout, #menu, .menu-nav,.menu_close {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
@media (max-width: 48em) {
    /* Only apply this when the window is small. Otherwise, the following
    case results in extra padding on the left:
        * Make the window small.
        * Tap the menu to trigger the active state.
        * Make the window large again.
    */
    #layout.active {
        position: relative;
        right: 150px;
    }
}

    #layout.active #menu {
        right: 150px;
        width: 150px;
    }

    /*#layout.active .menu-link {*/
        /*left: 150px;*/
    /*}*/


.header {
   /* padding: 8px; */
    background-color: #000;
    color: #FFF;
    position: fixed;
    width: 100%;
    z-index: 999;
	height: 90px;
}
/*.pure-menu-list {*/
     /*float:right;*/
    /*height: 13px;*/

/*}*/
.pure-menu-link {
    padding: 0em 1em;
    color: #FFF;

}
.pure-menu-active>.pure-menu-link, .pure-menu-link:focus, .pure-menu-link:hover {
     background-color: transparent;
}
.menu-link span {

    position: relative;
    display: block;

}
.menu-people {

 padding-right: 0em;
}
.menu-nav{ padding-left: 0.6em;}

.header .pure-menu {
    border-bottom-color: black;
    border-radius: 0;
}
.pure-menu-item{ display: inline}

#menu.active {
    right: 150px;
    width: 150px;
}

#menu {
    margin-right: -150px; /* "#menu" width */
    width: 150px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000; /* so the menu or its navicon stays above all content */
    background: #191818;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
/*
All anchors inside the menu should be styled like this.
*/
#menu a {
    color: #999;
    border: none;
    padding: 0.6em 0 0.6em 0.6em;
}
#menu .menu_close{
     color: #999;
    text-align: right;
    width: 100%;
    padding:1em 1.2em;

}

/*
Remove all background/borders, since we are applying them to #menu.
*/

#menu .pure-menu,
#menu .pure-menu ul {
    border: none;
    background: transparent;
}

/*
Add that light border to separate items into groups.
*/
#menu .pure-menu ul,
#menu .pure-menu .menu-item-divided {
    /*border-top: 1px solid #333;*/
}
/*
Change color of the anchor links on hover/focus.
*/
#menu .pure-menu li a:hover,
#menu .pure-menu li a:focus {
    /*background: #333;*/
}

/*
This styles the selected menu item `<li>`.
*/
#menu .pure-menu-selected {
    background: #1f8dd6;
    color: #FFF;
}
/*
This styles a link within a selected menu item `<li>`.
*/
#menu .pure-menu-selected a {
    color: #fff;
    background-color:#333;
}

/*
This styles the menu heading.
*/
#menu .pure-menu-heading {
    font-size: 100%;
    color: #fff;
    margin: 0;
}
.pure-menu-item a{

    padding-left:2em!important;

}


.footer {
    background: #111;
    color: #666;
    text-align: center;
    padding: 1em;
    font-size: 80%;
}
#footer { background-color: #000; padding: 20px 10px;  margin-top:15px;text-align: center}
#footer .footer-erweima {padding-bottom: 15px; width: 100%;}
#footer .footer-erweima img {width: 75px;}
#footer .footer-copyright { color:#FFF;font-size: 12px; }

/*index*、
 */

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-wrapper,.swiper-slide {
  height: auto!important;
}
.qucik_nav{
    padding: 1em;
    background-color: #000;
}
.index-button{
     width:7em;
    font-style:italic;
    border-radius: 5px;
    border:1px solid #FFF;
    background-color: rgba(255,255,255,0.5);
}
.qucik_nav{
     background: url(2.jpg) no-repeat #000;
}

.index-project{
     position: relative;
}
.index-project img {
   
}
.index-project  div {
    position: absolute;
    width: 100%;
    font-size: 14px;
    color: #FFF;
    top:30%;
    text-align: center;
}
.index-project div label {
     display: block;
     text-align: center;
    width: 100%;
    font-style: italic;
}
.index-project div label.en1 {
  font-family: ziti5;

    font-weight: bold;
    font-size: 40px;


}
.index-project div label.en2 {
    font-family: ziti1;
    font-size: 13px;

}
.index-brands,.index-news {
     width: 100%;
}
.index-news .index-news-head {
  border-left: 12px solid #000;
}
.index-news .index-news-head label {


}
.index-news .index-news-head p{

}
.index-news .index-news-head .label1 {
    padding-left: 18px;
    font-size: 25px;
    font-family: ziti1;
}
.index-news .index-news-head .label2 {

}
.index-news-content { margin: auto;position: relative; overflow: hidden; list-style: none; padding: 0;z-index: 1;}
.index-news-content .i-n-c-item { width: 100%;}
.index-news-content .i-n-c-item p { padding-left:30px; padding-right:30px;font-family: ziti2; margin: 0; line-height: 20px;}
.index-news-content ..index-brands-li-n-c-item p.news-title { padding-bottom: 5px; font-weight:700;font-size: 18px;}
.index-news-content .i-n-c-item p.news-time { padding-bottom: 15px;}
.index-news-content .i-n-c-item p.news-desc { color: #AAA;padding-bottom: 25px; text-align:justify; text-justify:distribute-all-lines;}
.index-brands-c,.index-news-c {


    padding-top: 15px;
    padding-bottom: 5px;
}
.index-brands-l {
    padding-left: 32px;
    font-size: 25px;
    font-family: ziti1;
    float: left;
}
.index-brands-r { float: right;}
.index-brands-r div { padding-right: 30px; padding-top: 9px;}
.index-brands-r div img { width: 150px;}
.index-brands-l p { margin: 0; padding: 0;}
.index-brands-l p.p2{font-size: 18px;}


/*join*/
.work_list { padding-top: 30px; padding-bottom: 30px;}
.work_content p,.work_content div{ padding: 0; margin: 0; font-size: 14px;color: #444; line-height: 22px;}
.work_list .work_btn { padding-bottom: 5px;}
.work_list .work_btn div{ font-size: 12px; width: 95%;  text-align: center; padding:5px 0; border:1px solid #989899; border-radius: 5px; text-align: center;}
.work_list .work_btn div.work_selected { background-color: #000; color: #FFF;}

/*news_list*/
#news_list {}
#news_list .news-desc { padding-bottom: 10px;}
#news_list .news-title { padding-top: 15px;}
#news_list .i-n-c-item{ border-bottom: 1px solid #EEE; }
#news_list .i-n-c-item:hover{background-color: #EFEFEF;}
.news-time{ padding: 0; margin: 0; line-height: 25px; color: #AAA; font-size: 14px;}
.news-content img{ width: 100%;}
.news-content iframe,.news-content embed { width: 100%!important; height: auto!important;}

/*经销商查询*/
.search-content { padding-top: 20px; width: 100%; padding-bottom: 15px;}
.search-content .search-select {  width: 90%; height: 40px; text-align: center;  color: #000; border:1px solid #000; border-radius: 5px; }
.search-content .search-input {  width: 100%; height: 40px;  color: #000; border:1px solid #000; border-radius: 5px; }
.search-content .search-select select {

 width: 95%; height: 40px; background: none;color: #000;font-size: 14px; border: none;padding:5%;
 appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url('jt.png') no-repeat scroll right center transparent;
background-size: 15px 15px;
padding-left: 3px;


}
.search-content .search-input input {width: 95%;height: 40px; padding-left: 5%; background: none;color: #000;font-size: 14px; border: none;}
.btn-query { width: 100%; height: 40px; background-color: #000; color: #FFF; text-align: center;line-height: 40px; border: none;border-radius: 5px;font-size: 14px;}
/*.search-content input {background:none; padding: 10px 5px; vertical-align: middle; color: #000; border:1px solid #000; border-radius: 5px; font-size: 12px;}*/

.dealer-info{
    width: 84%;
    margin: 0 auto;
   padding:0 8%;
    color: #888888;
    border-bottom:  1px solid #e5e5e5;
    line-height: 40px;
    overflow: hidden;
}
.dealer-title{
    overflow: hidden;
}
.dealer-title-left{
    width: 20%;
    float: left;
    height: 70px;
}
.dealer-title-right{
    width: 80%;
    float: right;
}
.dealer-title-left img{
    height: 50px;
    width: 50px;
    margin-top: 10px;
    border-radius: 5px;
}
.dealer-title-right .title{
    display: block;
    width: 100%;
    height: 40px;
    font-size: 18px;
    overflow: hidden;
    color: #000000;
}
.dealer-title-right p{
    margin-top: -10px;
}
.dealer-center{
    overflow: hidden;
}
.dealer-center-left{
    float: left;
    width: 70%;
    height: 60px;
}
.dealer-center-left span{
    display: block;
    height: 30px;
    line-height: 30px;
}
.dealer-center-right{
    float: right;
    width: 30%;

}
.dealer-center-right img{
    width: 30px;
    margin-right: 5%;
    margin-top: 15px;
}
.dealer-type{
    color: #000;
}
.dealer-region{
    font-size:12px;
    color: #000000;
}
.dealer-scrollpic{
    width: 100%;
    padding-bottom: 15px;

}

/*  */
.pure-menu-heading img{width: 150px;}
.layui-laypage{width: 100%;text-align: center;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background: #e7a100;}