@charset "UTF-8";

/*---初始化---*/
*{padding: 0;margin: 0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0; padding:0;}
td,th,caption {font-size:.875rem;}
h1, h2, h3, h4, h5, h6 { font-weight:normal;}
address, caption, cite, code, dfn, th, var,label { font-style:normal; font-weight:normal;}
a {color:#666;text-decoration:none;}
a:hover,a:focus{text-decoration:none;}
a:visited{text-decoration:none;}
a:link{text-decoration:none;}
i{font-style: normal;}
img{border:none;}
ol,ul,li {list-style:none;}
.clear{clear: both;}

.f-14{  font-size: 14px;  }
.f-13{  font-size: 13px;  }
.f-12{  font-size: 12px;  }
.f-15{  font-size: 15px;  }
.f-16{  font-size: 16px;  }
.f-24{  font-size: 24px;  }
.f-20{  font-size: 20px;  }
.f-22{  font-size: 22px;  }
.f-18{  font-size: 18px;  }
.f-48{  font-size: 48px;  }
.f-32{  font-size: 32px;  }
.b-color{  color: #777;  }
.r-color{  color: #e62129;  }
.color-3{  color: #333;  }
.color-6{  color: #666;  }
/*---初始化---*/
body{
    font-family: "Microsoft YaHei","Lantinghei SC","Open Sans",Arial,"Hiragino Sans GB",Georgia,"Times New Roman",Times,serif;
    font-size: 16px;
    color:#666;
}
@media (min-width: 1200px){
.container {
    width: 1200px;
}
}

.container{padding-left: 0;padding-right: 0;}
.container .row{padding-left: 0;padding-right: 0;}

/*头部通用*/
.header{
    height: 82px;
}
.cn-en-div{
    position: relative;
}
.cn-en{
    position: absolute;
    top: 4px;
    right: 0;
    z-index: 99999;
}
.cn-en-a{
    font-size: 12px;
}
.cn-en-a:hover,.cn-en-a:focus{
    color: #1eaff0;
}
.cn-en-span{
    padding: 0 5px;
}
.navbar-default {
    background-color: #fff;
    border: none;
}
.navbar {
    margin-bottom: 0;
}
.navbar-brand>img {
    padding-top: 18px;
    display: inline-block;
    width:200px;
}
.navbar-brand{
    padding: 0;
}
.navbar-nav>li{
    margin-right: 1px;
}
.navbar-nav>li>a {
    padding: 31px 30px 29px;
    color: #666;
    font-size: 16px;
}
.navbar-nav>.active>a {
    border-bottom: 2px solid #e6432d;
    color: #e6432d;
}
.navbar-nav>li>a:hover,.navbar-nav>li>a:focus{
    background: transparent;
    color: #e6432d;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: transparent;
    border-color: #e6432d;
}
.vic-prodrop .dropdown-menu{ min-width:130%;left: 0;}



.dropdown-menu {
    min-width: inherit;
    width:100%;
    padding: 0;
    margin: 0 auto;
    font-size: 14px;
    text-align: center;
    background-color: #f3f3f3;
    border: none;
    border-top: 2px solid #e6432d;
}
.active .dropdown-menu{
    border-top: none;
}
.dropdown-menu>li>a {
    padding: 5px 5px;
    clear: both;
    color: #666;
    font-size: 13px;
}
.dropdown-menu>li>a:hover{
    color: #e6432d;
    border: none;
}
.no-dropdown:hover,.no-dropdown:focus{
    border-bottom: 2px solid #e6432d!important;
}
.navbar-nav > li > .dropdown-menu{
    text-align: center;
    padding:0;
}
.dropdown:hover .dropdown-menu{
    display: block;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #e6432d;
    background-color: transparent;
}
.navbar-toggle {
    padding: 0;
    margin-top: 20px;
    margin-right: 15px;
    margin-bottom: 20px;
}
.navbar-default .navbar-toggle {
    border: none;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 4px;
    border-radius: 1px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #333;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    color:  #e6432d;
    background-color: transparent;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #e6432d;
    background-color: transparent;
}
.navbar-right {
     margin-right: 30px;
}
@media(max-width:767px){
    .navbar-collapse {
        position: absolute;
        top: 75px;
        right: 15px;
        z-index: 99;
        width: 200px;
        border-top: none;
        -webkit-box-shadow: 0;
        box-shadow: 0;
        background: rgba(0,0,0,0.5);
    }
    .navbar-nav>li>a {
        padding: 0 15px;
        height: 34px;
        line-height: 34px;
        font-size: 14px;
    }
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
        color: #f5f5f5;
        background-color: transparent;
        border-bottom: none;
    }
    .navbar-default .navbar-nav>li>a {
        color: #f5f5f5;
    }
    .navbar-nav {
        margin: 0 -15px;
    }
    .navbar-nav>li {
        margin-right: 0;
        border-bottom: 1px solid #f5f5f5;
    }
    .navbar-nav>li:last-child{
        border-bottom: none;
    }
    .navbar-brand>img {
        /*width: 65%;*/
        padding-left: 15px;
        padding-top: 0;
    }
    .navbar-header{
        margin-top: 15px;
    }
    .header{
        height: 75px;
    }
    .no-dropdown:hover,.no-dropdown:focus{
        border-bottom: none!important;
        color:  #1eaff0!important;
    }
    #navbar-collapse{
        display: none;
    }
    
    .vic-proInduct{margin-top:20px !important;}
    
}
@media(min-width:768px) and (max-width:991px){
    .navbar-nav>li>a {
        padding: 27px 12px 21px;
        font-size: 13px;
    }
    .navbar-brand>img {
        width:150px;
        padding-top:15px;
    }
    .header{
        height: 70px;
    }
    .dropdown-menu>li>a {
        font-size: 12px;
    }
}
@media(min-width:992px) and (max-width:1023px){
    .navbar-nav>li>a {
        padding: 30px 18px 24px;
        font-size: 14px;
    }
    .navbar-brand>img {
        width: 65%;
        padding-top: 20px;
    }
    .header{
        height: 76px;
    }
    .dropdown-menu>li>a {
        font-size: 12px;
    }
}
@media(min-width:1024px) and (max-width:1199px){
    .navbar-nav>li>a {
        padding: 23px 24px 21px;
        font-size: 14px;
    }
    .dropdown-menu>li>a {
        font-size: 10px;
    }
    .navbar-brand>img {
        width: 200px;
        padding-top:8px;
    }
    .header{
        height: 66px;
    }
}

/*banner*/
.banner{
    overflow: hidden;
}
.banner img{
    width: 100%;
}
/*底部通用*/
#footer{
    background:#171717;
    position:relative;
    color:#b6b6b6;
}
.footer_link a,.footer_link span{
    color:#777;
}
.footer_link a:hover{
    color:#fd6101;
}
.footer_link{
    height:40px;
    line-height:40px;
    font-size:14px;
    background: #ddd;
}
.footer-about{
    margin: 35px auto;
    overflow: hidden;
}
.f-p{
    font-size: 12px;
    line-height: 20px;
    height: 100px;
    overflow: hidden;
    margin-bottom: 10px;
}
.footer-m{
    display: inline-block;
    padding: 5px 10px;
    background: #333333;
    border-radius: 3px;
    font-size: 12px;
    color:#ececec;
}
.footer-m:hover{
    color:#ececec; background:#e6432d;
}
.footer-list{
    display: inline-block;
}
.footer-list li{
    margin-bottom: 5px;
}
.footer-list li img{
    display: inline-block;
}
.footer-add{
    font-size: 12px;
    color:#b6b6b6;
    display: inline-block;
    width: 88%;
    vertical-align: middle;
}
.footer-call{
    color:#e5322d;
}
.phone-p{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

.foot-p{
    max-width: 110px;
    font-size: 13px;
    text-align:right;
    color: #888;
    margin-top: 5px;
}
.footer-bar{
    padding: 10px 0;
    background: #000;
    text-align: center;
    color: #fff;
}
.circle{
    width: 50px;
    height: 50px;
    line-height: 45px;
    border: 3px solid #ececec;
    border-radius: 50%;
    text-align: center;
    font-size: 28px;
    margin: 10px auto;
    display: inline-block;
    vertical-align: middle;
}
.circle i{
    color: #ececec;
}
.bar-text{
    display: inline-block;
    vertical-align: middle;
}
.bar-text-14{
    font-size: 14px;
    text-align: left;
    color: #ececec;
}
.bar-text-28{
    font-size: 22px;
    color: #ececec;
}
.foot-bar-text{
    color: #959595;
    font-size: 14px;
}
.footer-block{
    width: 120px;
    margin-left: 50px;
    margin-top: 10px;
}
.foot-img{width:130px; height:130px;}
.f-h4{
    color: #ececec;
    margin-bottom: 15px;
}
.f-h4-span{
    display: inline-block;
    padding-bottom: 18px;
    border-bottom: 3px solid #5c5c5c;
}
/*搜索*/
.search{
    margin: 18px 0 30px;
}
.search-a,.search-a:focus{
    background: #c4c4c4;
    color: #fff;
}
.search-a:hover{
    background: #e6432d;
    color: #fff;
}
/*当前位置*/
.nowAdd{
    display: inline-block;
    *zoom: 1;
    *display: inline;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    padding-right: 15px;
}
.now-a,.nowAdd-a:hover{
    color: #e6432d;
}
/*翻页器*/
.fyq{
    text-align: center;
    margin: 40px 0;
}
.p,.first,.prev,.next,.last{
    padding: 2px 6px;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    margin: 0 5px;
}
.activeone,.p:hover,.first:hover,.prev:hover,.next:hover,.last:hover{
    color: #fff;
    background: #e6432d;
    border: 1px solid #e6432d;
}
@media(max-width:767px){
    .search{
        margin: 5px 0;
    }
    .fyq{
        margin: 30px 0;
    }
    .footer-about{
        margin: 20px 0;
    }
    .foot-bar-text{
        font-size: 12px;
    }
}



/* 首页 */
.vic-product{margin-top: 50px;}
.vic-proName{margin-bottom: 20px;}
.vic-proName a{display: block;}
.vic-proOne{border:1px solid #cbcbcb;box-sizing: border-box;float: left;padding:20px 5px 10px 15px;width: 100%;border-top:5px solid #4fa9ed;}
.vic-proTow{border:1px solid #cbcbcb;box-sizing: border-box;float: left;padding:20px 5px 10px 38px;width: 100%;border-top:5px solid #39c092;}
.vic-proThree{border:1px solid #cbcbcb;box-sizing: border-box;float: left;padding:20px 5px 10px 5px;width: 100%;border-top:5px solid #2fdacc;}
.vic-proFour{border:1px solid #cbcbcb;box-sizing: border-box;float: left;padding:20px 5px 10px 25px;width: 100%;border-top:5px solid #e6432d;}
.vic-proFive{border:1px solid #cbcbcb;box-sizing: border-box;float: left;padding:20px 5px 10px 40px;width: 100%;border-top:5px solid #d44eae;}
.vic-proSix{border:1px solid #cbcbcb;box-sizing: border-box;float: left;padding:20px 5px 10px 36px;width: 100%;border-top:5px solid #eea954;}
.vic-proName img{float: left;height: 50px;}
.vic-proName .vic-proText{float: left;margin-left:5px;}
.vic-product .col-md-2 ,.vic-product .col-sm-4{padding-left: 5px;padding-right: 5px;}
.vic-lastPro{display:block;}

.vic-proOne:hover{background-color:#4fa9ed;border:1px solid #4fa9ed;border-top:5px solid #4fa9ed;color: white;}
.vic-proTow:hover{background-color:#39c092;border:1px solid #39c092;border-top:5px solid #39c092;color: white;}
.vic-proThree:hover{background-color:#2fdacc;border:1px solid #2fdacc;border-top:5px solid #2fdacc;color: white;}
.vic-proFour:hover{background-color:#e6432d;border:1px solid #e6432d;border-top:5px solid #e6432d;color: white;}
.vic-proFive:hover{background-color:#d44eae;border:1px solid #d44eae;border-top:5px solid #d44eae;color: white;}
.vic-proSix:hover{background-color:#eea954;border:1px solid #eea954;border-top:5px solid #eea954;color: white;}

.vic-proInduct{margin-top:60px;}
.vic-proInduct h5{font-size: 40px;text-align: center;color:#333333;}
.vic-proInduct .vic-proTitle{font-size:14px;text-align: center;margin-top: 10px;color:#999999;}
.vic-proInduct .swiper-container{margin-top: 30px;}
.vic-proInduct .swiper-container a{display: block;position: relative;z-index: 99}
.vic-pageList{position: static !important;margin-top: 20px;}
.vic-pageList .swiper-pagination-bullet{border:1px solid #c1c1c1;height:15px;width: 15px;margin:5px;}
.vic-pageList .swiper-pagination-bullet-active{background-color:#e5322d;}
.vic-readMore{text-align: center;margin-top: 20px;}
.vic-readMore a{display:inline-block;height: 50px;width: 200px;border: 1px solid #e5322d;line-height: 50px;font-size: 16px;color: #e5322d;border-radius: 30px;}
.vic-readMore a:hover{color: white;background-color:#e5322d;}
.vic-proInduct .col-lg-3 ,.vic-proInduct .col-md-4  ,.vic-proInduct .col-sm-4 {padding-left: 12px;padding-right: 12px;}

.vic-news{background-color:#f6f6f6;margin-top:40px;padding-bottom: 60px;padding-top: 35px;}
.vic-news h5{font-size: 40px;text-align: center;color:#333333;}
.vic-news .vic-newsList{background-color:white;}
.vic-news .vic-newsList:hover{box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 
               				 0 1px 4px rgba(0, 0, 0, 0.3), 
                				 0 0 60px rgba(0, 0, 0, 0.1);}
.vic-news .vic-newsList img{width: 100%;}
.vic-news .vic-proTitle{font-size:14px;text-align: center;margin-top: 10px;color:#999999;}
.vic-news .row{margin-top: 45px;margin-bottom: 50px;}
.vic-news .vic-newsText{width: 100%;padding-left: 20px;padding-top: 20px;padding-bottom: 30px;}
.vic-newsText .vic-newsTitle{font-size: 16px;margin-bottom: 30px;color: #333333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.vic-newsText .vic-newsInd{font-size: 14px;color: #666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.vic-newsText .vic-newsMore{font-size: 14px;color:#e5322d;margin: 30px 0;display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.vic-news .col-sm-4{padding-left: 10px;padding-right: 10px;}

@media only screen and (min-width:992px) and (max-width: 1200px) {
.vic-proOne{border:1px solid #cbcbcb;box-sizing: border-box;float: left;padding:20px 5px 10px 5px;width: 100%;border-top:5px solid #e5322d;text-align: center;}
.vic-proTow{border:1px solid #cbcbcb;box-sizing: border-box;float: left;padding:20px 5px 10px 5px;width: 100%;border-top:5px solid #d442ae;text-align: center;}
.vic-proThree{border:1px solid #cbcbcb;box-sizing: border-box;float: left;padding:20px 5px 10px 5px;width: 100%;border-top:5px solid #eea954;text-align: center;}
.vic-proFour{border:1px solid #cbcbcb;box-sizing: border-box;float: left;padding:20px 5px 10px 5px;width: 100%;border-top:5px solid #2fdacc;text-align: center;}
.vic-proFive{border:1px solid #cbcbcb;box-sizing: border-box;float: left;padding:20px 5px 10px 5px;width: 100%;border-top:5px solid #39c092;text-align: center;}
.vic-proSix{border:1px solid #cbcbcb;box-sizing: border-box;float: left;padding:20px 5px 10px 5px;width: 100%;border-top:5px solid #4fa9ed;text-align: center;}
.vic-proName img{float:none;}
.vic-proName .vic-proText{float:none;margin-left:0;}	
.vic-lastPro{display: none;}


}

@media only screen and (min-width:768px) and (max-width:992px) {
.vic-proOne{padding:20px 5px 10px 40px;}
.vic-proTow{padding:20px 5px 10px 60px;}
.vic-proThree{padding:20px 5px 10px 40px;}
.vic-proFour{padding:20px 5px 10px 50px;}
.vic-proFive{padding:20px 5px 10px 70px;}
.vic-proSix{padding: 20px 5px 10px 57px;}
.vic-lastPro{display: none;}

}

@media only screen and (max-width:768px) {
.vic-product{margin-top: 25px;}
.container{padding-left:25px;padding-right:25px;overflow: hidden;}
.vic-proOne{border:1px solid #cbcbcb;box-sizing: border-box;float: left;padding:20px 5px 10px 5px;width: 100%;border-top:5px solid #e5322d;text-align: center;}
.vic-proTow{border:1px solid #cbcbcb;box-sizing: border-box;float: left;padding:20px 5px 10px 5px;width: 100%;border-top:5px solid #d442ae;text-align: center;}
.vic-proThree{border:1px solid #cbcbcb;box-sizing: border-box;float: left;padding:20px 5px 10px 5px;width: 100%;border-top:5px solid #eea954;text-align: center;}
.vic-proFour{border:1px solid #cbcbcb;box-sizing: border-box;float: left;padding:20px 5px 10px 5px;width: 100%;border-top:5px solid #2fdacc;text-align: center;}
.vic-proFive{border:1px solid #cbcbcb;box-sizing: border-box;float: left;padding:20px 5px 10px 5px;width: 100%;border-top:5px solid #39c092;text-align: center;}
.vic-proSix{border:1px solid #cbcbcb;box-sizing: border-box;float: left;padding:20px 5px 10px 5px;width: 100%;border-top:5px solid #4fa9ed;text-align: center;}
.vic-proName img{float:none;}
.vic-proName .vic-proText{float:none;margin-left:0;font-size: 12px;}	
.vic-proOne:hover{background: transparent;border:1px solid #cbcbcb;border-top:5px solid #e5322d;color:#6b6b6b;}
.vic-proTow:hover{background: transparent;border:1px solid #cbcbcb;border-top:5px solid #d442ae;color:#6b6b6b;}
.vic-proThree:hover{background: transparent;border:1px solid #cbcbcb;border-top:5px solid #eea954;color:#6b6b6b;}
.vic-proFour:hover{background: transparent;border:1px solid #cbcbcb;border-top:5px solid #2fdacc;color:#6b6b6b;}
.vic-proFive:hover{background: transparent;border:1px solid #cbcbcb;border-top:5px solid #39c092;color:#6b6b6b;}
.vic-proSix:hover{background: transparent;border:1px solid #cbcbcb;border-top:5px solid #4fa9ed;color:#6b6b6b;}

.vic-proInduct .container{padding-left: 5px;padding-right: 5px;}
.vic-news .container{padding-left: 15px;padding-right: 15px;}
.vic-news .col-sm-4{margin-top:30px;}
.vic-proInduct .col-xs-6{padding-left: 5px;padding-right: 5px;}


}