@charset "UTF-8";

body {
    background-color: #f7f9ff;
}
/*首页导航*/
.Hmenu-btn a {background-color:#333333;}
.Hmenu-btn a:before,.Hmenu-btn a:after {background-color:#333333;}
.H-nav {
    margin-left: 8%;
}
.H-nav .Hnav-menu:hover {color:#B90000;border-bottom:3px solid #B90000;}
.H-nav .nav-active {color:#B90000 !important;border-bottom:3px solid #B90000;}
.header-container,.Hsrch-box {
    background-color: #f7f9ff;
}
.H-nav .Hnav-menu,.Hsign .Hsign-menu,.H-mail .Hmail-menu,.H-srch .Hsrch-menu i {
    color: #333333;
}
.H-mail .Hmail-menu b,.Hsign .Hsign-menu b {
    background-color: #333333;
}
.HnavSub-list li a:hover i {width:100%;background-color:#B90000;}
.HnavSub-list li a:hover {color:#B90000;font-weight:bold;border-bottom:1px solid #B90000;}
.Hsrch-block .text{
    color: #333333;
}
.Hsrch-block i.btn {
    line-height: 30px;
    font-size: 16px;
    cursor: pointer;
}
.Hsrch-block i.close {
    line-height: 30px;
    font-size: 20px;
    cursor: pointer;
}

.H-action {
    float: right;
    margin-right: 1%;
}

.Hlang {
    width: 80px;
    height: 80px;
    float: right;
    margin-right: 1%;
    position: relative;
}
.Hsign, .Hcenter {
    width: 60px;
    height: 80px;
    float: left;
    position: relative;
}
.H-srch {
   width: 70px;
}
.H-srch .Hsrch-menu i {
    background-image: none;
}
.H-mail .Hmail-menu {
    width: 50px;
}

.Hsign .Hsign-menu b,.H-srch .Hsrch-menu b{
    position: absolute;
    width: 1px;
    height: 20px;
    display: inline-block;
    top: 50%;
    right: 0;
    margin-top: -10px;
}

.Hsign .Hsign-menu {
    display: block;
    height: 100%;
    transition: none;
    -webkit-transition: none;
    font-size: 16px;
    text-align: center;
    line-height: 80px;
}

.Hcenter .Hcenter-menu {
    display: block;
    width: 80px;
    height: 100%;
    transition: none;
    -webkit-transition: none;
    font-size: 16px;
    text-align: center;
    color: #fff;
    line-height: 80px;
}

.Hcenter .avatar-img {
    margin-left: 10px;
    width: 30px;
    height: 30px;
    line-height: 80px;
}

.Hcenter .avatar-img img {
    border-radius: 30px;
    width: 30px;
    height: 30px;
}

.dropdown-menu {
    position: absolute;;
    top: 100%;;
    left: 0;;
    z-index: 1000;;
    display: none;;
    float: left;;
    min-width: 160px;;
    padding: 5px 0;;
    margin: 2px 0 0;;
    list-style: none;;
    font-size: 12px;;
    text-align: left;;
    background-color: #fff;;
    border: 1px solid #ccc;;
    border: 1px solid rgba(0, 0, 0, 0.15);;
    border-radius: 3px;;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);;
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);;
    background-clip: padding-box;
}

.Hcenter .dropdown-menu {
    display: none
}

.Hcenter:hover .dropdown-menu {
    display: block;
    min-width: 94px;
}

.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    left: auto;
    right: 0;
}

.dropdown-menu > li > a {
    display: block;
    font-size: 13px;
    padding: 5px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #2c3e50;
}

.Hlang .Hlang-menu {
    display: block;
    width: 80px;
    height: 100%;
    transition: none;
    -webkit-transition: none;
    font-size: 18px;
    text-align: center;
    line-height: 80px;
}

.Hlang .flag {
    display: inline-block;
    width: 78px;
    height: 39px;
    font-size: 16px;
    line-height: 38px;
    color: #F7FAFF;
    background: #B90000;
    box-shadow: -2px 0px 8px 0px rgba(0, 0, 0, 0.05);
    border-radius: 25px;
    vertical-align: middle;
}
.Hlang .flag {

}

.Hlang:hover .dropdown-menu {
    display: block;
    min-width: 94px;
    left: auto;
    top: auto;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #B90000;
    background-color: #FFFFFF;
}

.H-logo img {
    max-width: 180px;
    height: auto;
}


/*首页*/
html body a:hover{text-decoration: none !important}

/*--首页-幻灯片*/
.in1 .swiper .swiper-slide:nth-child(1) .sbox .txt {
    display: none;
}
/*--其它导航页面-banner*/
#bann {
    height: auto;
    padding-top: 0;
}
#bann .pimg{
    display: block;
}
#bann .mimg{
    display: none;
}

