.about-banner{ width: 98.5%; height: auto; background: url(../images/about-banner.png) no-repeat center; margin-top: 15px; border-radius: 6px; background-size:cover;   text-align: center;  padding: 120px 0;}
.about-banner h1{ color: #FFFFFF; font-size: 2rem; line-height: 64px;  }
.about-banner p{ color: #FFFFFF; font-size: 1.1rem; line-height: 26px; font-weight: normal;}
.about-banner .container{ padding: 0 180px;}

.about-bannerc{ width: 98.5%; height: auto; margin-top: 15px; border-radius: 6px; background-size:cover; text-align: center;  padding: 120px 0;}
.about-bannerc h1{ color: #FFFFFF; font-size: 2rem; line-height: 64px;  }
.about-bannerc p{ color: #FFFFFF; font-size: 1.1rem; line-height: 26px; font-weight: normal; width:60%; line-height:30px; margin:0 auto;}
.about-bannerc .container{ padding: 0 180px;}

.about-company{width: 98.5%; height: auto; background: #f2f8ff; margin-top: 15px; border-radius: 6px; padding: 15px 0 230px 0;}

.about-company-box{ background: #FFFFFF;  border-radius: 6px; padding: 40px; position: relative; z-index: 333; margin-top: -192px;}
.about-company-box-left{ width: 37%;}
.about-company-box-left img{ width: 100%; height: auto;}

.about-company-box-right{ width: 63%; padding-left: 40px; padding-top:30px;}
.about-company-box-right h3{ color: #111; font-size:2rem; line-height:36px;}
.about-company-box-right-info{ font-size: 1rem; line-height: 28px; padding-top: 20px;}


.about-title{ text-align: center; padding: 50px 0 45px 0;}
.about-title b{ text-transform: uppercase; font-size: 2rem; line-height: 42px;}
.about-title p{ line-height: 26px; font-size: 1.1rem; margin-top: 5px; padding: 0 170px;}


.about-solution{width: 98.5%; height: auto; margin-top: -190px; border-radius: 6px; background: url(../images/about-solution.png) no-repeat center; background-size:cover; padding: 200px 0 55px 0; color: #FFFFFF;}
.about-solution .about-title b{ color: #FFFFFF;}
.about-solution-list{}
.about-solution-list dl{ width: 17%; background: #FFFFFF; border-radius: 50%;  text-align: center; color: #333333;  aspect-ratio: 1; /* 保持宽高相等 */   display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;}
.about-solution-list dl dt{ line-height: 52px;}
.about-solution-list dl dt b{ display: inline-block; color: #0F60CC; font-size: 3.4rem;}
.about-solution-list dl dt span{display: inline-block; color: #0F60CC; font-size: 1.6rem; font-weight: bold; padding-left: 5px;}
.about-solution-list dl dd{ line-height: 42px; font-size: 1rem;}


.about-services{ padding-bottom: 50px;}
.about-services dl{ width: 100%; height:auto; float:left; margin-bottom:25px; padding:20px; background:#fff; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1); border-radius: 12px; cursor:pointer;}
.about-services dl dt{ width: 42%;  float:left; overflow:hidden; border-radius: 12px;}
.about-services dl dt img{ width:100%; height:auto; border-radius: 12px;}
.about-services dl:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.about-services dl dd{ width:58%; padding-left:55px; float:left; padding-top:30px; }
.about-services dl dd h3{display:block; color:#111; font-size:1.4rem; line-height:30px; margin-bottom:10px; }
.about-services dl dd a{display: inline-block; width: auto; height: 46px; line-height: 44px;  border-radius: 24px; background: #fff; border:1px solid #333; margin-top:20px; padding: 0 35px;}
.about-services dl dd a:hover{background: linear-gradient( 90deg, #0088FF 0%, #00FFC2 100%); color: #FFFFFF; border:none; line-height: 46px; }
.about-services dl dd a.btn-excess-inventory:hover{background: linear-gradient( 90deg, #FD6168 0%, #BB67E1 100%); }
.about-services dl dd a img{ margin-left:10px;}
.about-services dl dd a:hover img{filter: invert(1) brightness(2) grayscale(1);}
.about-services dl:nth-child(even) dt{ float:right;}
.about-services dl:nth-child(even) dd{ padding-left:0; padding-right:55px;}
.about-services dl dd div ul li{ padding-left:20px; line-height:26px;  background: url(../images/abcir.png) no-repeat left 7px;}
.about-services dl dd strong {color: #1d59b2;}


.about-brand{ width: 100%; height: auto; padding-bottom: 50px; background: url(../images/about-brand.png) no-repeat center; background-size:cover;}
.about-brand-list{}
.about-brand-list a{ display: block; width: 13.3%; margin-bottom: 1%; background: #FFFFFF; padding: 15px; border-radius: 6px;border: 1px solid #EEEEEE;}
.about-brand-list a img{ width: 100%; height: auto;}
.about-brand-list a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.about-info{ padding:30px; margin-bottom:30px; background:#fff; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1); border-radius: 6px;}
.about-info h4{ font-size:1.8rem; line-height:36px;}
.about-info-content{ padding-top:20px; line-height:26px;}
.about-info-content img{max-width:100%; height:auto;}

.about-info-left{ width:45%; cursor:pointer;}
.about-info-left img{ width:100%; height:auto; border-radius:15px;}
.about-info-left:hover img{border-radius:30px;}
.about-info-right{ width:55%; padding-left:40px;}
.about-info-right h3{ font-size:1.4rem; line-height:32px; margin-bottom:10px;}
.about-info-right strong{ color:#1d59b2;}
.about-info-right b{ color:#1d59b2;}
.about-info-right p{ margin-top:15px;}
.about-info-right li{ list-style:disc; margin-left:15px;}
.about-info-right p a{ }
.sell-excess-1{ display: inline-block; color:#333 !important;  padding:0 25px; border-radius: 30px; margin-top: 15px; line-height:42px; height:42px; border:1px solid #333;}
.sell-excess-1:hover{background: linear-gradient( 90deg, #00FFC2 0%, #0088FF 100%); color:#ffffff !important; text-decoration:none !important; border-color:#fff;}
.about-info-right p a.btn-excess-inventory{ display: inline-block; color:#333 !important;  padding:0 25px; border-radius: 30px; margin-top: 15px; line-height:42px; height:42px; border:1px solid #333;}
.about-info-right p a.btn-excess-inventory:hover{background: linear-gradient( 90deg, #BB67E1 0%, #FD6168 100%);  color:#fff !important; border-color:#fff;}


/*about-sourcing*/
.about-sourcing{width: 98.5%; height: auto; background: #f2f8ff; margin-top: 15px; border-radius: 6px; padding: 25px 0;}
.about-sourcing strong{ color:#1d59b2;}
.about-sourcing-box1{}
.about-sourcing-box1 dl{ text-align:center; width:31.5%; background:#fff;  border-radius:12px; padding:35px; cursor:pointer;}
.about-sourcing-box1 dl dt h3{ display:block; color:#111; font-size:1.4rem; line-height:30px; margin-top:25px; margin-bottom:10px; font-weight:bold;}
.about-sourcing-box1 dl dt p{ line-height:22px; }
.about-sourcing-box1 dl dd{ margin-top:30px;}
.about-sourcing-box1 dl dd img{ width:100%; height:auto;}
.about-sourcing-box1 dl:hover dd img{transform: scale(1.1); -webkit-transform: scale(1.1);}


.about-sourcing-box2{}
.about-sourcing-box2 dl:last-child{ padding-bottom:0; margin-bottom:0; border-bottom:none;}
.about-sourcing-box2 dl{ width:100%; }
.about-sourcing-box2 dl dt{ width:42%; overflow:hidden;  border-radius: 12px;}
.about-sourcing-box2 dl dt img{ width:100%; height:auto; border-radius: 12px;}
.about-sourcing-box2 dl dd{ width:58%; padding-left:55px;}
.about-sourcing-box2 dl dd span{ display:block; font-size:1rem;}
.about-sourcing-box2 dl dd span img{ margin-right:10px;}
.about-sourcing-box2 dl dd h3{display:block; color:#111; font-size:1.4rem; line-height:30px;  margin-top:25px; margin-bottom:10px; }
.about-sourcing-box2 dl dd li{ list-style:disc; margin-left:15px;}
.about-sourcing-box2 dl:hover dt img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.about-sourcing-box2 dl:nth-child(even) dd{ padding-left:0; padding-right:55px;}



.about-sourcing-title{  padding:60px 0 40px 0;}
.about-sourcing-title span{ display:inline-block; height:26px; line-height:26px; border-radius:6px; background: #0085FF; padding:0 12px;  color:#fff; margin-right:5px;}
.about-sourcing-title h2{ display:block; font-size:2.2rem; line-height:40px; margin-top:12px;}
.about-sourcing-title p{ width:100%;  margin:10px auto 0 auto;}
.about-sourcing-title strong{ color:#1d59b2;}

.about-sourcing-fusion{}
.about-sourcing-fusion-left{ width:63.5%;}
.about-sourcing-fusion-left dl{ width:48.8%; background:#fff; border-radius:12px; padding:25px; cursor:pointer;}
.about-sourcing-fusion-left dl dt img{ width:100%; height:auto;}
.about-sourcing-fusion-left dl:hover dt img{ border-radius:12px; transform: scale(1.1); -webkit-transform: scale(1.1);}
.about-sourcing-fusion-left dl dd img{ position:relative; z-index:333; margin-top:-60px; margin-left:27px;}
.about-sourcing-fusion-left dl dd a{ display:block; color:#111; font-size:1.4rem; line-height:30px; margin-top:25px; margin-bottom:10px; font-weight:bold;}
.about-sourcing-fusion-left dl dd p{ line-height:24px;}

.about-sourcing-fusion-right{ width:35%;}
.about-sourcing-fusion-right dl{ width:100%; background:#fff; border-radius:12px; padding:28px 25px; margin-bottom:20px;}
.about-sourcing-fusion-right dl:last-child{ margin-bottom:0;}
.about-sourcing-fusion-right dl dd a{ display:block; color:#111; font-size:1.4rem; line-height:30px; margin-top:10px; margin-bottom:10px; font-weight:bold;}
.about-sourcing-fusion-right dl dd p{ line-height:24px;}

/*support*/
.support-left-menu{ display:none;}
.support-left{ width:20%; background:#fff; padding:25px;}
.support-left h1{ font-size:1.8rem; line-height:36px; margin-bottom:10px;}
.support-left a{ display:block; line-height:32px;}
.support-right{ width:78%; background:#fff; padding:25px;}
.support-right h2{ font-size:1.8rem; line-height:36px; margin-bottom:10px;}
.support-right-info{ line-height:28px;}


/*Contact-Us*/
.con-banner{ width: 98.5%; height: auto; background: url(../images/contact-banner.png) no-repeat center; margin-top: 15px; border-radius: 6px; background-size:cover; text-align: center;  padding: 150px 0; }
.con-banner h2{ color: #FFFFFF; font-size: 2rem; line-height: 64px;  }
.con-banner p{ color: #FFFFFF; font-size: 1.1rem; line-height: 26px; font-weight: normal;}
.con-banner .container{ padding: 0 180px;}


.contact-box{width: 98.5%; height: auto; border-radius: 6px; margin-top: 15px; background: url(../images/con-box.png) no-repeat center; background-size:cover; padding: 20px 0 50px 0; }
.contact-box .container{ padding-top: 30px;}
.contact-box-left{ width: 50%;}
.contact-box-left h3{ color: #111111; font-size: 1.8rem;}
.contact-box-left-info{ padding-top: 20px; line-height: 26px; font-size: 1rem;}

.contact-box-right{ width: 50%; padding-left: 45px;}
.contact-box-right h4{ color: #111111; font-size: 1.6rem; line-height: 32px;}
.contact-box-right h4 a{ color: #1d59b2; text-decoration: underline;}

.contact-box-right-fed1{ width: 100%; margin-top: 10px;} 
.contact-box-right-fed1 dl{ width: 48%;}
.contact-box-right-fed1 dl dt{ line-height: 36px; font-size: 1rem;}
.contact-box-right-fed1 dl dd{ width: 100%;}
.contact-box-right-fed1 dl dd input{ border: none; background: #ebeff2; padding: 0 15px; border-radius: 8px; width: 100%; height: 46px; line-height: 46px;}

.contact-box-right-fed2{ width: 100%; margin-top: 10px;}
.contact-box-right-fed2 em{ line-height: 36px; font-size: 1rem; display: block; width: 100%;}
.contact-box-right-fed2 input{ border: none; background: #ebeff2; padding: 0 15px; border-radius: 8px; width: 100%; height: 46px; line-height: 46px;}
.contact-box-right-fed2 textarea{ border: none; background: #ebeff2; padding: 15px; border-radius: 8px; width: 100%; height: 120px; line-height: 26px;}


.contact-box-right-fed3{ width: 100%; margin-top:25px; }
.contact-box-right-fed3 button{ width: 270px; height: 46px; text-align: center; color: #FFFFFF; line-height: 46px; border-radius: 8px; border: none; color: #FFFFFF; background: #1d59b2; font-weight: bold; font-size: 1rem;}
.contact-box-right-fed3 button img{ margin-right: 10px;}
.contact-box-right-fed3 button:hover{background: linear-gradient( 90deg, #0088FF 0%, #00FFC2 100%);}


.contact-map{width: 98.5%; height: 600px; margin: 15px auto; border-radius: 6px;}


.post-list{}
.post-list dl{ width: 49.5%; box-shadow: 0px 4px 8px 1px rgba(56,60,147,0.1);
border-radius: 4px 4px 4px 4px;
border: 1px solid #E7EAEE; background: #FFFFFF; padding: 20px; margin-top: 1%;}
.post-list dl dt{ width: 100px; height: 100px; overflow: hidden;}
.post-list dl dt img{ width: 100px; height: 100px;}
.post-list dl dd{ width: calc(100% - 100px); padding-left: 20px; padding-top: 8px;}
.post-list dl dd a{ display: block; font-size: 1rem; font-weight: bold; color: #111111; line-height: 26px; height: 26px; overflow: hidden;}
.post-list dl dd p{ line-height: 22px; height: 44px; overflow: hidden; margin-top: 5px;}

/*Blogs*/
.blog-main{}

.blog-main-left{ width:75%; background:#fff; border-radius:6px; padding:15px; box-shadow: 0px 8px 16px 1px rgba(0,0,0,0.06); float:left;}




.blog-tabs{ width:100%; height:auto; border-bottom:1px solid #eee;}
.blog-tabs li{ cursor:pointer; height:42px; line-height:42px; font-size:1rem; border:1px solid #eee; border-radius:4px 4px 0 0; border-bottom:none; background:#f7f7f7; margin-right:10px; padding:0 15px;}
.blog-tabs li.thistab{ background:#1d59b2; color:#fff;}
.blog-tabs li.thistab a{ color:#fff;}
.blog-tabs li:hover{background:#1d59b2; color:#fff;}
.blog-tabs li:hover a{ color:#fff;}
.blog-tab-pane{ padding-top:15px;}


.blog-tab-pane-box{ width:100%;}

.blog-tab-pane-topblog{ width:39%;}
.blog-tab-pane-topblog dl{ width:100%; padding:13px 0; border-bottom:1px solid #eee;}
.blog-tab-pane-topblog dl dt{ width:40%; height:auto; overflow:hidden; border-radius: 6px;}
.blog-tab-pane-topblog dl dt img{ width:100%; height:auto; border-radius: 6px;}
.blog-tab-pane-topblog dl:hover dt img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.blog-tab-pane-topblog dl dd{ width:60%; height:auto; padding-left:10px;}
.blog-tab-pane-topblog dl dd a{ display:block; line-height:20px; height:40px; overflow:hidden;}
.blog-tab-pane-topblog dl dd em{line-height:20px; height:20px; overflow:hidden; color:#999; margin-top:5px;}


.blog-tab-pane-hotblog{ width:59%; overflow:hidden;}
.blog-tab-pane-hotblog dl{ width:100%; height:auto; position:relative;}
.blog-tab-pane-hotblog dl dt{ width:100%; height:100%; overflow:hidden; border-radius: 6px;}
.blog-tab-pane-hotblog dl:hover dt img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.blog-tab-pane-hotblog dl dt img{ width:100%; height:100%; border-radius: 6px;}
.blog-tab-pane-hotblog dl dd{ position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.5); padding:15px; z-index:333; width:100%; height:auto; color:#fff; border-radius:0 0 6px 6px;}
.blog-tab-pane-hotblog dl dd a{ height:24px; line-height:24px; display:block; overflow:hidden; color:#fff;}
.blog-tab-pane-hotblog dl dd span i{ margin-right:5px;}

.blog-tab-pane-redblog{ width:100%; height:auto; margin-top:20px;}
.blog-tab-pane-redblog dl{ width: 24%; background: #FFFFFF; box-shadow: 0px 6px 12px 1px rgba(0,48,119,0.1);border-radius: 6px; margin:0.5%;}
.blog-tab-pane-redblog dl dt{ width: 100%; height: auto; border-radius: 6px 6px 0 0; overflow:hidden;}
.blog-tab-pane-redblog dl dt img{ width: 100%; height: auto; border-radius: 6px 6px 0 0;}
.blog-tab-pane-redblog dl:hover dt img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.blog-tab-pane-redblog dl dd{ width: 100%; padding: 25px 15px;}
.blog-tab-pane-redblog dl dd em{  height:22px; line-height:22px; width:100%; color:#666;}
.blog-tab-pane-redblog dl dd em span{ display:block;}
.blog-tab-pane-redblog dl dd em span i{ margin-right:5px;}
.blog-tab-pane-redblog dl dd a{ display: block; font-weight: bold; color: #111111; font-size: 1rem; line-height: 26px; height: 26px; overflow: hidden;}
.blog-tab-pane-redblog dl dd span{ line-height: 18px; height: 36px; overflow: hidden; margin-top: 5px; display: block;}


.blog-all-tab{ width:100%; line-height:26px; padding:5px 0; border-bottom:1px solid #eee; position:relative; margin-top:15px;}


.blog-main-right{ width:23%; height:auto;  float:right;  position:relative; }

.blog-main-right-cate{width:100%; background:#fff; border-radius:6px; padding:15px; box-shadow: 0px 8px 16px 1px rgba(0,0,0,0.06);}
.blog-main-right-cate a{ display:block; line-height:28px; font-size:16px;}
.blog-main-right-cate a i{ margin-right:10px;}


.blog-main-right-parts{ width:100%; background:#fff; border-radius:6px; padding:15px; box-shadow: 0px 8px 16px 1px rgba(0,0,0,0.06); margin-top:15px; }
.blog-main-right-parts-title{ line-height:32px; margin-bottom:10px;}
.blog-main-right-parts-title b{display:block; font-size:1rem; }
.blog-main-right-parts-title a{ color:#1d59b2;}
.blog-main-right-parts-title a i{ padding-left:5px;}
.blog-main-right-parts-list{}
.blog-main-right-parts-list dl{ border-bottom:1px solid #eee; padding:10px 0;}
.blog-main-right-parts-list dl dt{ width:60px; height:60px;}
.blog-main-right-parts-list dl dt img{ width:60px; height:60px;}
.blog-main-right-parts-list dl dd{ width: calc(100% - 60px); height:60px; padding-left:15px;}
.blog-main-right-parts-list dl dd a{ display:block; font-weight:bold; color:#111; line-height:21px;}
.blog-main-right-parts-list dl dd em{ display:block;  line-height:21px;}


.blog-main-right-blog-list{}
.blog-main-right-blog-list li{ height:30px; line-height:30px; overflow:hidden; }
.blog-main-right-blog-list li i{ margin-right:10px;}

.blog-list{ width:100%;}
.blog-list dl{ width:24%; background:#fff; padding:20px; border-radius:6px; margin:0.5%;}
.blog-list dl:hover dt img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.blog-list dl dt{ width:100%; height:auto; border-radius:6px; overflow:hidden;}
.blog-list dl dt img{ width:100%; height:auto; border-radius:6px;}
.blog-list dl dd{ padding-top:15px;}
.blog-list dl dd em{ display:block; height:24px; line-height:24px;}
.blog-list dl dd a{ display:block; font-weight:bold; height:28px; line-height:28px; overflow:hidden;}

.blog-show{ background:#fff; border-radius:6px; padding:30px; width:75%;}
.blog-show h1{font-size:1.8rem; line-height:36px; text-align:center; margin-bottom:10px;}
.blog-time{ width:100%; height:24px; line-height:24px; text-align:center; color:#999;}
.blog-info{ width:100%; padding:25px 0; line-height:26px;}
.blog-info img{ max-width:100%; height:auto;}
.blog-info table {
    border: 1px solid #ccc;
    border-left: 0px;
    border-top: 0px;
    font-size: 14px;
    table-layout: fixed;
    width: 100% !important;
    box-sizing: border-box;
    border-spacing: 0;
}

    .blog-info table td {
        border: 1px solid #ccc;
        border-right: 0px;
        border-bottom: 0px;
        padding: 8px 2px;
        text-align: center;
        word-wrap: break-word;
    }

    .blog-info table tr {
        background: #fff;
    }

.next-prev-single{ line-height:32px;}
.next-prev-single p{ height:32px; overflow:hidden;}

.relate-blog{ margin-top:25px;}
.relate-blog h2{font-size:1.6rem; line-height:36px; text-align:center; margin-bottom:10px;}
.relate-blog-list dl{ width:24%; background:#fff; padding:20px; border-radius:6px; margin:0.5%;}
.relate-blog-list dl dt img{ width:100%; height:auto;}
.relate-blog-list dl dd{ padding-top:15px;}
.relate-blog-list dl dd em{ display:block; height:24px; line-height:24px;}
.relate-blog-list dl dd a{ display:block; font-weight:bold; height:28px; line-height:28px; overflow:hidden;}

/*brand*/
.brand-navigation-box{ position:relative;}
.brand-navigation-box h1{font-size:1.8rem; line-height:36px; text-align:center; margin-bottom:10px;}
.brand-navigation{position:sticky; left:0; top:120px; z-index:777;}
.brand-navigation ul{ text-align:center; padding:10px 0; width:100%; }
.brand-navigation ul li{ padding:15px; display:inline-block; background:#fff; border-radius:3px; margin:2px 0; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.2);}

.brand-navigation-list{ margin-top:15px;}
.brand-navigation-list dl{ width:100%; margin-bottom:10px; background:#fff; border-radius:3px; padding:30px; border:1px solid #eee;}
.brand-navigation-list dl dt{ font-weight:bold; font-size:1.2rem; line-height:28px; margin-bottom:8px;}
.brand-navigation-list dl dd a{ display:block; width:19%;  line-height:38px; overflow:hidden; margin:0.5%; text-align:center;}
.brand-navigation-list dl dd a img{ display:block; border:1px solid #eee; border-radius:6px; padding:10px; width:150px; margin:0 auto;}


.brand-info-box{ padding:30px; background:#fff;  border-radius:6px; position:sticky; left:0; top:120px; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.2);}
.brand-info-box-left{ width:15%; height:auto;}
.brand-info-box-left img{ width:100%; height:auto;}
.brand-info-box-right{ width:83%; height:auto;}
.brand-info-box-right h1{ font-size:1.5rem; line-height:30px; margin-bottom:10px;}
.brand-info-box-right-info{ line-height:26px;}


.brand-info-list{ margin-top:15px;}
.brand-info-list dl{ width:100%; margin-bottom:10px; background:#fff; border-radius:3px; padding:30px; border:1px solid #eee;}
.brand-info-list dl dt{ font-weight:bold; font-size:1.2rem; line-height:28px; margin-bottom:8px;}
.brand-info-list dl dd a{ display:block; width:32.3%; height:38px; line-height:38px; overflow:hidden; border-bottom:1px solid #eee; margin:0 0.5%;}

/*brand-pro*/
.brand-pro{ width:100%; height:auto; border:1px solid #eee; border-radius:6px; padding:30px; background:#fff; margin-top:20px;}
.brand-pro dl{ width:20%; overflow:hidden; padding:20px; }
.brand-pro dl:nth-child(even){ background:#f7f7f7;}
.brand-pro dl dt{ text-align:center;}
.brand-pro dl dt img{ width:50%; height:auto;}
.brand-pro dl dd{ padding-top:10px;  text-align:center;}
.brand-pro dl dd a{ display:block; line-height:24px; height:24px; overflow:hidden; font-weight:bold;}
.brand-pro dl dd em{ display:block; line-height:24px; height:24px; overflow:hidden; }

/*0714*/
.about-qcserbox1{}
.about-qcserbox1 dl{ background:#fff; border-radius: 12px; width:49%; margin-bottom:2%; padding:55px 30px 30px 30px;}
.about-qcserbox1 dl dt{ position:relative; width:266px; height:auto; border-radius:12px; cursor:pointer;}
.about-qcserbox1 dl dt img{ width:100%; height:auto;}
.about-qcserbox1 dl:hover dt img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.about-qcserbox1 dl dt span{ display:block; width:40px; height:58px; position:absolute; left:30px; top:-25px;}
.about-qcserbox1 dl dd{width: calc(100% - 266px); padding-left: 30px;}
.about-qcserbox1 dl dd h3{ color:#111; font-size:1.1rem; line-height:26px; margin-bottom:15px;}
.about-qcserbox1 dl dd p{ line-height:20px;}

.about-qcserbox2{}
.about-qcserbox2 dl{ background:#fff; border-radius: 12px; width:100%; padding:30px; cursor:pointer; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1); margin-bottom:8px; }
.about-qcserbox2 dl dt{ width:550px; height:auto; text-align:center; overflow:hidden;  border-radius:12px;}
.about-qcserbox2 dl dt img{ width:100%; height:auto;  border-radius:12px;}
.about-qcserbox2 dl dt b{ display:block; line-height:36px; color:#111; font-size:1rem; margin-top:15px;}
.about-qcserbox2 dl dt:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);  border-radius:12px; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1);}


.about-qcserbox2 dl dd{width: calc(100% - 550px); }
.about-qcserbox2 dl:nth-child(odd) dd{ padding-left:50px;}
.about-qcserbox2 dl:nth-child(even) dd{ padding-right:50px;}
.about-qcserbox2 dl dd h3{ font-size:1.5rem; color:#111; margin-top:10px; line-height:36px; margin-bottom:15px;}
.about-qcserbox2 dl dd h4{ font-size:1.1rem; color:#111; margin-bottom:5px; line-height:26px;}
.about-qcserbox2 dl dd p{ line-height:20px;}
.about-qcserbox2 dl dd em{ display:block; width:100%; height:1px; background:#eee; margin:15px 0;}


.about-qcserbox3{}
.about-qcserbox3 img{ width:100%; height:auto;}

.about-qcserbox4{ background:#fff; padding:30px;}
.about-qcserbox4 dl{ text-align:center; width:14.66%; margin-bottom:1%;  cursor:pointer;}
.about-qcserbox4 dl dt img{ width:90%; height:auto;}
.about-qcserbox4 dl dd{ line-height:24px; margin-top:5px;}
.about-qcserbox4 dl:hover dt img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.about-qcserbox5{}
.about-qcserbox5 dl{ width:24%; height:auto; position:relative; cursor:pointer;}
.about-qcserbox5 dl dt{ position:absolute; left:0; top:0; width:100%; height:100%; padding:20px; color:#fff; font-weight:bold; line-height:26px; font-size:1rem;background: linear-gradient(180deg, rgba(0,136,255,0) 0%, rgba(29,89,178,0.7) 100%);
justify-content:space-between; display:flex; align-items:flex-end; border-radius:12px;}
.about-qcserbox5 dl dd{ width:100%; height:auto; overflow:hidden; border-radius:12px;}
.about-qcserbox5 dl dd img{ width:100%; height:auto; border-radius:12px;}
.about-qcserbox5 dl:hover dt{background: linear-gradient(180deg, rgba(0,136,255,0) 0%, rgba(29,89,178,0.9) 100%);}
.about-qcserbox5 dl:hover dd img{transform: scale(1.1); -webkit-transform: scale(1.1);}


@media (max-width: 768px) {
	
.about-banner{ padding: 50px 0; }
.about-banner h1{  font-size: 1.4rem; line-height: 26px;}
.about-banner .container{ padding: 0;}	
	
.about-bannerc{ padding: 50px 0; }
.about-bannerc h1{  font-size: 1.4rem; line-height: 26px;}
.about-bannerc .container{ padding: 0;}	

.about-company{margin-top: 10px; padding: 15px 0;}

.about-company-box{ padding:0;  margin-top: 10px;}
.about-company-box-left{ width: 100%;}


.about-company-box-right{ width: 100%; padding-left: 0px; padding:20px 0;}
.about-company-box-right h3{  font-size:1.2rem; line-height:26px;}
.about-company-box-right-info{ font-size: 0.9rem; line-height: 24px; padding-top: 20px;}


.about-title{  padding: 20px 0;}
.about-title b{ font-size: 1.2rem; line-height: 32px;}
.about-title p{ line-height: 24px; font-size: 0.9rem; padding: 0;}


.about-solution{ margin-top: 0;   padding: 20px 0; }
.about-solution-list dl{ width: 48%;  margin-bottom: 4%;}
.about-solution-list dl dt{ line-height: 42px;}
.about-solution-list dl dt b{  font-size: 2rem;}
.about-solution-list dl dt span{ font-size: 1.2rem; }
.about-solution-list dl dd{ line-height: 32px; font-size: 0.9rem;}



.about-services{ padding-bottom: 20px;}
.about-services dl{ width: 100%; height:auto; float:none; }
.about-services dl dt{ width: 100%;  float:none;}
.about-services dl dt img{ width:100%; height:auto; border-radius: 12px;}
.about-services dl dd{ width:100%; padding:25px 0; float:none;}
.about-services dl dd h3{display:block; color:#111; font-size:1.1rem; line-height:26px;  margin-bottom:10px; }
.about-services dl:nth-child(even) dt{ float:none;}
.about-services dl:nth-child(even) dd{ padding:25px 0;}


.about-brand{ padding-bottom: 20px; }

.about-brand-list a{ width: 32.3%;  padding: 10px; }



.about-info{ padding:20px;}
.about-info h4{ font-size:1.4rem; line-height:30px;}

.about-info-left{ width:100%;}
.about-info-right{ width:100%; padding-left:0; padding-top:20px;}
.about-info-right h3{ font-size:1.2rem; }
.about-info-right p{ margin-top:10px;}


/*about-sourcing*/
.about-sourcing-box1 dl{width:100%;  padding:20px; margin-bottom:15px;}
.about-sourcing-box1 dl dt h3{  font-size:1.2rem;margin-top:10px;}
.about-sourcing-box1 dl dd{ margin-top:20px;}




.about-sourcing-box2 dl{ padding-bottom:10px; margin-bottom:10px;}
.about-sourcing-box2 dl dt{ width:100%;}
.about-sourcing-box2 dl dd{ width:100%;  padding:20px 0;}
.about-sourcing-box2 dl dd h3{font-size:1.2rem; margin-top:10px;  }

.about-sourcing-box2 dl:nth-child(even) dd{ padding-left:0; padding:20px 0;}



.about-sourcing-title{ width:100%; text-align:center; padding:20px 0;}
.about-sourcing-title span{ padding:0 5px; }
.about-sourcing-title h2{  font-size:1.6rem; line-height:32px; margin-top:5px;}

.about-sourcing-fusion{}
.about-sourcing-fusion-left{ width:100%;}
.about-sourcing-fusion-left dl{ width:100%;  margin-bottom:20px;}
.about-sourcing-fusion-left dl dd a{ font-size:1.2rem; }

.about-sourcing-fusion-right{ width:100%;}
.about-sourcing-fusion-right dl dd a{ font-size:1.2rem;}




/*support*/
.support-left-menu{ display:block; width:100%; height:42px; line-height:42px; background:#fff; padding:0 20px; cursor:pointer;}
.support-left-menu b{font-size:1.4rem;}
.support-left-menu i{ line-height:42px; font-size:1.2rem;}
.support-left{ width:100%; display:none; padding:20px;}
.support-left h1{display:none; }
.support-left a{ display:block; line-height:26px;}
.support-right{ width:100%; padding:20px; margin-top:10px;}
.support-right h2{ font-size:1.2rem; line-height:30px; }
.support-right-info{ line-height:26px;}



/*Contact-Us*/
.con-banner{padding: 50px 0;}
.con-banner h2{ font-size: 1.4rem; line-height: 26px;  }
.con-banner p{  font-size: 1rem; line-height: 23px; }
.con-banner .container{ padding: 0 ;}


.contact-box{margin-top: 10px;  background-size:cover; padding: 20px 0; }
.contact-box .container{ padding-top: 0;}
.contact-box-left{ width: 100%;}
.contact-box-left h3{ color: #111111; font-size: 1.2rem;}
.contact-box-left-info{ padding-bottom: 20px;}

.contact-box-right{ width: 100%; padding-left: 0;}
.contact-box-right h4{ color: #111111; font-size: 1.2rem; line-height: 26px;}
.contact-box-right h4 a{ color: #1d59b2; text-decoration: underline;}


.contact-box-right-fed1 dl{ width: 100%;}

.contact-map{height: 300px; margin: 10px auto; }


.post-list dl{ width: 100%; padding: 10px; margin-top: 1%;}
/*Blogs*/
.blog-main-left{ width:100%; float:none;}




.blog-tabs{ border-bottom:none;}
.blog-tabs li{ cursor:pointer; height:32px; line-height:32px; font-size:0.9rem;  border-bottom:1px solid #eee; margin-right:4px; padding:0 5px; margin-bottom:5px;}


.blog-tab-pane{ padding-top:0;}

.blog-tab-pane-topblog{ width:100%;}


.blog-tab-pane-hotblog{ width:100%; margin-top:10px;}

.blog-tab-pane-redblog{ width:100%; height:auto; margin-top:10px;}
.blog-tab-pane-redblog dl{ width: 100%; margin:0.5% 0;}


.blog-list{ width:100%;  float:none;}
.blog-main-right{width:100%;  float:none; margin-top:15px;}

.blog-list dl{ width:100%; margin:0.5% 0;}

.blog-show{ padding:20px;}
.blog-show h1{font-size:1.4rem; line-height:26px; }
.blog-info{padding:20px 0; }
.next-prev-single{ line-height:26px;}
.next-prev-single p{ height:26px; overflow:hidden;}

.relate-blog{ margin-top:15px;}
.relate-blog h2{font-size:1.3rem; line-height:26px;}
.relate-blog-list dl{ width:100%; margin:0.5% 0;}


/*brand*/
.brand-navigation-box h1{font-size:1.4rem; line-height:30px; }
.brand-navigation{top:60px;}
.brand-navigation ul{ padding:5px 0;}
.brand-navigation ul li{ padding:10px;}

.brand-navigation-list{ margin-top:10px;}
.brand-navigation-list dl{padding:20px;}
.brand-navigation-list dl dt{ font-size:1rem; margin-bottom:5px;}
.brand-navigation-list dl dd a{ width:49%; }


.brand-info-box{ padding:20px; top:60px; }
.brand-info-box-left{ width:100%; height:auto; text-align:center;}
.brand-info-box-left img{ width:50%; height:auto;}
.brand-info-box-right{ width:100%; height:auto; padding-top:15px;}
.brand-info-box-right h1{ font-size:1.4rem; }
.brand-info-box-right-info{ line-height:24px;}



.brand-info-list dl{ padding:20px; }
.brand-info-list dl dt{  font-size:1.1rem; }
.brand-info-list dl dd a{ width:100%; margin:0;}

/*brand-pro*/
.brand-pro{ padding:20px; }
.brand-pro dl{ width:50%;}


/*0714*/
.about-qcserbox1 dl{ width:100%; margin-bottom:15px; padding:45px 20px 20px 20px;}
.about-qcserbox1 dl dt{ width:100%; }
.about-qcserbox1 dl dd{width: 100%; padding-left: 0; padding:20px 0;}


.about-qcserbox2 dl{ padding:20px; margin-bottom:15px;}
.about-qcserbox2 dl dt{ width:100%; }
.about-qcserbox2 dl dt b{line-height:24px;}
.about-qcserbox2 dl dd{width:100%; padding:20px 0; }
.about-qcserbox2 dl:nth-child(odd) dd{ padding-left:0;}
.about-qcserbox2 dl:nth-child(even) dd{ padding-right:0;}
.about-qcserbox2 dl dd h3{ font-size:1.2rem;margin-bottom:10px;}
.about-qcserbox2 dl dd h4{ font-size:1rem; }
.about-qcserbox2 dl dd em{ margin:10px 0;}



.about-qcserbox4{ padding:20px;}
.about-qcserbox4 dl{ text-align:center; width:49%; margin-bottom:1%;}



.about-qcserbox5 dl{ width:100%; height:auto; margin-bottom:15px;}



}