/* 公共样式 */
@charset "utf-8";
body{




}
.li2{
    line-height: 2.5
}
.li4{
    line-height: 4
}
.container-2040{
    max-width: 2040px;
    margin-right: auto;
    margin-left: auto;
}
.container-1920{
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
}
.container-1540{
    max-width: 1540px;

    margin-right: auto;
    margin-left: auto;
}
/*   重置分页 */
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #7c7c7d;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.container{
    max-width: 1200px;
}
.btn-by {
    font-family: OpenSans-Regular;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    margin-right: 0;
    width: 100%;
    line-height: 1.5;
    font-size: .92857em;
    background: linear-gradient(to right,#17bedb,40%,#b3ef97);
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    border: none;

    max-width: 240px;
}
.bg-blue{
    background-color: #17a2b7;
}

.row{
    margin-left:0px;
    margin-right: 0px;
}
.mb-5rem{
    margin-bottom: 5rem;
}
.mt-5rem{
    margin-top: 5rem;
}
.mt-54{
    margin-top: 54px;
}
.mt-10rem{
    margin-top: 10rem;
}
.mb-10rem{
    margin-bottom: 10rem;
}
.mb-15rem{
    margin-bottom: 15rem;
}
@media screen and (max-width: 980px){
   .mt-10rem{
    margin-top: 3rem;
    }
}
.m-t-b-5b{
    margin:5% 0;
}
.text-colden{
    color: #bc996d;
}
.text-0cdbdb{
    color: #0cdbdb;
}
.text-dark-blue{
    color: #394f89;
}
.bold-700{
    font-weight: 700;
}
/* 背景色 */
.b-white{
    background: white;
}
.bg-121212{
    background: #121212 !important;
}
.wrap_bac {
    background: #f9f9f9;
}
.bg-f2f2 {
    background-color: #f2f2f2 !important;
}
/*  导航下拉菜单触发方式改为鼠标浮动触发  */
.dropdown:hover>.dropdown-menu {
    display: block;
}

.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}


.nav-logo{
    max-width: 150px;

}
/*轮播*/
.carousel-caption {
    position: absolute;
    right: -20%;
    bottom: 35%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
.carousel-caption .tel{
    margin-top: 3rem;
    margin-left:24rem ;
}
.carousel-caption .h1{
    letter-spacing:1rem;
    font-weight: 700;
    font-size:3rem;
    margin-left:24rem ;
}
@media screen and (max-width: 1100px){
    #home_carouse{
        margin-top: 7rem;
    }
}
@media screen and (max-width: 1440px) {
    .carousel-caption .h1{
        letter-spacing:1rem;
        font-weight: 700;
        font-size:3rem;
    }
    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 30%;
        left: 15%;
        z-index: 10;
        padding-top: 25px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
    }
}
@media screen and (max-width: 1200px) {
.nav-logo {
    width: 140px;
}
.carousel-caption {
    position: static;
    right: 15%;
    bottom: 35%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
}
@media screen and (max-width: 1400px) {
.nav-logo {
    width: 160px;
}
    .carousel-caption .h1{
        letter-spacing:1rem;
        font-weight: 700;
        font-size:2rem;
    }
    .carousel-caption {
       /* position: absolute;
        right: 15%;
        bottom: 15%;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        */
        opacity: 0;
    }
}
.carousel-caption .tel a{
    background-color: #010d1b;
    color: #ffffff;
    padding: 0.5rem 2rem;
}
.carousel-caption .tel a:hover{
    text-decoration:none;
}
.carousel-inner img {
    width: 100%;

}

/* 主导航 */
#power{
    z-index: 1059;
    width: 100%;
}
#power .text-center{
    font-size: 0.75rem;
     padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    letter-spacing: 0.15rem
}
#nav_top{
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition:0.5s;
    -o-transition: 0.5s;
    padding-top: 0rem;


}