/*info*/
.idx-info {
    /*width: 80%;*/
    margin: 0 auto;
}
.idx-info .info1{
    margin-top: 49px;
}
.idx-info .info1 h3{
    font-weight: bold;
    font-size:24px;
    text-align: center;
}
.idx-info .ctn-left h4 {
    padding: 0 32px 0 24px;
    text-align: center;
}
.idx-info .ctn-right h4 {
    text-align: center;
}
.idx-info .ctn {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    margin-top: 49px
;
}
.idx-info .ctn-left{
    width: 48%;
    display: flex;
    justify-content: center;
}
.idx-info .ctn-left-1{
    width: 52%;
}
.idx-info .ctn-left-2{
    margin-left: 18px;
    font-size: 14px;
    width: 43%;
}
.idx-info .ctn-right{
    width: 48%;
    display: flex;
    justify-content: center;
    margin-left: 4%;
}
.idx-info .ctn-right-1{
    width: 52%;
}
.idx-info .ctn-right-2{
    margin-left: 18px;
    font-size: 14px;
    width: 43%;
}
.idx-info .info1 h4{
    font-size:24px;
    font-weight: bold;
}
.idx-info .ctn-left-1 img{
    margin-top: 35px;
}
.idx-info .ctn-right-1 img{
    margin-top: 31px;
}
.idx-info .info1 p{
    margin-bottom: 20px;
}

