html {
    font-size: 16px;
}
li{
    list-style: none;
}
body{
    font-family: 'Arial', sans-serif;
    color: #333333;
}
html,body{
  max-width: unset;
}
.bold{
    font-weight: bold;
}
.container{
    padding: 0;
}
@media (min-width: 200px) {
    html {
        font-size: 8px;
    }
    .container {
        max-width: 100%;
    }
}
@media (min-width: 576px) {
    html {
        font-size: 8px;
    }
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
    html {
        font-size: 12px;
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 14px;
    }
    .container {
        max-width: 1140px;
    }
}
@media (min-width: 1680px) {
    html {
        font-size: 16px;
    }
    .container {
        max-width: 1200px;
    }
}
img{height: auto;}
:root{
    --mainColor:#2c62a2;
    --grey:#eeeeee
}
a{color: #333333;}
a:hover{color: var(--mainColor);text-decoration:none}
ul{
    padding: 0;
    margin: 0;
}
.transition{
    transition: all 0.3s;
}

.font-l{
    font-size: 1.25rem;
}
.font-white{
    color: white !important;
}
.textOverflow {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 设置最大显示行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
/* 头部联系方式 */
.head{
    height: 50px;
    background: #333333;
}
.headcon{
    height: 100%;
}
.headml{
    margin-left: 28px;
}
.headcon .align-items-center span a{color: #ffffff;}
.headcon .align-items-center span a:hover{color: var(--mainColor)}

.headcon img{
    margin-right: .5rem;
}
.language{
   padding-right: 20px;
    background: url(img/home-img/jiantou.png) right center no-repeat;
}
.language .dropdown-toggle{
    padding: 5px  0 5px 0;
}

.language .dropdown-toggle::after{
    display: none;
}
.language .dropdown-menu{
    width: 300px;
    left: -45%;
}
.language .dropdown-menu li{
  display: inline-block;
  width: 46%;
  margin-bottom: 1%;
}
/* ------header----- */
.header{
    height: 102px;
    position: relative;
    top:0px;
    z-index: 999;
    background-color: #ffffff;
    border-bottom: 1px solid #e1e1e1;
}
.header.head-flex{
  height: 60px;
  position: fixed;
  top: 0;
  width: 100%;
}
.head-flex .container>img{
  height: 50px;
}
.header .nav{
    margin-left: auto;
}
.header .search{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--mainColor);
    margin-left: 40px;
} 
.header .search:hover img{
    transform: scale(1.1);
}
.header .search img{
    transition: all 0.3s ease;

}  
.header .nav li{
    padding-left: 3.38vw  ;
}  

.header .nav li a{
    padding: 10px 0;
}
.header  .dropdown-menu{
    margin: 0;
}
.header li .dropdown-menu a{ 
    color: #333333;
    padding: 10px 0;
    position: relative;
    transition: all 0.3s;
    white-space: pre-wrap !important;

}
.header li .dropdown-menu a::after{
    content: '';
    width: 3px;
    height: 1.5rem;
    background-color: white;
    position: absolute;
    left: -15px;
    top: 10px;
    transition: all 0.3s;
}
.header li .dropdown-menu a:hover{
    color: var(--mainColor);
    padding-left: 5px;
    background-color: #fff;
}
.header li  .dropdown-menu a:hover::after{
    background-color: var(--mainColor);
}
.header li .dropdown-menu a+a{
    border-top: 1px #e1e1e1 solid;
}
.header li .dropdown-menu{
    width: 220px;
    padding: 10px 15px;
}
.dropdown-toggle::after{
    transition: all 0.3s;
}
.header li:hover .dropdown-toggle::after{ 
    transform: rotate(-180deg);
}
/* 搜索框 */
.searchMask{
    height: 100vh;
    width: 100vw;
    background: rgba(46,46,46, 0.5);  
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    display: none;
}
.searchBox{
    width: 70%;
    height: 210px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 35px 0;
    margin: auto;
    border-radius: 8px;
    background-color: #ffffff;
    display: none;
}
.searchBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.searchBox input{
    font-size: 60px;
    font-weight: bold;
    padding: 15px 0;
    border: 0;
    border-radius: 0;
   outline: none;
    display: inline-block;
    width: 75%;
    border-bottom: 1px solid #000000;
    line-height: 10px;
}
input::placeholder {
    color: #333;
    opacity: 1;
}


.searchBox .search-attr {
    font-size: 1.5rem;
    display: block;
    width: 75%;
    margin: 0 auto;
    padding: 0.85em 0;
    text-align: right;
    color: #333;
}
.searchBox .close {
    display: inline-block;
    position: absolute;
    top: 30px;
    right: 30px;
    background: url(img/home-img/close2.png) no-repeat center center;
    background-size: 70%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border: 2px solid var(--mainColor);
    border-radius: 50%;
    transition: all 0.3s;
}
.searchBox .close:hover {
    background:var(--mainColor) url(img/home-img/close.png) no-repeat  center center;
    background-size: 70%;
    transform: rotate(180deg);
}
/* ------banner----- */
.banner img{
    width: 100%;
} 
.banner{
    --swiper-navigation-color:#2c62a2;
    --swiper-pagination-color:#2c62a2;
    --swiper-navigation-size:20px
}

.swiper-button-next,  .swiper-button-prev {

    border: 2px solid var(--mainColor);
    border-radius: 50%;
    padding: 20px 20px;
    outline: none;
}
.swiper-slide img{
    width:100%;
    height:auto;
    min-height:100%;
    transition:1s linear 2s;
    transform:scale(1.1,1.1);
    }
.swiper-slide-active img,.swiper-slide-duplicate-active img{
    transition:6s linear;
    transform:scale(1,1);
    }
/* ------产品----- */
.Title{
    font-size: 3rem;
    text-align: center;
    line-height: 1;
    font-weight: bold;
} 
.Title-tip{
    color: #595959;
    text-align: center;
    line-height: 1;
    margin-top: 1.3125rem;
}
.product{
    padding-top: 3.4375rem;
    text-align: center;
}
.pro-switch{
    margin-top: 1.75rem;
}
.pro-switch li{
    padding: 0 20px;
    height: 45px;
    line-height: 45px;
    background-color:var(--grey) ;
    cursor: pointer; 
}
.pro-switch li+li{
    margin-left: 10px;
}
.pro-switch li.active{
    background-color: var(--mainColor);
    color: #ffffff;
}
.pro-switch li.active a{
    color: #ffffff;
}
.product .pro_list_warp {
  padding: 15px 60px 0px;
  position: relative;
}
.product .pro_list_warp .swiper-button-prev,.product .pro_list_warp .swiper-button-next{
  display: flex;
}
.product .pro_list_warp .swiper-button-prev::after,
.product .pro_list_warp .swiper-button-next::after{
  font-size: 24px;
}
.pro-list{
    padding-top: 15px;
    display: none;
}
.pro-list li{
   /* width: 31%;
   margin-top: 1.875rem;   
   margin-right: 1%;       */
}

.pro-list li img{
    width: 100%;
}
.pro-list li>a{
    display: block;
    text-align: center;
    height: 45px;
    line-height: 45px;
    background-color: var(--grey);
    cursor: pointer;
    transition: all 0.3s ease;
}
.pro-list li:hover a{
    background-color: var(--mainColor) ;
    color: #ffffff !important;
}
.imgHover .imgBox{
    overflow: hidden;
    max-height: 250px;
}
.imgHover li img{
    transition: all 0.3s ease;
    width: 100%;
}
.imgHover li:hover img{
    transform: scale(1.1);
}
/* ----选择我们---- */
.chooseUs{
    width: 100%;
    /* height: 38.8125rem; */
    margin-top: 4.75rem;
    background: url(img/home-img/chooseBg.webp) no-repeat ;
    background-size: cover;
    padding-top: 5rem;
    padding-bottom: 3.125rem       ;
}
.usInfo{
    text-align: center;
    margin-top: 3rem;
}
.usInfo li{
    width: 30%;
    transition: all 0.3s ease;
}
.usInfo li:hover{
    transform: scale(1.05);
}
.usInfo .icon{
    width: 11.375rem;
    height: 11.375rem;
    border-radius: 50%;
    background-color: white;
    margin: 0 auto;
}
.usInfo .title{
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 30px;
}
.usInfo .info{
    line-height: 1.2;
    margin-top: 0.9rem;
}
/* -----关于我们------- */
.aboutInfo{
    margin-left: 3.125rem;
}
.aboutInfo .title{
    font-size: 2.25rem;
    font-weight: bold;
    position: relative;
    line-height: 1;
    margin-top: 2.5rem;
    margin-bottom: 3.125rem;
}
.aboutTitleImg{
    min-width: 50%;
    overflow: hidden;
}
.aboutTitleImg img{
    width: 100%;
    transition: all 0.3s ease;
}
.aboutTitleImg img:hover{
    transform: scale(1.1);
}
.aboutInfo .title::after{
    content: '';
    width: 3.75rem;
    height: 4px;
    background: var(--mainColor);
    position: absolute;
    left: 0;
    bottom: -19px;
}
.aboutInfo .info{
    color: #666666;
}
.aboutInfo .btn{
    width: 10rem;
    height: 45px;
    text-align: center;
    line-height: 45px;
    background-color: var(--mainColor);
    border-radius: 0;
    color: #ffffff;
    padding: 0;
    margin-top: 2.5rem;
}
.aboutUsImg{
    padding-top: 29px;
    padding-bottom: 2.5rem;
    background-color: var(--grey);
}
.aboutUsImg img{
    width: 24.3%;
    transition: all 0.5s;
}

.aboutUsImg img:hover{
    transform: scale(1.1);
}
.aboutUsImg img:nth-child(5),.aboutUsImg img:nth-child(6),.aboutUsImg img:nth-child(7){
    width: 32.6%;
    margin-top: 10px;
}
/* ------新闻------ */
.news{
    padding-top: 55px;
}
.news .imgHover .imgBox{
  height: 15.625rem;
}
.news .newsHead .title b{
    font-size: 3rem;
    line-height: 1;
}
.news .newsHead .title div{
    color: #999999;
    font-size: 1.125rem;
    margin-top: 10px;
}
.news .btn{
    width: 10rem;
    height: 2.8125rem;
    line-height: 2.8125rem;
    text-align: center;
    padding: 0;
    border: 1px solid var(--mainColor);
    color: var(--mainColor);
    border-radius: 0;
    margin-top: 1.5rem  ;
    transition: all 0.3s ease;
}
.news .btn:hover{
    background-color: var(--mainColor);
    color: #ffffff;
}
.news li{
    width: 31.6%;
    margin-top: 2.5rem;
    transition: all 0.3s ease;
}
.news li:hover{
    color: var(--mainColor);
}
.news .inf{
    padding: 1rem 1.3125rem 20px;
    background-color: var(--grey);
}
.inf b{
    font-size: 1.25rem;
    line-height: 1.1;
    margin-bottom: .5rem;
    /* display: block; */
}
.hui{
    color: #999999;
}

.news .look{
    margin-top: 1rem;
    font-size: .875rem;
}
.news .inf .more{
    color: var(--mainColor);
    cursor: pointer;
}
/* 右侧固定部分 */
.fixed{
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 10;
}
.fixed .zmBox{
    width: 62px;
    height: 62px;
    background-color: #666666;
    border-radius: 10px;
    margin-top: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.2s;
}
.fixed .zmBox:hover{
    background-color: var(--mainColor);
}
.fixed .dropdown-menu{
    top: 0px;
    right: 62px;
    left: unset;
    /* transform: translate3d(-10.3125rem, 0, 0px) !important;  */
    background-color: #666666;
    color: #fff;
    padding: 10px 10px;
    min-width: 11rem;
    text-align: center;
}
.fixed .dropdown-menu a{
  color: #fff;
}
/* .fixed .wx .dropdown-menu{
    right: 50px;
    transform: translate3d(-10.3125rem, -1.75rem, 0px) !important; 
} */
.fixed .wx .dropdown-menu img{
    width: 100px;
}

.fixed .dropdown-toggle::after{
    display: none;
}
/* ----footer---- */
footer{
    padding-top: 4.7rem;
    margin-top: 6.9375rem;
    padding-bottom: 3.125rem;
    background-color: #121212;
}
footer .container{
  display: flex;
  justify-content: space-between;
}
footer .title{
    font-size: 1.5rem;
    line-height: 1;
}
footer .line{
    width: 3.75rem;
    height: 1px;
    background-color: var(--mainColor);
    margin-top: 30px;
    margin-bottom: 22px;
}
footer  a{
    color: #ffffff;
}
.footerPro li+li{
    margin-top: 10px;
}
.footerNav li+li{
    margin-top: 24px;
}

footer .contactUs{
    width: 21.125rem;
    min-width: 190px;
}
footer  .contactUs li{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 15px;
}
footer  .contactUs .contact img{
    margin-top: 5px;
    margin-right: 8px;
}
.lxList div{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--mainColor);
    border-radius: 50%;
    margin-right: 5%;
    flex-shrink: 0;
}
.breadcrumbs {background-color: #F5F5F5;}
.breadcrumbs .layout { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; width: 1200px; }
.breadcrumbs {height: 50px;border-bottom: 1px solid #EEEEEE;box-sizing: border-box;}
.breadcrumbs a {color: #000000;line-height: 50px;font-size: 16px;}
.breadcrumbs a:nth-child(1):before{content: ' ';width: 18px;height: 16px;display: inline-block;background: url(./img/sy.webp) no-repeat 100% 50%/cover;margin-right: 15px;vertical-align: text-top;}
.breadcrumbs a:hover {color:var(--mainColor)}
.breadcrumbs .active {color: var(--mainColor)}
.breadcrumbs .symbol{margin: 0px 10px;}
.page_main { z-index: 1; overflow: visible; padding: 50px 0 0; background: #FFF; }
.contact_for .gaug_outfit {font-size: 20px;font-weight: bold;}
.contact_for p {font-size: 14px; color: #999;}
.header_ul {list-style: none;width: 100%;flex-wrap: wrap;padding: 22;}
.header_ul li {margin-top: 22px;padding: 17px 0;border: 1px solid #e5e5e5;border-radius: 5px;position: relative;padding-left: 70px;width: 22.5%;margin-left: 3%;margin-bottom: 2%;}
.tListing:after {content:'';display:table;clear:both;}
.tListing li {float:left;}
.tList_1 li {width:23.5%;margin-left:2%;margin-bottom:2%;}
.tList_1 li:nth-of-type(4n+1) {margin-left:0;}
.contact_for .header_ul li .t1 {text-align: right;width: 49px;position: absolute;left: 0;top: 50%;height: 26px;margin-top: -13px;}
.contact_for .header_ul li .t1 img {width: auto;}
.contact_for .header_ul li .t2 {margin-right: 10px;}
.contact_for .header_ul li .t2 p {color: #666666;}
.Address_dre {font-weight: bold;padding-top: 12px;color: #333333;font-size: 20px;}
.Submit_tent{padding-top: 50px;padding-bottom: 47px;}
.contact_for .iframe_we {padding-top: 20px;}
.contact_for .Submit_tent .Sending {font-size: 20px;color: #333;font-weight: bold;}
.contact_for .gaug_outfit {font-size: 20px;font-weight: bold;}
/* ----备案---- */
.beian{
    text-align: center;
    /* height: 2.5rem; */
    line-height: 2.5rem;
    background-color: #121212;
    border-top: 1px solid #4c4c4c;
    color: #999999;
    font-size: .875rem ;
}
.beian a {
    color: #999;
}
.beian a:hover {
    color: #2c62a2;
}
@media only screen and (max-width: 480px) {
    html {
        font-size: 8px;
    }
     /* 导航 */
   .navbar-dark{
    background-color: #000000;
   }
.sub-menu {max-height: 100%;}
.sub-menu li {border-bottom: 1px solid #d3d3d3;}
.sub-menu li a{color: #ffffff;font-size: 1.3rem;}
.sub-menu li .sec-menu-list {display: none;}
.sub-menu .tit {display: block;width: 100%;padding: 0 3%;line-height: 4rem;color: #333333;position: relative;box-sizing: border-box;}
.sub-menu .sub-tit.on>a {color: #e32727;}
.sub-menu .sub-tit>i {display: block;width:25px;height: 25px;background: url(./img/next.png) no-repeat center;background-size: 8px auto;position: absolute;right: 3%;top: 0px;transition: .2s;}
.sub-menu .sub-tit.on>i {background: url(./img/next.png) no-repeat center;background-size: 8px auto;transform: rotate(90deg);}
.sub-menu .sec-list:last-child {border: 0;}
.sub-menu .sec-list p {font-size: 14px;}
.sub-menu .sec-list a {color: #ffffff;}
.news .imgHover .imgBox{height: 30.62rem;}
   .navbar-dark .logo{
    height: 29px;
   }
   .phoneNavMask{
    height: calc( 100vh - 37px );
    width: 100vw;
    background: rgba(46,46,46, 0.1);  
    position: fixed;
    top: 37px;
    right: 0;
    z-index: 900;
    display: none;
   }
   .phoneNav{
    height: calc( 100vh - 37px );
    width: 60vw;
    background: rgba(46,46,46, 0.9);
    padding: 0 10px;
    position: fixed;
    top: 37px;
    right: 0;
    z-index: 999;
    display: none;
    --animate-duration:0.5s ;
   }
   .phoneNav li{
    margin-top: 10px;
   }
   .phoneNav a{
    color: #ffffff;
   }
   .phoneNav a.active{
    color:var(--mainColor);
   }

   /* 适配 */
   .Title {
    font-size: 2.5rem;
    }
   .product .pro-switch ul{
    flex-wrap: wrap;
    justify-content: flex-start !important;
   }
   .product .pro-switch li {
        padding: 0 8px;
        height: 30px;
        line-height: 30px;
        cursor: pointer;
        margin:0 5px  10px;
        
    }
    .pro-list {
        padding: 0 10px;
    }
    .pro-list li {
        width: 48%;
        margin-top: 15px ;
    }
    .usInfo{
        flex-wrap: wrap;
    }
    .usInfo li {
        width: 94%;
        display: flex;
        justify-content: flex-start;
        text-align: left;
        margin: 0 auto 10px;
    }
    .usInfo li .icon{
        min-width: 8rem;
        height: 8rem;
        overflow: hidden;
        margin-right: 1.5rem;

    }
    .usInfo li .icon img{
        display: block;
        width: 70%;
    }
    .usInfo .title {
        margin-top: 2px;
    }
    .aboutUs{
        flex-wrap: wrap;
    }
    .aboutUs img{
        width: 100%;
    }
    .aboutInfo {
        margin:0 3%;
        padding-bottom: 20px;
    }
    .aboutInfo .title::after {
        content: '';
        width: 3.75rem;
        height: 2px;
        bottom: -8px;
    }
    .aboutInfo .btn {
        width: 10rem;
        height: 32px;
        line-height: 32px;
    }
    .newsHead {
        padding: 0 3%;
    }
    .news  ul{
        flex-wrap: wrap;
        padding-bottom: 20px;
    }
    .news li {
        width: 94%;
        margin: 2.5rem auto 0;
    }
    .beian{
        height: 50px;
        padding-top: 5px;
    }
    .inf b {
        font-size: 1.5rem;
    }
}

/* 电脑端样式 */
@media only screen and (min-width: 481px) {
    .pcHidden{
        display: none !important;
    }
}

.faq_list { position: relative; width: 100%; }
.faq-item { position: relative; overflow: hidden; margin: 0 0 20px; padding: 0 25px; width: 100%; border: 1px solid #DDDDDD; border-radius: 10px;}
.faq-item .faq-title { position: relative; padding: 15px 0; font-size: 16px; cursor: pointer; display: flex;}
.faq-item .faq-title:before { position: absolute; right: 0; content: "\f067"; font-size: 14px; color: #004562;}
.faq-item .faq-title.show-title:before { content: '\f068'; color: #004562;}
.faq-item .faq-title h3 { font-weight: bold; color: #000;}
.faq-item .faq-cont { display: none; margin: 0; margin-left: 35px;padding-bottom: 15px;}
.faq-item:first-child .faq-cont { display: block; }
.faq-cont p { color: #004060; }
.faq-item .faq-title .svg_icon {
  margin-right: 10px;
}
.faq-item .faq-title .svg_icon .icon {
  width: 25px;
  height: auto;
}
.faq_list .active {
  border: 1px solid #004562;
}
.faq_lbg {
    padding: 150px 150px 150px 150px ;
    margin-bottom: 50px;
}
.faq_lbg:after {
    background-color: rgba(168,153,136, 0.2);
}
.faqheading {
    font-size: 34px;
    color: #ffffff;
    font-family: Raleway;
    font-weight: 200;
    margin: 10px 0;
}
.faqheading-text {
    font-size: 14px;
    color: #ffffff;
    font-family: Raleway;
    font-weight: 300;
    margin: 10px 0;
}
.faq_tks {
    background-color: rgba(89,89,89, 1);
    padding-top: 70px;
    padding-bottom: 60px;
}
.faq_tksw {
    font-size: 20px;
    color: #ffffff;
    font-family: Airal;
    font-weight: 300;
    margin: 10px 0;
}
.faq_listb {
    font-size: 14px;
    color: #ffffff;
    font-family: Airal;
    font-weight: 300;
    margin: 30px 0;
    text-align: center;
}
.faq_tksw {
    text-align: center;
}
.faq_btn {
    font-size: 15px;
    font-family: Raleway;
    font-weight: 300;
    color: #ffffff;
    border: 2px solid #ffffff;
    background-color: rgba(89,89,89, 1);
    border-radius: 30px;
    line-height: 17px;
    padding: 12px 24px;
}
.faq_listb a:hover {
    color: #333333;
    border: 2px solid #ffffff;
    background-color: #ffffff;
    border-radius: 10px;
}
.main-tit-bar {
  padding: 0;
  line-height: .25rem;
  border-bottom: 2px solid #e5e5e5;
  margin: 0 0 0.35rem;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.main-tit-bar .title {
  color: #333333;
  font-weight: normal;
  margin-bottom: 10px;
}
.contact_for {
    margin: 0 auto;
}
.contact_for p {
    font-size: 14px;
    color: #999;
}
 .Asterisk_Text .asterisk_red {
    color: red;
    display: inline-block;
    text-align: center;
    position: absolute;
    /* left: 2px; */
    top: 6%;
}
.contact_for .gaug_outfit {
    font-size: 16px;
}
.header_ul li img{
    width: auto;
}
.header_ul {
    list-style: none;
    width: 100%;
    flex-wrap: wrap;
    padding: 22;
}
 .header_ul li {
    margin-top: 22px;
    padding: 17px 0;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    position: relative;
    padding-left: 70px;
    width: 22.5%;
    margin-left: 3%;
    margin-bottom: 2%;
}
.contact_for .header_ul li .t1 {
    /* width: 30%; */
    text-align: right;
    width: 49px;
    position: absolute;
    left: 0;
    top: 50%;
    height: 26px;
    margin-top: -13px;
}
.contact_for .header_ul li .t1 img {
    width: auto;
}
.contact_for .header_ul li .t2 {
    margin-right: 10px;
}
.contact_for .header_ul li .t2 p {
    color: #666666;
}
@media only screen and (max-width: 950px) {
  .news .inf>.hui{
    display: none;
  }
}

@media only screen and (max-width: 900px) {
    .contact_for .header_ul li{
        width: 45% !important;
        margin-left: 3% !important;
    }
    .contact_for .header_ul li:nth-of-type(2n+1) {
        margin-left: 0 !important;
    }
}
.contact_for .header_ul .t3 {
    color: #333333; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis; height: 40px;
}
.Asterisk_Text textarea {
    height: 233px ;
    border: 1px solid #eee !important;
    background-color: #f1f1f1;
    border-radius: 5px;
    resize: none;
    /* padding-left: 3%; */
    width: 100%;
    resize: none;
    padding-left: 1% !important;
}
.Asterisk_Text textarea::placeholder {
    color:#999;
  }
@media only screen and (max-width: 700px) {
  .phoneHidden{display: none !important;}
    .contact_for .Asterisk_Text textarea {
        height: 200px;
    }
    .form_ul li {
        width: 100% !important;
    }
    .form_ul  .asterisk{
        width: 100%;
        display: flex;
        justify-content: flex-start !important;
    }
    .contact_for  .header_ul li {
        width: 100% !important;
        margin-left: auto !important;
    }
    .contact_for .header_ul li .t1 {
        width: 10% !important;
        text-align: left !important;
        padding-left: 10px !important;
    }
    .contact_for .header_ul .t3 {
        height: auto;
    }
    footer .container {
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      width: 90%;
      padding: 0px 5%;
    }
    footer .container >div{width: 100%;}
    footer .container > div ul{
      margin: 20px 0px;
      display: none;
    }
    footer .container .contactUs ul{
      display: block;
    }
    footer .line{display: none;}
    footer .title{padding: 10px 0px;border-bottom: 1px solid #ffffff;position: relative;}
    footer .title::after{content: ' ';display: block;position: absolute;width: 25px;height: 25px;background: url(./img/next.png) no-repeat center/5px;right: 0;top: 50%;transform: translateY(-50%);}
    footer .title.show::after{transform:  translateY(-50%) rotate(90deg);}
    footer .contactUs .contact img{margin-top: 0;}
    footer .contactUs .title{border: 0;}
    footer .contactUs .title::after{display: none;}
}
.contact_for .Message_ex {
    padding-bottom: 20px;
}
.form_ul li {
    width: 365px;
    justify-content: space-between;
}
.form_ul .Asterisk_Text {
    width: 100% !important;
    /* padding-top: 25px; */
}
 .asterisk {
    width: 100%;
    padding: 13px 0;
    margin: 10px 0;
    display: flex;
    padding-left: 20px;
    background-color: #f1f1f1;
    position: relative;
    border-radius: 5px;
}
.form_ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    padding: 0 !important;
}
.form_center .asterisk_sk {
    color: red;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 50%;
    bottom: 16%;
    margin-top: -9px;
}
.form_ul li input {
    background-color: #f1f1f1;
    border: none !important;
    width: 365px;
    padding-left: 3%;
    border-radius: 5px;
}
.submiring {
    padding: 0 !important;
}
.gtm_submit_btn {
    background-color: #333333 !important;
    width: 150px !important;
    height: 40px !important;
    color: #fff;
    margin-top: 15px !important;
}
.contact_for .iframe_we {
    padding-top: 20px;
}
.contact_for .Submit_tent .Sending {
    font-size: 20px;
    color: #333;
    font-weight: bold;
}
.contact_for .gaug_outfit {
    font-size: 20px;
    font-weight: bold;
}
.Address_dre {
    font-weight: bold;
    padding-top: 12px;
    color: #333333;
    font-size: 20px;
}
.Submit_tent{
    padding-top: 50px;
    padding-bottom: 47px;
}
/* 已加 */
.tListing:after {content:'';display:table;clear:both;}
.tListing li {float:left;}
.tList_1 {}
.tList_1 li {width:23.5%;margin-left:2%;margin-bottom:2%;}
.tList_1 li:nth-of-type(4n+1) {margin-left:0;}
@media only screen and (max-width: 1366px) {
    .form_ul li {
        width: 30%;
        display: flex !important;
        justify-content: space-between !important;
    }
    .contact_for  .header_ul li {
        width: 31.3%;
    }
    .contact_for .header_ul li:nth-of-type(3n+1) {
        margin-left: 0;
    }
    .asterisk {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .form_ul {
        display: flex !important;
        justify-content: space-between !important;
    }
    .Asterisk_Text .asterisk {
        width: 100%;
    }
}
 .fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.tt_h3{
    font-size: 32px;
    line-height: 1.4;
    color: #333;
    font-family: 'Arial';
    font-weight: bold;
    text-align: center;
	text-transform: uppercase;
}
.about_us .tt_h3 p{text-transform:capitalize;font-size: 19.8px; }
.sCalePic{
    position: relative;
    width: 100%;
    padding-bottom: 56%;
	overflow: hidden;
}
.sCalePic img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover; 
	transition: all .6S;
}
.swiper-slide:hover .sCalePic img{transform:scale(1.1);}
.page_aboutIntro{
    margin-bottom: 40px;
}
.page_aboutIntro .pic{width: 45%;padding: 3.5%;position: relative;margin-bottom: 20px;}
.page_aboutIntro .pic:before{
 content:'';
 position: absolute;
 width: 80%;
 height: 100%;
 background: #f7f7f7;
 z-index: 0;
 left: 0;
 top: 0;
}
.page_aboutIntro .pic img{
    width: 100%;
    position: relative;
    z-index: 1;
}
.page_aboutIntro .ro{
    font-size: 16px;
    color: #666666;
    line-height: 1.6;
	position:relative;
	top:36px;
}
.page_aboutIntro .tt_h3{
    margin-bottom: 20px;
    text-align: left;
}
.page_CompanyPhotos{
    padding-bottom: 50px;
}
.page_CompanyPhotos .tt_h3{
    margin-bottom: 35px;
}
.page_CompanyPhotos .page_CompanyPhotos_swiper{}
.page_CompanyPhotos_swiper{position: relative;} 
.page_CompanyPhotos_swiper .page_swiper_prev{
    left: -15px;
} 
.page_CompanyPhotos_swiper .page_swiper_next{
    right: -15px;
} 
.page_CompanyPhotos_swiper a{}
.page_CompanyPhotos_swiper .sCalePic{}
.page_CompanyPhotos_swiper p{
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 2;
    height: 32px;
    margin-top: 10px;
}
.page_swiper_prev,.page_swiper_next{
    width: 30px;
    height: 66px;
    background-color: rgba(0,0,0,.49);
    background-size: 11px 25px;
    margin-top: -53px;
}
.page_swiper_prev{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAaCAYAAABhJqYYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MjU4Yjg4NDctMTRhMS0zZTQzLWIxZTQtN2YwOTBmMzg1NWNlIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkEzNkQwM0I4OERDQzExRUVCMDUxOTBFMjRGRjI0RDNEIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkEzNkQwM0I3OERDQzExRUVCMDUxOTBFMjRGRjI0RDNEIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC4wIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg2NGViZTY3LWEyMzQtOTc0OS1hZTdjLTE0OGVkN2FhMWIzOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNThiODg0Ny0xNGExLTNlNDMtYjFlNC03ZjA5MGYzODU1Y2UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42JzCQAAAA8klEQVR42mL8//8/AxFABIg9mIhQyAjEC4D4MTGKDwLxRzANcgYe3PMfArjBzsWjMAGqcANMDJfCkP8IYIxPsR6SwtfIcugeVAHiU0j8HciSyIolgfgoELMjiR3Cpfg4EIuh2XQTm+LdQCyPJYw/oPCADl/xHzdQQvYg43/8iUMWiJ8gO+MPHsVM6JxoPIo50d0Mwik43GyM7GbkmJuERbEPrhjMA+LZaM4wwuYMZLwOyeQDuJyBjC9AFf+BpWV8ivmA+DZUQxIhxSDMD8T/kJMpoWxlBTXdhhjFIJwOxBeBmI2RyHKjCIjfEasYBKwBAgwA3MvwbcDdnS4AAAAASUVORK5CYII=);}
.page_swiper_next{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAZCAYAAADnstS2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MjU4Yjg4NDctMTRhMS0zZTQzLWIxZTQtN2YwOTBmMzg1NWNlIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkEzNkQwM0I0OERDQzExRUVCMDUxOTBFMjRGRjI0RDNEIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkEzNkQwM0IzOERDQzExRUVCMDUxOTBFMjRGRjI0RDNEIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC4wIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg2NGViZTY3LWEyMzQtOTc0OS1hZTdjLTE0OGVkN2FhMWIzOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNThiODg0Ny0xNGExLTNlNDMtYjFlNC03ZjA5MGYzODU1Y2UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7v7ZQfAAAA5UlEQVR42mL4//+/IhAzEIOZGBgY+IE4mIEIAFJ8AYgNgDiVoGqoFWL/ISAEnzOQOXOhGiSJUcwAVfwKiPmIUTwbquESrtBABgehtC4Q78HlQRjW/I8K5uJzBgg/QtMwHZ/i7f8xQT5IjgVL0D/GIjYBiD8wYZF4hSP+FmBT/B2H4j/YFDPjUMyCTTEfDsWXsCmWwuEPJ2yKFbGIWQPxW/Qw5gLib2hhbIcrUuzRFDrjS0j6SOw8IN6LLyGdgppYQyg960MVTsGVUxjBOiDgGSj+gVgLX+4GAXcg/gXEZvgyN0CAAQCd/r/yDn+OLAAAAABJRU5ErkJggg==);}
.page_swiper_prev:hover,.page_swiper_next:hover{
    background-color: #272c4c;
}
.page_CompanyHonors{padding-bottom: 70px;}
.page_CompanyHonors .tt_h3{margin-bottom:30px}
.page_CompanyHonors_swiper{position: relative;}
.page_CompanyHonors_swiper a{
    border: 1px solid #e5e5e5;
    display: block;
    padding: 20px;
}
.page_CompanyHonors_swiper .sCalePic{
    padding-bottom: 144%;
}
.page_CompanyHonors_swiper p{
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 2;
    height: 32px;
    margin-top: 10px;
    bottom: 0;
    left: 0;
}
.page_CompanyHonors_swiper .swiper-slide{
    padding-bottom: 50px;
}
.page_CompanyHonors_swiper .page_swiper_prev{left: -15px;} 
.page_CompanyHonors_swiper .page_swiper_next{right: -15px;} 
 @media only screen and (max-width: 640px) {
  .page_aboutIntro .pic{width:100%}
  .tt_h3{font-size:22px}
 }
 .page_CompanyPhotos_swiper .swiper-button-next,  .page_CompanyPhotos_swiper .swiper-button-prev{
    opacity: 1 !important;
    background-repeat: no-repeat;
    background-position: center;
 }
 .page_CompanyPhotos_swiper .swiper-button-prev:before,  .page_CompanyPhotos_swiper .swiper-button-next:before{
    content: '';
 }
 .page_CompanyHonors_swiper .swiper-button-next,   .page_CompanyHonors_swiper .swiper-button-prev{
    opacity: 1 !important;
    background-repeat: no-repeat;
    background-position: center;
 }
 .page_CompanyHonors_swiper .swiper-button-prev:before,   .page_CompanyHonors_swiper .swiper-button-next:before{
    content: '';
 }
.about_us{margin-top:34px;}
.about_us .tt_h3{margin-top:40px;}
.Offshore{padding: 0 0 70px;}
.offshore_text .left{padding-right: 50px;}
.Offshore .layout >h3{
    font-size: 22px;
    color: #333;
    text-align: center;
    width: 47%;
    margin:0 auto 50px;
}
.offshore_text{
    display: flex;
}
.offshore_text .left,.offshore_bom{
    font-size: 16px;
    color: #666;
    line-height: 30px;
}
.Offshore_teo .rig h3{
    font-size: 18px;
    color: #666; 
 }
.Offshore_teo .rig .p{
   font-size: 16px;
   color: #666;
   line-height: 30px;
   margin-top: -111px;
}
.Offshore_teo .clear_fix{
    display: flex;
}
.Offshore_teo .clear_fix .lef{width:34%;}
.Offshore_teo .clear_fix .rig{width:60%;padding-left: 20px;display: flex;align-items: center;flex-wrap: wrap;}
.Offshore_teo .clear_fix:nth-child(even) .lef{
  order:2;
}
.Offshore_teo .clear_fix:nth-child(even) .rig{
	padding-right:20px;
}
.Quality_Control{padding-bottom:60px;}
.Quality_Control >div:nth-child(1) h2{
	background:url(./img/10.jpg) no-repeat left center;
	height: 59px;
	padding-left: 79px;
}
.Quality_Control >div:nth-child(2) h2{
	background:url(./img/11.png) no-repeat left center;
	height: 59px;
	padding-left: 79px;
}
.Quality_Control >div:nth-child(3) h2{
	background:url(./img/12.jpg) no-repeat left center;
	height: 59px;
	padding-left: 79px;
}
.Quality_Control >div:nth-child(4) h2{
	background:url(./img/13.png) no-repeat left center;
	height: 59px;
	padding-left: 79px;
}
.Quality_Control >div:nth-child(5) h2{
	background:url(./img/14.jpg) no-repeat left center;
	height: 59px;
	padding-left: 79px;
}
.Quality_Control >div:nth-child(6) h2{
	background:url(./img/15.png) no-repeat left center;
	height: 59px;
	padding-left: 79px;
}
.Quality_Control >div:nth-child(7) h2{
	background:url(./img/16.jpg) no-repeat left center;
	height: 59px;
	padding-left: 79px;
} 
.Quality_Control h3{ 
    font-size: 22px;
    color: #333;
    text-align: center;
    width: 47%;
    margin:0 auto 50px;
}
.Quality_Control .p{
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-bottom: 50px;
}
.Quality_Control .clear_fix_f{
    display: flex;
}
.Quality_Control .clear_fix_f h2{
    font-size: 18px;
    color: #333; 
    display: flex;
    align-items: center;
}
.Quality_Control .clear_fix_f h2 img{padding-right: 20px;}
.Quality_Control .clear_fix_f .pa{
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-top: 28px;
}
.Quality_Control .clear_fix_f .right{
    padding-left: 50px;
    width: 50%;
    padding-top: 30px;
}
.Quality_Control .clear_fix_f .left{width:50%}
.Quality_Control .clear_fix_f .left img{height: 300px;}
.gray_bj{background: #f6f6f6;padding: 70px 0;margin:60px 0;}
.gray_bj .left{order:2;}
.gray_bj .right{padding-left: 0 !important;padding-right: 50px;}

 .news_next .con p{ font-size: 22px; font-weight: bold;}


 /*----------------------------------aside---------------------------------*/

.aside {
    float: left;
    width: 18.75%;
    padding-bottom: 3.75rem;
}
.side-tit-bar {
    position: relative;
    background: #191919;
    padding-left: .9375rem;
}
.side-tit-bar .side-tit {
    position: relative;
    font-size: 1.25rem;
    height: 2.5rem;
    line-height: 2.5rem;
    overflow: hidden;
    font-weight: normal;
}
.side-tit-bar .side-tit,
.side-tit-bar .side-tit a{
    color: #fff;
}
.side-tit-bar .side-tit .txt-impt{
    color: var(--mainColor);
    font-weight: bold;
}
.side-widget {
    position: relative;
    margin: 0 0 1.25rem;
}
.side-cate {
    padding: 1.25rem 0 1.25rem .75rem;
}
.side-cate li {
    position: relative;
    line-height: 38px;
    font-size: 1rem;
}
.side-cate > li{
}
.side-cate ul {
    display: none;
}
.side-cate li,
.side-cate li a{
    color: #191919;
}
.side-cate li a {
    position: relative;
    display: block;
    height: 2.375rem;
    line-height: 2.375rem;
    overflow: hidden;
    margin-right: 1.875rem;
    text-align:left
}
.side-cate li .icon-cate {
    display: inline-block;
    position: absolute;
    right: .625rem;
    top: 0;
    font-size: .6875rem;
    cursor: pointer;
    line-height: 2.375rem;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
}
.side-cate li .icon-cate.icon-cate-down:before {
    content: '\f04b';
}
.side-cate li .icon-cate.icon-cate-up:before {
    content: '\f04b';
}
.side-cate li .icon-cate.icon-cate-up{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.side-cate li li{
    font-size: .14rem;
}
.side-cate li li a{
    padding-left: .9375rem;
    padding-right: 0;
}
.side-cate li li a:before{
    content: '';
    display: inline-block;
    width: .25rem;
    height: .25rem;
    position: absolute;
    left: 0;
    top: 1.0625rem;
    background-color: #666;
}
.side-cate li.active > a{
    color: #da9d67;
}
.side-cate li.active > .icon-cate{
    color: #000;
}
.side-cate li li > a:hover:before{
    background-color: #da9d67;
}
.side-cate li li.active > a:before{
    background-color: #da9d67;
}


.side-cate li.nav-current>a,
.side-cate li>a:hover,
li.show_li>a {
    color: #da9d67;
}
.side-cate li li.nav-current>.icon-cate,
.side-cate li li>.icon-cate:hover,
li.show_li>.icon-cate {
    color: #000;
}
.side-product-items {
    position: relative;
    padding: 3.125rem 0;
}
.side-product-items .items_content {
    position: relative;
    height: 20rem;
}
.side-product-items .items_content {}
.side_product_item {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    height: 5.9375rem;
}
.side_product_item figure {
    position: relative;
    display: table;
    width: 100%;
    height: 5.9375rem;
    overflow: hidden;
}
.side_product_item .item-img {
    width: 6rem;
    display: table-cell;
    vertical-align: middle;
}
.side_product_item .item-img:before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.side_product_item .item-img img {
    position: relative;
    width: 100%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    transform: scale(1.1,1.1);
}
.side_product_item figcaption {
    display: table-cell;
    vertical-align: middle;
}
.side_product_item figcaption a{
    display: inline-block;
    line-height: 1rem;
    max-height: 2.25rem;
    overflow: hidden;
    padding-left: 1.5625rem;
    font-size: .9rem;
    color: #191919;
}
.side_product_item .item-img:hover + figcaption a{
    color: #da9d67;
}
.side-product-items .btn-prev,
.side-product-items .btn-next {
    position: absolute;
    left: 0;
    width: 100%;
    height: 15px;
    display: block;
    cursor: pointer;
    opacity: .15;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.side-product-items .btn-prev {
    top: 1.25rem;
    background: url(img/side_product_up.png) no-repeat center center;
}
.side-product-items .btn-next {
    bottom: 1.25rem;
    background: url(img/side_product_down.png) no-repeat center center;
}
.side-product-items .btn-prev:hover,
.side-product-items .btn-next:hover{
    opacity: 1;
}
.aside .side-bn {
    max-width: 100%;
    margin: 0 0 25px 0;
}
.aside .side-bn img {
    max-width: 100%
}


.product_list {
  position: relative;
  width: 76%;
  float: right;
  padding-bottom: 0.6rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.product_item{
  width: 30%;
  margin-bottom: 20px;
  transition: .2s;
  padding: 4px;
}
.product_item:hover{
 box-shadow: 0 0 .1rem rgba(0,0,0,.3);
}
.product_item .item_img a{overflow: hidden;display: block;width: 100%;}
.product_item .item_img img{transition: .2s;}
.product_item:hover img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.item_img img{width: 100%;}
.product_item .info{
  padding: 15px;
  background-color: #ffffff;
}
.product_item .info p{
  margin-bottom: 0px;
}



.container .layout {overflow: hidden;}

.page_bar{ position:relative;  line-height:31px; height:33px; margin:40px 0; text-align:center; font-size:12px;}

.page_bar a,.page_bar  span{position:relative; display:inline-block; vertical-align:top; padding:0 12px;  border:1px solid #ccc; margin:0 4px; text-align:center; border-radius:3px;filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fefefe',endColorStr='#ececec',gradientType='0');background: -moz-linear-gradient(top, #fefefe, #ececec);background: -o-linear-gradient(top,#fefefe, #ececec);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#ececec));-webkit-transition: none;-o-transition: none;transition: none;}

.page_bar a.current,.page_bar a:hover{ color:#FFF; background:#333;  border-color:#333 }

.page_bar a:not(.current):hover{ border-color: #333;background-color: #333;color: #fff; }

.page_bar  span.current2{margin-left: 8px;}
.pagination{display: block;}


.page_bar .pagination .active span {
	color: #FFF;
  background: #333;
  border-color: #333;
}


/*----------------------------------main---------------------------------*/
.layout {width: auto;max-width: 1200px;margin: 0px auto ;position: relative;}
.main_content {margin:3.4375rem auto 0rem}
.main {
    position: relative;
    width: 76%;
    float: right;
    padding-bottom: .6rem;
}
.main-tit-bar {
    padding: 0;
    line-height: 2.5rem;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 2.1875rem;
    position: relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    display: table\9;
}
.main-tit-bar .title,
.main-tit-bar .path-bar,
.main-tit-bar .share-this{
    display: table-cell\9;
    vertical-align: top\9;
}
.main-tit-bar .title,
.main-tit-bar .path-bar{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
}
.main-tit-bar .title{
    line-height: 2.5rem;
    font-size: 1.25rem;
}
.main-tit-bar .path-bar{
    margin: 0;
    padding: 0;
}
.main-tit-bar .path-bar .path-nav{
    width: auto;
    max-width: inherit;
    border-bottom: 0;
    padding: 0;
}
.main-tit-bar .share-this{
    width: 30%;
    max-width: 250px;
    text-align: right;
}
.main-tit-bar .share-this img{
    max-width: 100%;
}
.product-intro {
    position: relative;
    overflow: hidden;
    padding-bottom: .2rem;
}
.cloud-zoom-lens {
    border: 1px solid #eee;
    cursor: move;
}
.cloud-zoom-title {
    font-family: Arial, Helvetica, sans-serif;
    position: absolute !important;
    background-color: #000;
    color: #fff;
    padding: 3px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    top: 0px;
}
.cloud-zoom-big {
    /*border: 1px solid #eee;*/
    overflow: hidden;
    padding: 0px;
}
.cloud-zoom-loading {
    color: white;
    background: #222;
    padding: 3px;
    border: 1px solid #000;
}
/* .product-view .product-image.zoom_remove:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    z-index: 999;
} */
.product-view .product-image.zoom_remove:after { position: absolute; bottom: 0; left: 0; z-index: 999; width: 100%; height: 100%; content: ""; }
.product-view { position: relative; float: left; width: 33.67%; }
.product-view .product-image { overflow: hidden; border: 1px solid #8e8e8e; }
.product-view .product-image img { position: relative; width: 100%; }
.product-view .image-additional-wrap { position: relative; z-index: 999; margin-top: 22px;  }
.product-view .image-additional { position: relative; overflow: hidden; padding: 0 2px; }
.product-view .image-additional li { position: relative; float: left; display: -webkit-box; display: -webkit-flex; display: flex; overflow: visible; width: 100%; width: 30%; margin-right: 12px;height: auto; overflow: hidden;; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; }
.product-view .image-additional li:before { position: absolute; bottom: -5px; left: 40%; z-index: 1; display: block; width: 20%; height: 4px; border-radius: 6px; content: ''; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.product-view .image-additional li.single { display: none; }
.product-view .image-additional li img { position: relative; display: block; margin: 0 auto; width: 100%; opacity: .4; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; filter: alpha(opacity=40); }
.product-view .image-additional li a { position: relative; display: block; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.product-view .image-additional li.current { border: 1px solid #eb5c20; -bottom: 0; }
.product-view .image-additional li.current img { opacity: 1; filter: alpha(opacity=100); }
.product-view .image-additional img.popup { display: none; }
.ad_prompt { position: absolute; top: 50%; left: 0; display: block; display: none; margin: -20px 0 0; width: 100%; color: #eb5c20; text-align: center; font-size: 20px; line-height: 40px; -webkit-animation: twinkling 1s infinite ease-in-out; animation: twinkling 1s infinite ease-in-out; }
.product-view .image-additional.swiper-container-horizontal>.swiper-pagination-bullets { display: none; }
.product-view .swiper-button-next, .product-view .swiper-button-prev { padding: 0;border: 0;margin-top: 0px; top: 0;width: auto; height: 100%; background: none; font-size: 24px; line-height: 26px; opacity: 0; filter: alpha(opacity=100); }
.product-view .swiper-button-next:after,.product-view .swiper-button-prev:after{font-size: 28px;background-color: rgba(0,0,0,.6);height: 100%;line-height: 2;color: #ffffff;padding: 0px 2px;}
.product-view .swiper-button-prev { left: 0; }
.product-view .swiper-button-next { right: 0; }
.product-view .swiper-button-next:before, .product-view .swiper-button-prev:before {  }
.product-view .swiper-button-next:before { background-position: -26px -50px; opacity: .8; }
.product-view .swiper-button-prev:before { background-position: 0 -50px; opacity: .8; }
.product-view .swiper-button-next:hover:before { opacity: 1; }
.product-view .swiper-button-prev:hover:before { opacity: 1; }
.product-view .swiper-button-next.swiper-button-disabled, .product-view .swiper-button-prev.swiper-button-disabled { opacity: 0; filter: alpha(opacity=100); }
.product-view:hover .swiper-button-prev, .product-view:hover .swiper-button-next { background: none; opacity: 1; filter: alpha(opacity=100); }
.product-view:hover .swiper-button-disabled { opacity: .3; filter: alpha(opacity=30); }
.product-view .image-additional-wrap:hover .product-view .swiper-button-next, .product-view .swiper-button-prev{opacity: 1;}





/*product summary*/

.product-summary {
    position: relative;
    width: 53%;
    float: right;
    font-size: 14px;
}
.product-summary .product-title{
    line-height: .4rem;
    border-bottom: 1px solid #c5c5c5;
    font-size:.24rem;
    font-weight: normal;
    color: #000;
    margin-bottom: .3rem;
}
.product-summary .product-meta {
    line-height: 25px;
}
.product-summary .product-meta h3 {
    margin: 0 0 .9375rem;
    font-size: 1.125rem;
    font-weight: normal;
    color: #aaa;
}
.product-summary .product-meta ul{
}
.product-summary .product-meta li{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    flex-direction:row;
    padding-bottom: .1875rem;
    font-size: .875rem;
    width: 100%;
    display: table\9;
}
.product-summary .product-meta li > em,
.product-summary .product-meta li > span{
    display: table-cell\9;
}
.product-summary .product-meta li em{
    width: 40%;
    max-width: 12em;
}
.product-summary .product-meta li span{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
}
.product-summary .product-meta li em{
    color: #aaa;
}
.product-btn-wrap {
    position: relative;
    margin: 3.75rem 0 0;
    text-align: left;
}
.product-btn-wrap .email,
.product-btn-wrap .pdf,
.product-btn-wrap .buy {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 3px;
    background: #da9d67;
    border: 2px solid #da9d67;
    color: #FFF;
    font-size: .875rem;
    margin: 0 1.25rem .3125rem 0px;
    text-transform: uppercase;
    border-radius: 3px;
}
.product-btn-wrap .email:before,
.product-btn-wrap .pdf:before,
.product-btn-wrap .buy:before{
    margin-right: .3125rem;
}
.product-btn-wrap .buy {
    text-transform: uppercase;
    font-size: 18px;
    padding: 0 30px;
}
.product-btn-wrap .email:before {
    content: "\f003";
    padding: 0 3px 0 0;
}
.product-btn-wrap .pdf:before {
    content: "\f1c1";
    padding: 0 3px 0 0;
}
.product-btn-wrap .email:hover,
.product-btn-wrap .pdf:hover,
.product-btn-wrap .buy:hover {
    background: #fff;
    color: #da9d67;
    border-color: #da9d67;
}
.product-summary .share-this {
    margin: 1.5625rem 0 0;
    text-align: right;
}


/* product detail */
.product-detail {
    position: relative;
    overflow: visible;
    padding: .9375rem 0 0;
}
.detail-tabs {
    position: relative;
    border: 1px solid #ccc;
    background-color: #f2f2f2;
    margin-bottom: -1px;
    overflow: hidden;
}
.detail-tabs .title {
    position: relative;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    line-height: 30px;
    cursor: pointer;
    font-size: .875rem;
    padding: 0 2.1875rem;
    font-weight: normal;
    border-right: 1px solid #ccc;
    text-transform: uppercase;
    color: #999;
    font-weight: bold;
    float: left;
    margin-bottom: 0px;
}
.detail-tabs .title.current {
    background-color: #fff;
    position: relative;
    margin-bottom: -1px;
    padding-bottom: 1px;
    font-weight: bold;
    color: #333;
}
.product-detail .tab-panel-content {
    padding: 1.875rem;
    display: block;
    overflow: hidden
}
.product-detail .disabled {
    display: none;
}

.tab-panel-wrap{
    border: 1px solid #ccc;
    margin-bottom: 3.125rem;
}
.tab-panel-wrap .entry {
    color: #404040;
}
.tab-panel-wrap .entry a {
    color: #2c62a2;
}
.tab-panel-wrap .entry p{
    font-size: 1rem;
    padding: .5rem 0;
    margin-bottom: 0px;
}
.tab-panel-wrap .entry table{
  border: 1px solid #ccc ;
}
.tab-panel-wrap .entry td{
  border: 1px solid #ccc ;
  padding-left: 10px;
}
.tab-panel-wrap .entry h2,
.tab-panel-wrap .entry h3,
.tab-panel-wrap .entry h4{
    padding: .9375rem 0;
    line-height: 1.3;
    font-weight: normal;
}
.tab-panel-wrap .entry h2{
    font-size: 2rem;
}
.tab-panel-wrap .entry h3{
    font-size: 1.5rem;
}
.tab-panel-wrap .entry h4{
    font-size: 24px;
}


/* inquiry form */
.inquiry-form-wrap .inquiry-form-title{
    padding: .1875rem 1.5625rem;
    position: relative;
    background-color: #da9d67;
    color: #fff;
    font-size: 1rem;
    line-height: 1.875rem;
    vertical-align:top;
    display: inline-block;
}
.inquiry-form{
    border-color: #ccc;
    padding: 1.875rem 1.5625rem;
}
.inquiry-form .form-item{
    padding-bottom: .3125rem;
}
.inquiry-form  input[type="text"].form-input,.inquiry-form textarea.form-text{
    border-color: #ccc;
}

.inquiry-form-wrap{
	position:relative;
	width:100%;
	}
.inquiry-form-wrap .inquiry-form-title{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	line-height:1.875rem;
	padding:0 1.5625rem;
	color:#FFF;
	z-index:1;
	}	
.inquiry-form{
	position:relative;
	background:#FFF;
	padding: 1.25rem;
	border:1px solid #E3E3E3;
	top:-1px;
	}	
.inquiry-form .inquiry-form-ico{position:absolute;right: 1.25rem;top: 1.6875rem;width: 4.6875rem;display:block;overflow:hidden;}

.inquiry-form .inquiry-form-ico img{position:relative;width:100%;}		
	
.inquiry-form .form-item{
	position:relative;
	display:block;
	}
.inquiry-form  input[type="text"].form-input,.inquiry-form textarea.form-text{
	position:relative;
	border:1px solid #eee;
	width:60%;
	height:30px;
	line-height:30px;
	margin:0 0 10px;
	color:#000;
	padding:0 .625rem 0 1.75rem;
	font-size:12px;
	}
.inquiry-form textarea.form-text{
	width:90%;
	height: 7rem;
	padding:0  .9375rem;
	}
.inquiry-form .form-input-name,.inquiry-form input[type="text"].form-input-name{

	background:url(img/custom_service/inq04.png) no-repeat .5rem .4375rem;
	}	
.inquiry-form .form-input-email,.inquiry-form input[type="text"].form-input-email{
	
	background:url(img/custom_service/inq05.png) no-repeat .5rem .5625rem;
	}	
.inquiry-form .form-input-email,.inquiry-form input[type="text"].form-input-phone{
	
	background:url(img/custom_service/inq06.png) no-repeat .5rem .5rem;
	}	
.inquiry-form .form-btn-wrapx{z-index: 99;}
.inquiry-form .form-btn-wrapx .form-btn-submitx{display:inline-block;vertical-align:top;*display:inline;*zoom:1;height:30px;line-height:30px;width:auto;
padding:0 16px;font-size:14px;border-width:1px;border-style:solid;border-left-color:#ECC75C;border-right-color:#ECC75C;border-top-color:#F4D67E;border-bottom-color:#E1AF32;border-radius:5px;color:#4C4C4E;text-shadow:0 0 1PX rgba(0,0,0,0.3);background:-moz-linear-gradient(top, #FFF5D1, #FCE26B);background:-ms-linear-gradient(top, #FFF5D1, #FCE26B);	background:-o-linear-gradient(top,#FFF5D1, #FCE26B);background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF5D1), to(#FCE26B));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5FFF5D1,endColorstr=#e5FCE26B);}
.inquiry-form .form-btn-wrapx .form-btn-submitx{*display:inline;}
.inquiry-form .Validform_checktip{display:block;width:93%;margin:-5px auto 5px;_display:none;}
.inquiry-form .Validform_wrong{font-size:12px;font-weight:bold;color:#da3439;_display:block;}		
.wpcf7-form .captcha-image{position: relative;padding-bottom: 20px;}
.wpcf7-form .captcha-image .Validform_checktip{position: absolute;left: 20px;bottom: 0;}
.inquiry-form ::-webkit-input-placeholder{
color:#999;
} 
.inquiry-form :-moz-placeholder { 
color:#999;
} 
.inquiry-form ::-moz-placeholder {
color:#999;
} 
.inquiry-form :-ms-input-placeholder {
color:#999;
} 


/*like product*/
.goods-may-like .goods-like{
  padding-left: 14px;
}
.goods-may-like {
    position: relative;
    margin: 3.125rem 0 0;
}
.goods-title-bar {
    line-height: 2rem;
    padding: .5rem 0 .9375rem;
    margin: 0 auto 1.5625rem;
    border-bottom: 1px solid #c5c5c5;
}
.goods-title-bar .title {
    display: inline-block;
    font-size: 1.125rem;
    position: relative;
    text-transform: uppercase;
}
.goods-title-bar .title,
.goods-title-bar .title a {
}
.goods-title-bar .title .txt-impt{
    color: #da9d67;
    font-weight: bold;
}
.goods-may-like .goods-items{
    width: auto;
    margin: 0 -0.625rem;
}
.goods-may-like .product-item{
    width: auto;
    float: none;
    padding: .3125rem;
    margin-top: .625rem;
    margin: 0;
}
.goods-may-like .product-item .item-wrap{
    overflow: hidden;
    position: relative;
    padding: .3125rem;
}

.goods-may-like .owl-carousel .owl-stage-outer{
}
.goods-may-like .owl-carousel .owl-controls .owl-nav{
    width: auto;
    left: auto;
    right: .625rem;
    top: -4.375rem;
}
.goods-may-like .owl-carousel .owl-item{
    overflow: visible;
}

.goods-may-like .owl-carousel .owl-controls .owl-prev,
.goods-may-like .owl-carousel .owl-controls .owl-next{
    display: inline-block;
    font-size: 1.125rem;
    width: 1.5625rem;
    height: 1.5625rem;
    line-height: 1.5625rem;
    background-color: #ccc;
    text-align: center;
    border-radius: 0;
    padding: 0 .125rem;
    color: #fff;
    margin-left: .625rem;
}
.goods-may-like .owl-carousel .owl-controls .owl-prev:before,
.goods-may-like .owl-carousel .owl-controls .owl-next:before{
    display: inline-block;
    -webkit-transform: scale(1, .6);
    -ms-transform: scale(1, .6);
    -o-transform: scale(1, .6);
    transform: scale(1, .6);
}
.goods-may-like .owl-carousel .owl-controls .owl-prev:before{
    content: '\f0d9';
}
.goods-may-like .owl-carousel .owl-controls .owl-next:before{
    content: '\f0da';
}
.goods-may-like .owl-carousel .owl-controls .owl-prev:hover,
.goods-may-like .owl-carousel .owl-controls .owl-next:hover{
    background: #da9d67;
    color: #fff;
}
.goods-may-like .owl-carousel .owl-controls .owl-next{
    margin-left: .625rem;
}
.goods-may-like .owl-loaded .product-item{
    display: block;
}
.goods-may-like .product-item .gd-btn-box{
    text-align: right;
}

/* product list */
.product-items {
}
.product-item {
    position: relative;
    width: 25%;
    padding: .3125rem;
    margin: 0 0 1.25rem;
    float: left;
}
.product-item:hover{
    z-index: 1;
}
.product-item .item-wrap {
    position: relative;
    padding: .625rem;
    background-color: #fff;
}
.product-item .item-wrap:hover{
    box-shadow: 0 0 .625rem rgba(0,0,0,.3);
}
.product-item .item-img {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
.product-item .item-img img {
    position: relative;
    width: 100%;
    -moz-transition:.8s all ease;
    -o-transition:.8s all ease;
    -webkit-transition:.8s all ease;
    transition:.8s all ease;
}
.product-item .item-img:hover img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.product-item .item-info{
    padding: .9375rem 0 .625rem;
}
.product-item .item-info .item-title {
    text-transform: capitalize;
    font-size: .875rem;
    font-weight: normal;
    overflow: hidden;
    position: relative;
}
.product-item .item-info .item-title a{
    display: block;
    height: 1.875rem;
    line-height: 1.875rem;
    padding-right: 6%;
    overflow: hidden;
    position: relative;
    z-index: 3;
    font-size: .875rem;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.product-item .item-info .item-title a:hover,
.product-item .item-wrap:hover .item-info .item-title a{
    color: #da9d67;
}
.product-item .item-wrap{
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.product-item .item-info .gd-btn-box{
    padding-top: 1.25rem;
}
.product-item .item-wrap:hover .item-title{
    color: #da9d67;
}
.product-item .item-wrap:hover .gd-btn{
    background-color: #fe0000;
    border-color: #fe0000;
}
.product-item .item-wrap:hover .gd-btn{
    top: 0;
}
.product-item .gd-btn-box{
    text-align: left;
}
/* news */

.news .main{width: 100%;}
.main-tit-bar {
  padding: 0;
  line-height: 2.5rem;
  border-bottom: 1px solid #e5e5e5;
  margin: 0 0 2.1875rem;
  position: relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-direction:row;
  flex-direction:row;
  -webkit-box-align: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  display: table\9;
}
.main-tit-bar .path-bar{
    margin: 0;
    padding: 0;
}
.news .main-tit-bar .title{font-weight: bold;}
.main-tit-bar .path-bar .path-nav{
    width: auto;
    max-width: inherit;
    border-bottom: 0;
    padding: 0;
}
.main-tit-bar .share-this{
    width: 30%;
    max-width: 250px;
    text-align: right;
}
.main-tit-bar .share-this img{
    max-width: 100%;
}

.blog_list {
    position: relative;
    width: 100%;
}
.blog_list .blog-item {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 1.875rem 0;
}
.blog-item:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.blog-item:after{
    content: '';
    width: 50%;
    opacity: 0;
    height: 2px;
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    background-color: #000;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.blog-item:hover:after{
    opacity: 1;
}
.blog-item .item-wrap {
  display: flex;
}
.blog-item .item-img {
    position: relative;
    display: block;
    max-width: 15.625rem;
    margin: 0 1.875rem 0 0;
    float: left;
}
.blog-item .item-img img {
    position: relative;
    width: 100%;
}
.blog-item .item-info {width: 100%;}
.blog-item .item-info .item-title {
    font-size: 1.5rem;
    font-weight: normal;
}
.blog-item .item-info time {
    display: block;
    font-style: italic;
    margin: .5rem 0;
}
.blog-item .item-info .item-detail {}
.blog-item .item-info .item-more {
    float: right;
    color: #fff;
    display: inline-block;
    border: 1px solid #000;
    background-color: #000;
    padding: .25rem .9375rem;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.blog-item .item-info .item-more:hover{
    background-color: #fe0000;
    border-color: #fe0000;
    color: #fff;
}
.blog-item:hover:after{
    width: 100%;
}
.blog-item:hover .item-info .item-more:hover{
    color: #fff;
}




@media screen and (max-width:1200px) {
  .aside{display:none}
    .layout{width: 95%;}
    .breadcrumbs .layout{width: 95%;}
	.Offshore_teo .rig .p{margin-top: 0;}
  .main{width: 100%;}
  .product_list{width: 90%;margin: 0px auto;float: none;}
  .product_item{width: 50%;}
  .slidebar-right{display: none !important;}
}
@media screen and (max-width:768px) {
    .offshore_text,.Offshore_teo .clear_fix,.Quality_Control .clear_fix_f{display: inline;}
    .Offshore .layout >h3,.Quality_Control h3{width: 100%;}
    .Quality_Control .clear_fix_f .right{padding-left: 0;}
    .Quality_Control .clear_fix_f .left{ text-align: center;}
    .Quality_Control .clear_fix_f .left img{margin:0 auto;max-width: 100%; }
    .gray_bj .right{padding-right: 0;}
    .Quality_Control .clear_fix_f .right{padding: 20px !important;}
	.Offshore_teo .clear_fix .lef{width: 100%;}
	.Offshore_teo .clear_fix .rig{width: 100%;padding-left: 0px;}
	.Offshore_teo .clear_fix:nth-child(even) .rig{padding-right:0;}
	.Quality_Control .clear_fix_f .left{width: 100%;}
    .Quality_Control .clear_fix_f .right{width: 100%;}
}


/*common.css*/
.pro1-txt a,.entry a,.artic_content a{color: #2c62a2 !important; font-weight: bold;}
.pro1-txt a:hover,.entry a:hover,.artic_content a:hover {color: #2c62a2 !important;text-decoration: underline !important; }
.news_next a:hover {color: #2c62a2 !important;}
.artic_content a u {text-decoration: none;}



.index_app_swi_box {
    margin-top: 70px;
}.index_app_swi {
    padding-top: 100px;
}.index_app_swi .swiper-wrapper .swiper-slide:nth-child(2) {
    margin-top: 37px;
    position: relative;
    z-index: 1;
}.index_app_swi .swiper-wrapper .swiper-slide:nth-child(3) {
    margin-top: -100px;
}.index_app_swi .swiper-wrapper .swiper-slide:nth-child(4) {
    margin-top: 37px;
    position: relative;
    z-index: 1;
}.index_app_swi .swiper-wrapper .swiper-slide:nth-child(5) {
    margin-top: -56px;
}
.index_app{
    padding: 5% 0;
}
.home_abo{
    width: 100%;
    margin: 4% 0 0;
    overflow: hidden;
}
.home_im {
    width: 100%; /* 或者设置为具体的固定宽度，例如 1200px */
    overflow: hidden; /* 隐藏超出部分 */
}

.imli{
   
      height: 0 !important;
      padding-bottom: 25%;
     position: relative;
}
.home_im .swiper-slide{
    height: 0;
    padding-bottom: 25%;
    position: relative;overflow: hidden;transition: all 0.3s ease;
}
.home_im .swiper-slide img{
    position: absolute;transform: scale(1);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}
.home_im .swiper-slide:hover img{
    transform: scale(1.1);
}

@media only screen and (max-width: 950px){
.imli{
   
      
      padding-bottom: 50%;}
}