.nav_top_p{
    padding-top: 0.4rem !important;


}
#nav_top .container{
    padding-bottom: 1rem;
}
#nav_top:hover {
    background: #ffffff;
    box-shadow: 0px 15px 10px -15px #d9d9d9;
    color: #080808 !important;
}
#nav_top:hover  a{

    color: #080808 !important;
}

#nav_top .nav-item:hover  a{

    color: #707070 !important;
}
.nav_top_hover{
    background: #ffffff;

    box-shadow: 0px 15px 10px -15px #d9d9d9;
}

 .nav_top_hover  .nav-link{
     color: #080808 !important
}

#nav_top .container .navbar-nav{

}
@media screen and (max-width: 1200px) {
    #nav_top .container .navbar-nav{
        padding-left: 0rem;
        padding-top: 1rem;
        padding-bottom: 0.5rem;
    }
}
#nav_top .navbar-brand{
    padding-top: 0rem;
}
#nav_top ul li p{
 margin-bottom: 0;
}
#nav_top .text-dark-blue{
    font-size: 0.7rem;
}
#nav_top ul li hr{
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    border-top: 1px solid rgba(206, 191, 163, 0.51);
}
#nav_top .navbar-nav .nav-link {

    font-size: 1.05rem;
    color: #343434;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition:0.2s;
    -o-transition: 0.2s;

}

#nav_top .navbar-nav .nav-item{
    margin-left:3rem;
}
#nav_top .container{
    padding: 0;
}
#nav_top .float-left{
    margin-right: 2rem
}
#nav_top .navbar-nav li{

}

#nav_top .navbar-nav .nav-link:hover{
    color: #000000;

}
 #nav_top a{
     color: rgba(33, 33, 33, 0.76);
 }

#nav_top .navbar-toggler{
    background: rgba(105, 105, 118, 0.46);
}
.navbar,.nav-link{
    padding:0;
}
@media screen and (max-width: 1200px) {
    #nav_top .text-center{
        text-align: left !important;
    }
    #nav_top .navbar-nav .nav-item{
        margin-left: 0.5rem;
    }
}

/* 主导航-副 */

#nav_top_p{
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition:0.5s;
    -o-transition: 0.5s;
    padding-top: 0rem;


}

#nav_top_p{
    padding-top: 0.4rem !important;
    background: #f9f9f9;


}
#nav_top_p .container{
    padding-bottom: 1rem;
}
#nav_top_p:hover {
    background: #ffffff;
    box-shadow: 0px 15px 10px -15px #d9d9d9;
    color: #080808 !important;
}
#nav_top_p:hover  a{

    color: #080808 !important;
}

#nav_top_p .nav-item:hover  a{

    color: #707070 !important;
}
#nav_top_p .nav_top_hover{
    background: #ffffff;

    box-shadow: 0px 15px 10px -15px #d9d9d9;
}

#nav_top_p .nav_top_hover  .nav-link{
    color: #080808 !important
}

#nav_top_p .container .navbar-nav{

}
@media screen and (max-width: 1200px) {
    #nav_top_p .container .navbar-nav{
        padding-left: 0rem;
        padding-top: 1rem;
        padding-bottom: 0.5rem;
    }
}
#nav_top_p .navbar-brand{
    padding-top: 0rem;
}
#nav_top_p ul li p{
    margin-bottom: 0;
}
#nav_top_p .text-dark-blue{
    font-size: 0.7rem;
}
#nav_top_p ul li hr{
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    border-top: 1px solid rgba(206, 191, 163, 0.51);
}
#nav_top_p .navbar-nav .nav-link {

    font-size: 1.05rem;
    color: #202020;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition:0.2s;
    -o-transition: 0.2s;

}

#nav_top_p .navbar-nav .nav-item{
    margin-left:3rem;
}
#nav_top_p .container{
    padding: 0;
}
#nav_top_p .float-left{
    margin-right: 2rem
}
#nav_top_p .navbar-nav li{

}