/*首页特色服务*/
.in2 {
    /*width: 80%;*/
    margin: 0 auto;
}
.wel-service {padding:49px 0 0}
.in2 .wel-service-title {font-size:24px;color:#333;line-height:42px;margin-bottom:22px;font-weight:bold;position:relative;text-align: center}
.in2 .wel-service-title a {display:inline-block;font-size:14px;color:#24272b;position:absolute;top:0;right:0;width:95px;transition:color .3s}
.in2 .wel-service-title span {width:20px;height:20px;border-radius:50%;background:#b0b0b0 url(img/r.png) no-repeat center;display:inline-block;position:absolute;right:0;top:50%;margin-top:-12px;transition:background .3s}
.in2 .wel-service .container {width:100%;padding:0}
.in2 .wel-service .row {margin:0;display: flex;flex-wrap: wrap}
.in2 .wel-service .wnews.news02 {width:32%;margin-bottom: 16px;margin-right: 1.33%}
.in2 .wel-service .news02 a {width:100%;padding:36px 7% 0;height:300px;display:block;position:relative;overflow:hidden;background-size:cover !important;transition:background .3s}
.in2 .wel-service .news02 .more {width:182px;height:50px;background:#0f6ab4;text-align:center;position:absolute;left:12%;bottom:57px;font-size:16px;z-index:2;color:#fff;line-height:50px;transition:left .3s,background .3s}
.in2 .wel-service .news03 a {width:100%;padding:36px 10% 0;height:316px;display:block;position:relative;overflow:hidden;background-size:cover !important;transition:background .3s}
.in2 .wel-service .news03 a:first-child {margin-bottom:40px}
.in2 .wel-service h3 {font-size:16px;color:#fff;line-height:36px;z-index:2;position:relative;margin-bottom:30px;transition:margin .3s}
.in2 .wel-service h2 {font-size:24px;color:#fff;z-index:2;position:relative;line-height:40px;transition:margin .3s;text-align: center}
.in2 .wel-service p.content-first {font-size:18px;color:#333;z-index:2;position:relative;line-height:40px;transition:margin .3s}
.in2 .wel-service p.content {font-size:18px;color:#fff;z-index:2;position:relative;line-height:40px;transition:margin .3s}
.in2 .wel-service .bg {position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);z-index:1;background:rgba(0,0,0,.4);width:100%;height:100%;transition:opacity .3s}
.in2 .f-cb {zoom:1;}
.in2 .f-cb:after {display:block;height:0;clear:both;visibility:hidden;overflow:hidden;content:"."}

/*首页-简介*/
.in3 .about-box {
    background: url("../images/ut/idx-about-us.png") center no-repeat
}
.in3 .about-box .info-box .num-box-en {padding-top:40px;}
.in3 .about-box .info-box .num-box-en .item {display: flex;align-items: center;margin-bottom: 3px}
.in3 .about-box .info-box .num-box-en .item.item03 {align-items: flex-start;}
.in3 .about-box .info-box .num-box-en .item .num {width:30%;font-size:14px;font-weight:bold;color:#fff;}
.in3 .about-box .info-box .num-box-en .item .num span {font-size:36px;line-height:48px;margin-right:10px;}
.in3 .about-box .info-box .num-box-en .item .tt {width: 70%;font-size:14px;}
.in3 .about-box .info-box .num-box-en .item .tt p {color:#edf7ff;line-height:28px;}

/*首页-news*/
.in4 .wel-news .news01 h3, .in4 .wel-news .news01 h2{
    color: #fff;
}
.in4 .wel-news .news02 .more{
    background:none;
    width: 100px;
    height: 25px;
    line-height: 25px;
    border: 1px solid;
    border-radius: 9px;
    font-size: 12px;
}

/*首页-底部*/
.right-box .share-list {
    float: left;
    margin-top: 20px;
    width: 195px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.right-box .share-list li {
    margin-right: 21px;
    margin-top: 14px;
}
.right-box .share-list li i {
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px;
    background-size: cover;
    margin-bottom: 1px;
}
.share-list li .icon-facebook {
    background-image: url("../images/ut/ss_facebook.png");
}
.share-list li .icon-twitter {
    background-image: url("../images/ut/ss_twitter.png");
}
.share-list li .icon-ins {
    background-image: url("../images/ut/ss_ins.png");
}
.share-list li .icon-skype {
    background-image: url("../images/ut/ss_skype.png");
}
.share-list li .icon-v {
    background-image: url("../images/ut/ss_v.png");
}


/*返回顶部 mail*/
.right .ul1 li.mail .img img {
    width: min-content;
}
.right .ul1 li.top {
    display: none;
}

#market .ne1 .tc3 .tlt {
    min-width: 300px;
}

/*返回顶部*/
.right .ul1 {
    width: 60px;
    background: #ffffff;
}

.right .ul1 li {
    width: 60px;
    height: 78px;
    background: #ffffff;
}

.right a.box {
    display: block;
    background: #ffffff;
    padding-top:19px;
    padding-bottom:10px;
    position: relative;
}

.right .ul1 li .img {
    background: #ffffff;
    width: 40px;
    height: 40px;
    margin: 0 auto;
}
.right .ul1 li .img-content {
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.right .ul1 li.ly .img-content {
    background-image: url("/assets/addons/wwh/images/ut/fr-service.png");
}
.right .ul1 li.ly:hover .img-content {
    background-image: url("/assets/addons/wwh/images/ut/fr-service-active.png");
}
.right .ul1 li.mail .img-content {
    background-image: url("/assets/addons/wwh/images/ut/fr-email.png");
}
.right .ul1 li.mail:hover .img-content {
    background-image: url("/assets/addons/wwh/images/ut/fr-email-active.png");
}
.right .ul1 li.phone .img-content {
    background-image: url("/assets/addons/wwh/images/ut/fr-phone.png");
}
.right .ul1 li.phone:hover .img-content {
    background-image: url("/assets/addons/wwh/images/ut/fr-phone-active.png");
}

.right .ul1 li .line {
    margin:0 auto;
    background-color: #808080;
    display: block;
    width: 30%;
    height: 2px;
}

.right .ul1 li {
    background-color: #ffffff;
}
.right .ul1 li .cla {
    background-color: #ffffff;
    height: 100%;
    line-height: 68px;
    font-size: 18px;
}

.right .ul1 li.top .img {
    margin-top: 19px;
    line-height: 40px;
}

.right .ul1 li.top i {
    width: 40px;
    text-align: center;
    font-size: 24px;
}

.right .ul1 li a.box {
    right: 0;
}

.right .ul1 li.dh:hover a.box, .right .ul1 li.ly:hover a.box {
    right: 160px;
}
/*.right .ul1 li.dh a:hover .cla, .right .ul1 li.ly a:hover .cla{*/
/*    right: 0;*/
/*}*/

/*service页面*/
#nav2 .sub-menu .main .sub-nav .items i{
    margin: 0 30px;
}
/*other页面*/
#service .policy-box :first-child {
    margin: 0 auto;
}

#service .policy-box {
    margin-top: 0;
}
#service .service-type-0 {
    box-shadow: unset;
}

#contact .contact-box .address-items {
    justify-content: center;
}
#contact .contact-box .address-items .item {
    width: 23%;
}
/*whyus页面*/
#whyus {
    margin-top: 100px;
}
#whyus h3{
    font-size: 28px;
    text-align: center;
}
#whyus p{
    font-size: 16px;
}
#whyus .s1 {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 84px;
}
#whyus .s1 h3 {
    margin-bottom: 40px;
}
#whyus .s1_content ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
}
#whyus .s1_content li {
    width: 32%;
    height: 186px;
    margin-right: 1.33%;
    margin-bottom: 16px;
    background: #FFFFFF;
}
.s1_content li .li-ctn{
    width: 80%;
    margin:0 auto;
}
.s1 ul li i {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    margin-top: 32px;
    background-size: contain;
    background-repeat: no-repeat;
}
.s1 ul li.l6 i {
    background-image: url("../images/ut/whyus/s1-icon-1.png");
}
.s1 ul li.l3 i {
    background-image: url("../images/ut/whyus/s1-icon-2.png");
}
.s1 ul li.l2 i {
    background-image: url("../images/ut/whyus/s1-icon-3.png");
}
.s1 ul li.l1 i {
    background-image: url("../images/ut/whyus/s1-icon-4.png");
}
.s1 ul li.l4 i {
    background-image: url("../images/ut/whyus/s1-icon-5.png");
}
.s1 ul li.l5 i {
    background-image: url("../images/ut/whyus/s1-icon-6.png");
}
.s1 ul li h4 {
    margin-top: 32px;
    font-size: 20px;
    color: #333333;
}
.s1 ul li p {
    margin-top: 14px;
    margin-bottom: 30px;
    text-align: left;
}

