@charset "utf-8";

/* 超小设备（手机，小于 768px） */

/*共享样式*/

body {

    margin:0 auto;

    font-size:12px;

    font-family: "Microsoft YaHei", "Arial", "WenQuanYi Micro Hei", sans-serif;

    line-height:22px;

    color: #464646;

    overflow-x: hidden;

}

ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p,img,div,ol,li,em,i { padding:0; margin:0;}

ul { list-style:none;}

img { border:0px;}

a {

    color:#464646;

    text-decoration:none;

    transition:color 0.5s;

    -moz-transition:color 0.5s;

    -webkit-transition:color 0.5s;

    -o-transition:color 0.5s;

}

a:hover {

    color:#ff7e00;

    text-decoration:none;

        /*text-decoration: underline;*/

}

.lf {

    float: left;

}

.rt {

    float: right;

}

/*清除浮动样式*/

.clearf{

    overflow:auto;

}

.clearfloat:after{

    display:block;

    clear:both;

    content:"";

    visibility:hidden;

    height:0

}

.clearfloat{

    zoom:1;

}

.blockCenter{

    margin:0 auto;

}

.text-center{

    text-align: center;

}

.mtb10{

    margin-bottom: 10px;

}

.marginTB15{

    margin-top: 15px;

    margin-bottom: 15px;

}

.marginT15{

    margin-top: 15px;

}

.marginB15{

    margin-bottom: 15px;

}

.paddingTB15{

    padding-top: 15px;

    padding-bottom: 15px;

}

.padding3{

    padding: 3px;

}

.pd0{

    padding-left: 0;

    padding-right: 0;

}

/*单行溢出*/

.overElli{

    width: 100%;

    height: 40px;

    line-height: 40px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

/*  多行溢出 */

.overMoreElli{

    display: block;

    width: 100%;

    height: 80px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

}

.mt1200{

    width: 1200px;

    margin: 0 auto;

}

/* 共享样式结束 */

/*遮罩效果*/

.zzpro{

    position: relative;

    width: 100%;

    margin: 0 auto;

    overflow: hidden;

}

.zzpro{

    width: 90%;

}

.zzpro>img{

    width: 100%;

    transform: scale(1);

    transition: transform .3s linear;

}

.zzpro:hover>img{

    transform: scale(1.2);

    transition: transform .3s linear;

}

.izl-rmenu{
   margin-right: 0;
   width: 82px;
   position: fixed;
   right: 2px;
   top: 18%;
   -webkit-box-shadow: #DDD 0px 1px 5px;
   -moz-box-shadow: #DDD 0px 1px 5px;
   box-shadow: #DDD 0px 1px 5px;
   z-index:999;
   background: #f7f7ff;
}
.izl-rmenu .consult{    
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 64px;
}
.izl-rmenu a.cart:hover .pic11{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.izl-rmenu .cart .pic11 {
    display:none;
    position: absolute;
    left: -138px;
    top: 65px;
    width:130px;
    height:130px;
    background:url(../images/wechat-ewm.jpg) no-repeat;
    background-size: 100% 100%; 
}

#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 18%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}

@media (min-width: 1200px) {

    .zzpro>img{

       height:250px;

    }

}

@media(min-width:992px) and (max-width:1199px){

    .zzpro>img{

       height:170px;

    }

}

@media(min-width:768px) and (max-width:991px){

    .zzpro>img{

       height:250px;

    }

}

/*导航修改开始*/

.navbar {

    margin-bottom: 0;

    min-height: 62px;

}

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

    color: #f7f7f7;

}

.navbar-default {

    background-color: #2e2e2e;

    border: 0;

}

.navbar-default .navbar-nav>li>a:hover,

.navbar-default .navbar-nav>.active>a,

.navbar-default .navbar-nav>.active>a:focus,

.navbar-default .navbar-nav>.active>a:hover {

    background-color: #ff4e00;

    color: #fff;

}

.navbar-default .navbar-toggle .icon-bar {

    background-color: #efe7e7;

}



.navbar-brand {

    width: 70%;

    padding: 8px 15px;

    font-size: 14px;

    line-height: 20px;

}

.navbar-brand img {

    /* width: 80%; */

    height: 42px;

}

.navbar-default .navbar-brand {

    color: #d9edf7;

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {

    position: absolute;

    width: 100%;

    background: #2e2e2e;

}

/*  二级导航   */

.myItemnav>ul>li{

    position: relative; 

}





.myItemnav>li .mynavTb{

    position: relative;

   

}

.myItemnav>li .mynavTb a{

    display: block;

     width: 100%;

    color: #000;

    text-align: center; 

    background-color: #fe0;

}

.myItemnav>li .mynavTb p:hover a{

    color: #fff;

    background-color: orange;

}

/* nav 导航栏修改结束 */

/* banner  */

#banner{

    width: 100%;

    overflow: hidden;

}

#banner img{

    display: block;

    width: 100%;

}

