/* 全局样式 */
body{font-family:'Poppins','Helvetica Neue',Arial,sans-serif;background:#f7f8fa;padding-top: 70px;}
p{color: #333}
.oe-gray{background: #edf1f6}
.bg-gray{background: #f7f8fa}
.bg-white{background: #fff}
ul{margin: 0;padding: 0;}
ul li{list-style: none;}
.mybreadcrumb{padding: 20px;margin:20px 0;background: #f7f8fa;}
.mybreadcrumb a{color:#777;text-decoration: none;}
.mybreadcrumb i{margin-right: 10px;margin-left: 10px;}

.mg0{margin:0;}  .mg5{margin: 5px;} .mg10{margin: 10px;} .mg15{margin: 15px;} .mg30{margin: 30px} .mg50{margin: 50px;}
.mt5{margin-top: 5px}  .mt10{margin-top: 10px}  .mt15{margin-top: 15px} .mt20{margin-top: 20px} .mt30{margin-top: 30px}  .mt50{margin-top: 50px} .mt100{margin-top: 100px}
.mb5{margin-bottom: 5px;}  .mb10{margin-bottom: 10px;}  .mb15{margin-bottom: 15px;}  .mb30{margin-bottom: 30px;}  .mb50{margin-bottom: 50px;}
.ml5{margin-left: 5px;}  .ml10{margin-left: 10px;}  .ml15{margin-left: 15px;}  .ml30{margin-left: 30px;}  .ml50{margin-left: 50px;}
.mr5{margin-right: 5px;}  .mr10{margin-right: 10px;}  .mr15{margin-right: 15px;}  .mr30{margin-right: 30px;}  .mr50{margin-right: 50px;}

.pd0{padding:0} .pd5{padding:5px;} .pd10{padding:10px} .pd15{padding:15px;}  .pd30{padding:30px} .pd50{padding:50px;}
.pt5{padding-top:5px;} .pt10{padding-top:10px;} .pt15{padding-top:15px;} .pt30{padding-top:30px;} .pt50{padding-top:50px;}
.pb5{padding-bottom: 5px;}.pb10{padding-bottom: 10px;}.pb15{padding-bottom: 15px;}.pb30{padding-bottom: 30px;}.pb50{padding-bottom: 50px;}
.pl5{padding-left: 5px;}.pl10{padding-left: 10px;}.pl15{padding-left: 15px;}.pl30{padding-left: 30px;}.pl50{padding-left: 50px;}
.pr5{padding-right: 5px;}.pr10{padding-right: 10px;}.pr15{padding-right: 15px;}.pr30{padding-right: 30px;}.pr50{padding-right: 50px;}


.page-request{background: #ffebcc;padding: 30px 20px;margin: 20px 0}
.page-request h3{font-size: 16px;font-family: "Montserrat",sans-serif;font-weight: bold;color: #222;text-align: center}
.page-request h4{font-size: 18px;font-family: "Montserrat",sans-serif;color: #222;text-align: center}
.page-request .btn-main{display:block;margin:25px auto 10px;cursor: pointer;padding: 14px 20px;line-height: 1;width: 180px;COLOR:#fff;text-align:center;background-color: #ff8000;transition: all 300ms ease;border-radius: 5px;}
.btn-view-all{display:block;margin:25px auto 10px;cursor: pointer;padding: 14px 20px;background:#f0f3f7;width:100%;COLOR:#000;;transition: all 300ms ease;height: 50px;border-radius: 5px;text-align: center;font-size: 16px;}
.btn-view-all:hover{font-weight: bold;background: #c30d22;text-decoration: none}


.pagebar{margin:35px 0 15px 0;padding:10px;clear:both;text-align: center;background: #fff;}
.pagebar .page{display:inline-block;line-height:40px;width:40px;margin:0 5px;color:#777;text-align:center;border-radius: 3px}
.pagebar .page:hover{background-color:#c30d22;color:#000}
.pagebar .now-page{background-color:#c30d22;color:#000;border-radius: 3px}



/*导航*/
header{display:block;width:100%;z-index: 1200}
.top_frame{padding: 10px;background: #333;font-size: 12px;line-height:12px;color:#fff;height: auto;overflow: hidden}
.top_frame .welcome{display: inline-block;width: 50%;float: left}
.top_frame .fr_right{display: inline-block;width: 50%;float:right;text-align: right;font-size: 12px;}
.top_frame .fr_right a{text-decoration: none;color:#fff;padding-right:15px; border-right:1px solid #fff;margin-right: 12px;}
.top_frame .fr_right .tel{font-size: 16px;color:#3e8f3e}

/*导航栏-2*/
.nav_cn .navbar-default{background: #fff}
.nav_cn .navbar-ny{background:#273269;height:90px;border-radius: 0;border-bottom: 1px solid transparent;margin-bottom: 0;}
.navbar-ny .navbar-brand{height:100px;color:#fff;line-height: 35px;font-size: 36px;font-weight:bold;padding: 25px 15px;}
.navbar-ny .navbar-brand img{height: 50px;}
.navbar-ny .navbar-brand:focus,.navbar-ny .navbar-brand:hover{background-color:transparent}
.navbar-ny .navbar-text{color:#64717F}
.navbar-ny .navbar-nav>li>a{color:#fff;font-size: 16px;line-height: 59px;}
.navbar-ny .navbar-nav>li>a:focus,.navbar-ny .navbar-nav>li>a:hover{color:#fff;font-weight: bold;background: transparent}
.navbar-ny .navbar-nav>.active>a{font-weight: bold;color:#fff;background: transparent}
.navbar-ny .navbar-nav>.active>a:focus,
.navbar-ny .navbar-nav>.active>a:hover{font-weight: bold;color:#fff}
.navbar-ny .navbar-nav>.disabled>a,
.navbar-ny .navbar-nav>.disabled>a:focus,
.navbar-ny .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}
.navbar-ny .navbar-nav{margin-right: 15px;margin-left: 25px}
.navbar-ny .navbar-toggle{border-color:#bc0431}
.navbar-ny .navbar-toggle:focus,.navbar-ny .navbar-toggle:hover{background-color:#fff}
.navbar-ny .navbar-toggle .icon-bar{background-color:#bc0431}
.navbar-ny .navbar-collapse,.navbar-ny .navbar-form{border-color:#e7eaf1}
.navbar-ny .navbar-nav>.open>a,
.navbar-ny .navbar-nav>.open>a:focus,
.navbar-ny .navbar-nav>.open>a:hover{color:#fff;background-color:#bc0431}
.navbar-ny .navbar-nav>.open>.dropdown-menu{color:#fff;background-color:#bc0431;border: #bc0431}
.navbar-ny .navbar-nav>.open>.dropdown-menu>li>a{color:#fff;}
.navbar-ny .navbar-nav>.open>.dropdown-menu>li>a:focus{color:#fff;background: #b92c28}
.navbar-ny .navbar-nav>.open>.dropdown-menu>li>a:hover{color:#fff;background: #333333}
@media (max-width:767px){
    body{padding-top: 50px;}
    .navbar-ny{background-color:#c30d22;border-radius: 0;border-bottom: 1px solid transparent;margin-bottom: 0;}
    .navbar-ny .navbar-brand{color:#2d8cdd;font-weight: bold;line-height: 1.5}
    .navbar-ny .navbar-nav>li>a{color:#64717F;font-weight: bold;font-size: 14px;line-height: 1.5;}
    .navbar-ny .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}
    .navbar-ny .navbar-nav .open .dropdown-menu .divider{background-color:#fff}
    .navbar-ny .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}
    .navbar-ny .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-ny .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}
    .navbar-ny .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-ny .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-ny .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#2d8cdd}
    .navbar-ny .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-ny .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar-ny .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}
.navbar-ny .navbar-link{color:#9d9d9d}
.navbar-ny .navbar-link:hover{color:#fff}
.navbar-ny .btn-link{color:#9d9d9d}
.navbar-ny .btn-link:focus,.navbar-ny .btn-link:hover{color:#fff}
.navbar-ny .btn-link[disabled]:focus,.navbar-ny .btn-link[disabled]:hover,fieldset[disabled]
.navbar-ny .btn-link:focus,fieldset[disabled] .navbar-ny .btn-link:hover{color:#444}
.navbar-ny .navbar-form{margin-top: 30px;float: right!important;  margin-right: -15px;}
.navbar-ny .btn-zixun,.navbar-ny .btn-call{display: none}
.navbar-ny .form-control{background: #fff;border: 1px solid #e7eaf1;color: #666;border-radius: 0;-webkit-box-shadow: none;}
.navbar-ny .form-control:focus {
    border-color: #9298AC;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-form-menu .btn-search-nav{background: #fff;color:#009900;border: 1px solid #e7eaf1;border-radius: 0;}
.navbar-ny .btn:hover,.navbar-ny .btn:focus{color:#fff;border-color:#e7eaf1;outline: 0; outline-offset: 0;}
.navbar-form-menu .btn-search-nav:focus,.navbar-form-menu .btn-search-nav:active,.navbar-form-menu .btn-search-nav:visited,
.navbar-form-menu .btn-search-nav:hover{background: #666;border-color:#666;outline: 0; outline-offset: 0;}


.nav_cn .affix{background: #273269;box-shadow: 0 1px 15px rgba(0,0,0,0.1);height: 60px;margin-top:0;overflow: hidden }
.nav_cn .affix .top_frame{display: none}
.nav_cn .affix .navbar-ny{color: #FFF;font-weight: bold;background: transparent}
.nav_cn .affix .navbar-ny .btn-zixun,.nav_cn .affix .navbar-ny .btn-call{display: inline-block}
.nav_cn .affix .navbar-ny .navbar-nav>.active>a:hover{color: #FFF;font-weight: bold;background: transparent}
.nav_cn .affix .navbar-brand{color:#fff;
    line-height: 40px;
    font-weight: bold;
    padding-top: 6px;
}
.nav_cn .affix .navbar-brand img{height: 45px;}
.nav_cn .affix .navbar-brand span{color:#2d8cdd;
    line-height: 30px;
    font-weight: normal;}
.nav_cn .affix .navbar-nav>li>a{line-height: 30px;color:#fff;font-weight: normal}
.nav_cn .affix .navbar-nav>li>a:focus,.navbar-cn .navbar-nav>li>a:hover{line-height: 30px;color: #fff;}
.nav_cn .affix .navbar-form{margin-top: 12px;float: right !important;}
.nav_cn .affix .navbar-form{margin-top: 12px;}
.nav_cn .affix .navbar-form-menu .btn-search-nav{background: #fff;color:#009900;border: 1px solid #e7eaf1;border-radius: 0;}



.home-slide{margin: 20px 0 0;}
.head-banner{z-index:1000;}
.head-banner .carousel-caption{top:25%;text-shadow: none}
.head-banner .carousel-inner>div>img{width:100%;}
.head-banner .carousel-indicators{bottom:10px}
.head-banner .carousel-indicators li{display: inline-block;
    width: 35px;
    height: 15px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 2px solid #fff;
    border-radius: 10px;}
.head-banner .carousel-indicators li.active{background: #fff}

.home-slide .img-prev{position: absolute;display:block;width: 40px;height: 70px;left: 0;top:45%;color:#fff;font-size:18px;text-align:center;text-decoration:none;line-height:70px;background: rgba(0,0,0,0.4)}
.home-slide .img-next{position: absolute;display:block;width: 40px;height: 70px;right: 0;top:45%;color:#fff;font-size:18px;text-align:center;text-decoration:none;line-height:70px;background: rgba(0,0,0,0.4)}
.home-slide .carousel-caption h1{font-size: 75px;font-weight: bolder;text-align: center}
.home-slide .carousel-caption h4{font-size: 28px;font-weight: bolder;text-align: center}
.btn-detail{display:inline-block;width:100px;margin:25px 0;padding: 10px;background: #fff;border:1px solid #0c6497;font-size: 18px;color: #0c6497;text-align: center}
.btn-detail:hover{background:#0c6497;font-weight: bold;text-decoration: none;color: #fff;}


    /*home-about*/
#about{background: #fff;padding: 30px 0 60px;}
.about-right img{width: 380px;margin: -80px auto 30px}
.about-left img{width: 380px;margin: -80px auto 30px}






/*首页*/
.section-title{margin:0 0 20px;font-size: 28px;color:#333;font-weight: bold;}
.section-title:after{content: "";clear: both;width: 80px;display: block;border-bottom: 3px solid #0c6497;margin: 15px 0 30px;}
.section-sub-tit{color:#333;font-size: 20px;}
section{padding: 30px 0 60px;background: #fff}
.section-img{width: auto;margin: 0;background: #fff;padding: 20px;border: 1px solid #e7eaf1;}
.section-content {margin-top: 60px}
.section-content p{font-size: 16px;line-height: 1.6;font-family: 'Poppins', sans-serif;}
.section-content ul{padding-left: 15px;margin-top: 20px;}
.section-content ul li{font-size: 18px;list-style: disc;line-height: 2.0;font-weight: bold}
.section-head{padding:30px 0;z-index: 8}
.section-head h1{font-size: 20px;font-weight: bold;color: #0450a3}
.section-head p{text-align: center;line-height: 1.5}
/*home-prodcut*/
.pro-group{background: #fff;padding: 20px;border-radius: 10px;height: 370px;margin-bottom: 25px;}
.pro-group h3{display: flex;align-items: center;margin-top: 0;padding:10px 20px;height:75px;background:#0c6497;color:#fff;font-size:16px;font-weight: bold;}
.pro-group ul{padding-left: 20px;margin-top: 20px;}
.pro-group ul li{list-style: disc}
.pro-group .img-zone img{float: left;width: 33.3333%;}
/*home-contact*/
#contact{background: #f7f8fa;padding: 30px 0 60px}
.contact-panle{margin-top: 30px}
.contact-panle img{margin: 10px auto 20px;width:80px}
.contact-panle h3{text-align: center;font-weight: bold;margin-bottom: 20px}
.contact-panle p{text-align: center;font-size: 18px;}
#contact .section-title{margin:0 0 20px;font-size: 28px;color:#333;font-weight: bold;text-align: center}
#contact .section-title:after{content: "";clear: both;width: 80px;display: block;border-bottom: 3px solid #0c6497;margin: 15px 45.5% 30px;}
#contact .section-sub-tit{text-align: center}

/*new-home-brand*/
.brand-menu {padding: 10px 10px 10px 30px;background:#f5f7fc;width:100%;overflow: hidden}
.brand-menu li{float: left;}
.brand-menu li a{display:block;padding:5px 16px;text-decoration: none;color:#333;font-weight:bold;text-align: center;font-size: 18px;}
.brand-menu li a:hover{background: #c30d22;color:#000;text-decoration: none}

.advantage{background: #fff;padding: 10px 0;overflow: hidden;z-index: 1000}
.advantage .item{background: transparent;padding: 20px 0}
.advantage .item img{border: 1px solid #e7eaf1;background: #fff;float: left;width: 30px}
.advantage .item .text{float:left;width: calc(100% - 35px);padding-left: 10px}
.advantage .item .text h4{margin-bottom: 5px;margin-top: 0;color: #0f0f0f;font-weight: bold}
.advantage .item .text p{color:#777}

.brand-list{width:100%;min-height: 120px;overflow: hidden;padding:20px 0;}
.brand-list li{margin-bottom: 0;padding: 20px 10px;background: #fff;border: 1px solid #e7eaf1;border-right: none}
.brand-list li:nth-child(6n){border-right: 1px solid #f0f3f7}
.brand-list li:nth-child(n+7){border-top: none}
.brand-list li:last-child{border-right: 1px solid #f0f3f7}
.brand-list li h4{font-size: 14px;font-weight: bold;margin-top: 20px;}
.brand-list li h4>a{text-decoration: none;color:#0f0f0f;font-size:14px;display: block;padding:2px 5px;text-align: center;width: 100%;overflow: hidden;word-break: break-all;white-space: nowrap;text-overflow: ellipsis}
.brand-list li p{font-size: 12px;color:#999;text-align: center;}
.brand-list li>a{text-decoration: none;color:#0f0f0f;font-size:14px;display: block;padding:8px 5px;text-align: center;width: 100%;height:120px;overflow: hidden;word-break: break-all;white-space: nowrap;text-overflow: ellipsis}
.brand-list-image{background:transparent;display:flex;justify-content:center;align-items:center;text-align:center;width:100%;height: 100%; padding: 10px;line-height:150px;}
.brand-list-image  img{width: 95%;}

/*new-home-product*/
#products{background: #f7f8fa;padding: 30px 0 60px;}
.product-list{width:100%;min-height: 120px;overflow: hidden;padding:0;}
.product-list li{margin-bottom: 0;padding: 0;background: #fff;border: 1px solid #e7eaf1;border-right: none;position: relative}
.product-list li:nth-child(6n){border-right: 1px solid #f0f3f7}
.product-list li:nth-child(n+7){border-top: none}
.product-list li:last-child{border-right: 1px solid #f0f3f7}
.product-list li h4{font-size: 14px;margin:0;padding: 10px 0;position: absolute;bottom:0;text-align: center;width: 100%;background: rgba(60,60,60,0.5)}
.product-list li h4>a{text-decoration: none;color:#fff;font-size:18px;font-weight:bold;display: block;padding:2px 5px;width: 100%;overflow: hidden;word-break: break-all;white-space: nowrap;text-overflow: ellipsis}
.product-list li p{font-size: 14px;color:#888;text-align: left;padding-left: 10px;}
.product-list li p span{font-size: 14px;color:#666;display: block;width: 100%;margin-bottom:3px;overflow: hidden;word-break: break-all;white-space: nowrap;text-overflow: ellipsis}
.product-list li>a{text-decoration: none;color:#0f0f0f;font-size:14px;display: block;padding:0;text-align: center;width: 100%;height:200px;overflow: hidden;word-break: break-all;white-space: nowrap;text-overflow: ellipsis}
.product-list-image{background:transparent;display:flex;justify-content:center;align-items:center;text-align:center;width:100%;height: 100%; line-height:150px;}


/*首页-banner*/
.home-head-box{padding:30px 0;background: #f0f3f7;position: relative}
.service-nav{background: #fff;border:1px solid #e7eaf1;border-radius: 5px;height: 380px;width: 100%;position: relative;}
.service-nav ul{overflow: hidden;padding: 0 15px;}
.service-nav ul li{list-style: none;padding: 25px 0 22px;border-bottom: 1px solid #f0f3f7;overflow: hidden}
.service-nav ul li.last{border-bottom: 1px solid transparent;}
.sub-nav{display: none;position: absolute;left: 255px;top:-1px;padding: 30px;z-index:1000;width:660px;height:380px;background: #fff;border:1px solid #e7eaf1;box-shadow: 1px 5px 12px -5px rgba(0, 0, 0, 0.1)}
.service-nav ul li.item-nav-li:hover>.sub-nav{display: block}
.service-nav .img{width: 25%;float: left;border: 1px solid #EFF1F3}
.service-nav .title{width: 75%;float: right;padding-left: 15px;}
.service-nav .title a{display:inline-block;text-decoration: none;color: #333;font-size: 16px;font-weight: bold;margin-top:3px;margin-bottom: 4px;}
.service-nav .title p{font-size: 12px;color:#777}

.section-panel{padding: 0;margin-bottom:20px;background: #fff;border-radius:0;overflow: hidden}
.section-panel h2{font-size: 18px;font-weight: bold;padding: 20px;margin: 0;border: 1px solid #f0f3f7;color:#333;border-bottom: none;}
.section-panel h2 a{float: right;font-size: 14px;color:#333;margin-top: 5px;font-weight: normal}


#solution{background: #fff;padding: 30px 0 60px;}
.solution-panel{padding:0;margin-bottom: 30px;background: #0c6497;overflow: hidden;transition: all 0.96s ease;}
.solution-panel:hover{box-shadow: 0 8px 20px 0 rgba(0,0,0,.05);}
.solution-panel .solution-pic{width: 100%;height:230px;overflow: hidden}
.solution-panel .solution-pic img{width:100%;height: 230px;transform:scale(1);transition: all 0.46s ease;}
.solution-panel h3{font-size: 16px;font-weight: bolder;color:#fff;margin: 15px 0 20px;padding: 0;text-align: center}


.service{background:linear-gradient(0deg, #f0f3f7 80%, #fff 100%)}

.service-name{display: block;height:300px;background: linear-gradient(0deg, #b92c28 0%, #0450a3 100%);padding: 15px;}
.service-name h2{font-size: 18px;color:#fff;font-weight: bold;margin: 10px 0 25px;text-align: center}
.service-name p{color:#f2f2f2;font-size:12px;line-height: 1.5;text-align: center}
.service-name dl{margin-top: 20px;}
.service-name dl dd{color:#f7f8fa;font-size:12px;line-height: 1.5;text-align: center}
.service-name dl dd span{display: inline-block;padding: 2px 10px;border-radius:2px;border: 1px solid #EFF1F3;margin-bottom: 10px}
.gongshang{background: linear-gradient(0deg, #ff3333 0%, #ff7733 100%);height: 450px}
.zizhi{background: linear-gradient(0deg, #e67300 0%, #ff9933 100%)}

.list-brand{min-height: 300px;border: none;margin: 0 -15px;}
.list-brand-item{display: block;background: #fff;border:1px solid #EFF1F3;border-radius:0;padding:0;margin-bottom:20px;text-align: center}
.list-brand-item:hover{box-shadow:0 8px 15px #e5e8ec;border: 1px solid #e7eaf1 }
.list-brand-item h4{font-size: 14px;color:#333;font-weight: bold;text-align: center;padding: 15px 0;margin:0;line-height: 1.0;border-top:1px solid #EFF1F3}
.list-brand-item p{margin-bottom: 15px;font-size: 12px;color:#888;text-align: center}
.list-brand-item .btn-more{border: 1px solid #0450a3;background:#0450a3;padding: 4px 10px;color:#fff;font-size:12px;border-radius: 4px;}
.service-price{font-size: 12px;color:#777;margin: 15px 0;}
.service-price span{font-size: 16px;color:#ff6600;margin-right: 10px;}

.brand-list-img{background:transparent;display:table;width:100%;height: 120px; padding: 20px;line-height:150px;}
.brand-list-img .tablebox{display: table-cell;vertical-align: middle;}
.brand--list-img img{vertical-align: middle;margin: 0 auto}

.btn-all{display: block;padding: 5px 10px;margin:0 auto;border-radius:15px;background: #f0ad4e;color:#b92c28;font-size: 12px;text-align: center}
.btn-all:hover{font-weight: bold;text-decoration: none;color:#b92c28;}
.btn-all:active{font-weight: bold;text-decoration: none;color:#b92c28;}

.list-brand-new{min-height: 300px;border: none;margin: 0 -5px;}
.list-brand-new li{padding: 0 5px;margin-bottom: 10px;}
.list-brand-new li a{display: block;padding: 8px 10px;color: #333;background: #fff;border: 1px solid #EFF1F3;text-align: center;}
.list-brand-new li a:hover{color:#0450a3;font-weight: bold}


.home-brand{background: #f0f3f7;}
.home-tabs{background: #fff;overflow: hidden;border: 1px solid #EFF1F3;margin-bottom: 15px;text-align: center;}
.home-tabs>li>a{padding: 0;}
.home-tabs>li>a span{text-align: center;color:#333;font-size:16px;border-radius: 0;background: transparent;display:inline-block;padding:15px;}
.home-tabs>li>a:hover{background:transparent;border:none;}
.home-tabs>li>a:hover span{border-bottom: 2px solid #0450a3;}
.home-tabs>li.active>a, .home-tabs>li.active>a:focus, .home-tabs>li.active>a:hover{background:transparent;color:#333;font-weight:bold;cursor: default;border:none;}
.home-tabs>li.active>a span, .home-tabs>li.active>a:focus span, .home-tabs>li.active>a:hover span{background:transparent;color:#333;font-weight:bold;cursor: default;border-bottom: 2px solid #0450a3;}
.home-tab-content{background: none;}

/*首页新闻*/
#news{background: #fff;}
.news_panel{background: #fff;border-radius: 0;margin-bottom:20px;margin-right:-1px;padding:20px;overflow: hidden;border: 1px solid #eff1f3}
.news_panel h3{margin-top: 0;margin-bottom:20px;padding-left:15px;font-size:20px;border-left: 5px solid #0450a3;}
.news_panel .title{font-size: 16px;line-height: 24px;margin:0 -15px 15px;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;}
.news_panel .title a{color:#333;text-decoration: none}
.news_panel img{border-radius: 5px;margin-left: -15px;margin-right: -15px;}
.news_panel p{font-size: 14px;line-height:20px;color:#666;margin-left: -15px;margin-right: -15px;}
.news_panel .news_date,.news_panel .module_name{font-size: 12px;color:#555;text-decoration: none;margin-right: 10px;}
.news_panel .tag{font-size: 12px;color:#999;text-decoration: none;margin-right: 10px;}
.news_panel ul{margin-top: 15px;margin-bottom:0;padding-top:20px;border-top: 1px solid #eff1f3}
.news_panel ul li{padding: 0 0 13px 0;list-style: disc;margin-bottom: 0}
.news_panel ul li:first-child{padding-top: 0;}
.news_panel ul li a{display:block;float: left;margin-bottom: 10px;text-decoration: none;color:#222;font-size:14px;font-weight: 300;width:60%;overflow: hidden;word-break: break-all;white-space: nowrap;text-overflow: ellipsis}
.news_panel ul li span{color:#999;font-size: 12px;font-weight: 300;float: right}

/*首页品牌*/

.index-brand{padding: 0;}

.col-ts-7 {  width: 14.2857143%;float:left; position: relative;  min-height: 1px;  padding-right: 15px;  padding-left: 15px;  }

/*.new_brand{padding: 0;margin: 20px 0;}
.new_brand li a{display: inline-block;background: #fff;color:#333;border:1px solid #EFF1F3;padding: 5px 10px;text-align: center;width: 100%;overflow: hidden;white-space: normal;word-break: break-all;text-overflow: ellipsis;}
.new_brand li a:hover{background: #f0f3f7;font-weight: bold;text-decoration: none;}*/
.new_brand{padding: 15px;margin: 0;overflow: hidden;background: #fff;border:1px solid #f0f3f7}
.new_brand li{background: #fff;border: none;padding: 0 4px 2px}
.new_brand li>a{display: inline-block;color:#333;background:linear-gradient(0deg, #fff 0%, #fff 100%);border:1px solid #e7eaf1;padding: 5px 10px;text-align: center;width: 100%;height:40px;line-height:1.8;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;}
.new_brand li>a:hover{background: #f0f3f7;font-weight: bold;text-decoration: none;}


.repin{background: #Ffff;border-radius:0;padding: 20px;min-height:460px;overflow:hidden;margin-bottom: 30px;border:1px solid #eff1f3;}
.index-tag-list{border-bottom: 1px solid #eff1f3;margin-bottom: 15px;}
.index-tag-list h4{margin-top: 0;font-size: 16px;font-weight: bold}
.index-tag-list ul{overflow: auto;padding-top: 5px;}
.index-tag-list li{list-style: none;float: left;margin-right: 5px;margin-bottom: 8px;}
.index-tag-list li a{color:#444;font-size:12px;line-height:12px;font-weight:normal;}
.index-tag-list li a:hover{text-decoration:none;color:#0450a3;font-weight: bold}

.new_product{background: #fff;border-radius: 0;padding: 20px;border: 1px solid #EFF1F3}
.new_product h3{border-bottom: 1px solid #e7eaf1;margin: 0 0 20px 0;}
.new_product h3 b{display:inline-block;font-size:16px;border-bottom: 1px solid #0450a3;line-height: 2.5}
.new_product th{background: #0450a3;color:#fff;}
.new_product tr{background: #f7f8fa;line-height: 2.8;}
.new_product tr:nth-child(even){background: #fff;}
.new_product ul{padding:0 15px;display: block;min-height: 100px;overflow: hidden}
.new_product ul li{padding: 6px 10px 6px 15px;list-style: disc;color: #666;font-weight: 300}
.new_product ul li a{display:block;width:95%;text-decoration: none;color:#333;overflow:hidden;word-break:break-all;white-space:nowrap;text-overflow: ellipsis;}

/*首页-新收录品牌*/
.section_head{line-height: 50px;overflow: hidden;padding: 20px 0 10px;}
.section_title{font-size: 28px;color:#666;line-height: 50px;margin-right: 15px;text-align: center}
.section_subtitle{line-height: 25px;margin-bottom: 20px;color:#888;font-weight: 300;text-align: center}


.new_brand_list{width:100%;min-height: 120px;overflow: hidden;padding-left: 0;}
.new_brand_list li{margin-bottom: 0;padding: 10px;border: 1px solid #eff1f3;border-right: none;border-top:none;background: #fff;}
.new_brand_list li h4{font-size: 14px;}
.new_brand_list li h4>a{text-decoration: none;color:#0f0f0f;font-size:14px;font-weight:300;display: block;padding:2px 5px;text-align: center;width: 100%;overflow: hidden;word-break: break-all;white-space: nowrap;text-overflow: ellipsis}
.new_brand_list li p{font-size: 12px;color:#999;text-align: center;}
.new_brand_list li>a{text-decoration: none;color:#0f0f0f;background: #fff;font-size:14px;display: block;padding:8px 5px;text-align: center;width: 100%;height:60px;overflow: hidden;word-break: break-all;white-space: nowrap;text-overflow: ellipsis}
.new_brand_list li:hover{background: #fff;color:#333;box-shadow: inset 0 5px 10px rgba(0,0,0,0.04)}
.new_brand_list li:nth-child(3n){border-right: 1px solid #eff1f3}
.new_brand_list li:nth-child(-n+3){border-top: 1px solid #eff1f3}
.new_brand_list li:last-child{border-right: 1px solid #eff1f3;/*border-radius: 0 0 6px 0;*/}

.new_brand_list_image{background:transparent;display:table;width:100%;height: 60px; padding: 10px;line-height:150px;}
.new_brand_list_image .tablebox{display: table-cell;vertical-align: middle;}
.new_brand_list_image  img{vertical-align: middle;margin: 0 auto}

.new_brand_list_title{margin-top: 0;margin-bottom:0;padding: 10px 25px 0;background:#fff;border:1px solid #f7f8fa;border-bottom:none;font-size: 16px;font-weight: bold}
.new_brand_list_title b{display:inline-block;font-weight: 300;font-size:18px;border-bottom: 1px solid #0450a3;line-height: 2.5}

/*首页-新闻列表*/
.list-news{padding:20px;background: #fff;text-align: center;border-radius: 5px;}
.list-news:hover{box-shadow: 0 8px 18px 2px rgba(12,22,48,0.08);border: 1px solid #e7eaf1;transition: .3s;}
.list-news h2{font-size: 24px;font-weight: bold;margin: 25px 0;text-align: center}
.list-news h3{padding-left:10px;margin-bottom:20px;font-size: 18px;text-align:left;border-left: 5px solid #0450a3}
.list-news h3 a{float: right;color:#888;font-size: 14px;font-weight: normal;text-decoration: none}
.list-news p{text-align: center;padding: 0 20px;color:#666}
.list-news img{margin: 0 auto;width: 100%}
.list-news ul{padding-left: 0;}
.list-news ul li{margin-bottom: 15px;overflow: hidden;}
.list-news ul li i{color:#0450a3;margin-right: 10px;}
.list-news ul li a{display: inline-block;text-align:left;width: 78%;float:left;color:#555;text-decoration:none;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;}
.list-news ul li a:hover{font-weight: bold}
.list-news ul li span{display: inline-block;float: right;color:#888;font-size: 12px;}


/*品牌列表页*/
.brand-list-all{background: #fff;padding: 20px;}
#myTab.index-tabs{padding: 8px;margin-top:15px;background: #FFF;border-radius: 10px 10px 0 0;}
#myTab.index-tabs>li>span{padding: 10px 15px;display: block}
#myTab.index-tabs>li>a{padding: 8px 10px;margin-bottom: 0;margin-right:2px;list-style: none;border-radius: 8px;color:#333;font-weight: bold}
#myTab.index-tabs>li>a:hover{background:#bc0431;}
#myTab.index-tabs>li>a:hover{color:#fff;}
#myTab.index-tabs>li.active a{background:#bc0431;color:#fff;}

.e-tab-content{background: #fff;min-height: 300px;overflow:hidden;padding: 25px 0;margin-top:-1px;border-top: 1px solid #eff1f3;border-radius: 0 0 10px 10px ;}
.e-tab-content #jianjie{font-size: 14px;line-height: 2}


.brand-line{background: #fff;border: 1px solid #EFF1F3;border-radius: 5px;padding: 20px;margin: 20px 0;}
.brand-line h2{margin-top: 0;margin-bottom: 20px;font-size: 16px;color:#333}
.brand-line .header{background: #888;overflow: hidden;padding: 10px 15px;}
.brand-line .header>div{color:#fff;font-weight: bold}
.brand-line .brand-item{display:block;overflow: hidden;padding: 20px 15px;color: #333;height: 125px;line-height: 85px}
.brand-line .brand-item:nth-child(odd){background: #f7f8fa}
.brand-line .brand{float: left;width: 15%;overflow: hidden;word-break: break-all;white-space: nowrap;text-overflow: ellipsis;}
.brand-line .id{float: left;width: 8%;overflow: hidden;word-break: break-all;white-space: nowrap;text-overflow: ellipsis;}
.brand-line .logo{float: left;width: 20%;overflow: hidden;word-break: break-all;white-space: nowrap;text-overflow: ellipsis;}
.brand-line .logo .brand-logo{width:150px;height: 85px;}
.brand-line .nation{float: left;width: 8%;}
.brand-line .product{float: left;width: 49%;}



/*新闻列表页*/
.article-index{margin: 0 15px 0 -15px;}
.news-list{padding:20px 0;background: #f0f3f7}
.article-nav{margin-bottom: 30px}
.article-list h2{margin-top: 0;background:#0450a3;padding: 15px 25px;color:#fff;border-bottom:1px solid #EFF1F3;font-size: 16px;font-weight: bold}
.article-list ul{padding:0;overflow: auto;margin-top: 0;}
.article-list ul li{padding: 20px;background:#fff;overflow:hidden;list-style: none;margin-bottom: 15px;border-radius: 5px;}
.article-list ul li p{color:#666;line-height: 1.8}
.article-list ul li span{color:#888}
.article-list ul li img{border: 1px solid #EFF1F3;margin-left: -15px;}
.article-list ul li:hover{border: 1px solid #bc0431; box-shadow: 0px 4px 6px #e5e8ec}
.article-list ul li:hover a{color:#333;font-weight: bold}
.article-list ul li h4{padding-top: 0;margin-top: 0;;}
.article-list ul li h4>a{display:block;margin-bottom: 10px;width:100%;font-size:18px;font-weight:bold;text-decoration: none;color:#333;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.article-list ul li h4>a:hover{text-decoration: none;color: #333}
.article_date{margin-right: -15px;font-size: 28px;color:#0450a3;float:right;width:70%;border: 1px solid #0450a3;text-align: center;border-radius: 5px 5px 0 0;}
.article_year{margin-right: -15px;font-size: 14px;line-height:26px;color:#fff;background:#0450a3;width:70%;border: 1px solid #0450a3;text-align: center;float:right;border-radius: 0 0 5px 5px;}


/*新闻详情页*/
.article-main{background: #fff;padding: 0 0 30px 0;}
.article-list-nav{background: #fff;overflow: hidden;border-radius: 5px;padding: 0;margin-bottom: 20px}
.article-list-nav a{display: block;padding: 15px;float:left;color:#333}
.article-list-nav a:hover{background:#0450a3;color:#fff;text-decoration:none;}
.article-list-nav a.all{color:#0450a3;font-weight:bold;text-decoration:none;}
.article-list-nav a.all:hover{background:#0450a3;color:#fff;text-decoration:none;}
.article-list-nav a.active{background:#0450a3;color:#fff;text-decoration:none;}
.article-title{background:#fff;border-bottom:1px solid #EFF1F3;padding:50px 30px;border-radius: 5px 5px 0 0;}
.article-title h1{margin-top: 0;color:#333;font-size: 32px;font-weight: bold}
.article-content{min-height: 800px;background: #fff;border-radius:0 0 5px 5px;padding: 40px;margin-bottom: 20px;font-size: 16px;line-height: 1.8}
.article-content hr{margin-top: -40px;margin-bottom:40px;border-top:1px solid #EFF1F3}
.article-content .zhaiyao{margin-bottom:40px;padding: 20px;border: 1px solid #EFF1F3;background: #F7F8FA;}
.article-side{min-height: 200px;background: #fff;border-radius:0;padding: 15px;}
.article-side h3{margin-top: 0;font-size: 16px;padding-left: 10px;border-left: 4px solid #bc0431}
.article-side ul{padding-left: 15px;margin-top: 15px;border-top: 1px solid #EFF1F3;padding-top: 15px}
.article-side ul li{list-style: disc;margin-bottom: 12px;}
.article-side ul li a{display:block;padding-top:2px;text-align:left;width: 100%;color:#555;font-size:12px;text-decoration:none;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;}
.article-side ul li a:hover{font-weight: bold}
.article-side ul li span{display: inline-block;float: right;color:#999;font-size: 12px;}
.side-ad img{margin-bottom: 20px;border-radius: 5px}
.article-nav{background: #fff;overflow: hidden;border-radius: 5px;padding: 12px 10px 5px 13px;}
.article-nav a{display: block;padding: 2px 9px;float:left;border: 1px solid #0450a3;font-size:12px;margin:0 5px 10px;color:#0450a3;border-radius: 4px;}
.article-nav a:hover{background:#0450a3;color:#fff;text-decoration:none;}
.article-nav a.all{background:#0450a3;color:#fff;text-decoration:none;}
.know-more{background: #fff;border-radius:0;min-height: 180px;padding: 20px;margin-top:30px;margin-bottom:30px;overflow: hidden}
.know-more-title{font-size: 18px;color:#bc0431}
.know-more ul{padding-left:15px;padding-top: 15px}
.know-more ul li{list-style:disc;margin-bottom: 10px;}
.know-more ul li a{display: block;width:100%;margin-left:-15px;text-align:left;color:#555;font-size:14px;text-decoration:none;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;}
.know-more ul li a:hover{font-weight: bold}

/*singel-page*/
.page-main{background: #fff;padding: 0 0 30px 0;}
.page-title h1{font-size: 24px;font-weight: bold;color:#333;border-bottom:1px solid #e7eaf1;padding-bottom: 20px;}
.page-detail h2,.page-detail h3{color: #333;font-size: 18px;font-weight: bold;}
.page-detail p{color: #333;font-size: 16px;line-height: 1.8}
.side-request{padding: 30px 20px;margin-top:65px;background:#ffebcc;color: #222;;border-radius: 5px;}
.side-request a{display: block;margin-top:20px;padding: 10px;text-align:center;border-radius: 5px;background:#ff8000;color: #fff}
.sidenav{background: #fff;padding: 0 20px;border-radius: 5px;margin-top: 20px;border: 1px solid #e7eaf1;}
.sidenav h3{margin-top: 0;font-size: 16px;padding-left: 10px;}
.sidenav ul li{padding: 15px 0;border-bottom: 1px solid #e7eaf1}
.sidenav ul li a{display:inline-block;padding-top:2px;text-align:center;width: 100%;color:#555;font-size:14px;text-decoration:none;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;}
.sidenav ul li a:hover{font-weight: bold}
.sidenav ul li span{display: inline-block;float: right;color:#999;font-size: 12px;}
.side-panel h5{font-size: 18px;font-weight: bold;color: #222;}
.icon-list{min-height:60px;overflow: auto;}
.icon-list li{float: left;margin-right:5px;border: 1px solid #e7eaf1;border-radius: 3px;width: 23%;}

/*产品列表页*/
.brand-guide{background: #fff;border:1px solid #EFF1F3;border-radius:0;padding:20px;overflow: hidden;}
.brand-guide a{display: block;color:#333;margin-bottom: 15px}

.pro-list-basic{background: #fff;padding: 35px 15px;border-radius:0;overflow: hidden}
.pro-list-left-img{float: left;width: 225px;height: 225px;border: 1px solid #EFF1F3;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;}
.pro-list-right-info{float: right;width:620px;height:225px;}
.pro-list-right-info h1{color:#222;font-size: 28px;font-weight: bold;margin-top: 0;}
.pro-list-right-info p{color: #777}
.pro-list-base-info{overflow: hidden;padding: 15px 0;}
.pro-list-base-info li{margin-bottom: 10px;margin-left: -15px;color:#333;font-size: 14px;}
.pro-list-base-info li span{ display:inline-block;margin-right:15px;width:65px;color:#888;text-align: justify;text-align-last: justify;}
.pro-list-base-info li .cont{ line-height: 1.5}
.brand-intro{font-size: 14px;color: #333;border-top:1px solid #EFF1F3;margin-top: 20px;padding-top:20px;line-height: 1.5}


.product-list h2{margin-top: 0;margin-bottom: 20px;font-size: 16px;color:#333}
.product-list .header{background: #888;overflow: hidden;padding: 10px 15px;}
.product-list .header>div{color:#fff;font-weight: bold}
.product-list .product-item{display:block;overflow: hidden;padding: 10px 15px;color: #333}
.product-list .product-item:nth-child(odd){background: #f7f8fa}
.product-list .brand{float: left;width: 10%;overflow: hidden;word-break: break-all;white-space: nowrap;text-overflow: ellipsis;}
.product-list .type{float: left;width: 15%;overflow: hidden;word-break: break-all;white-space: nowrap;text-overflow: ellipsis;}
.product-list .name{float: left;width: 15%;overflow: hidden;word-break: break-all;white-space: nowrap;text-overflow: ellipsis;}
.product-list .nation{float: left;width: 10%;text-align: right}
.product-list .order-no{float: left;width: 15%;overflow: hidden;word-break: break-all;white-space: nowrap;text-overflow: ellipsis;}
.product-list .description{float: left;width: 30%;overflow: hidden;word-break: break-all;white-space: nowrap;text-overflow: ellipsis;}


.products{padding:20px 0;background: #f0f3f7 }
.list-product{overflow: hidden;margin: 15px -15px;}
.list-product-item{display: block;background: #fff;border:1px solid #EFF1F3;padding: 35px 15px;margin-bottom:20px;text-align: center}
.list-product-item img{margin: 0 auto 15px;max-width: 50%;}
.list-product-item:hover{box-shadow:0 8px 15px #e5e8ec;border: 1px solid #e7eaf1 }
.list-product-item h4{font-size: 16px;color:#333;font-weight: bold;text-align: center;width: 100%;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;}
.list-product-item p{margin-bottom: 15px;font-size: 12px;color:#888;text-align: center}
.list-product-item .btn-more{border: 1px solid #0450a3;background:#0450a3;padding: 4px 10px;color:#fff;font-size:12px;border-radius: 4px;}

.list-product-tabs{background: #fff;overflow: hidden;border: 1px solid #fff;margin-bottom:-50px;margin-top:50px;text-align: center;}
.list-product-tabs>li>a{padding: 0;}
.list-product-tabs>li>a span{text-align: center;color:#333;font-size:16px;border-radius: 0;background: transparent;display:inline-block;padding:15px;}
.list-product-tabs>li>a:hover{background:transparent;border:none;}
.list-product-tabs>li>a:hover span{border-bottom: 3px solid #0450a3;}
.list-product-tabs>li.active>a, .list-product-tabs>li.active>a:focus, .list-product-tabs>li.active>a:hover{background:transparent;color:#333;font-weight:bold;cursor: default;border:none;}
.list-product-tabs>li.active>a span, .list-product-tabs>li.active>a:focus span, .list-product-tabs>li.active>a:hover span{background:transparent;color:#333;font-weight:bold;cursor: default;border-bottom: 3px solid #0450a3;}
.page-tab-content{background: none;min-height: 300px;overflow: hidden}

#ppjj{background: #fff;padding: 20px;line-height: 2.0}


/*产品详情页*/
.product-head{border-top:1px solid #EFF1F3;padding:0;}
.product-basic{background: #fff;padding: 35px 0;margin:0 -15px;border-radius:0;overflow: hidden}
.product-left-img{float: left;width: 365px;height: 365px;padding:20px;border: 1px solid #EFF1F3;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;}
.product-right-info{float: right;width:100%;height:415px;}
.product-right-info h1{color:#222;font-size: 42px;font-weight: bold;margin-top: 0;}
.product-right-info p{color: #333;font-size: 16px;line-height: 1.8}
.product-price-info{background: #f7f8fa;padding: 15px;margin-top: 15px;margin-bottom: 15px;overflow: hidden}
.price-content{color:#666;width: 70%;float: left;}
.price-content .current-price{color:#ff6600;font-size: 28px;font-weight: bold;margin-right: 10px;}
.price-content .cost-price{margin-left:15px;color:#777;font-size:14px;text-decoration: line-through}
.volume{width: 19%;float: right;padding-left: 20px;border-left: 1px solid #e7eaf1;}
.volume span{color:#0450a3;font-weight: bold;font-size: 24px;}
.service-right-info a.btn-order{background: #0450a3;color:#fff;text-decoration: none;padding: 8px 15px;border-radius: 3px;}
.product-kh{font-size: 14px;}
.product-kh i{color:#ff6600;margin-right: 15px;}
.product-sales{border-left: 1px solid #EFF1F3;overflow: hidden;padding-left: 20px;margin-top: 10px;}
.product-sales>.fa-user-circle{color:#bc0431;font-size:100px;}
.product-sales img{width: 40%;padding: 10px;border: 1px solid #EFF1F3}
.product-sales h4{color:#bc0431;margin: 10px 0;font-weight: bold}
.product-sales p{color:#666;line-height: 1.8}
.product-sales .hot-tel{color:#fff;font-size:16px;}
.product-sales .hot-tel i{color:#bc0431;margin-right: 10px}
.product-base-info{overflow: hidden;margin: 20px 0;padding: 15px 0;}
.product-base-info li:first-child{font-size: 16px;line-height: 24px}
.product-base-info li{margin-bottom: 10px;padding-bottom:10px;color:#333;border-bottom: 1px solid #EFF1F3;}
.product-base-info li span{ display:inline-block;margin-right:25px;width:125px;color:#888;text-align: justify;margin-left: -15px;}

.product-main{background: #fff;}
.product-detail{background: #fff;color:#333;padding: 20px 0;margin-bottom: 20px;font-size: 16px;line-height: 1.8;border-radius: 5px}
.product-detail img{width: 100%;}
.product-detail hr{margin-top: -40px;margin-bottom:40px;border-top:1px solid #EFF1F3}
.product-detail .zhaiyao{margin-bottom:40px;padding: 20px;border: 1px solid #EFF1F3;background: #F7F8FA;}
.product-detail h2{font-size: 24px;margin: 0 0 20px 0;padding-bottom:20px;border-bottom: 1px solid #e7eaf1;}
.product-detail h2#brand{margin-top: 30px;}
.product-detail-info{overflow: hidden;margin: 20px 0;padding: 15px;}
.product-detail-info li{padding:10px 0;margin:0 -15px;color:#333;font-size: 14px;overflow: hidden}
.product-detail-info li:nth-child(odd){background: #f7f8fa}
.product-detail-info li span{ display:inline-block;margin-left:20px;margin-right:25px;width:135px;color:#888;text-align: justify;}
.product-detail-info li .long-text{ display:inline-block;width:calc(100% - 180px);color:#333;float: right}

/*品牌详情页-2*/
.brand-head{background: #fff;}
.brand-main{background: #f0f3f7;padding:10px 0 0 0;}
.brand-basic{background: #fff;border-radius:0;padding: 40px 0;margin-bottom:20px;overflow: hidden}
.brand-logo{width: 100%;height: 235px;margin:40px 0 60px;display: flex;justify-content: center;align-items: center;text-align:center;background:#fff;border-radius:0;border: 1px solid #EFF1F3;overflow: hidden;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.05)}
.brand-logo img{width: 80%;}
.brand-info{margin: 40px 0 60px;}
.brand-info h1{font-family:"Montserrat",sans-serif;color:#333;font-size: 42px;font-weight: bold;line-height:1.5;margin-top: 0;margin-bottom:20px;width:100%;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;}
.brand-info p{font-family:"Montserrat",sans-serif;color: #333;font-size: 16px;line-height: 1.8}
.brand-info-items{overflow: hidden;margin: 0 0 20px 0;}
.brand-info-items li{margin-left: -15px;color:#333;line-height: 2.0}
.brand-info-items li span{ display:inline-block;margin-right:15px;width:65px;color:#333;text-align: justify;text-align-last: justify;}
.brand-info-items li .cont{float: right;width: calc(100% - 85px);overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis}
.brand-remarks{margin-top:20px;font-family:"Montserrat",sans-serif;color: #333;font-size: 16px;}
.brand-remarks i{color:#bc0431;margin-right: 5px;}

.product-line{overflow: hidden;}
.product-line h2{color:#333;font-weight: bold;font-size: 24px;}
.product-line ul{margin: 20px -15px;}
.product-line ul li{list-style: none;padding: 0 15px;}
.product-line ul li .line-item{padding: 20px 0;border-bottom: 1px solid #EFF1F3;overflow: hidden}
.product-line ul li .line-pic{width:80px;height:80px;padding:10px;float:left;display: flex;justify-content: center;align-items: center;text-align:center;background:#fff;border-radius:0;border: 1px solid #EFF1F3;overflow: hidden;}
.product-line ul li .line-text{width: calc(100% - 80px);float: right;padding-left:20px;}
.product-line ul li .line-text a{color: #333;font-weight: bold;font-size: 16px;text-decoration: none;}
.product-line ul li .line-text .line-desc{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-top: 10px}

.brand-sales{border-left: 1px solid #EFF1F3;overflow: hidden;padding-left: 20px;margin-top: 10px;}
.brand-sales>.fa-user-circle{color:#f0f3f7;font-size:100px;float: left}
.brand-sales img{width: 40%;padding: 10px;border: 1px solid #EFF1F3}
.brand-sales h4{color:#333;margin: 10px 0;font-weight: bold}
.brand-sales p{color:#333;text-align: left;line-height: 1.8}
.brand-sales .hot-tel{color:#333;font-size:16px;float: left;margin-left: 20px;}
.brand-sales .hot-tel i{color:#bc0431;margin-right: 10px}

.brand-detail{padding: 20px 0;border-top:1px solid #e7eaf1;font-size: 16px;line-height: 1.8;font-family: "Montserrat",sans-serif;color:#333}
.brand-detail p{font-size: 16px;line-height: 1.8;font-family: "Montserrat",sans-serif;color:#333}
.related-title{font-size: 24px;font-weight: bold;color: #222;margin-top: 30px;}

/*contact*/
#FirstName{width:48%; float: left}
#LastName{width:48%; float: right}
#Phone{width:48%; float: left}
#Email{width:48%; float: right}
#City{width:48%; float: left}
#ZipCode{width:48%; float: right}

/*footer*/

.footer{background:#0c6497;padding: 50px 0;}
.foot-company{width: 400px;float: left;padding-left: 15px;}
.foot-company img{width: 300px;margin: 10px 0 20px}
.foot-nav{width: 550px;float: left;}
.foot-contact{width: 300px;float: left}
.footer h3{color: #fff;font-weight: bold;font-size: 21px;margin:10px 0;}
.footer h3:after{content: "";clear: both;width: 30px;display: block;border-bottom: 2px solid #fff;margin: 15px 0 30px;}
.footer ul li{margin-left: -15px;padding: 3px 0;}
.footer ul li a{color:#fff;}
.footer h5{color:#fff;font-weight: bold;margin-bottom: 10px}
.footer p{color: #fff;line-height: 1.8}
.hot-line{color:#fff;font-weight: bold;font-size: 28px;margin-bottom: 20px}
.bottom{background: #000;padding:15px 0;display: flex;align-items: center}
.bottom img{width: 200px;float: left;margin-left: 15px;}
#CopyRight{float:left;margin-top:15px;margin-left:20px;color: #fff;text-align: left;font-size: 16px;font-weight: bold}
#foot-nav{float: right;margin-top: 15px;}
#foot-nav li{float: left;margin-left: 20px}
#foot-nav li a{color: #fff;font-weight: bold;}

/*css3波纹*/
.banner-wave{position: relative;height: 450px;padding-bottom: 50px}
.slogan{position: absolute;width: 800px;top:50px;left:calc(50% - 400px);margin: 30px auto;z-index: 200;}
.slogan h1{font-weight: bold;color: #fff;font-size: 60px;text-align: center}
.slogan h3{font-weight: bold;color: #fff;font-size: 40px;text-align: center}
@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
   /* background-image: linear-gradient(to top, #0888f5 20%, #0450a3 80%);*/
    background: #1a8cff;
}
.bgTop {
    z-index: 15;
    opacity: 0.5;
}
.bgMiddle {
    z-index: 10;
    opacity: 0.75;
}
.bgBottom {
    z-index: 5;
    opacity: 0.35;
}
.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}
.waveTop {
    background-size: 50% 100px;
}
.waveAnimation .waveTop {
    animation: move-wave 3s;
    -webkit-animation: move-wave 3s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.waveMiddle {
    background-size: 50% 120px;
}
.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}
.waveBottom {
    background-size: 50% 100px;
}
.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;

}