#whyus .s2 {
    margin-bottom: 100px;
    background: url("/assets/addons/wwh/images/ut/whyus/s2-bg.png") no-repeat;
    background-size: cover;
}
.s2 .pic {
    width: 100%;
}
.s2 .ctn {
    padding: 44px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 72%;
    color: #FEFEFE;
}
.s2 .ctn-left {
    width: 47%;
    margin-right: 4.5%;
}
.s2 .ctn-left h3 {
    margin-top: 45px;
    font-size: 28px;
    text-align: center;
}
.s2 .ctn-left p {
    margin-top: 30px;
}
.s2 .ctn-right {
    width: 48.5%;
}
.s2 .ctn-right .pic1{
    width: 48%;
    margin-right: 3.6%;
    float: left;
}
.s2 .ctn-right .pic2{
    width: 48%;
    float: left;
}
.s2 .ctn-right .img2{
    margin-bottom: 12px;
}

#whyus .s3 {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 100px;
}
.s3 h3 {
    margin-bottom: 30px;
}
.s3 p {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
}
.s3 .pic {
    width: 100%;
    height: 300px;
    text-align: center;
}
.s3 .pic .img1 {
    max-width: 48%;
    margin-right: 1.5%;
}
.s3 .pic .img2 {
    max-width: 48%;
    margin-right: 1.5%;
}

#whyus .s4 {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 68px;
}
.s4 ul{
    display: flex;
    flex-wrap: wrap;
    margin-top: 64px;
}
.s4 ul li {
    width: 15%;
    margin-bottom: 32px;
    margin-right: 1.5%;
}
.s4 ul li img{
    width: 100%;
    max-width: 146px;
}
#whyus .s4 ul li p{
    margin-top: 16px;
    font-size: 11px;
    text-align: center;
}

#whyus .s6{
    width: 80%;
    margin: 0 auto;
    margin-bottom: 100px;
}
.s6 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.s6 h3 {
    width: 49%;
}
.s6 img{
    width: 49%;
    margin-left: 1.5%;
    max-width: 470px;
}
.s7 img{
    margin-left: 0;
    margin-right: 1.5%;
}

/* seller页面 */
#market .ne1 .tc3 .tlt {
    width: calc(100% - 460px);
}
#market .ne1 .tc3 .tlt .tbtn span {
    width: 10%;
    margin-right: 2%;
    min-width: 53px;
}
#market .ne1 .tc3 .tlt .tbtn span:nth-child(4n) {
    margin-right: 2%;
}
#market .ne1 #table {
    min-width: 650px;
}