/* banner 结束 */

/* footer start */

.foot{

    background-color: #1e1e20;

    padding:   0 0;

}

.footer{

    background-color: #1e1e20;

    padding:   0 0;

    margin-bottom: 60px;

}

.footerLeft,.footerRight{

    width: 88%;

    margin: 0 auto;

}

.footerLeft {

    width: 100%;

    font-size: 14px;

    line-height: 30px; 

    float: left;

    padding: 0 10px;

    color: #939393; 

} 

.footLinkAll {

  float: left; /* 自适应内容宽度 */

  position: relative;

  left: 50%; 

}

.footLinkFri {

  position: relative;

  left: -50%;  

  margin: 10px auto;

  text-align: center;

}

 .footLinkFri li{

    float: left;

    padding: 3px 6px;

 }

  .footLinkFri li a{

    font-size: 16px;

    color: #838383;

  }

 .footLinkFri li:after{

    display: inline-block;

    content: " | ";

    text-align: center;

    width: 3px;

    margin: 0 8px 0 13px;

    height: 28px;

    line-height: 28px;

    font-size: 18px;



 }

 .footLinkFri li:last-child:after{

   visibility: hidden; 

 }

.footP,.footP a{

    font-size: 14px;

    color: #939393;

    line-height: 26px;

}

 

.footcodeI {

    width: 50%;

    padding: 6px 0;

    float: left;

}

/* footer end */



/*底部固定导航 */