#nav_top_p .navbar-nav .nav-link:hover{
    color: #000000;

}
#nav_top_p  a{
    color: rgba(33, 33, 33, 0.76);
}

#nav_top_p .navbar-toggler{
    background: rgba(105, 105, 118, 0.46);
}

@media screen and (max-width: 1200px) {
    #nav_top_p .text-center{
        text-align: left !important;
    }
    #nav_top_p .navbar-nav .nav-item{
        margin-left: 0.5rem;
    }
}

/* Blog 改装 */
.nav-article .navbar-nav .nav-link .text-center{
color: white;
}

.nav-article .navbar-nav .nav-link:hover .text-center{
    color: #0cdbdb;
/*  background: linear-gradient(to right, #0cdbdb, #37ff00);
  -webkit-background-clip: text;
  color: transparent;  */
}
/* 脚部 */
footer,footer a{
    color: #333;
}

footer a:hover{
    text-decoration: none;
    color: #14bedc;;
}

footer hr{
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: 0px;
    border-top: 1px solid rgba(191, 191, 191, 0.66);
}

footer .footer-2 .h5{
    color: #e0e0e0;
    font-size: 0.95rem;
    padding-bottom: 1rem;
    text-transform:uppercase
}
footer ul{
    padding: 0;
    margin: 0;
}
footer ul li{
    list-style: none;
    font-size: 0.85rem;
    color: #e0e0e0;
    line-height: 2;

}
footer ul li a{
    color:   #333;
}
footer .ico i{
    font-size: 2rem;
    margin-right: 0.5rem;
    line-height: 1.2;
}
footer .h3{
   /*
   color: #b3ef97;
    background-image: linear-gradient(to right,#b3ef97,40%,#17bedb);
    -webkit-background-clip:text;
    color: transparent;

    */
}
footer .ico .pl-2{
    font-size: 1.5rem
}
/* 首页关于我们 */

#i-about ul li,#i-about ul{
    padding-left: 0;
    list-style: none;
}

#i-about ul li{
      line-height:2
}




/* 新闻 Blog */
#i-new .swiper-slide {
    padding: 1rem
}

#i-new .title{
    padding-left: 1rem;
    padding-right: 1rem;
    min-height: 18rem;;
}
#i-new .img-item{
    overflow: hidden;
}
#i-new .img-item img{
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
#i-new .bg-light:hover img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
#i-new .title .h5{

    min-height: 4rem;;
}
#i-new .title .text-muted{

    min-height: 6rem;;
}


#i-new .title .btn-outline-info{
    color: #17a2b8;
}
#i-new .title .btn-outline-info:hover{
    color: #e8e8e8;
}

/* 海外仓 */
#i-overseas a:hover{
    text-decoration: none;
}

/* 海运头程 */

#i-head-way .title p{
    line-height: 4;
    padding-left: 1rem;
    font-size: 1.15rem;
}

#i-head-way .item img{
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
#i-head-way .item:hover img{
  opacity: 0.85;
}

#i-head-way a:hover{
    text-decoration: none;
}
#i-head-way a:hover .text-dark{
    color: #0a6999 !important;
}
@media screen and (max-width: 1200px) {
    #i-head-way .title p{
        line-height: 2.5;
    }
}
/* 首页友情链接  */
#friendship {
    margin: 5% auto;
}
#friendship  dd{
  padding-right: 1rem;
    font-size: 0.85rem;
}
#friendship  dd a:hover{
    text-decoration: none;

}

/*  首页产品  */
#i-product  .title p{
    line-height: 4;
    padding-left: 1rem;
    font-size: 1.15rem;
}

#i-product .col-md-4 a img{
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
#i-product .col-md-4 a:hover img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
#i-product .col-md-4 .item .img{
    overflow: hidden;
}
#i-product a{
    text-decoration: none;
}