﻿@font-face
{
    font-family: myFirstFont;
    src: url(../fonts/FUTURAMDBTBOLD.ttf);
}
*{ margin:0 auto; padding:0; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
a{ text-decoration: none; -webkit-transition: all ease .1s;  -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #333 !important;}
body{ font-family: "microsoft yahei"; color:#333; font-size:14px !important;  }
a:hover{ color:#2358a7 !important}
ul,li{ list-style:none; margin: 0 auto!important;}
.clear{ clear:both;}
.blue{ color: #2358a7 !important;}
.red{ color:red;}
.fontw{ font-weight: bold;}
.fontwn{ font-weight: normal;}
.textT{text-transform: uppercase;}
.fl{ float: left;}
.fr{ float: right;}
.dis{ display: none !important;}
.tleft{ text-align: left;}
.fs-lg-1{ font-size: 1.6rem;}
.padding30{ padding: 30px;}
.pt20{ padding: 20px 0;}
.ptB50{ padding-bottom: 50px;}
.bgFF{ background: #FFFFFF; }
.bgFFF{ background: #FFFFFF; border-radius: 5px; padding: 20px; border: 1px solid #EEEEEE;}
.bgFFFNobor{ background: #FFFFFF;  padding: 20px; }
.mt-1{ margin-top: 10px;}
.mt-2{ margin-top: 20px;}
.mt-3{ margin-top: 30px;}
.h1, .h2, .h3, .h4, h1, h2, h3, h4{ margin: 0;}
.btn-success {
    color: #fff;
    background-color: #2b3445;
    border-color: #2b3445;
}
.nav-pills>li>a {
    border-radius: 4px;
    padding: 13px 26px !important;
    margin: 10px;
    box-shadow: 0 1px 4px rgb(0 0 0 / 30%), 0 0 20px rgb(0 0 0 / 10%) inset;
}

.borido{ border-radius: 5px;}
#warp{ width: 100%;}
.lin-h{ line-height:24px;}
.mtb10{ margin-bottom:10px;}
.mtt10{ margin-top: 10px;}
.mtt20{ margin-top: 20px;}
.textGray{ color:#999;}
.navbg .dropdown{  display: none;} 
.navbg .dropdown img{ padding-right: 10px; width: auto; height: auto;} 


.imgPc{ display: block !important;}
.imgMo{ display: none !important;}
.window-container{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background-image:url(../images/window.png);background-repeat:repeat;display:none}
.window-container .window-main{position:absolute;z-index:10;top:50%;left:50%;margin-top:-100px;margin-left:-220px;padding:40px 29px;line-height:40px;width:396px;height:45px;border-radius:10px;color:#e9672d;background-color:#fff;font-size:20px;border:7px solid #2a3e6c}
.window-container .window-main img{float:left}


#home .home{ background: #f7f7f7;  border-radius:3px 3px 0 0; color: #333 !important; }
#brand .brand{ background: #f7f7f7;  border-radius:3px 3px 0 0; color: #333 !important; }
#order .order{ background: #f7f7f7;  border-radius:3px 3px 0 0; color: #333 !important; }
#news .news{ background: #f7f7f7;  border-radius:3px 3px 0 0; color: #333 !important; }
#about .about{ background: #f7f7f7;  border-radius:3px 3px 0 0; color: #333 !important; }
#contact .contact{ background: #f7f7f7;  border-radius:3px 3px 0 0; color: #333 !important; }
#honor .honor{ background: #f7f7f7;  border-radius:3px 3px 0 0; color: #333 !important; }
#quality .quality{ background: #f7f7f7;  border-radius:3px 3px 0 0; color: #333 !important; }
#pcb .pcb{ background: #f7f7f7;  border-radius:3px 3px 0 0; color: #333 !important; }
#help .help{ background: #f7f7f7;  border-radius:3px 3px 0 0; color: #333 !important; }

.HeaderWarp{ width:100%; height:auto;  }
.HeaderWarp.current{ position:fixed; left:0; top:0; z-index:999;}
.HeaderWarp.current .navbg .col-lg-3 .Nul1{ display:none !important;}
.HeaderWarp.current .navbg .col-lg-3:hover .Nul1{ display:block !important;}
.Topbg{ width: 100%; height: 44px; line-height: 44px; background: #f5f5f5;}
.Topbg span{ float: right; margin-left: 25px;}
.Topbg span i{ padding-right: 5px;}

header{ background: #FFFFFF; padding: 20px 0;}
header .logo{ float: left; overflow: hidden; padding: 0 !important;}
header .logo img{ width: auto; height: auto;}
header .logo h1{ display: none;}
header .col-md-7{ width: 63%;}
header .col-md-2{ float: right; width: 10%; padding: 8px 0 0 0;}
.Tlang{ width: 100%; height: 52px; line-height: 52px; border: 1px solid #EEEEEE; border-radius: 30px; float: right; position:relative; text-align:center; z-index:999;}
.Tlang i{ padding-left:10px;}
.Tlang ul{ position:absolute; left:0; top:50px; width:100%; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); background:#fff; z-index:999; display:none; height:460px; overflow-y:auto;}
.Tlang ul li{ line-height:40px; height:40px; border-bottom:1px solid #eee;}
.Tlang ul li a{ display:block;}
.Tlang ul li a:hover{ background:#2358a7; color:#fff !important;}
.Tlang:hover ul{ display:block;}
#translate{ display:none;}
 /*滚动条样式*/
.Tlang ul::-webkit-scrollbar {/*滚动条整体样式*/

            width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
            height: 4px;
        }
.Tlang ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(181,181,181,1);
            background: rgba(181,181,181,1);
        }
.Tlang ul::-webkit-scrollbar-track {/*滚动条里面轨道*/
            -webkit-box-shadow: inset 0 0 5px rgba(238,238,238,1);
            border-radius: 0;
            background: rgba(238,238,238,1);
        }

.search .form-control{ border: 3px solid #2358a7; border-radius: 5px!important; margin-top: 8px;}
.search {
    position: relative; 
 
}

.search .Tbom{ width: 26px; height: 26px; position: absolute; right: 85px; top: 13px; z-index: 666;}
.search input {
    height: 52px;
    text-indent: 5px; 
    
}

.search input:focus {
    box-shadow: none;

}
.search .fa-search {
    position: absolute;
    top: 0;
    right: 0
}

.search button {
    position: absolute;
    top: 0;
    right: 0; border-radius: 0 3px 3px 0 !important;
    height:52px;  font-size: 20px;
    width:70px; border: none;
    background: #2358a7;
}
.search button:hover{background: #004c9a}

.navbg{ width: 100%; height: auto; background: #FFFFFF; height: 49px; line-height: 49px; border-bottom: 3px solid #2358a7; }
.navbg .navbar{ margin-bottom: 0; border: none; background: none; font-size: 14px;}
.navbg .col-lg-3{  cursor: pointer;  position: relative; height: 49px; line-height: 49px; background:#2358a7; border-radius: 3px 3px 0 0;  width: 21%; }
.navbg .col-lg-3 i{ line-height: 41px; padding: 0 17px 0 12px; }

.navbg .col-lg-3 a.navTa{ color: #FFFFFF !important; font-size: 14px;}
.navbg .col-lg-3:hover .Nul1{ display: block;}
.navbg .col-lg-3 .Nul1{  display: none; background: #FFFFFF;  width: 100%; height: auto; border-radius: 0 0 4px 4px;  box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);  box-sizing: border-box; padding:10px 0; position: absolute; left: 0; top:49px; z-index: 999;}
.navbg .col-lg-3 .Nul1 li{ width: 100%; height: 30px; line-height: 30px; position: relative; font-size: 14px;}
.navbg .col-lg-3 .Nul1 li i{ color: #000; line-height: 30px; float: right;}
.navbg .col-lg-3 .Nul1 li a{display: block;padding: 0 15px;padding-left: 20px;height: 30px;color: #000 !important;overflow:hidden;}
.navbg .col-lg-3 .Nul1 li a:hover{ background: #f6f8fc;}
.navbg .col-lg-3 .Nul1 li:hover ul{ display:block;}
.navbg .col-lg-3 .Nul1 li ul{ position:absolute; top:0; left:180px; z-index: 666; display:none; width:990px; height:auto; background:#fff; padding:10px; border:2px solid #2358a7;}
.navbg .col-lg-3 .Nul1 li ul li{float:left; width:33.3%;  line-height: 34px; height:34px; overflow:hidden; box-sizing: border-box; font-size:13px;}
.navbg .col-lg-3 .Nul1 li ul  a{display:block;padding: 0 10px;padding-left: 20px;}
.navbg .col-lg-3 .Nul1 li ul li a:hover{ color: #FFFFFF !important; background: #2358a7;}
.navbg .col-lg-3 .Nul1 li ul li a:hover i{ color: #FFFFFF;}
.navbg .col-lg-3 .Nul1 li:nth-child(1) a{/* font-weight:bold; */}
.navbg .col-lg-3 .Nul1 li:nth-child(2) a{/* font-weight:bold; */}
.navbg .col-lg-3 .Nul1 li:nth-child(3) a{/* font-weight: bold; */}
.navbg .col-lg-3 .Nul1 li a:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    width: 5px;
    height: 5px;
    background: #636363;
    margin-top: -3px;
}


.navbg .col-lg-3 h4{ height: 34px; line-height: 34px;  font-size: 14px;  margin-left: 15px;  font-weight: bold;}
.navbg .col-lg-3 h4 a{ display: block; color: #000 !important;}
.inNewsAd{ padding-top:20px;}
.inNewsAd a{ display:block; width:49%; margin:0 0.5%; height:auto; float:left;}
.inNewsAd img{ width:100%; height:auto;}

.navbg .col-lg-9{ width: 78%; }
.navbar-collapse{ padding: 0;}
.container-fluid{ padding: 0;}
.navbar-nav>li>a{ padding: 13px 25px; margin-left: 0; font-size: 15px !important; font-weight: bold;}
.logom{ display: none;}
.msearch{ display: none;}
.carousel-indicators{ bottom: 0 !important;}

.banner .col-lg-3{ padding: 0; width: 22%;}
.banner .col-lg-6{ padding: 0; margin-top: 10px; width: 54%;}
.banner .col-lg-6 img{ width: 100%; height: auto;}

.banner .col-lg-4{  float: right; width: 23%;  padding:10px 0 10px 0;}
.banner .col-lg-4 .col-lg-12{ background: #FFFFFF; border: 1px solid #DDDDDD; padding: 15px;}
.banner .col-lg-4 .col-lg-12 h2{ line-height: 32px; font-size: 14px; font-weight: bold; margin-bottom: 7px;}
.banner .col-lg-4 .col-lg-12 div a{ display: block; width: 49%; height: 34px; line-height: 34px; float: left; text-align: center;}
.banner .col-lg-4 .col-lg-12 div a:first-child{ border: 1px solid #12367f; border-radius: 3px; color: #12367f !important;}
.banner .col-lg-4 .col-lg-12 div a:last-child{ background: #12367F; color: #FFFFFF !important;  border-radius: 3px; margin-left: 2%;}
.banner .col-lg-4 .col-lg-12 p{ line-height: 16px; font-size: 12px; padding-top: 13px; clear: both;}

.banner .col-lg-4 .col-news{background: #FFFFFF; border: 1px solid #DDDDDD; padding: 10px 20px; float: left; width: 100%;}
.banner .col-lg-4 .col-news h2{ line-height: 26px; color: #000000; font-size: 14px; font-weight: bold;  margin-bottom: 10px;}
.banner .col-lg-4 .col-news h2 a{ color: #999 !important; font-weight: normal;}
.banner .col-lg-4 ul li{line-height: 31px;height: 31px;overflow: hidden;border-bottom: 1px dotted #ccc;}
.banner .col-lg-4 ul li a{ color: #333 !important;}
.banner .col-lg-4 ul li a em{ font-style: normal; font-weight: bold; padding-right: 10px;}
.banner .col-lg-4 ul li:nth-child(1) a{ font-weight:bold; color:#f00  !important;}
.banner .col-lg-4 ul li:nth-child(2) a{ font-weight:bold; color:#e77013  !important;}
.banner .col-lg-4 ul li:nth-child(3) a{ color:#e71338  !important;}
.banner .col-lg-4 ul li:nth-child(4) a{ color:#2755b4  !important;}

.banner .col-lg-4 .col-menu{background: #FFFFFF; border: 1px solid #DDDDDD; border-top: none; float: left; width: 100%;}
.banner .col-lg-4 .col-menu dl{ float: left; width: 33.3%; height: auto; padding: 15px 0; margin-bottom: 0;  border-right: 1px solid #DDDDDD; text-align: center; font-size: 14px; font-weight: bold;}
.banner .col-lg-4 .col-menu dl dt img{ display: block !important;}
.banner .col-lg-4 .col-menu dl:last-child{ border-right: none;}
.banner .col-lg-4 .col-menu dl dd{ line-height: 25px;}




.index-about dl{ float: left; width: 33.3%; display: flex; padding: 20px; margin: 0; }
.index-about dl dt img{ padding-top: 15px;}
.index-about dl dd{border-right: 1px solid #eee; padding-left: 15px; padding-right: 30px;}
.index-about dl dd h4{ font-size: 14px; margin: 0; font-weight: normal; height: 26px; line-height: 26px; overflow: hidden;}
.index-about dl dd p{ margin: 0; font-size: 12px; color: #999; margin-top: 5px;}
.index-about dl:last-child dd{ border-right: none !important;}
.index-about.container{ padding: 5px; width: 1280px;}

.index-h2{ height: 30px; line-height: 30px; font-weight: bold; font-size: 22px; overflow: hidden; margin: 34px auto 23px auto;}
.index-h2 b{color: #333 !important; font-family: myFirstFont; font-weight: normal;}
.index-h2 a{ float: right; color: #666 !important; font-weight: normal; font-size: 14px; }

.inredPro{ padding: 0 !important;}
.inredPro a{ float: left; display: block; width: 15.66%; background: #FFFFFF; height: auto; padding: 10px; overflow: hidden; border: 1px solid #eee; border-radius: 5px; margin:0.5%; text-align: center; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); }
.inredPro a img{ width: 120px; height: 120px; }
.inredPro a em{font-style: normal;font-weight: bold;margin: 0;font-size: 14px;line-height: 30px;height: 30px;overflow: hidden;color: #2358a7;}
.inredPro a p{ margin: 0; font-size: 14px; line-height: 21px; height: 21px; overflow: hidden; color: #999;}
.inredPro a:nth-child(1) em{ color:#F44336}
.inredPro a:nth-child(2) em{ color:#d15719}
.inredPro a:nth-child(5) em{ color:#e79500}
.inredPro a:nth-child(7) em{ color:#f4233d}
.inredPro a:nth-child(9) em{ color:#bc6d77}
.inredPro a:nth-child(11) em{ color:#1ea3db}


.inhotseaBox{  }
.inhotseaBox .nav-tabs{  background: #FFFFFF;} 
.inhotseaBox .nav-tabs>li{ float: none;}
.inhotseaBox .nav>li{ display: inline-block;}
.inhotseaBox .nav>li.active a{ border: none; border-bottom: 3px solid #2358a7; font-weight: bold;}

.inhotseaBox .tab-pane{ padding: 25px; background: #FFFFFF;}
.inhotseaBox .tab-pane a{ display: block; float: left; width: 20%; height: 32px; line-height: 32px; overflow: hidden;}

.home_indexes{padding: 14px !important;justify-content: space-around; background: #FFFFFF; border-top: 1px solid #eee; width: 1280px;}
.mg-r-s {
    margin-right: 10px;
}
.home_indexes a {
    width: 29px;
    display:inline-block;
    height: 30px;
    text-align:center;
    line-height: 30px;
    color: #253454;
}
.home_indexes a:hover{background: #2358a7; border-radius:50%; color:#fff !important;}

.inAd{ width: 1280px; height: auto; overflow: hidden; margin-top: 20px;}
.inAd img{ width: 100%; height: auto;}

.indexHotpro{ margin-top: 20px;}
.indexHotpro .col-lg-2{ padding:  0;}
.indexHotpro .col-lg-2 img{ width: 100%; height: auto;}




.indexHotpro .col-lg-10{ padding: 10px 15px;}
.indexHotpro dl{ float: left; width: 18%; background: #FFFFFF; height: auto; overflow: hidden; border: 1px solid #eee; border-radius: 5px; margin:1%; text-align: center; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); }
.indexHotpro dl dt{ padding: 9px 0;}
.indexHotpro dl img{ width: 120px; height: 120px; }
.indexHotpro dl dd{ padding: 10px; overflow: hidden;}
.indexHotpro dl dd em{font-style: normal; font-weight: bold; margin: 0; font-size: 14px; line-height: 30px; height: 30px; overflow: hidden; }
.indexHotpro dl dd p{ margin: 0; font-size: 14px; line-height: 21px; height: 21px; overflow: hidden; color: #999;}

.index-brand ul{ width: 100%; padding: 15px;}
.index-brand li{ float: left; position: relative; width: 15.66%; margin:0.5% !important; padding: 15px; height: auto; border: 1px solid #EEEEEE; background: #FFFFFF; text-align: center; border-radius: 5px;}
.index-brand li img{ width: 100%; height: auto; }
.index-brand li:hover{box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); }

.index-brandMore{ width: 100%; height: auto; margin-top: 20px; overflow: hidden; margin-top: -15px; text-align: center; padding: 30px 0;}
.index-brandMore a{ width: auto; text-transform: uppercase; padding: 0 50px; height: 42px; line-height: 42px; margin: 0 15px; display: inline-block; font-weight: bold;}
.index-brandMore a:first-child{ background: #2358a7; color: #FFFFFF !important;  border-radius: 3px; }


.inNewsBox{}
.inNewsBox dl{ float: left; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); width: 24%; padding: 15px; height: auto; margin:0 0.5%}
.inNewsBox dl dt{ width: 100%; height: auto;}
.inNewsBox dl dt img{ width: 100%; height: auto; border-radius: 3px;}
.inNewsBox dl dd{ width: 100%; height: auto; margin-top: 20px;}
.inNewsBox dl dd p{ line-height: 20px; height: 40px; overflow: hidden;}
.inNewsBox dl dd em{ display: block; width: 100%; height: 48px; padding-top: 20px; margin-top: 20px; line-height: 18px; overflow: hidden; font-style: normal; border-top: 2px solid #e6e6e6;}
.inNewsBox dl dd em img{ margin-right: 10px;}
.inNewsBox dl dd em i{ padding-right: 10px;}


.innum{  }
.section-body{ padding: 20px 0; width: 100% !important;}
.section-body li{ float: left; width: 25%; border-right: 1px solid #EEEEEE;}
.section-body li dl{display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1rem; margin-bottom: 0;}
.section-body li dl dt{display: flex;
    justify-content: center;
    align-self: flex-start; font-size: 4em;
}
.section-body li dl dt i{display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;}

.section-body li dl dd h6{ line-height: 32px; margin: 0; font-size: 24px; font-weight: bold;}
.section-body li dl dd p{ opacity: .8;}
.section-body li:last-child{ border-right: none;}

footer{ background: #2358a7; background-size:cover;}
.footer{ padding: 35px 0; color: #FFFFFF !important;}
.footer h4{ height: 44px; line-height: 44px; background: url(../images/fh3bg.jpg) no-repeat left bottom; font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.footer .col-lg-6{ padding-right:5%;}
.footer .col-lg-6 dl{ width: 100%; height: auto; margin-bottom: 5px; float: left;} 
.footer .col-lg-6 dl dt{ float: left; width:2%; padding-top: 5px;}
.footer .col-lg-6 dl dd{ float: right; width:93%; line-height: 24px;}

.footer .col-lg-4 dl{ float: left; width: 50%;}
.footer .col-lg-4 dt{ height: 44px; line-height: 44px; background: url(../images/fh3bg.jpg) no-repeat left bottom; font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.footer .col-lg-4 dd a{ line-height: 32px; display: block; color: #FFFFFF !important; float: left; width: 50%;}

.footer .col-lg-2 a{ display: block; float: left; color: #011e58 !important; width: 24px; height: 24px; line-height: 24px; text-align: center; background: #FFFFFF; border-radius: 50%; margin-right: 12px;}
.footer .col-lg-2 img{ width: 98px; height: 98px; margin-top:25px;}

.footercopy{ width: 100%; height: 57px; line-height: 17px; color: #FFFFFF !important; padding: 20px 0; border-top: 1px solid #5981b2; }



.client-2 {
            position: fixed;
            right: -152px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px !important;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 80px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 14px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 3px;
            margin-top: 10px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #1ea3db;
            color: #fff;
            height: 62px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #1ea3db;
            width: 97px;
            height: 62px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }

.fposi{ display: none;}

.msearch{ display:none;}

.container.wz{ padding: 0;}
.breadcrumb{ background: none;}
.about-infomation{ padding-bottom: 0;}
.about-infomation .col-lg-5 img{ width: 100%; height: auto;}
.about-infomation .col-lg-6{ padding-left: 0;}
.about-infomation .col-lg-6 h2{ font-size: 32px; background: url(../images/abtit.png) no-repeat left bottom; height: 86px; line-height: 86px; font-weight: bold;}
.about-infomation .col-lg-6 p{ margin-top: 20px; line-height: 24px;}

.aboutBg{ width: 100%; height: auto; background: #FFFFFF; padding: 60px 0;}
.about-tit{ width: 100%; text-align: center; margin-bottom: 40px;  font-size: 36px; background: url(../images/abtit.png) no-repeat center bottom; height: 86px; line-height: 86px; font-weight: bold;}

.abculture dl{ float: left; background: #FFFFFF; width: 23%; margin: 1%; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); text-align: center; padding: 45px 30px; cursor: pointer; transition: all ease .1s;}
.abculture dl dd{ padding-top: 20px;}
.abculture dl dd h4{ font-size: 24px; font-weight: bold; text-transform: uppercase; line-height: 48px;}
.abculture dl dd p{ line-height: 28px;}
.abculture dl dd div{ width: 45px; height: 8px; background: #2358a7; margin-top: 22px;}
.abculture dl:hover dt img{ filter: brightness(100);}
.abculture dl:hover{ color: #FFFFFF !important; background: #2358a7;}
.abculture dl:hover dd div{background: #FFFFFF;}

.about-con{ width: 100%; height: auto; background: url(../images/about-conbg.png) no-repeat center; background-size:cover; padding: 65px 0;}
.about-con .col-lg-6{ font-size: 30px; line-height: 36px; color: #FFFFFF;} 
.about-con a{ display: block; width: 100%; height: 48px; line-height: 48px; border-radius: 30px; margin-top: 10px; background: #1ea3db; font-size: 16px; font-weight: bold; color: #FFFFFF !important; text-align: center;}
.about-con a:hover{ background: #2358a7;}


.goodsnewsnav{ position: relative; } 
.goodsnewsnav.container{ padding: 0;}
.goodsnewsnavLeft{ position: sticky;
    top: 0;}
.goodsnewsnavLeft h4{ background: #e5e7eb; height: 55px; line-height: 55px; border-radius: 5px 5px 0 0; padding: 0 20px; font-weight: bold; font-size: 18px;}
.goodsnewsnavLeft ul{ background: #FFFFFF; padding:10px 0; border: 1px solid #EEEEEE;}
.goodsnewsnavLeft ul li{ height: 38px; line-height: 38px; overflow: hidden;}
.goodsnewsnavLeft ul li a{ display: block; padding: 0 15px;}
.goodsnewsnavLeft ul li a:hover{ background: #f7f7f7;}

.goodsnewsnavRight.col-lg-9{ position: relative;}
.goodsnewsnavRight dl{ width: 100%; height: auto; margin-bottom: 20px;}
.goodsnewsnavRight dl dt{ width: 100%; height: 55px; line-height: 55px; border-radius: 5px 5px 0 0; padding: 0 20px;  background: #e5e7eb; position: sticky;
    top: 0;}
.goodsnewsnavRight dl dt h3{font-weight: bold; font-size: 18px; line-height: 55px;}
.goodsnewsnavRight dl dt h3 i{ color: #999 !important; font-size: 14px; font-weight: normal; padding-left: 10px;}
.goodsnewsnavRight dl dd{ background: #FFFFFF; border: 1px solid #EEEEEE; padding: 10px; border: 0 0 5px 5px;}
.goodsnewsnavRight dl dd li{ float: left; height: 38px; line-height: 38px; width: 33.3%; overflow: hidden;}
.goodsnewsnavRight dl dd li i{ color: #999 !important; font-size: 14px; font-weight: normal; padding-left: 10px;}

.aboutinfo { padding: 25px 0;}
  .aboutinfo img{ max-width: 100%; height: auto;}      
        
.conMap{ width: 100%; height: 300px;}
.form-box{ padding: 25px 0;}
.goodsnav{ padding: 25px 0; position:relative;}
.goodsnav a.active{ color: #FFFFFF !important; width: 100%; margin-top: 15px; background-color: #666; border-color: #666; position:sticky; top:0;}
.goodsnav a.active:hover{ background:#2358a7; border-color:#2358a7;}
.goodsnav a span{ padding-left: 15px;}
.goodsnav a img{ width: 32px; height: 32px; margin-right: 10px; filter: grayscale(100%) brightness(200%);}
.goodsnav a { border-radius: 0;}
.nav-pills{ text-align: center;}
.nav-pills>li{ display: inline-block; float: none;}
.cartpath{ margin-bottom: 10px;}
.cartpath  a.active{ color: #FFFFFF !important;}
.cartpath .col-lg-3{ padding: 10px 0;}
.cartpath .col-lg-9{ padding: 10px 0;}


.list-group-horizontal .list-group-item {
		display: inline-block;
	}
	.list-group-horizontal .list-group-item {
		margin-bottom: 0;
		margin-left:-1px;
		margin-right: 0;
	}
	.list-group-horizontal .list-group-item:first-child {
		border-top-right-radius:0;
		border-bottom-left-radius:4px;
	}
	.list-group-horizontal .list-group-item:last-child {
		border-top-right-radius:4px;
		border-bottom-left-radius:0;
	}
.goodsListBox{overflow:hidden;width:98%;padding:14px 2px;height:auto;background:#e8eef3;margin-bottom:20px}
.specList{overflow:hidden;width:100%;margin-bottom:10px;overflow-x:auto}
.tableSort{width:100%}
.tableSort th{text-align:center;padding:0 5px}
.tableSort th.select-item{padding:5px}
.tableSort th.select-item input{margin-right:5px}
.tableSort th div{height:132px;background:#fff;padding:10px;overflow-y:auto;white-space:nowrap;display:block;text-align:left;font-size:12px;line-height:20px;font-weight:400}
.key-wrap{padding:5px 13px}
.key-wrap .key-item{margin:0 10px 10px 0;display:inline-block;zoom:1;padding:0 6px;height:22px;border:1px solid #dedede;font-size:12px;line-height:22px;background:#fff;cursor:pointer}
.key-wrap .key-item:hover{background:#4667b4;color:#fff}
.key-wrap .key-item .close-icon{vertical-align:-3px;margin-left:7px;display:inline-block;zoom:1;width:15px;height:15px;cursor:pointer;background-image:url(../images/del.png)}
.criteria-result-wrap{padding:0 15px}
.clear-btn{vertical-align:top;display:inline-block;zoom:1;width:98px;height:34px;background-color:#5e7e9a;font-size:14px;line-height:34px;text-align:center;color:#fff;border-radius:5px;cursor:pointer}
.sure-btn{margin-left:10px;vertical-align:top;display:inline-block;zoom:1;width:98px;height:34px;background-color:#2358a7;font-size:14px;line-height:34px;text-align:center;color:#fff;border-radius:5px;cursor:pointer}
.statistics-info{margin-left:17px;vertical-align:top;display:inline-block;zoom:1;height:34px;font-size:14px;line-height:34px;color:#666}



.parts-list .jss187{position:relative;width:98%}
.brandlist{width:1280px}
.parts-list{}
.parts-list thead{ position:sticky; top:0; z-index:888;}
.parts-list h3{ font-size:14px;}
.parts-list table{border:1px solid #ccc;border-collapse:collapse;border-spacing:0;width:100%;display:table;background:#fff}
.parts-list th{border:1px solid #ccc;background-color:#2358a7;color:#fff;font-size:13px;padding:8px 5px;text-align:center}
.parts-list th:nth-child(2){width:230px}
.parts-list th:nth-child(5){width:130px}
.parts-list table tr:nth-child(2n){background:#eaeaea}
.parts-list table tr:hover{background:#fff9ee}
.parts-list td{border:1px solid #ccc;color:#042437;font-size:13px;padding:4px 5px;text-align:center;vertical-align:middle}
.parts-list table tr td:nth-child(1){background:#fff}
.parts-list table tr td:nth-child(2){background:#fff}
.parts-list table tr td.price{color:#444}
.parts-list td.price p span{color:#00b1eb}
.parts-list td.parts{min-width:230px}
.parts-list td.parts a{ color:#2358a7 !important;font-weight:700}
.parts-list td.parts p{ margin:0 !important; color:#666;font-size:12px}
.parts-list td.parts a:hover{text-decoration:underline}
.parts-list td.parts p a{color:#555}
.parts-list td a.parts:hover{color:#00b1eb;font-weight:700}
.parts-list td img{max-width:60px; height:auto;}
.parts-list td.pdf{text-align:center}
.parts-list td.i{border-left:medium none}
.parts-list td.p{padding-left:15px;text-align:left}
.parts-list td.p a{font-weight:700;color:#004480;font-size:12px}
.parts-list td.p a{font-weight:700;color:#004480;font-size:12px}
.parts-list td a.p{position:relative}
.parts-list td .pic{position:absolute;left:0;bottom:20px}
.parts-list td .pic img{width:60%}
.parts-list td a.mfg{color:#004480;font-size:12px}
.parts-list td h4{padding-bottom:3px;display:inline-block;margin-top:3px; width:100%; text-align:center; margin-bottom:0;}
.parts-list td a.view{background:#2358a7;border-radius:5px; color:#fff !important;font-size:14px; font-weight:normal; height:32px; line-height:32px; cursor:pointer; display:block; text-decoration:none}
.parts-list td a.view:hover{background: #2b3445;color:#fff}
.parts-list .SelectNum{overflow:hidden;min-width:120px;clear:both;margin-bottom:5px; text-align: center;}
.parts-list a.add,a.remove{display:inline-block;font-size:22px;width:20px;height:23px;line-height:15px;padding:3px;text-align:center;cursor:pointer;border:1px solid #6c757d;background:#f2f2f2;border-radius:3px}
.parts-list a.add:hover,a.remove:hover{background:#999;color:#fff}
.parts-list input{width:41px;font-size:15px;text-align:center;height:24px;line-height:24px;border:1px solid #ced4da;border-radius:3px}

.cart-info{z-index:999;padding:30px 15px;border:1px solid #eee;position:fixed;top:50%;left:50%; height:auto; width:300px; margin-top:-150px; margin-left:-150px; height:auto;background:#f7f7f7;text-align:center; border-radius:5px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);}
.cart-info .btn-success{height:32px;line-height:32px}
.cart-info .close{display:block;margin:0;padding:0;position:absolute;top:5px;right:5px;width:15px;height:10px;text-indent:-9999px;background:url(../images/sprite.gif) no-repeat left -240px;cursor:pointer}
.cart-info a.btn-success {background: #2b3445; color:#fff !important; line-height:18px; display:inline-block; float:none !important; width:50% !important;}
.cart-info strong{ font-size:16px !important; text-transform:capitalize; color:#2358a7 !important; line-height:26px !important;}
.cart-info b{ color:red; padding:0 5px; font-size:15px;}
.cart-info p{ font-size:14px !important; font-weight:normal !important;}

#goodcover{display:none;position:absolute;top:0;left:0;width:100%;height:300%;background-color:#000;z-index:888;-moz-opacity:.8;opacity:.5}
#goodsWin{width:450px;height:auto;overflow:hidden;border-radius:5px;background-color:#fff;padding:10px;position:absolute;display:none;margin-top:0;top:0;left:45%;z-index:1002}
#closebt{float:right}
#closebt img{width:20px}
.goodtxt{padding-bottom:10px}
.goodtxtTit{width:100%;line-height:42px;padding:10px 0;font-size:28px;font-weight:700;color:#000;text-align:center}
.goodtxtinfo{width:90%;box-sizing:border-box;padding-right:20px;line-height:26px;overflow:hidden;height:auto}
.goodsListBox{overflow:hidden;width:98%;padding:14px 2px;height:auto;background:#e8eef3;margin-bottom:20px}
.productshow_quotebox{width:100%;height:auto;padding:23px 15px;overflow:hidden;box-sizing:border-box}
.productshow_quotebox dl{width:338px;height:34px;overflow:hidden;margin-bottom:8px}
.productshow_quotebox dl dt{float:left;width:122px;height:34px;line-height:34px;overflow:hidden;font-weight:700;color:#333}
.productshow_quotebox dl dd{float:left;width:216px;height:34px;overflow:hidden}
.productshow_quotebox dl dd input{border:1px solid #dedede;border-radius:3px;width:194px;height:32px;padding:0 10px}
.productshow_quotebox dl dd select{width:100%;height:34px;box-sizing:border-box;padding:0 7px;border:1px solid #dedede;border-radius:3px}
.productshow_quotebox dl dd textarea{border:1px solid #dedede;border-radius:3px;width:194px;height:58px;padding:10px}
.productshow_quotebox li{ width:100%; text-align:center;}
.productshow_quotebox li input{background:#2358a7; color:#fff !important; border:none; width:100%; height:36px; line-height:36px;}
.gsfed  h3{background:#2358a7; color:#fff !important; height:46px; line-height:46px; text-indent:1em;}
.gsfed dl{ margin-bottom:5px;}
.gsconr h3{background:#2358a7; color:#fff !important; height:46px; line-height:46px; text-indent:1em;}
.gsconr dl i{ font-size:20px; padding-right:10px;}
.gsconr dl dt{ margin-bottom:10px;}

.gsl img{ width:100%; height:auto; text-align:center; margin-bottom:30px;

}
.gsl a{ font-size:20px; background:#666; text-align:center; color:#fff !important; border-radius:50%; width:36px; height:36px; line-height:36px; margin-bottom:15px;}
.gslpay h3{ line-height:22px;}
.gslpay img{width:100%; height:auto;}

.inquBg{height:auto;padding:36px 0;background:url(../images/bom-banner-top.png) no-repeat center;background-size:cover;background-position:center}
.inquBox h2{line-height:76px;font-weight:700;font-size:34px;text-align:center;color:#fff}
.inquBox h3{line-height:30px;font-weight:100;font-size:24px;text-align:center;color:#fff}
.inquBox p{line-height:49px;font-weight:100;font-size:20px;text-align:center;color:#fff}
.bomBox{overflow:hidden;background:url(../images/upload-bg.png) no-repeat center;margin:0 auto;width:486px;padding:30px;margin-top:12px;border-radius:10px}
.im_orderDiv1{width:100%;height:94px;text-align:center;}
.im_orderDiv1T{width:100%;height:27px;line-height:27px;color:#4667b4}
.im_orderDiv1B{width:59%;height:50px;margin:0 21%;line-height:50px;padding:0 5px;box-sizing:border-box;border:1px solid #dedede;border-radius:10px;background:#414757 url(../../images/upload-icon.png) no-repeat 96% center;color:#fff}
.im_orderDiv1B input{float:left;width:100%;border:0;cursor:pointer;}
.im_orderDiv2{width:100%;height:auto;text-align:center}
.im_orderDiv2 input{border:none;height:55px;padding:0 53px;color:#fff;background:#2358a7;font-size:21px;border-radius:5px;text-transform:capitalize!important}
.im_orderDiv2B{width:100%;height:45px;margin-top:25px;text-align:center;font-size:16px;display:none}
.im_orderBtn1{text-align:center;margin-top:34px; color:#fff !important;}
.im_orderBtn1 a{display:inline-block;color:#fff !important;font-weight:700;margin-left:10px;font-size:16px}

.gssp .nav{ width:100%;}

.gsr{ border-radius: 3px; }
.gsr .col-lg-12{ border-bottom:1px solid #eee; min-height:46px; line-height:46px; margin-bottom:5px !important; }
.gsr .col-md-3{ padding:0 !important}
.gsr .col-md-9{ padding:0 !important}
.gsr .col-lg-12 dt{min-height:45px; line-height:45px;}
.gsr .col-lg-12 dd{min-height:45px; line-height:45px;}
.gsr .col-lg-12 dd input.form-control{ width:80px; float:left; margin-top:5px; text-align:center;}
.gsr .col-lg-12 dd a{ float:left; display:block;}
.gsr .col-lg-12 dd a.view{text-align:center;margin-top:5px; height:32px;padding:0 15px;line-height:32px;color:#fff !important;background:#2358a7;border-radius:3px;float:left}
.gsr .col-lg-12 dd a.add{margin:5px;font-size:14px;height:32px;color:#000;line-height:20px;padding:3px 10px;cursor:pointer;border:1px solid #6c757d;border-radius:3px;float:left}
.gsr .col-lg-12 dd a.remove{margin:5px;font-size:24px;height:32px;line-height:20px;text-align:center;color:#000;background:#fff;padding:3px 5px;cursor:pointer;border-radius:3px;float:left}

.faq-list h3{ font-size:16px; color:#004da0}
.faq-list{ font-size:12px; color:#666; line-height:22px;}
.faq-list p{ font-size:12px; color:#666}

.inpro1 a{  float: left; margin: 0.5%; text-align: center; width: 24%; overflow: hidden; background: #FFFFFF; border: 1px solid #EEEEEE; border-radius: 5px; padding: 15px; align-items: center; display: block;}
.inpro1 a img{ width: 80%; height: auto;}
.inpro1 div{ height:20px; overflow: hidden;}

/*0316*/
.inprogs a{  float: left; text-align: center; width: 20%; background: #FFFFFF; overflow: hidden; padding: 15px; align-items: center; display: block;}
.inprogs a:hover{box-shadow:0 0 10px #ccc; position: relative; z-index: 333;}
.inprogs a img{ width: 50%; height: auto; padding:10px 0;}
.inprogs div{ height:24px; line-height:24px; overflow:hidden;}
.inprogs p{ height:24px; line-height:24px; overflow:hidden; color:#999;}

.gsr h2{ font-size:24px; font-weight:bold; border-bottom:1px solid #eee; padding-bottom:15px;}
.gsr .col-md-3{ color:#999; font-weight:normal; text-align:right; padding-right:25px !important;}
.gsr .col-lg-12 a{ color:#004da0 !important;}
.gsr .col-lg-12 a img{ padding-right:5px;}
.gslpay{ padding-top:10px; line-height:26px; margin:0 0 0 !important; }
.gslpay p{ margin:0 !important;}
.gsconr .col-lg-12 { padding:0;}
.gsconr ul { padding:20px 0;}



.gsfed .form-box{ padding:10px 0;}
.gsfed h3{ margin:0; border-radius:10px 0;}
.gsfed dt{ line-height:30px;}
.gsfed li{ margin-top:15px !important;}
.gsfed li input{ width:100%; text-align:center; color:#fff; background:#2358a7; border:none;}

.gssp .nav li{ font-size:15px;}
.gssp .nav li.active{ font-weight:bold;}
.gssp .nav li.active a{ color:#2358a7 !important;}

.gssp .tab-pane h2{ font-size:14px;}
.gssp .tab-pane h4{ font-size:14px; font-weight:bold; line-height:28px;}
.gssp .tab-pane p{ margin:0;}
.gssp .tab-pane li.list-group-item:nth-child(even){background-color: #f8f8f8;}

.gsconr h3{ margin:0; border-radius:10px 0;}
.gsconr p{ line-height:26px; padding-top:10px;}

.btn-default{background: #2358a7; padding:10px 30px; color:#fff; border:none;}
.btn-default:hover{ color:#fff; background: #2b3445;}

.gsr .col-lg-12 .msg a{ color:#fff !important}

.news_show{background: #fff;padding: 30px 28px;}
.news_show h1{color:#004da0; font-size: 20px; font-weight: bold;text-transform: capitalize;}
.news_show h2{color:#004da0; font-size: 18px; font-weight: bold;text-transform: capitalize;}
.news_show h3{color:#004da0;font-size: 17px;text-transform: capitalize;}
.news_show h4{color:#004da0;font-size: 16px;text-transform: capitalize;}
.news_show a{color: #0e81bc!important;    font-weight: bold;}
.news_show b,strong{color:#004da0;font-weight: bold;}
.news_show table{border: 1px solid #ccc; border-left: 0px; border-top: 0px; font-size: 14px;  table-layout: fixed;  width: 100%; box-sizing: border-box; border-spacing: 0;}
.news_show table th,td{padding:3px;border: 1px solid #ccc;border-right: 0px;border-bottom: 0px;padding: 8px 2px;text-align: center;word-wrap: break-word;}

.userIp{ border:1px solid #eee;  border-bottom:none}
.userIp dl{ margin:0; height:42px; line-height:42px; border-bottom:1px solid #eee}
.userIp dl dt{ height:42px; line-height:42px;  border-right:1px solid #eee; }
.userIp dl dd{ height:42px; line-height:42px;}

.index-news.container{ padding: 0 10px;}
.index-news dl{ float: left; background: #FFFFFF; width: 24%; margin: 0.5%; border-radius: 4px; padding: 18px 16px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); }
.index-news dl p{ font-weight: normal; color: #999999 !important; line-height: 26px;}
.index-news dl h3{ font-weight: normal; font-size: 16px; line-height: 22px; height: 44px; overflow: hidden;}
.index-news dl em{ display: inline-block; width: 24px; height: 5px; background: #2358a7; border-radius: 3px; margin-top:5px;}
.index-news dl dd img{ width: 100%; height: auto; margin-top: 20px;}

.list_menu{ width:100%; height:auto;}
.list_menu li{ float:left; width:20%; height:32px; line-height:32px; overflow:hidden;}
.cBomL{ float:left; width:35%; height:auto; border:1px dotted #ccc; padding:20px 30px; align-items:center; display:flex;flex-direction:column; justify-content:space-between;}
.cBomL  div{align-items:center;background:#2358a7;border-radius:2px;display:flex;height:36px;justify-content:center;padding:10px 14px;position:relative}
.cBomL  div span{color:#fff}
.cBomL  div .uploadFile{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}
.cBomL  p{font-size:14px; text-align:center; line-height:26px; margin-top:10px;}
.cBomL  a{color:#2358a7 !important;}
.cBomL  a:hover{text-decoration:underline}

.cBomR{ float:right; width:64%; height:auto; padding:20px; background:#f5f5f5;}
.cBomR a{color:#2358a7 !important;}

.index-product.container{ padding: 5px; width: 1280px;}
.index-product dl{ float: left; width: 15.66%; background: #FFFFFF; height: auto; overflow: hidden; border: 1px solid #eee; border-radius: 5px; margin:0.5%; text-align: center; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); }
.index-product dl img{ width: 120px; height: 120px;}
.index-product dl dd{ padding: 10px; overflow: hidden;}
.index-product dl dd h4{ margin: 0; font-size: 14px; line-height: 30px; height: 30px; overflow: hidden; }
.index-product dl dd small{ margin: 0; font-size: 14px; line-height: 21px; height: 21px; overflow: hidden; color: #999; display:block;}

.gsrnewcon{  float:right; width:74%;}
.gsrnewcon .col-md-12{ padding:0;}
.gsrnewcon .col-md-4{ padding:0;}
.gsrnewcon h2{ font-size:26px; font-weight:bold; line-height:30px; margin-bottom:10px; }
.gsrnewcon dl{ float:left; margin-bottom:10px;}
.gsrnewcon dl dt{ text-align:right; color:#999; font-weight:normal;}
.gsfedNew{ width:100%; height:auto; border-top:1px solid #eee; padding-top:15px; margin-top:10px;}
.gsfedNew h3{ font-size:26px; font-weight:bold; line-height:30px; margin-bottom:10px; }
.gsfedNew dl{ float:left; width:32.3%; margin:0 0.5%;}
.gsfedNew dl dt{ text-align:left; line-height:36px;}
.gsrnewcon a.view{  text-align:center; margin-left:5px; height:32px;padding:0 15px;line-height:32px;color:#fff !important;background:#2358a7;border-radius:3px;float:left}
.gsrnewcon a.add{font-size:14px;height:32px; width:32px; color:#000;line-height:20px;padding:3px 10px;cursor:pointer;border:1px solid #6c757d;border-radius:3px;float:left}
.gsrnewcon a.remove{font-size:24px;height:32px;  width:32px;line-height:20px;text-align:center;color:#000;background:#fff;padding:3px 5px;cursor:pointer;border-radius:3px;float:left}
.gsrnewcon #commoditySelectNum{ width:60px; float:left; margin:0 5px;}
.gszhaiyao{ width:100%; text-align:left; padding-top:5px; margin-top:10px; line-height:22px; border-top:1px solid #eee;}

@media (max-width: 767px) {
	


#home .home{background: none;  font-weight: bold; border-radius:0; color: #2358a7 !important;}
#brand .brand{background: none;  font-weight: bold; border-radius:0; color: #2358a7 !important; }
#rfq .rfq{ background: none;  font-weight: bold; border-radius:0; color: #2358a7 !important;}
#news .news{ background: none;  font-weight: bold; border-radius:0; color: #2358a7 !important;}
#about .about{background: none;  font-weight: bold; border-radius:0; color: #2358a7 !important; }
#contact .contact{background: none;  font-weight: bold; border-radius:0; color: #2358a7 !important; }
#honor .honor{background: none;  font-weight: bold; border-radius:0; color: #2358a7 !important;}
#quality .quality{background: none;  font-weight: bold; border-radius:0; color: #2358a7 !important; }
#pcb .pcb{background: none;  font-weight: bold; border-radius:0; color: #2358a7 !important; }
#help .help{background: none;  font-weight: bold; border-radius:0; color: #2358a7 !important; }


	
.client-2 { display: none;}
.Topbg{ display: none;}
.fposi{ width:100%; height:70px; background:#2358a7; position:fixed; left:0; bottom:0; display:block; z-index:999;}
.fposi a{ display:block; float:left; text-align:center; width:25%; height:70px; color:#fff !important; border-right:1px solid #196bd7;  box-sizing: border-box; }
.fposi a:last-child{ border:none}
.fposi a img{ width:30px; height:auto; padding-top:8px;}
.fposi a p{ line-height:32px; font-size:0.9rem}


header{ display: none;}
	.logom{ display: block !important; float: left; width:139px; height: 41px;}
.logom img{ width: 100%; height: auto; padding-top: 12px; display: block !important;}
.navbg{ height: 62px; border: none;}
.navbg .navbar-toggle{ margin-top: 13px;}
.navbg .col-lg-3{ display: none;}
.navbg .col-lg-9{  padding: 0 ; width: 100%;  float: none !important; z-index: 999; position: relative;}
.navbar{ min-height: 52px;}
.navbar-nav{ float: left !important; width: 100% !important;}
.navbar-nav li{ background: #FFFFFF; border-bottom: 1px solid #EEEEEE;}
.navbg .dropdown{ display: block;}
.navbar-nav .open .dropdown-menu{ width: 100%; left: 0 !important;}

.search{ margin-left: 0; margin-top: 0;}
.msearch{ display:block; margin-top: 10px;}

.search input{ height:43px; padding-left:0;}
.search button {
    width:80px; height:42PX;

}

.search .fa-search{ top: 1px;}


.banner .col-lg-3{ display: none; width: 0;}
.banner .col-lg-6{ width: 100%;}
.banner .col-md-12{ display: none;}
.banner .col-lg-4{ float: none; width: 100%;}


.imgPc{ display: none !important;}
.imgMo{ display: block !important;}

.inNewsBox dl{  width: 49%; margin: 0.5%}
.inNewsBoxL{ float: none; width: 100%; }
.inNewsBoxL dl{ padding-bottom: 12px; margin-bottom: 12px; }
.inNewsBoxL dl:last-child{ padding-bottom: 12px; margin-bottom: 12px; border-bottom: 2px solid #e6e6e6;}
.inNewsBoxL dl dt{ float: left; width: 38%; height: auto; overflow: hidden;}
.inNewsBoxL dl dt img{ width: 100%; height: auto;}
.inNewsBoxL dl dd{ float: right; width: 57%; height: auto; overflow: hidden;}
.inNewsBoxL dl dd p{ line-height: 20px; height: 40px; overflow: hidden;}

.inredPro a{ width:48%;  }
.inredPro .col-lg-6{ margin-bottom: 15px;}

.index-about{ display: none;}
.inNewsBoxR{ float: none; width: 100%; height: auto; }
.inNewsBoxR dl{ float: none; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); width: 100%; padding: 15px; height: auto; margin-left: 0; margin-bottom: 15px;}
.inproAd{ display:none;}
.index-brand ul.bgFF{ padding: 10px;}
.index-brand li{ width: 49%;}
.index-brandMore{ padding: 15px 0;}
.index-brandMore a{ margin: 8px 0; width: 90%;}
.indexHotpro .col-lg-10{ padding: 10px 0;}
.indexHotpro dl{ width: 48%;}
.inAd{ display: none;}
.innum{ display: none;}
.inhotseaBox .nav>li>a{ padding: 10px 3px;}
.inhotseaBox .tab-pane a{ width: 50%;}
.home_indexes{ width: 92%; }
.footer .col-lg-2 img{ clear: both; float: left;}
.container.banner{ padding: 0;}
.banner .col-lg-9{ width: 100% !important; margin-top: 0;}
.index-about{ display: none;}
.index-redpro .index-redproL{ display: none;}

.index-product dl{ width: 32.3%;}
.index-title1,.index-title{ padding: 10px 5px !important;}
.index-title1 a{ display: none;}
.index-title a{ display: none;}
.index-brand.container{ width: 100%; padding:20px 10px;}
.index-brand li{ width: 32.3%;}
.index-product dl img{ width:80px; height:80px;}

.container.msearch,.container.inprobox,.container.index-news{ padding: 0 5px;}
.index-product1 dl{width: 49%;}
.index-product2.col-lg-4{ margin-top: 10px; padding-left: 0;}
.index-ad{ display: none;}
.index-product.container{ width: 100%;}
.index-news dl{ width: 49%; margin: 0.5%;}

.footer{ padding: 15px 0;}
.footercopy{ text-align: center;}
.footercopy span{ display: none;}


.about-infomation.mt-3{ margin-top: 0;}
.about-infomation{ padding-bottom: 30px;}
.about-infomation .col-lg-5{ padding: 0; margin-top: 20px;}
.about-infomation .col-lg-6{ padding-left: 0; padding-right: 0;}
.about-infomation .col-lg-6 h2{ font-size: 2.4rem; }


.aboutBg{ padding: 30px 0;}
.about-tit{  margin-bottom: 20px;  font-size: 2.4rem; height: 66px; line-height: 66px;}

.abculture dl{ width: 48%; margin: 1%; padding: 25px; }
.abculture dl dd p{ line-height: 24px;}


.about-con{ padding: 25px 0;}
.about-con .col-lg-6{ font-size: 20px; line-height: 26px; color: #FFFFFF;} 
.about-con .fr{ float: none;}
.about-con a{ margin-top: 20px;}




.goodsnewsnavLeft{ display: none;}


.goodsnewsnavRight.col-lg-9{ position: relative; float: none; width: 100%;}
.goodsnewsnavRight dl{ width: 100%; height: auto; margin-bottom: 10px;}

.goodsnewsnavRight dl dt h3{font-size: 14px; }
.goodsnewsnavRight dl dd li{ float: none;  width: 100%; overflow: hidden;}

.list-group{ margin-bottom: 0;}
.cartpath .col-lg-3{ padding: 10px ;}
.cartpath .col-lg-9{ padding: 10px ;}

.carttab{ overflow-x:auto ;}




#goodsWin{width:320px;height:auto;overflow:hidden;border-radius:5px;background-color:#fff;padding:10px;position:absolute;display:none;margin-top:0;top:0;left:45%;z-index:1002}

.goodtxtinfo{width:100%; padding:0;}
.productshow_quotebox{width:100%;height:auto;padding:0;overflow:hidden;box-sizing:border-box}
.productshow_quotebox dl{width:100%;height:auto;overflow:hidden;margin-bottom:0}
.productshow_quotebox dl dt{float:none;width:100%;height:34px;line-height:34px;overflow:hidden;font-weight:700;color:#333}
.productshow_quotebox dl dd{float:none;width:100%;height:auto;}
.productshow_quotebox dl dd input{border:1px solid #dedede;border-radius:3px;width:100%;height:32px;padding:0 10px}
.productshow_quotebox dl dd select{width:100%;height:34px;box-sizing:border-box;padding:0 7px;border:1px solid #dedede;border-radius:3px}
.productshow_quotebox dl dd textarea{border:1px solid #dedede;border-radius:3px;width:100%;height:46px;padding:10px}
.productshow_quotebox li{ margin-top:15px;}


.gslpay h3{ line-height:5px; font-size:1.6rem;}

.inquBg{height:auto;padding:36px 0;background:url(../images/bom-banner-top.png) no-repeat center;background-size:cover;background-position:center}
.inquBox{ width:94%; height:auto; overflow:hidden;}
.inquBox h2{line-height:36px;font-weight:700;font-size:18px;text-align:center;color:#fff}
.inquBox h3{line-height:30px;font-weight:100;font-size:24px;text-align:center;color:#fff}
.inquBox p{line-height:30px;font-weight:100;font-size:20px;text-align:center;color:#fff}
.bomBox{overflow:hidden;background:url(../images/upload-bg.png) no-repeat center;margin:0 auto;width:100%;padding:30px;margin-top:12px;border-radius:10px}
.im_orderDiv1{width:100%;height:94px;text-align:center;}
.im_orderDiv1T{width:100%;height:27px;line-height:27px;color:#4667b4}
.im_orderDiv1B{width:100%;height:50px;margin:0;line-height:50px;padding:0 5px;box-sizing:border-box;border:1px solid #dedede;border-radius:10px;background:#414757 url(../../images/upload-icon.png) no-repeat 96% center;color:#fff}
.im_orderDiv1B input{float:left;width:100%;border:0;cursor:pointer;}
.im_orderDiv2{width:100%;height:auto;text-align:center}
.im_orderDiv2 input{border:none;height:55px;padding:0 53px;color:#fff;background:#c00;font-size:21px;border-radius:5px;text-transform:capitalize!important}
.im_orderDiv2B{width:100%;height:45px;margin-top:25px;text-align:center;font-size:16px;display:none}
.im_orderBtn1{text-align:center;margin-top:34px; color:#fff !important;}
.im_orderBtn1 a{display:inline-block;color:#fff !important;font-weight:700;margin-left:10px;font-size:16px}



/*0316*/
.bgFFF{ padding:5px;}
.gsl img{ width:96%; margin-bottom:10px;}
.gsr h2{ font-size:15px; padding-bottom:5px; margin-top:5px;}
.gsr .col-md-3{ text-align:left;}
.gsr .col-lg-12{ padding:0;}
.gsr .col-lg-12 dt{ min-height:21px; line-height:21px;}
.gsr .col-lg-12 dd{ min-height:21px; line-height:21px;}


.pt20{ padding:10px 0;}

.gssp .tab-pane li.list-group-item .col-lg-3{ padding:0;}
.gssp .tab-pane li.list-group-item .col-lg-9{ padding:0;}

.gssp .nav{ height:59px;}

.parts-list .jss187{ overflow-x:auto;}

.userleft{ padding:0;}

.userIp{ border:1px solid #eee;}
.userIp dl{ margin:0; height:84px; line-height:42px; border-bottom:1px solid #eee}
.userIp dl dt{ height:42px; line-height:42px;  border-right:none; }
.userIp dl dd{ height:42px; line-height:42px;}

.inprogs a{  width: 50%;}
.list_menu li{ width:50%; }

.cBomL{ float:none; width:100%; padding:10px; margin-bottom:15px; }


.cBomR{ float:none; width:100%;}

.index-product dl{ width: 32.3%;}
.index-product dl img{ width:80px; height:80px;}
.inNewsAd{ display:none;}
.gszhaiyao{ width:92%; padding:15px;}


.gsrnewcon{  float:none; width:100%; margin-top:15px; padding:20px;}
.gsrnewcon .col-md-12{ padding:0;}
.gsrnewcon .col-md-4{ padding:0;}
.gsrnewcon .col-md-8{ padding:0;}
.gsrnewcon .col-lg-6{ width:100%; padding:0;}
.gsrnewcon h2{ font-size:26px; font-weight:bold; line-height:30px; margin-bottom:10px; }
.gsrnewcon dl{ float:left; margin-bottom:10px;}
.gsrnewcon dl dt{ text-align:left; color:#999; font-weight:normal;}
.gsfedNew{ width:100%; height:auto; border-top:1px solid #eee; padding-top:15px; margin-top:10px;}
.gsfedNew h3{ font-size:26px; font-weight:bold; line-height:30px; margin-bottom:10px; }
.gsfedNew dl{ float:left; width:100%; margin:0 ;}
.gsfedNew dl dt{ text-align:left; line-height:36px;}
.gsrnewcon a.view{  text-align:center; margin-left:5px; height:32px;padding:0 15px;line-height:32px;color:#fff !important;background:#2358a7;border-radius:3px;float:left}
.gsrnewcon a.add{font-size:14px;height:32px; width:32px; color:#000;line-height:20px;padding:3px 10px;cursor:pointer;border:1px solid #6c757d;border-radius:3px;float:left}
.gsrnewcon a.remove{font-size:24px;height:32px;  width:32px;line-height:20px;text-align:center;color:#000;background:#fff;padding:3px 5px;cursor:pointer;border-radius:3px;float:left}
.gsrnewcon #commoditySelectNum{ width:60px; float:left; margin:0 5px;}
.gsfedNew .form-box{ padding:15px 0;}
.gsconr{ padding:20px;}

}