.body_footer{padding-top: 5px;width:100%;height:60px;background:-webkit-gradient(linear, 0 0, 0 100%, from(#ff5a00), to(#ff5a00));background:-moz-linear-gradient(top, #ff5a00, #ff5a00);/* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#43a037,endColorstr=#43a037,grandientType=0);bottom:0; z-index:6;}

.body_footer ul{width:100%;height:55px;line-height:55px;}

.body_footer ul li{width:25%;float:left;color:#fff;}

.body_footer ul li a{width:100%;height:55px;display:block;border-right: #ff5a00 solid 1px;}

.body_footer ul li dl{width:auto;margin:0 auto;text-align:center;}

.body_footer ul li dt{

    width:auto;

    height:30px;

    overflow:hidden;

}

.body_footer ul li dt img{

    width:25px;

    height:25px;

}

.body_footer ul li dd{

    width:auto;

    height:30px;

    font-size:12px;

    color:#fff;

    line-height:25px;

    overflow:hidden;

}

/*底部固定导航end */

    .friendAll .footP{

        line-height:19px;

    }

    .friendAll span{

        font-size:15px;

        font-weight: bold;

        color:#ff9b00;

    }

    .w_firendarea{

        width:94%;

        display: inline-block;

        margin-left:1%;

        text-align: center;

    }

    .swiper_con a{

        color:#fff;

    }

    .w_right{

        float: right;

    }

    .friendAll .swiper-slide{

        border-right: 1px solid #fff;

        height:19px;

        line-height:19px;

    }

    .footP a{

        line-height:19px;

    }

.website{

    text-align:left;

    box-sizing: border-box;

    padding:0 10%;

    color:#fff;

}

.website a{

    margin:0 10px 10px 0;

    color:#fff;

}



/* Bootstrap 中默认情况下没有媒体查询 */

/* 小型设备（手机，480px 起） */

@media (min-width: 480px) {

    .navbar-brand {

        width: 42%;



    }

    .navbar-brand img {

        width: 80%;

        height: 42px;

    }

    /*footer*/

    .footcodeI{

        float: left;

        width: 50%;

    }

}

/* 小型设备（平板电脑，768px 起） */

@media (min-width: 768px) {

    /*导航*/

    .mynav{

       background-color: #2e2e2e;

        height: 88px;

        line-height: 88px;

        margin: 0 auto;

    }

    .mynav .logo{

        width: 30%;

    } 

    .mynav .navItem {

        width: 69%;

    }

    .navItem>ul>li{

        float: left;

        position: relative;

        text-align: center;

        width: calc((100% - 138px) / 8); 

    }

    .navItem>ul>li>a{

        display: block;

        color: #b3b3b3;

        font-size: 16px;

        line-height: 88px;

    }

    .navItem>ul>li:hover>a,.navItem>ul>li.active>a{

        color: #fe7600;

        text-decoration: none;

    }

    .navItem>ul>li:last-child:hover>a{

        color: #b3b3b3;

        text-decoration: none;

    }

    .navItem>ul>li:hover>a:after,.navItem>ul>li.active>a:after{

        margin-top: -3px;

        display: block;

        content: "";

        width: 100%;

        height: 2px;

        background-color: #fe7600;

    }

    .navItem>ul>li:last-child:hover>a:after{

        display: none;

    }

    .navItem>ul>li:last-child{

        margin-right: 0;

        width:138px;

    }

    /*  二级导航   */

    .myItemnav>ul>li{

        position: relative; 

    }

    .myItemnav>ul>li .mynavTb{

        position: absolute;

        display: none;

        top: 84px;

        left: 0;

        padding: 10px 0;

        width: 100%;

        height: auto;

        background-color: #fe7600;

        color: #fff;

        z-index: 666;

    }



    .myItemnav>ul>li .mynavTb p{ 

        line-height: 28px;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

    }

    .myItemnav>ul>li .mynavTb p a{ 

        width: 100%;

        height: 30px; 

        line-height: 28px;

        font-size: 13px;

        color: #fff;  

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

    }

    .myItemnav>ul>li:hover .mynavTb{

          display: block;

    }

     .myItemnav>ul>li:hover .mynavTb p:hover a{

        display: block;

        /* height: 30px; */

        line-height: 28px;

        background-color: #999;

        width: 100%;

        overflow: height: 



     }

    /*footer*/

    .footer{

        padding: 20px 0 10px;

    }

    .footerLeft,.footerRight{

        width: 88%;

        margin: 10px auto;

    }

    .footerLeft {

        font-size: 14px;

        line-height: 30px;

        width: 65%;

        float: left;

        padding: 0 30px;

        color: #939393;

        border-right: 1px solid #999;

    } 

    .footLinkAll {

      float: left; /* 自适应内容宽度 */

      position: relative;

      left: 50%; 

    }

    .footLinkFri {

      position: relative;

      left: -50%;  

      margin: 10px auto;

      text-align: center;

    }

     .footLinkFri li{

        float: left;

        padding: 3px 6px;

     }

      .footLinkFri li a{

        font-size: 16px;

        color: #838383;

      }

     .footLinkFri li:after{

        display: inline-block;

        content: " | ";

        text-align: center;

        width: 3px;

        margin: 0 8px 0 13px;

        height: 28px;

        line-height: 28px;

        font-size: 18px;



     }

     .footLinkFri li:last-child:after{

       visibility: hidden; 

     }

}



/* 中型设备（台式电脑，992px 起） */

@media (min-width: 992px) {

    /*footer*/

    .footer{

        margin-bottom: 0;

    }

    .footP{

        padding: 3px 0;

    }

    .footerLeft{

        width: 65%;

        float: left;

        padding: 0 30px;

    }

    .footerRight{

        width: 35%;

        margin-top: 68px;

        float: left;

    }

}



/* 大型设备（大台式电脑，1200px 起） */

@media (min-width: 1200px) {

    /*nav 导航*/

    .navauto,.footer{

        margin: 0 auto;

        width: 90%;

    }

    .mynav .logo{

        width: 287px;

    }

    .navItem li{

       /*   margin-right: 50px; */

    }

    .mynav .navItem {

        width: 796px;

    }

}

@media (min-width: 1400px) {

    .navauto, .footer {

        margin: 0 auto;

        width: 1300px;

    }

}

@media(min-width:992px) and (max-width:1199px){

    .w_firendarea{

        width:90%;

    }

    .footP a{

        font-size:12px;

    }



}

@media(min-width:768px) and (max-width:991px){

    .w_firendarea{

        width:90%;

    }

    .footP a{

        font-size:12px;

    }



}

@media(max-width:767px){

    .friendAll,.izl-rmenu{

        display: none;

    }


}