@charset "utf-8";
@font-face {
    font-family: RobotoRegular;
    src: url(../fonts/Roboto-Regular.ttf) format('truetype');
}
*{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
body{  margin:0; padding:0; color: #2d3439; font-size: 100%;
    font-family: RobotoRegular,arial,sans-serif;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-size-adjust: 100% !important;
    -webkit-text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}
p,dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,dt{ font-weight:normal; font-family:RobotoRegular,arial,sans-serif;}
li{ list-style:none;}
a{text-decoration:none;}
a:focus, a:hover{text-decoration:none;}
img{ border: none; outline: none; max-width: 100%; height: auto; vertical-align: middle;}
input,button{ border:none; outline:none; background: none;}
button:hover,button:focus,button:active{ outline: none; }
input::-moz-placeholder{ color: #aaa;}
input:-ms-input-placeholder { color: #aaa; }
input::-webkit-input-placeholder{ color:#aaa; }
input::placeholder{ color:#aaa; }
textarea::-moz-placeholder{color:#aaa; }
textarea:-ms-input-placeholder { color:#aaa; }
textarea::-webkit-input-placeholder{ color:#aaa; }


.clear{clear: both; margin: 0; padding: 0;}
.clearfix:after{ content: ""; display:block; height: 0; clear: both; visibility: hidden;}
.clearfix{*zoom:1;}

/*谷哥滚动条样式*/
::-webkit-scrollbar {width:5px;height:5px;position:absolute;}
::-webkit-scrollbar-thumb {background-color:#000168}
::-webkit-scrollbar-track {background-color:#ddd}

/* 首页 */
.position{
    
}
.header{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    height: 96px;
    background: #fff;
    box-shadow: 0 0 10px rgba(79, 91, 100, 0.5);
    /* border-bottom: 1px solid rgb(79, 91, 100); */
}
.header-top{
  
}
.header-top .container{
    /* background-image: url(../images/headerbg.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 81.16% auto; */
    height: 96px;
}
.header a.logo{
    float: left;
    margin-top: 5.5px;
}
.header a.logo img{
    max-width: 100%;
    height: 85px;
}
.phonelogo{
    display: none;
}
.header .header-right{
    float: right;
    position: relative;
}
.header-bottom{
    /* height: 56px; */
    position: relative;
}
.navigation-up{
    /* margin-top: 6px; */
}
.navigation-up ul.nav{
    height: 50px;
}
.navigation-up ul.nav li{
    float: left;
    position: relative;
    height: 50px;
    /* padding:0 12px; */
    margin-left: 24px;
    /* margin-right: 5px; */
}
.navigation-up ul.nav li>a{
    display: block;
    font-size: 17px;
    color: #4f5b64;
    line-height: 50px;
    height: 50px;
    letter-spacing: 1px;
    padding:0 2px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
}
.navigation-up ul.nav li a::after{
    content: " ";
    width: 0;
    /* opacity: 0; */
    position: absolute;
    height: 2px;
    left: 0;
    bottom: 0;
    background: #000168;
    transition: width .5s ease 0s;
    -webkit-transition: width .5s ease 0s;
    -o-transition: width .5s ease 0s;
    -moz-transition: width .5s ease 0s;
    -ms-transition: width .5s ease 0s;
}
.navigation-up ul.nav li:hover>a{
    color: #000168;
}
.navigation-up ul.nav li:hover>a::after{
    /* opacity: 1; */
    width: 100%;
}
.navigation-up ul.nav li.current>::after{
    /* opacity: 1; */
    width: 100%;
}
.navigation-up ul.nav li.nav-up-selected{
    /* background:rgba(240,240,240,.2); */
}
.navigation-up ul.nav li.nav-up-selected>a{
    color: #000168;
}
.navigation-up ul.nav li.current>a{
    color: #000168;
}

.navigation-up ul.nav li .nav-up-selected-inpage{
    /* background:#202833; */
}

.navigation-down{
    /* position:absolute;
    top:0;
    left:0px; */
    /* width:100%; */
}
.navigation-down .nav-down-menu{
    width:100%;
    margin:0;
    /* height: 100vh;
    background:rgba(45,52,57,.5); */
    display: none;
}
.navigation-down .container{
    position:relative;
    background: #fff;
    border-top: 2px solid #f3f4f9;
    padding: 20px 40px 40px;
}

.navigation-down .nav-down-menu dl{
    overflow: hidden;
    padding-bottom: 20px;
}

.navigation-down .nav-down-menu .commonnavdown{
   padding-bottom: 40px;
}
.commonnavdown dl{
    float: left;
    width: 62%;
}
.commonnavdown dl dd{
    width: 50%;
    float: left;
    padding-left: 32px;
    background-repeat: no-repeat;
    background-position: left top 10px;
    background-size: 24px auto;
    margin-bottom: 6px;
}
.commonnavdown dl dd:hover{
    background-image: url(../images/navarrow.png);
}
.commonnavdown .commonnavimg{
    float: right;
    width: 37.857%;
}
.menu-2 .container{
    /* padding: 20px 20px 40px; */
}
.menu-2 dl{
    float:left;
    width: 50%;
    padding-right: 30px;
}
.navigation-down .nav-down-menu dl dd{
    /* margin:0 0 5px; */
}
.menu-2 dl dd{
    float: left;
    width: 50%;
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.menu-3 dl dd{
    float: left;
    width: 25%;
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.navigation-down .nav-down-menu dl dt{
    font-size: 16px;
    color:#000168;
    padding-top: 10px;
    padding-bottom:15px;
    border-bottom:1px solid #000168;
    margin-bottom:10px;
}

.navigation-down .nav-down-menu dl dd a{

}
.navigation-down .nav-down-menu .case_nav{
    float: left;
    width: 30%;
    padding: 20px 0px;
    overflow: hidden;
}
.overlay{
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    top: 0;
    height: 100vh;
    visibility: hidden;
    opacity: 0;
    background:rgba(45,52,57,.5);
    transition: opacity .25s ease;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    -ms-transition: opacity .25s ease;
    -o-transition: opacity .25s ease;
}
.overlay.on{
    visibility: visible;
    opacity: 1;
}


.case_nav li{
    float: left;
    width: 33.3%;
    padding: 0 15px;
}
.case_nav li a{
    display: block;
    padding-top: 10px;
    font-size: 16px;
    color: #474747;;
    padding-bottom:15px;
}
.navigation-down dl dd a{
    color:#000168;
    font-size: 16px; 
    line-height: 34px;
}
.navigation-down dd a:hover{
    color:#c9151e;
}
.case_nav li a:hover{
    color:#c9151e;
}
.navigation-down-text{
    clear: both;
    background: #e4edf7;
    padding: 0 30px;
    height: 56px;
    font-size: 16px;
    line-height: 56px;
    color: #4f5b64;
}
.navigation-down-text a{
    color: #000168;
}
.navigation-down-text a:hover{
    color: #c9151e;
}
/* 20250318导航重切 */
.navcontainer{
    
}
.navcontainer .navbox{
    height: 50px;
    position: relative;
}
.navbox li{
    float: left;
    position: relative;
    height: 50px;
    margin-left: 2px;
}
.navbox li>a{
    display: block;
    padding:0 18px;
    position: relative;
    font-size: 17px;
    color: #4f5b64;
    line-height: 50px;
    height: 50px;
    letter-spacing: 1px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
}
.navbox li>a::after{
    content: " ";
    width: 0;
    position: absolute;
    height: 2px;
    left: 0;
    bottom: 0;
    background: #000168;
    transition: width .5s ease 0s;
    -webkit-transition: width .5s ease 0s;
    -o-transition: width .5s ease 0s;
    -moz-transition: width .5s ease 0s;
    -ms-transition: width .5s ease 0s;
}
.navbox li:hover>a,.navbox li.index1 .headprotopnav dd:hover a{
    color: #000168;
}
.navbox li:hover>a::after{
    width: 100%;
}
.navbox li.current>a::after{
    /* opacity: 1; */
    width: 100%;
}

.navbox li.current>a{
    color: #000168;
}

.navbox li .subnav{
    width: max-content;
    position: absolute;
    left: 0;
    display: none;
    top: 50px;
    padding: 15px 0;
    text-align: left;
    /*background: #e4edf7;*/
    background: rgba(228,237,247,.95);
    
    z-index: 3;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    /*transform: translateX(-50%);*/
    border-radius:0 0 5px 5px;
}
.navbox li.index1 .subnav{
    width: 745px;
   
}
.navbox li.index2 .subnav{
    width: 635px;
    /*display: block;*/
}
.headerprotop{
    
}
.navbox li .proheadtit{
    font-size: 18px;
    font-weight: bold;
    color: #000168;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #000168;
    margin-bottom: 10px;
}
.navbox li.index2 .subnav dl dt{
    font-size: 18px;
    font-weight: bold;
    color: #000168;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #000168;
    margin-bottom: 10px;
}

.navbox li .subcontainer{
    padding: 0 18px;
}
.navbox li .subcontainer a{
    display: block;
    color: #4f5b64;
    font-size: 16px;
    line-height: 36px;
    
    /*padding-left: 32px;*/
    /*background-repeat: no-repeat;*/
    /*background-position: left top 10px;*/
    /*background-size: 24px auto;*/
    /*margin-bottom: 6px;*/
}
.navbox li .subcontainer a:hover{
    color: #000168;
}
.navbox li.index1 .headprotopnav{
    min-height: 262px;
    margin-bottom: 10px;
}
.navbox li.index1 .headprotopnav dl{
    float:left;
    padding-right: 15px;
    padding-left: 5px;
}
.navbox li.index1 .headprotopnav dt{
    color: #4f5b64;
    font-size: 17px;
    line-height: 36px;

}
.navbox li.index1 .headprotopnav dd{
   padding-left: 10px;
}
.navbox li.index1 .headprotopnav dl:first-child{
    width: 34%;
}
.navbox li.index1 .headprotopnav dl:last-child{
    width: 66%;
}
.navbox li.index1 .headprotopnav dl:last-child dd{
    float: left;
    width: 50%;
}
.navbox li.index2 .subnav dl dd{
    float: left;
    width: 42%;
}
.navbox li.index2 .subnav dl .applicationnav{
    padding: 0 10px;
    min-height: 180px;
}
.navbox li.index1 .headprotopnav dd a,.navbox li.index2 .subnav dl dd{
    line-height: 32px;
}
.navbox li.index1 .headerprobottom{
    line-height: 36px;
    padding-bottom: 10px;
}

.navbox li.index1 .headmedia{
    float: left;
    width: 40%;
    line-height: 24px;
}
.navbox li.index1 .headmedia a{
    display: inline-block;
    color: #000168;
    font-size: 16px;
    padding-left: 5px;
}
.navbox li.index1 .othershop{
    float: right;
    padding-right: 20px;
    margin-top: 30px;
}
.navbox li.index1 .othershop p a{
     color: #000168;
     font-weight: bold;
}
.navbox li.index1 .othershop .emaillist p a{
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left 9px;
    background-size: 20px auto;
    padding-left: 32px;
    background-image: url(../images/icon_area2.png);
}
.navbox li.index1 .headmedia a:hover,.navbox li.index1 .othershop p a:hover{
    color: #c9151e;
}

.header-up{
    padding-top: 6px;
}
.header-right .formbox{
    float: right;
    margin-right: 6px;
    height: 40px;
    width: 340px;
}
.formbox span.searchimg{
    display: block;
    width: 40px;
    height: 90px;
    cursor: pointer;
    background: url(../images/search.png) no-repeat center center;
}
.formbox img.closebtn{
    display: none;
    position: absolute;
    top:0;
    right:0;
    width: 16px;
    height: 16px;
    margin-top: 35px;
    cursor: pointer;
}
.formbox form.search_news{
    width: 100%;
    background: #fff;
    height: 100%;
    border: 1px solid rgb(160, 160, 162,1);
    border-radius:5px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
}
.formbox form.search_news input.search_text{
    /* width: 258px; */
    width:82%;
    float: left;
    height: 100%;
    border-left: 1px solid rgb(160, 160, 162,1);
    font-size: 14px;
    border-right: none;
    line-height: 44px;
    color: #4f5b64;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.formbox form.search_news input.button{
    width: 40px;
    height: 100%;
    /* background-color: #02499b; */
    background-image: url(../images/search-block.png);
    background-repeat: no-repeat;
    background-position: center center;
    border-radius:0 4px 4px 0;
    /* background-size: 18px auto; */
}
.loginbox{
    float: right;
    line-height:40px;
    font-size: 16px;
}
.loginbox .notloginbox{
    display: inline-block;
}
.loginbox a{
    display: inline-block;
    padding: 0 8px;
    font-size: 16px;
    vertical-align: baseline;
    color: #4f5b64;
}
.loginbox a:hover{
    color: #c9151e;
}
.notloginbox.hidenostatus{
    display: none;
}
.myaccountstatus{
    display: none;
    position: relative;
    margin-right: 4px;
}
.myaccountstatus.on{
    display: inline-block;
}
.myaccountstatus>a{
    padding-right: 34px;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(../images/icon-myaccount.png);
    background-size: 24px auto;
}
.myaccountstatus>a:hover{
    color: #000168;
}
.hideaccount{
    position: absolute;
    background: #fff;
    width: 155px;
    left: 0;
    opacity: 0;
    display: none;
    top: 39px;
    box-shadow: 0 0 1px rgba(0,0,0,.2);
    border-top: 2px solid #000168;
    z-index: 1;
    padding: 15px;
}
.myaccountstatus.act .hideaccount{
    opacity: 1;
    display: block;
}
.hideaccount-inner{
    line-height: 22px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e1e3f0;
}
.hideaccount-inner p{
    font-size: 16px;
    color: #4f5b64;
}
.hideaccount-inner span{
    color: #575757;
    font-size: 14px;
}
.hideaccount-menu {
    padding:0 2px 14px;
    border-bottom: 1px solid #e1e3f0;
    margin-bottom: 5px;
}
.hideaccount-menu ul li{
    height: 26px;
    line-height: 26px;
}
.hideaccount-menu ul li>a{
    padding: 0;
    font-size: 14px;
    line-height: 24px;
    color: #000168;
}
.hideaccount-menu ul li>a:hover{
    color: #c9151e;
}
.hideaccount-exit{
    color: #000168;
    line-height: 40px;
    font-size: 14px;
    padding-left: 26px;
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
    background-image: url(../images/icon-myaccount.png);
    background-size: 18px auto;
}
.hideaccount-exit:hover{
    color: #c9151e;
}

.loginbox a.icon-addshop{
    width: 30px;
    vertical-align: bottom;
    height: 40px;
    padding: 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/icon-shop-gray.png);
    background-size: 100% auto;
}
.loginbox a.icon-addshop:hover{
    background-image: url(../images/icon-shop-gray-r.png);
}
.loginbox a.icon-addshop .shopnumber{
    position: absolute;
    width: 26px;
    height: 24px;
    display: none;
    text-align: center;
    right: -13px;
    top: -6px;
    line-height: 24px;
    color: #fff;
    font-size: 12px;
    background: rgba(71, 70, 70, .8);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.loginbox a.icon-addshop .shopnumber.on{
    display: block;
}

.loginbox a.icon-Favorites{
    width: 30px;
    vertical-align: top;
    height: 38px;
    padding: 0;
    /*margin-left: 8px;*/
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/icon-collect.png);
    background-size: 20px auto;
}
.loginbox a.icon-Favorites:hover{
    background-image: url(../images/icon-collect-r.png);
}
.loginbox a.icon-Favorites .collectnumber{
    position: absolute;
    /* width: 26px;
    height: 24px; */
    /* display: none; */
    text-align: center;
    right: 0;
    top: -6px;
    line-height: 24px;
    color: #000168;
    font-size: 12px;
    /* background: rgba(71, 70, 70, .8); */
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.loginbox a.icon-Favorites .collectnumber.on{
    display: block;
}

/*手机版导航*/
.mobileNav{ display:none;position:fixed; top:70px; z-index:10000; width:100%; height:auto;overflow: scroll; background:#000168;left:0;}
.mobileNav ul li{ position: relative;}
.mobileNav ul li span.addBtn{ display: inline-block;cursor: pointer; width:60px; height:50px; line-height: 50px; position: absolute;text-align:center;right: 0px; top: 0px; z-index: 100;}
.mobileNav ul li span.addBtn img{width: 20px; height: auto;}
.mobileNav ul li>a{ display:block; border-bottom:1px solid #fff; width:100%; line-height:50px; padding-left:22px; margin:auto; font-size:16px; color:#fff; }
.mobileNav ul li dl{ display:none; background:#fff;}
.mobileNav ul li dl dd{ margin:auto;  }
.mobileNav ul li dl dd a{ line-height:40px; color:#000168; border-bottom: 1px solid #ddd; display:block; font-size:15px; padding-left:34px;}

.bannerslider{
    width: 100%;
    height: 480px;
    position: relative;
    overflow:hidden;
    margin-top:96px;
}
.bannerslider .swiper-slide a{
    display: block;
    width:100%;
    height: 100%;
}
.bannerslider .swiper-slide{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.bannerslider .swiper-slide .textboxbanner{
    position: absolute;
    text-align: left;
    width: 450px;
    height: 372px;
    color: #fff;
    padding: 60px 50px;
    top: 50%;
    background-image: url(../images/indexbannerbg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.bannerslider .swiper-slide.banner1 .textboxbanner,.bannerslider .swiper-slide.banner2 .textboxbanner{
    right: 7.29%;
}
.bannerslider .swiper-slide.banner2 .textboxbanner{
    width: 525px;
}
.bannerslider .swiper-slide.banner3 .textboxbanner{
    left: 7.29%;
}
.bannerslider .swiper-slide .bannerimg{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.bannerslider .swiper-slide.banner1 .bannerimg{
    width: 48.6979%;
    left:6.25%;
}
.bannerslider .swiper-slide.banner3 .bannerimg{
    width: 33.75%;
    right:21.875%;
}
.textboxbanner h2{
    font-size: 30px;
    color: #fff;
    line-height: 48px;
    margin-bottom: 60px;
}
.bannerslider .swiper-slide.banner1 .textboxbanner h2{
    line-height: 40px;
    margin-bottom: 44px;
}

.textboxbanner h2 p{
    font-size: 16px;
}
.textboxbanner span{
    display: inline-block;
    font-size: 16px;
    padding: 0 14px;
    border-radius: 5px;
    line-height: 46px;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.textboxbanner span:hover{
    background: #fff;
    color: #c9151e;
}


.bannerslider .swiper-pagination{
    bottom: 20px !important;
    width: 100%;
}
.bannerslider .swiper-pagination-bullet {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius:4px;
    background: #fff;
    cursor: pointer;
    opacity: 1;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
}
.bannerslider .swiper-pagination-bullet{
    margin:0 6px !important;
}

.bannerslider .swiper-pagination-bullet-active {
   background:linear-gradient(to right,#4504ff,#c91e45);
   width: 32px;
}

.indexnumbox{
    background: #f3f3f6;
    padding-top: 25px;
    padding-bottom: 25px;
}
#numberscroll{
    overflow: hidden;
}
#numberscroll li{
    float: left;
    padding-left: 56px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 42px auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#numberscroll li.index0{
    width: 24%;
}
#numberscroll li.index1{
    width: 35%;
}
#numberscroll li.index2{
    width: 25%;
}
#numberscroll li.index3{
    width: 16%;
}
#numberscroll li h2{
    font-size: 16px;
    color: #000168;
}
#numberscroll li p{
    font-size: 20px;
    color: #c51c26;
}
#numberscroll li p i{ 
    font-size: 20px;
    font-style: normal;
    margin-right: 10px;
}
#numberscroll li p b{
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    margin-left: -10px;
    margin-right: 10px;
}
.index_product{
    background: url(../images/bg1101.jpg) no-repeat center center;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 45px;
}
.index_product h1{
    text-align: center;
    font-size: 30px;
    color: #fff;
    margin-bottom: 35px;
}
.index_product_nav{
    padding-left: 56px;
    position: relative;
}
.index_productbox{
    position: relative;
    background-image: url(../images/bg-product.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 190px;
    padding-left: 106px;
    padding-top: 24px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.index_productbox .iconbox{
    width: 110px;
    height: 110px;
    position: absolute;
    left:-55px;
    top: 50%;
    z-index: 1;
    background: #162f9c;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: 0 0 15px 2px rgba(47,26,135,.4);
    transition: top .4s;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.index_productbox .iconbox a{
    display: block;
    padding-top: 18px;
    width: 100%;
    height: 100%;
}
.index_productbox .iconbox img{
    height: 44px;
}
.index_productbox h2{
    font-size: 16px;
    margin-top:9px;
    color: #fff;
}

.index_productbox dl dd{
    width: 25%;
    float: left;
    line-height: 34px;
    padding-left: 18px;
    position: relative;
}
.index_productbox dl dd::before{
    content: " ";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 14px;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.index_productbox dl dd a{
    font-size: 16px;
    color: #fff;
}
.index_productbox:hover{
    background-color: #fff;
    background-image: none;
}
.index_productbox:hover dl dd::before{
    background: #000168;
}
.index_productbox:hover dl dd a{
    color: #4f5b64;
}
.index_productbox dl dd:hover a{
    color: #000168;
}









.index_product ul.product_nav{
    overflow: hidden;
    margin-top: 54px;
}
.product_nav li{
    float: left;
    width: 50%;
    padding: 0 14px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    min-height: 415px;
}
.product_nav li .iconbox{
    width: 136px;
    height: 136px;
    position: absolute;
    left: 50%;
    margin-left: -68px;
    top: 0;
    z-index: 1;
    background: rgba(47,26,135,.6);
    border-radius: 50%;
    padding-top: 23px;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: 0 0 15px 2px rgba(47,26,135,.4);
    transition: top .4s;
}

.product_nav li img{
    /* max-width: 100%; */
    height: 54px;
}
.product_nav li h2{
    font-size: 20px;
    margin-top:9px;
    color: #fff;
}
.product_nav li dl{
    overflow: hidden;
    background-color: transparent;
    background-image:url(../images/index-probg.png);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 105px 65px 30px; 
    margin-top: 56px;
    height: 290px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}
.product_nav li dl dd{
    width: 44%;
    float: left;
    margin-right: 12%;
    line-height: 34px;
    padding-left: 18px;
    position: relative;
}
.product_nav li dl dd::before{
    content: " ";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 14px;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.product_nav li dl dd:nth-child(even){
    margin-right: 0;
}

.product_nav li dl dd a{
    font-size: 16px;
    color: #fff;
}
.product_nav li:hover .iconbox{
    background: rgba(47,26,135,1);
}
.product_nav li:hover dl{
    background-color: #fff;
    background-image:url(../images/index-probg-r.jpg);
}
.product_nav li:hover dl dd::before{
    background: #c51c26;
}
.product_nav li:hover a{
    color: #000;
}
.product_nav li dl dd:hover a{
    color: #c51c26;
}

.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.rely{
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 125px;
}
.rely h1{
    text-align: center;
    font-size: 30px;
    color: #000168;
    margin-bottom: 25px;
}
.rely .relyTab{
    text-align: center;
}
.relyTab a{
    display: inline-block;
    font-size: 28px;
    padding-left: 90px;
    padding-right: 90px;
    line-height: 98px;
    /* border-right: 1px solid #9b9b9b; */
    color: #9b9b9b;
    cursor: pointer;
}
.relyTab a.active{
    color: #c51c26;
    background: #f3f3f6;
}
.relyTab a:hover{
    color: #c51c26;
    background: #f3f3f6;
}
.rely .relyContent{
    /* padding-top: 10px;  */
}
.relyContent .swiper-list{
    text-align: center;
    /* padding-bottom: 80px; */
}
.swiper-list ul li{
    /* float: left;
    width: 14.2857%; */
    display: inline-block;
    width: 12.2857%;
}
.relyContent ul li a{
    display: block;
    padding: 0 15px;
    text-align: center;
}

.relyContent ul li .iconbox{
    width: 64px;
    height: 64px;
    margin: 0 auto;
    background: url(../images/current.png) no-repeat center center;
    background-size: 100% 100%;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
}
.relyContent ul li .iconbox img{
    /*max-width: 68%;*/
    height: auto;
    margin: 0 auto;
    /*margin: 18px auto 0;*/
}
.relyContent ul li .iconbox img.normal{
    display: inline-block;
    /* margin-top: 32px; */
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
}
.relyContent ul li .iconbox img.hover{
    display: none;
    /* margin-top: 141px; */
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
}
.relyContent ul li h2{
    font-size: 18px;
    margin-top: 12px;
    color: #4f5b64;
}
.relyContent ul li:hover .iconbox{
    background: url(../images/current-r.png) no-repeat center center;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
}
.relyContent ul li:hover h2{
    color: #1b0966;
}
.relyContent ul li:hover img.hover{
    display: block;
}  
.relyContent ul li:hover img.normal{
    display: none;
}   

.hdCenter{
    width: 100%;
    background: #f3f3f6;
    padding-top:35px;
    padding-bottom: 45px;
}
.hdCenter h1{
    text-align: center;
    font-size: 30px;
    color: #000168;
}
.hdCenter .hdindex{
    margin-top:30px;
    overflow: hidden;
}
.hdindex a{
    display: block;
}
.hdindex .hd_cover{
    position: relative;
    overflow: hidden;
}
.hdindex .hd_left{
    float: left;
    width: 49.5%;
    height: 210px;
    overflow: hidden;
}
.hd_left a{
    display: block;
}
.hdindex .hd_title{
    background-position: left center;
    background-repeat: no-repeat;
    position: absolute;
    left: 24px;
    top: 18px;
    z-index: 3;
    font-size: 18px;
    color: #fff;
    padding-left: 40px;
}
.hdindex .hd_title a{
    font-size: 18px;
    color: #fff;
}
.hd_cover .hd_shade{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    z-index: 1;
    background: rgba(0,0,0,0.2);
    transition: all .3s ease-in-out;
}
.hd_cover img{
    width: 100%;
    transform: scale(1.02);
    transition: all .3s ease-in-out;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
}
.hd_left .hd_title{
    background-image: url(../images/icon1.png);
    background-size: auto 20px;
}
.hd_left .hd_news{
    position: absolute;
    width: 92.2%;
    left: 50%;
    margin-left: -46.1%;
    bottom: 38px;
    z-index: 3;
    background: rgba(255,255,255,.75);
    padding: 15px 20px 14px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.hd_news span{
    font-size: 14px;
    color: #575757;
}
.hd_news h2{
    font-size: 16px;
    line-height: 26px;
    margin-top: 8px;
    color: #575757;
    margin-bottom: 8px;
}
.hd_news p{
    font-size: 16px;
    line-height: 28px;
    color: #575757;
}
.hdindex .hd_right{
    width: 49.5%;
    float: right;
}
.hd_right .hd_activity{
    margin-bottom: 10px;
    height: 100px;
    overflow: hidden;
}
.hd_activity .hd_title{
    background-image: url(../images/icon2.png);
}
.hd_activity h2{
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    z-index: 3;
    left: 0;
    bottom: 22px;
}
.hd_activity h2 a{
    font-size: 16px;
    color: #fff;
    padding: 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hd_right ul li{
    float: left;
    width: 49%;
    margin-right: 2%;
    height: 100px;
    overflow: hidden;
}
.hd_right ul li .hd_title{
    display: inline-block;
    width: max-content;
    left:50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.hd_right ul li.index0 .hd_title{
    background-image: url(../images/icon3.png);
}
.hd_right ul li.index1{
    margin-right: 0;
}
.hd_right ul li.index1 .hd_title{
    background-image: url(../images/icon4.png);
}
.hd_cover:hover img{
    filter: blur(2px);
    -webkit-filter: blur(2px);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.index_about{
    /* background: url(../images/bg2.jpg) no-repeat left center; */
    background: #393547;
    width: 100%;
    background-size: cover;
    padding-top:18px;
    padding-bottom: 18px;
    overflow: hidden;
}
.index_about .index_left{
    text-align: right;
}
.index_footer{
    clear: both;
    overflow: hidden;
    margin-top: 10px;
    padding-top: 18px;
    border-top: 1px solid #e7e7e7;
}
.index_footer a:hover{
    color: #000168;
}

/* 飘窗 */
.float-container {
    position: relative;
    z-index:99999999999999999999;
    width:300px;
    height:160px;
    background: url(../images/bg3.jpg) no-repeat;
    background-size: 100% 100%;
    position: absolute; 
    left: 0; 
    top: 0;
}
.float-container .piaoTitle{
    text-align: center;
    font-size: 20px;
    line-height: 160px;
    color: #c9151e;
}
.float-container .ad1-close {
    text-align: right;
    position: absolute;
    top: 5px;
    right: 10px;
    color: #fff;
    opacity: .8;
    font-size: 18px;
    transform: rotateX(45deg);
    cursor: pointer;
}

/* 关于赛分——公司简介 */
.mainbox{
    padding-top: 166px;
    padding-bottom: 36px;
}
.mainbox.aboutmainbox{
    padding-bottom: 0;
}
.bigcolumntitle{
    font-size: 30px;
    color: #4f5b64;
    margin-bottom: 30px;
}
.mainbox h1{
    text-align: center;
    font-size: 30px;
    color: #000168;
}

.menunav{
    overflow: hidden;
    position: relative;
    z-index: 1000;
}
.menunav .wrapper{
    position:relative;
    overflow: hidden;
}
.menunav .scroller {
    height: 100%;
}
.menunav .scroller ul{
    height: 100%;
}
.menunav .scroller li {
    display: inline-block;
    height: 100%;
    color:#2d3439;
    margin-right: 20px;
}
.menunav .scroller li a{
    color:#4f5b64;
    display:block;
    padding-bottom: 10px;
    height: 100%;
    font-size: 18px;
    position: relative;
}
.menunav .scroller li a::after{
    content: " ";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 2px;
    background: #000168;
    transition: width .5s;
    -webkit-transition: width .5s;
    -moz-transition: width .5s;
    -ms-transition: width .5s;
    -o-transition: width .5s;
}
.menunav .scroller li:hover a{
    color: #000168;
}
.menunav .scroller li.cur a{
    color: #000168;
}
.menunav .scroller li:hover a::after{
    opacity: 1;
}
.menunav .scroller li.cur a::after{
    opacity: 1;
}
.product-section{padding-top:50px;position:relative;}
.product-wrapper{padding-left:10px;padding-right:10px;margin-left:auto;margin-right:auto;position:relative}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.product-features .product-body{
    background: url(../images/solid_round.png) no-repeat center 157px;
    background-size: contain;
}
.product-features .product-body:after{
    
}

.features-item{position:relative;float:left; background:url(../images/pdots.png) no-repeat bottom center; height:190px;
    display: inherit;
    align-items: inherit;
    -webkit-align-items:inherit;
}
.features-slide .features-item>*{text-align:center}
.features-item::after{
    position: absolute;
    left: 50%;
    bottom: 0;
}
.features-item h3{
    font-size: 30px;
    color: #000168;
    margin-bottom: 5px;
}
.features-item>div{
   
}
.features-item span{
    display: block;
    width: 1px;
    margin: auto;
    height:77px;
    background:url(../images/squre.jpg) repeat-y;
}
.features-item.even{
    background: none;
    margin-top: 164px;
}
.features-item p{
    font-size: 16px;
    color: #2d3439;
    line-height: 24px;
}
.features-item.even p{
    font-size: 20px;
    color: #000168;
}

/*左右按钮*/
.product-features .swiper-button-prev{width:30px;height:40%;left:-15px;top:60%;background:none}
.product-features .swiper-button-prev:after{content:"";display:inline-block;position:absolute;width:15px;height:30px;background:url(../images/productBase-features-left.png) no-repeat;background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px}
.product-features .swiper-button-next{width:30px;height:40%;right:-15px;top:60%;background:none}
.product-features .swiper-button-next:after{content:"";display:inline-block;position:absolute;width:15px;height:30px;background:url(../images/productBase-features-right.png) no-repeat;background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px}

.aboutmain{
    padding-top: 45px;
    padding-bottom: 25px;
    background: #f5f9fe;
}
.abouttitlepic{
    /* padding-bottom:35px; */
    position: relative;
    height: 455px;
    background-image: url(../images/bg-process.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.aboutprocesstop{
    position: relative;
    width: 100%;
    height: 100%;
}
.aboutprocesstop li{
    position: absolute;
    width: 20%;
    cursor: default;
}
.aboutprocesstop li.index0{  
    top: 235px;
    width: 18%;
    left: 4%;
}
.aboutprocesstop li.index1{
    top: 312px;
    left: 26%;
    width: 28%;
}
.aboutprocesstop li.index2{
    top: 125px;
    left: 33%;
    width: 26%;
}
.aboutprocesstop li.index3{
    left: 59%;
    top: 186px;
    width: 25%;
}
.aboutprocesstop li.index4{
    left: 66%;
    top: 7px;
    width: 28%;
}
.aboutprocesstop li.index5{
    left: 40.5%;
    top: 170px;
}
.aboutprocesstop li.index6{
    left: 53.5%;
    top: 275px;
    width: 21%;
}
.aboutprocesstop li.index7{
    left: 60%;
    top: 75px;
}
.aboutprocesstop li.index8{
    width: 29%;
    left: 75%;
    top: 240px;
}
.aboutprocesstop li.index9{
    width: 26.5%;
    left: 75%;
    top: 0px;
}
.aboutprocesstop li h2{
    font-size: 20px;
    color: #000168;
    margin-bottom: 8px;
    /* letter-spacing: 1px; */
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.aboutprocesstop li p{
    font-size: 16px;
    line-height: 24px;
    position: relative;
    min-height: 56px;
    color: #4f5b64;
    padding-left: 14px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.aboutprocesstop li p::before{
    content: ' ';
    display: inline-block;
    width: 3px;
    height: 20px;
    background: #000168;
    position: absolute;
    left: 0;
    top: 2px;
}

.aboutbox{
    overflow: hidden;
    /*padding-top:44px;*/
    /*padding-bottom: 40px;*/
    /*background: #fff;*/
    /*background: #f5f9fe;*/
    /* background: url(../images/aboutbg1.jpg) no-repeat left bottom #f8fbff; */
    background-size: cover;
}
.aboutbox h1{
    color: #000168;
    margin-bottom: 30px;
}
.abouttext p{
    font-size: 16px;
    line-height: 32px;
    color: #2d3439;
}
.aboutbox .abouttext{
    float: left;
    width: 49.9%;
    /* padding-top: 30px; */
    padding-top: 0;
    font-size: 16px;
    line-height: 32px;
    color: #2d3439;
}
.abouttext h2{
    font-size: 24px;
    color: #000168;
    margin-bottom: 25px;
}
.aboutbox .aboutright{
    float: right;
    width: 45.4%;
    padding-top: 60px;
}
.aboutright .swiper-slide{
    box-shadow: 0 0 10px 0 rgba(114,114,114,.25);
}
.aboutright .swiper-slide img{
    width: 100%;
    height:auto;
}
.aboutright .swiper-container{
    
}
.aboutright .swiper-pagination{
    bottom: 20px !important;
    width: 100%;
    opacity: 0;
}
.aboutright .swiper-pagination-switch,.aboutright .swiper-pagination-bullet {
    display: inline-block;
    width: 18px;
    height: 4px;
    border-radius:4px;
    background: #fff;
    cursor: pointer;
    opacity: 1;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
}
.aboutright .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    /* margin:0 2px; */
}
.aboutright .swiper-visible-switch {
   background:linear-gradient(to right,#1b0966,#b6302a);
}
.aboutright .swiper-active-switch,.aboutright .swiper-pagination-bullet-active {
   background:linear-gradient(to right,#4504ff,#c91e45);
   width: 24px;
}
.aboutother{
    font-size: 16px;
    line-height: 32px;
    color: #2d3439;
    padding-top: 30px;
    padding-bottom: 50px;
}
.aboutother ul li{
    float: left;
    width: 45.4%;
    margin-right: 9.2%;
}
.aboutother ul li:last-child{
    margin-right: 0;
}
.aboutother ul li h2{
    font-size: 24px;
    color: #000168;
    margin-bottom: 20px;
}
.aboutother ul li p{
    font-size: 16px;
    line-height: 32px;
    color: #2d3439;
}

.common_block{
    padding-top:26px;
    padding-bottom: 30px;
}
.common_block h1{
    font-size: 24px;
    text-align: left;
    color: #000168;
    margin-bottom: 25px;
}
.common_block p{
    font-size: 16px;
    line-height: 32px;
    color: #2d3439;
    /* text-align: justify; */
}
.common_block p img{
    max-width: 100%;
    height: auto;
}
.skill{
    position: relative;
    /*background: #fff;*/
     /*background: #f5f9fe;*/
    /* background-image: url(../images/bg-aboutimg.jpg); */
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    padding: 40px 0;
}
.skill-left{
    float: left;
    width: 84.33%;
}
.skill-right{
    float: right;
    /*width: 60.67%;*/
}
.skill ul{

}
.skill-right ul li{
    /*float: left;*/
    /*width: 33.33%;*/
    text-align: center;
}    
.skill-right ul li img{
    max-width: 100%;
    height: auto;
}
.skill-right ul li .imgbox{
    width: 115px;
    height: 115px;
    margin:0 auto;
    overflow: hidden;
    /*background: #fff;*/
     background: #e8e9f3; 
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    box-shadow: 0 0 10px rgba(79, 91,100,.25);
}
.skill-right ul li span{
    display: block;
    font-size: 16px;
    color: #4f5b64;
    margin-top:18px;
    line-height: 24px;
}
.global_box{
    padding-bottom:20px;
}
.global_box h1{
    margin-top: 10px;
}

.global_box ul{
    padding-top: 30px;
}
.global_box ul li{
    float: left;
    width: 32.33%;
    height: 110px;
    margin-right: 1.505%;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid rgba(79, 91, 100,.7);
}
.global_box ul li .commitment{
    overflow: hidden;
    height: 100%;
}
.global_box ul li .imgbox{
    width: 118px;
    float: left;
    height: 100%;
    text-align: center;
}
.global_box ul li .imgbox img{
    height: 44px;
    width: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.global_box ul li .committitle{
    float: left;
    padding-top: 25px;
}
.global_box ul li h2{
    font-size: 16px;
    color: #2d3439;
    line-height: 24px;
    margin-bottom: 2px;
}
.global_box ul li p{
    font-size: 22px;
    color: #c5242a;
}
.global_box ul li p b{
    font-weight: normal;
}
.global_box ul li.index1 h2{
    margin-bottom: 0;
}
.global_box ul li.index1 p{
    margin-bottom: 2px;  
}

.skill_team{
    background: #f3f4f9;
    padding-bottom:50px;
}
.skill_team h1{
    text-align: center;
}
.skill_team ul{
    overflow: hidden;
    padding-top: 15px;
}
.skill_team ul li{
    width: 25%;
    float: left;
    text-align: center;
}
.skill_team ul li a{
    display: block;
}
.skill_team ul li .imgbox{
    width: 150px;
    height: 150px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 50%;
}
.skill_team ul li img{
   
}
.skill_team ul li h2{
    font-size: 16px;
    color: #4f5b64;
    line-height: 28px;
}
.skill_team ul li p{
    text-align: center;
}
.skill_team a.team_more{
    display: block;
    width: 150px;
    height: 50px;
    margin:0 auto;
    border: 1px solid rgba(27,9,102,.8);
    text-align: center;
    font-size: 16px;
    line-height: 50px;
    color: #000168;
    margin-top: 30px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.skill_team a.team_more:hover{
    background: rgba(27,9,102,.8);
    color: #fff;
}




.common_block.culturebox{
    padding-top: 20px;
}
.company{
    width: 100%;
    /*padding-top: 30px;*/
    overflow: hidden;
}
.company h1{
    text-align: left;
    font-size: 24px;
    color: #000168;
    margin-bottom: 28px;
}
.company p{
 
}
.bioBox .tab{
    /* text-align: center; */
    margin-top: 30px;
}
.tab a{
    display: inline-block;
    padding: 0 18px;
    font-size: 18px;
    border-radius: 3px;
    color: #4f5b64;
    line-height:42px;
    cursor: pointer;
    background: transparent;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.tab a.active{
    background: #e4edf7;
    color: #000168;
}
.tab a:hover{
    background: #fff;
    color: #000168;
}
.tabContent{
    padding-top: 15px;
}
.tabContent .company_list{
    overflow: hidden;
    /* display: none; */
    margin-bottom: 20px;
}
.company_list .company_left{
    width: 75.8%;
    float: left;
}
.company_left.ylzd{
    width: 100%;
}
.service_titlecompany{
    color: #000168;
    font-size:18px;
    margin-bottom: 15px;
}
.company_left h2{
    color: #000168;
    font-size:28px;
    margin-bottom: 40px;
}
.company_left p{
    text-align: left;
}
.company_left .company_text{

}
.company_left .company_text h1,.company_left .company_text h2,.company_left .company_text h3,.company_left .company_text h4{
     color: #000168;
     margin-bottom: 15px;
}
.company_left .company_text h1{
    font-size: 24px;
}
.company_left .company_text h2{
    font-size: 22px;
}
.company_left .company_text h3{
    font-size: 20px;
}
.company_left .company_text h4{
    font-size: 18px;
}
.company_left ul li{
    position: relative;
    font-size: 16px;
    line-height: 32px;
    color: #2d3439;
    padding-left: 22px;
}
.company_left ul li::before{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 13px;
    width: 5px;
    height: 5px;
    background: #000168;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.company_left p{
    font-size: 16px;
    line-height: 32px;
    color: #555;
}
.company_left a{
    display: inline-block;
    width: 196px;
    height: 54px;
    border: 1px solid rgba(27,9,102,.8);
    text-align:center;
    font-size:16px;
    line-height: 54px;
    color:#000168;
    margin-top: 62px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.company_list .company_right{
    width: 155px;
    float: right;
}
.company_right img{
    width: 100%;
    height:auto;
}
.company_right span{
    display: none;
    font-size: 18px;
    color: #000168;
}

.company_left a:hover{
    background: rgba(27,9,102,.8);
    color: #fff;
}

.affinityContainer{
    padding-top:35px;
}
.tabContent.affinitybox{
    padding-top: 0;
}
.tabContent.affinitybox .company_list .company_left{
    float: none;
    width: 100%;
    margin-top: 20px;
}
.tabContent.affinitybox .company_left h2{
    font-size: 18px;
    margin-bottom:15px;
}
.tabContent.affinitybox .company_left ul{
    margin-bottom:15px;
}

.qyzz{
    padding-top: 80px;
    padding-bottom: 100px;
}
.qyzz .qy_left{
    float: left;
    width: 46.6%;
    margin-top: 30px;
}
.qy_left h1{
    font-size: 44px;
    color: #000168;
    margin-bottom: 35px;
}
.qy_left h2{
    font-size: 28px;
    color: #000168;
    margin-bottom: 14px;
}
.qy_left p{
    font-size: 16px;
    color: #999;
    line-height:32px;
}
.qyzz .qy_right{
    float: right;
    width: 45.3%;
}
.qy_right img{
    width: 100%;
    height: auto;
    border-radius: 3px;
    box-shadow: 0 0 10px 0 rgba(114,114,114,.25);
}
.parterbox{
    padding-bottom: 70px;
}
.footer{
    width: 100%;
    background: #393547;
    padding-top: 26px;
    padding-bottom: 24px;    
}
.footerleft{
    float: left;
    width: 45%;
    color: rgba(255,255,255,.8);
    font-size: 16px;
}
.footerright{
    float: right;
    width: 40%;
    text-align: right;

}
.footerleft>img{
    width: 90px;
    height: auto;
    margin-right: 10px;
}
.footerleft p{
    display: inline-block;
    line-height: 36px;
    /* vertical-align: bottom; */
}
.footer a.police{
    background: url(../images/ga.png) no-repeat left center;
    padding-left: 22px;
}
ul.footertab{
    display: inline-block;
    vertical-align: middle;
}
ul.footertab li{
    display: inline-block;
}
ul.footertab li a{
    display: block;
    width: 36px;
    height: 36px;
    border: 1px solid transparent;
    overflow: hidden;
    background: transparent;
    margin: 0 6px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
ul.footertab li .iconimg{
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 32px auto;
}
ul.footertab li .iconimg.fb{
    background-image: url(../images/fb.png);
}
ul.footertab li .iconimg.tw{
    background-image: url(../images/tw.png);
}
ul.footertab li .iconimg.in{
    background-image: url(../images/li.png);
}
ul.footertab li:hover a{
    background: #fff;
}
ul.footertab li:hover .iconimg.fb{
    background-image: url(../images/fb-r.png);
}
ul.footertab li:hover .iconimg.tw{
    background-image: url(../images/tw-r.png);
}
ul.footertab li:hover .iconimg.in{
    background-image: url(../images/li-r.png);
}
.smalltab{
    display: inline-block;
    vertical-align: middle;
}   
.smalltab a{
    position: relative;
    color: rgba(255,255,255,.8);
    font-size: 16px;
    display: inline-block;
    margin: 0 5px;
    padding-right: 15px;
}
.smalltab a::after{
    content: " ";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 3px;
    width: 1px;
    height: 14px;
    background: rgba(255,255,255,1);
}
.smalltab a:hover{
    color: rgba(255,255,255,1);
}
.smalltab a:last-child{
    padding-right: 0;
}
.smalltab a:last-child::after{
    display: none;
}

.cookiebox{
    display: none;
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0;
    background: #2d3439;
    z-index: 3;
    height: 70px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
}
.cookiebox-inner{
    float: left;
    width: 70%;
    padding: 0 45px;
    height: 70px;
}
.cookiebox-inner p{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.cookiebox-btn{
    float: right;
    width: 30%;
    /* text-align: center; */
    padding: 12px 0;
}
.cookiebox-btn div{
    display: inline-block;
    margin: 0 10px;
}
.cookiebox-btn div a{
    display: block;
    padding: 12px 10px;
    color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.cookiebox-btn div.cookie-accept a{
    background: #000168;
}
/* .cookiebox-btn div.cookie-setbtn a:hover{
    color: #c9151e;
} */
.cookiebox-btn div a:hover{
    background: #fff;
    color: #000168;
}

.cookieContentbox{
    position: fixed;
    opacity: 0;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10002;
    background: rgba(0,0,0,.5);
}
.cookieContentbox.on{
    opacity: 1;
    display: block;
}
.cookieboxhidden{
    position: fixed;
    width: 730px;
    max-width: 730px;
    height: 586px;
    left: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    background: #fff;
    z-index: 10002;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.cookieclosebox{
    width: 100%;
    padding: 10px 10px 10px 20px;
    border-bottom: 1px solid #d7d7d7;
}
.cookieclose-left{
    float: left;
}
.cookieclose-left img{
    height: 58px;
    margin-right: 10px;
    vertical-align: middle;
}
.cookieclose-left span{
    font-size: 18px;
    color: #4f5b64;
}
.cookieclose-right{
    cursor: pointer;
    float: right;
    width: 40px;
    height: 40px;
    background-image: url(../images/close-black.png);
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.cookieWrapper{
    height: 424px;
    overflow: auto;
}
.cookietab{
    float: left;
    width: 29%;
}
.cookietab li{
    background: #e4edf7;
    border-bottom: 1px solid #d7d7d7;
}
.cookietab li a{
    display: block;
    padding: 12px 10px 12px 20px;
    font-size: 14px;
    color: #4f5b64;
    position: relative;
}
.cookietab li a::before{
    content: " ";
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 3px;
    height: 100%;
    background: #000168;
}
.cookietab li.act{
    background: #fff;
}
.cookietab li.act a::before{
    opacity: 1;
}
.cookiechildren{
    width: 71%;
    float: right;
    padding: 20px;
}
.cookieitem{
    display: none;
    position: relative;
}
.cookieitem.act{
    display: block;
}
.cookieitem h2{
    font-size: 14px;
    margin-bottom: 10px;
    color: #4f5b64;
}
.cookieitem p{
    font-size: 12px;
    line-height: 20px;
    color: #575757;
}
.cookieitem a{
    display: inline-block;
    margin-top: 8px;
    font-size: 12px;
    color: #000168;
}
.cookieitem a:hover{
    color: #c9151e;
}
.cookieitem dl{
    margin-bottom: 10px;
}
.cookieitem dl dt{
    font-size: 14px;
    position: relative;
    margin-bottom: 10px;
}
.cookieitem dl dt span{
    position: absolute;
    right: 0;
    top: 1px;
    color: #000168;
}
.cookieitem dl dd{
    font-size: 12px;
    line-height: 20px;
    color: #575757;
}
.cookie-on-off{
    position: absolute;
    right: 0;
    width: 35px;
    height: 20px;
    top: 0px;
    cursor: pointer;
}
.cookie-on-off span{
    position: relative;
    width: 35px;
    height: 10px;
    display: inline-block;
    
    background: #4f5b64;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.cookie-on-off span::after{
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 16px;
    top: -5px;
    background: #575757;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.cookie-on-off.on span{
    background: #0869b7;
}
.cookie-on-off.on span::after{
    right: -1px;
    background: #000168;
}
.cookiebottom{
    border-top:1px solid #d8d8d8;
}
.bottombtn{
    overflow: hidden;
    padding: 15px 20px;
}
.bottombtn .bottomconfirm{
    padding: 10px 30px;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    background: #000168;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.choicebtn{
    float: left;
}
.acceptall{
    float: right;
}
.powered{
    background: #f3f4f9;
    line-height: 30px;
    color: #575757;
    font-size: 14px;
    text-align: right;
    padding: 0 20px;
}
.powered a{
    color: #c9151e;
}
.powered a:hover{
    color: #000168;
}

.slideContact{
    position: fixed;
    right: 0;
    z-index: 10;
    bottom: 35%;
}
.slideIcon{
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    width: 78px;
    background-image: url(../images/icon-contactus.png);
    background-repeat: no-repeat;
    background-position: top 10px center;
    background-size: 24px auto;
    background-color: #000168;
    padding: 33px 0 4px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.slideIcon.on{
    right: -120px;
}
.slideIcon a{
    display: block;
    color: #fff;
    
}
.sliderFormBox{
    position: absolute;
    right: -280px;
    bottom: 0;
    width: 250px;
    box-shadow: 0 0 5px rgba(79, 91, 100,.3);
    padding: 10px 10px 15px;
    background: #e4edf7;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.sliderFormBox.on{
    right: 0;
}
.sliderTop{
    position: relative;
    margin-bottom: 10px;
    font-size: 16px;
    color: #000168;
}
.sliderTop i.closeMessage{
    display: inline-block;
    position: absolute;
    right: 0;
    width: 20px;
    top: 0;
    height: 24px;
    cursor: pointer;
    background-image: url(../images/icon-minus.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px auto;
}
.sliderFormBox .form-group{
    margin-bottom: 6px;
}
.sliderMessageForm .submit2{
    color: #fff;
    width: 80px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    margin: 0 auto;
}
.sliderMessageForm .form-control{
    padding: 8px 12px;
    line-height: 24px;
    height: auto;
    font-size: 14px;
    position: relative;
    border: 1px solid rgba(79, 91, 100, .4);
    background-repeat: no-repeat;
    background-position: center right 15px;
}   
.sliderMessageForm .form-control.saytext{
    height: 44px;
    resize: none; /* 禁止拖动 */
    line-height: 20px;
    /*overflow: hidden;*/
}

/* Technology列表 */
.maintechnology{
    padding-top: 30px;
}

.teamlist{
    padding-top: 10px;
}
.teamlist li{
    overflow: hidden;
    padding: 8px 15px;
    padding-bottom: 22px;
    margin-bottom: 22px;
    border-bottom: 1px solid rgba(79, 91,100,.3);
}
.teamlist li a{
    display: block;
}
.teamlist li .general-left{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    float: left;
    background: #dfdad6;
    overflow: hidden;
    box-shadow: 0 0 5px rgb(160, 160, 162,.2);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.general-left img{
    width: 100%;
    height: auto;

}
.teamlist li .general-right{
    width: 89%;
    float: right;
}
.general-right h2{
    font-size: 18px;
    color: #2d3439;
    text-transform: uppercase;
    margin-bottom:12px;
}
.general-right h2 span{
    color: #2d3439;
    font-size: 16px;
    margin-left: 20px;
}
.general-right .general-info{
    font-size: 16px;
    color: #2d3439;
    line-height:26px;
}
.general-right .general-info .newstext p{
    font-size: 16px;
    color: #2d3439;
    line-height:28px;
}
.teamlist li:hover .general-right h2{
    color: #000168;
}
.teamlist li:hover .general-left{
    box-shadow: 0 0 8px rgb(29, 32, 136,.3);
}

/* Technology内容 */
.maintechnology.maintechnologycontent{
    padding-top: 32px;
    padding-bottom: 22px;
}
.mainSinglebox{
    margin-top: 25px;
}
.mainSinglebox .feedbackContent{
    margin-top: 40px;
    padding: 30px 40px;
    margin-bottom: 40px;
    /* border: 5px solid #f3f4f9; */
    border: 5px solid rgba(79, 91,100,.1);
    min-height: 550px;
    /* background-image: url(../images/bg-common.jpg); */
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.mainSinglebox h1{
    font-size: 24px;
}
.mainSinglebox h1,.mainSinglebox h2,.mainSinglebox h3,.mainSinglebox h4{
    margin-top: 12px;
    color: #000168;
    margin-bottom: 12px;
}
.mainSinglebox h2{
    font-size: 22px;
}
.mainSinglebox h3{
    font-size: 20px;
}
.mainSinglebox h4{
    font-size: 18px;
}
.mainSinglebox ul {
    /* margin-bottom: 12px;
    margin-top: 12px; */
}
.mainSinglebox ul li{
    font-size: 16px;
    line-height: 32px;
    color: #2d3439;
    padding-left: 22px;
    position: relative;
}
.mainSinglebox ul li::before{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 6px;
    height: 6px;
    background: #000168;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.mainSinglebox p{
    /* margin-bottom: 10px; */
    font-size: 16px;
    line-height: 32px;
    color: #2d3439;
}
.mainSinglebox p img{
    margin-top: 10px;
    margin-bottom: 10px;
}
.mainSinglebox p a{
    color: #000168;
}
.mainSinglebox p a:hover{
    color: #c9151e;
}
/*.mainSinglebox h3{*/
/*    margin-top: 12px;*/
/*    font-size: 16px;*/
/*    color: #000168;*/
/*    margin-bottom: 8px;*/
/*}*/

.mainSinglebox.technologybox{
    padding-bottom: 40px;
}
.maintechnology.maintechnologycontent .mainSinglebox h3{
    margin-top: 0;
    font-size: 16px;
    color: #000168;
    margin-bottom: 15px;
}
.technologybox .technology-left{
    float: left;
    width: 58%;
}
.technologybox .technology-right{
    float: right;
    width: 36%;
    border: 2px solid #f7f7f7;
    padding: 20px;
    text-align: center;
}
.technology-title{
    font-size: 24px;
    color: #000168;
    margin-bottom: 30px;
}
.technologybox .technology-info ul li{
    line-height: 28px;
    margin: 5px 0;
}

/* Promotions */
.mainpromotionbox{
    margin-top: 40px;
    text-align: center;
    border: 5px solid #f3f4f9;
    background-image: url(../images/bg-promotions.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    padding-top: 140px;
    padding-bottom: 70px;
    margin-bottom: 80px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.mainpromotionbox h2{
    font-size: 30px;
    color: #000168;
    text-transform: uppercase;
    margin-bottom: 65px;
}
.mainpromotionbox h2 span{
    color: #a91115;
}
.mainpromotionbox h3{
    font-size: 24px;
    color: #2d3439;
    text-transform: uppercase;
    margin-bottom: 120px;
}
.mainpromotionbox a{
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    padding: 0 28px;
    color: #fff;
    background: #000168;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-bottom: 95px;
}
.mainpromotionbox p{
    color: #2d3439;
    font-size: 16px;
    line-height: 32px;
}

/* Technical Newsletter 列表页 */
.newslistbox{
    margin-bottom: 40px;
}
.newslistbox li{
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom:2px solid #f7f7f7
}
.newslistbox li a{
    display: block;
    overflow: hidden;
}
.newslistbox li .newsleft{
    float: left;
    overflow: hidden;
    width: 92%;
}
.newslistbox li .newstime{
    float: left;
    width: 66px;
    height: 65px;
    color: #999;
    padding-top: 8px;
    text-align: center;
    background-image: url(../images/libg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
.newslistbox li .newstime p{
    font-size: 36px;
    line-height: 32px;
}
.newslistbox li .newstime span{
    font-size: 16px;
}
.newslistbox li .newsinfo{
    float: right;
    width: 92%;
    height: 65px;
    position: relative;
}
.newslistbox li .newsinfo h2{
    font-size: 18px;
    color: #575757;
    line-height: 28px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.newslistbox li .newsright{
    float: right;
    width: 80px;
    height: 65px;
    border-left:2px solid #f7f7f7;
    background-repeat: no-repeat;
    background-position: center center;
}
.newslistbox li .newsright.pdfstyle{
    background-image: url(../images/icon_service_pdf.png);
    background-size: 28px auto;
}
.newslistbox li .newsright.webstyle{
    background-image: url(../images/link.png);
    background-size: 32px;
}
.newslistbox li .newsright.arrowstyle{
    background-image: url(../images/arrow-more.png);
}
.newslistbox li:hover .newstime{
    background-image: url(../images/libg-r.png);
    color: #000168;
}
.newslistbox li:hover h2{
    color: #000168;
}
.newslistbox li:hover .newsright.arrowstyle{
    background-image: url(../images/arrow-more-r.png);
}

/* 重切2024.10.16 */
.mainbox.newsletterbox{
    min-height: calc(100vh - 72px);
}
.newsContainerlist{
    padding-top: 20px;
}
.mainbox ul.news_list{
    padding-bottom: 40px;
    font-size: 16px;
    color: #2d3439;
}
.commonnodata{
    text-align: center;
    padding: 16px;
    font-size: 18px;
    line-height: 36px;
    color: #2d3439;
}
.news_list li{
    overflow: hidden;
    padding-top: 16px;
    padding-bottom: 14px;
    /* border-bottom: 1px solid #f3f4f9; */
    border-bottom: 1px solid rgba(79, 91,100,.3);
    background: url(../images/dots-b.png) no-repeat 4px 23px;
    background-size: 7px;
    padding-left: 28px;
}
.news_list li a{
    float: left;
    width: 85%;
    color: #2d3439;
    font-size:16px;
    /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
}
.news_list li span{
    float: right;
    color: #2d3439;
    font-size:16px;
}
.news_list li:hover a{
    color: #000168;
}
.news_list li a b{
    color: #000168;
}


.mainbox.mainposterbox{
    min-height: calc(100vh - 72px);
}
.posterBoxContainer{
    padding-top: 40px;
}
.posterNodata{
    display: none;
    padding: 40px 40px 58px;
    text-align: center;
    /* border: 5px solid #f3f4f9; */
    border: 5px solid rgba(79, 91,100,.1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.posterNodata p{
    font-size: 16px;
    line-height: 48px;
    color: #2d3439;
    margin-bottom: 15px;
}

.posterNodata a{
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    padding: 0 28px;
    color: #fff;
    background: #000168;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.posterNodata a:hover{
    background: #c9151e;
}
.posterShowDatalist{
    display: none;
}


.lookmore {
    width: 120px;
    height: 44px;
    background-image: url(../images/morebg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    text-align: center;
    margin:12px auto 20px;
    line-height: 46px;
    font-size: 16px;
    color: #c9151e;
    cursor: pointer;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    display: none;
}
.lookmore:hover{
    color: #fff;
    background-image: url(../images/subBg.png);
}
/* .posterShowDatalist .lookmore{
    display: none;
} */

/* 产品中心封面 */
.listsbox .pro_nav{
    background:#fcfcfc;
    position:relative;
    border-radius:10px;
    margin-top:25px;
    border-bottom:1px solid #f1f5f7;
    overflow:hidden;
}
.pro_nav li{
    float:left;
    width:16.66%;
    border-bottom:1px solid #f1f5f7;
}
.pro_nav a{
    padding-left:12px;
    padding-right:12px;
    font-size:20px;
    color:#adacac;
    display:inline-block;
    line-height:65px;
    border-bottom:2px solid transparent;
}
.pro_nav li:hover a{
    color:#d13840;
    border-bottom:2px solid #d13840;
}
.pro_nav li.current a{
    color:#d13840;
    border-bottom:2px solid #d13840;
}
.proText{
    overflow:hidden;
    padding-top:40px;
    padding-bottom: 35px;
}
.proText .pro_left{
    float:left;
    width:68.3%;
}
.pro_left h2{
    font-size:28px;
    color:#000168;
    margin-bottom:44px;
}
.pro_left p{
    background:url(../images/dots-b.png) no-repeat left 12px;
    padding-left: 20px;
    font-size: 16px;
    color: #4f5b64;
    line-height:36px;
    margin-bottom: 28px;
}
.pro_left p a{
    color: #000168;
    font-size:20px;
    text-decoration: underline;
}
.pro_left p a:hover{
    color: #d13840;
}
.proText ul{
    float:right;
    width:27.9%;
    margin-top:10px;
}
.proText ul li{
    margin-bottom:12px;
}
.pro_right img{
    width:100%;
    height:auto;
}

/* 产品封面2024.10.24 */
.productbox{
    min-height: calc(100vh - 72px);
    padding-bottom:40px;
    overflow: hidden;
}
.mainproductbox{
    position: relative;
}
.load-message{
    position: relative;
    left: 0;
    top: 35px;
    width: 100%;
    height: 398px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.load-message.none{
    display:none;
}
.load-message .loaditem{
    float: left;
    width: 31.6%;
    position: relative;
    min-height: 398px;
    margin-right: 2.6%;
    background: #fdfdfd;
    box-shadow: 0 0px 10px rgba(243,244,249,.05);
    overflow: hidden;
}
.load-message .loaditem .loadimg{
    width: 100%;
    height: 225px;
    background: linear-gradient(to bottom,#f3f4f9,#fdfdfd);
    background: -webkit-linear-gradient(to bottom,#f3f4f9,#fdfdfd);
    background: -moz-linear-gradient(to bottom,#f3f4f9,#fdfdfd);
    background: -o-linear-gradient(to bottom,#f3f4f9,#fdfdfd);
}
.load-message .loaditem:last-child{
    margin-right: 0;
}
.load-message .loaditem .loadright{
    
}
.loadlist{
    float: left;
    width: 31.5%;
    margin-right: 2.75%;
    position: relative;
    margin-bottom: 22px;
    min-height: 252px;
    background: linear-gradient(to bottom,#f3f4f9,#fdfdfd);
    background: -webkit-linear-gradient(to bottom,#f3f4f9,#fdfdfd);
    background: -moz-linear-gradient(to bottom,#f3f4f9,#fdfdfd);
    background: -o-linear-gradient(to bottom,#f3f4f9,#fdfdfd);
}
.loadlist:nth-child(3n){
    margin-right: 0;
}

.productbox .productlist{
    /* padding-top: 35px; */
    position: relative;
    z-index: 1;
}
.no-loadding{
    text-align: center;
    font-size: 16px;
    color: #575757;
    line-height: 32px;
}
.no-loadding i{
    display: inline-block;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    background-image: url(../images/icon-loading1.png);
    animation: rotatemove 2s linear infinite;
    -webkit-animation: rotatemove 2s linear infinite;
}
@keyframes rotatemove{
    0%{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}
.productlist li{
    float: left;
    width: 31.6%;
    background: #f3f4f9;
    margin-right: 2.6%;
    margin-bottom: 35px;
}
.productlist li a{
    display: block;
}
.productlist li .imgbox{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.productlist li img{
    max-width: 100%;
    height: auto;
}
.productlist li .producttitlebox{
    padding:15px 20px;
    background: #fff;
    box-shadow: 0 0 10px rgba(79, 91, 100,.2);
}
.productlist li h2{
    font-size: 18px;
    color: #000168;
    margin-bottom: 6px;
    line-height: 28px;
}
.productlist li .productsmalltext{
    font-size: 16px;
    color: #2d3439;
    line-height:28px;
    min-height: 140px;
}
.productlist li span{
    display: block;
    padding-top: 14px;
    margin-top: 28px;
    border-top: 2px dashed #000168;
    padding-left: 32px;
    font-size: 16px;
    color: #000168;
    background: url(../images/arrow-more.png) no-repeat 10px 15px;
}
.productlist li:hover h2{
    color: #d13840;
}
.productlist li:hover span{
    color: #d13840;
    border-top: 2px dashed #d13840;
    background: url(../images/arrow-more-r.png) no-repeat 10px 15px;
}


/* 产品列表+筛选2024.10.24 */
.mainproductlist{
    min-height: calc(100vh - 70px);
}
.location{
    margin-top: 8px;
    padding-left: 38px;
    font-size: 16px;
    color: #4f5b64;
    line-height: 28px;
    background-position: left top 2px;
    background-repeat: no-repeat;
    background-size: 28px auto;
    background-image: url(../images/icon-home.png);
}
.location a{
    font-size: 16px;
    color: #4f5b64;
}
.location a.last{
    color: #000168;
}

.productContainer{
    padding-bottom: 40px;
}
.productShowCart{
    display: none;
}
.productShowCart.on{
    display: block;
}
.onlineShopBox .productContainer{
    /* padding-top: 20px; */
}
.featureProduct{
    margin-bottom: 20px;
    /* padding-top: 32px; */
}
.featureProduct h2{
    font-size: 18px;
    color: #2d3439;
    margin-bottom: 20px;
}
.featureProduct ul li{
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 4px; 
}
.featureProduct ul li a{
    display: inline-block;
    padding: 0 12px;
    line-height: 30px;
    color: #000168;
    background: #f3f4f9;
    font-size: 16px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
}
.productFilter{
    /* padding-top: 12px; */
}
.product-left{
    float: left;
    width: 27.083%;
}
.featureProduct ul li a:hover{
    color: #fff;
    background: #000168;
}
.filterlist{
    
}
.categorybox{
    padding: 25px 25px 10px;
    /* background: #f3f4f9; */
    background: #fff;
    border-top: 4px solid #000168;
    margin-bottom: 18px;
    min-height: 288px;
}
.filterlist h2{
    font-size: 18px;
    color: #2d3439;
    margin-bottom: 20px;
}
.filterCategory{

}
.filterCategory li{
    font-size: 16px;
    margin-bottom: 12px;
    position: relative;
}
.filterCategory li a,.filterCategory li span{
    display: inline-block;
    color: #2d3439;
    font-size: 16px;
    
    padding-left: 24px;
}
.filterCategory li span{
    cursor: default;
}
.filterCategory li::before,.filterCategory li::after{
    content: " ";
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.filterCategory li::before{
    top: 3px;
    left: 0;
    width: 14px;
    height: 14px;
    background: #fff;
    border: 1px solid #999;
}
.filterCategory li::after{
    opacity: 0;
    width: 8px;
    height: 8px;
    left: 3px;
    top: 6px;
    background: #4f5b64;
}
.filterCategory li.selected::before{
    border: 1px solid #4f5b64; 
}
.filterCategory li.selected::after{
    opacity: 1;
}
.filterMainList{
    min-height: 400px;
}
.filterlist .filtertitle{
    border-top: 1px solid #c5ccd2;
    height: 54px;
    line-height: 54px;
    font-size: 18px;
    color: #4f5b64;
    position: relative;
    background-position: right 14px center;
    background-repeat: no-repeat;
    background-size: 26px auto;
    background-image: url(../images/icon-minus.png);
}
.filtertitle.active{
    background-image: url(../images/icon-add.png);
}
.filterlist .select_multiple_box{
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
}
.select_multiple_box .select_multiple_showbox{
    width: 100%;
    height: 38px;
    line-height: 38px;
    padding:0 32px 0 12px;
    font-size:16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 4px;
    color: #4f5b64;
    border: 1px solid #dcdfe6;
    position: relative;
    background-image: url(../images/traingle-down.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30px;
}
.filterlist select{
    display: none;
}
.filterchildren{
    
}
ul.select_multiple_option{
    width: max-content;
    min-width: 100%;
    padding-left: 15px;
    height: 100px;
    overflow: hidden;
}
ul.select_multiple_option.showfiltermore{
    height: 172px;
    overflow: auto;
}
ul.select_multiple_option::-webkit-scrollbar {width:3px;height:3px;position:absolute;}
ul.select_multiple_option::-webkit-scrollbar-thumb {background-color:#000168}
ul.select_multiple_option::-webkit-scrollbar-track {background-color:#ddd}
ul.select_multiple_option li{
    font-size: 16px;
    line-height: 28px;
    position: relative;
    color: #2d3439;
    padding-left: 28px;
    margin-bottom: 8px;
}
ul.select_multiple_option li::before{
    content: " ";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    border: 1px solid #2d3439;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px auto;
}
.select_multiple_option li.selected::before{
    background-color: #2d3439;
    background-image: url(../images/icon-right-white.png);
}
.select_multiple_option li.hover{
    color: #000168;
}
.filtermore{
    height: 28px;
    line-height: 30px;
    margin-bottom: 12px;
    padding-left: 24px;
    font-size: 16px;
    margin-top: 8px;
    color: #000168;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/icon-add-blue.png);
    background-size: 18px auto;
    cursor: pointer;
}
.filtermore:hover{
    background-image: url(../images/icon-add-red.png);
    color: #c9151e;
}
.product-right{
    float: right;
    width: 70%;
}
.pageresult{
    font-size: 18px;
    color: #4f5b64;
    margin-bottom: 25px;
    overflow: hidden;
}
.pageresult span{

}
.filterresults{
    margin-bottom: 20px;
}
.filterresults ul li{
    display: inline-block;
    cursor: pointer;
    font-size: 15px;
    line-height: 30px;
    margin: 0 3px 4px;
    padding: 0 12px 0 28px;
    color: #4f5b64;
    background-color: #f3f4f9;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    background-position: left 12px center;
    background-repeat: no-repeat;
    background-size: 10px auto;
    background-image: url(../images/close-black.png);
}
.filterresults ul li span{
    
}

.filterresults ul li.clearall{
    background-color: #000168;
    background-image: url(../images/close-black-white.png);
    color: #fff;
}
.productdatalists{
    padding-bottom: 30px;
}
/* .productdatalists .noprodata{
    line-height: 32px;
} */
.noprodata{
    text-align: center;
    font-size: 18px;
    color: #4f5b64;
    min-height: 365px;
    padding: 20px 0;
}
.productdatalists ul li{
    float: left;
    width: 31.5%;
    margin-right: 2.75%;
    margin-bottom: 22px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.productdatalists ul li a{
    display: block;
    /* background: #f3f4f9; */
    background: #fff;
    padding: 20px 20px 16px;
}
.productdatalists ul li .imgbox{
    border: 1px solid #d9dce1;
    background: #fff;
    margin-bottom: 14px;
    height: 150px;
    text-align: center;
    overflow: hidden;
}
.productdatalists ul li .imgbox img{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.productdatalists ul li .listtite{
    font-size: 18px;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    color: #000168;
}
.productdatalists ul li:hover{
    box-shadow: 0 0 10px rgba(243,244,249,1);
}
.productdatalists ul li:hover .imgbox{
    /* border: 1px solid #000168; */
}
.productdatalists ul li:hover img{
    /* transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01); */
}
.productdatalists ul li:hover .listtite{
    color: #2d3439;
}


/* 产品内容页2024.10.25 */
.mainbox.productMainbox{
    /* padding-top: 156px; */
    min-height: calc(100vh - 70px);
    padding-bottom: 0;
}

.productistopinfo{
    position: fixed;
    left: 0;
    top: -100%;
    width: 100%;
    z-index: 100000;
    background: #fff;
    box-shadow: 0 0 10px rgba(160, 160, 162, 0.5);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.productistopinfo.active{
    top: 0;
}
.productistopinfo .istopbox{
    padding: 12px 0;
}
.istopbox .istop-left{
    float: left;
    overflow: hidden;
}
.istop-left .istopimg{
    float: left;
    margin-right: 16px;
    overflow: hidden;
    height: 56px;
    border: 1px solid #c6cdd2;
}
.istop-left .istopimg .imgbox{
    height: 54px;
    width: auto;
}
.istop-left .istopimg img{
    width: auto;
    height: 100%;
}
.istop-left .istop-title{
    float: left;
    font-size: 18px;
    margin-top: 12px;
    color: #4f5b64;
}
.istopbox .istop-right{
    float: right;
    text-align: right;
    margin-top: 8px;
}
.istopbox .istop-right a{
    display: inline-block;
    width: 130px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-left: 8px;
    font-size: 16px;
    color: #2d3439;
    border: 1px solid #2d3439;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.istopbox .istop-right a:hover{
    color: #fff;
    background: #000168;
    border: 1px solid #000168;
}
.istopnavbox{
    width: 100%;
    height: 50px;
    background: #e4edf7;
    /* background: #f3f3f6; */
}
.istopnavbox ul{
    /* padding: 10px; */
}
.istopnavbox ul li{
    float: left;
    height: 100%;   
    overflow: hidden;
    margin-right:20px;
}
.c1,.c2,.c3,.c4,.c5{
    display: none;
}


.istopnavbox ul li a,.istopnavbox ul li span{
    display: block;
    padding:0 5px;
    cursor: pointer;
    line-height: 48px;
    color: #2d3439;
    font-size:16px;
    border-bottom: 2px solid transparent;
}
.istopnavbox ul li.active a,.istopnavbox ul li.active span{
    color: #000168;
    border-bottom:2px solid #000168;
}
.productSection{

}
.producttopbox{
    padding-bottom: 40px;
    /* padding-top: 35px; */
}
.producttop-left{
    float: left;
    width: 58%;
}
.mainbox .producttop-left h1{
    text-align: left;
    color: #2d3439;
    font-size: 24px;
    position: relative;
}
/* .mainbox .producttop-left h1::after{
    content: " ";
    display: block;
    width: 66px;
    height: 4px;
    margin-top: 20px;
    background: #000168;
} */
.producttoptext{
    margin-top: 25px;
    font-size: 16px;
    line-height: 32px;
    color: #2d3439;
}
.producttoptext h2{
    font-size: 18px;
    color: #000168;
    margin-bottom: 5px;
}
.producttopbtn{
    margin-top: 40px;
}
.producttopbtn a{
    display: inline-block;
    width: 130px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-left: 8px;
    font-size: 16px;
    color: #4f5b64;
    border: 1px solid #4f5b64;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
/* .producttopbtn a:first-child{
    color: #fff;
    background: #000168;
} */
.producttopbtn a:hover{
    color: #fff;
    background: #000168;
    border: 1px solid #000168;
}

span.collectbtn{
    display: inline-block;
    margin-left: 15px;
    font-size: 16px;
    padding-left: 40px;
    padding-right: 10px;
    height: 36px;
    cursor: pointer;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #000168;
    border: 1px solid #000168;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: transparent;
    background-image: url(../images/icon-star-solid-blue.png);
    background-position: left 10px center;
    background-size: 23px;
    background-repeat: no-repeat;
}
span.collectbtn.collected{
    background-image: url(../images/icon-star-white.png);
    background-color: #9da0be;
    color: #fff;
    border: 1px solid #9da0be;

}

.producttop-right{
    float: right;
    width: 37.5%;
    text-align: center;
    min-height: 301px;
}
.producttop-right.accessoriesimg{
    min-height: 231px;
}
.producttop-right .imgbox{
    padding: 2px;
    background-image: url(../images/contentsolid.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.producttop-right img{

}
.productcontentnav{
    height: 52px;  
    
    background: #fff;
    box-shadow: 0 0 10px rgba(79, 91, 100,.3);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.productcontentnav.hiddennav{

}
.productcontentnav ul{
    opacity: 1;
    height: 100%;
    width: 100%;
    padding: 0 10px;
    /* background: #f3f4f9; */
    
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
}
.productcontentnav.hiddennav ul{
     opacity: 0;
}
.productcontentnav ul li{
    float: left;
    height: 100%;   
    overflow: hidden;
    margin:0 10px;
}
.productcontentnav ul li a,.productcontentnav ul li span{
    display: block;
    padding:0 5px;
     cursor:pointer;
    line-height: 50px;
    color: #2d3439;
    font-size:16px;
    border-bottom: 2px solid transparent;
}
.productcontentnav ul li.active a,.productcontentnav ul li.active span{
    color: #000168;
    border-bottom:2px solid #000168;
}
.productcontentnav ul li:hover a,.productcontentnav ul li:hover span{
    color: #000168;
   
}
.productWrapper{

}
.sectionitem{
    padding-top: 35px;
}
.smallproductmarker{
    font-size: 24px;
    color: #000168;
    margin-bottom: 15px;
}
.productnumbers{
    font-size: 18px;
    color: #2d3439;
    line-height: 28px;
}
.procontentfilter{
    padding-top: 20px;
    /* padding-bottom: 15px; */
}
.procontentfilter p{
    font-size: 18px;
    color: #2d3439;
    margin-bottom: 8px;
}
.proconditions{

}
.proconditions span{
    display: inline-block;
    color: #4f5b64;
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    margin-right: 6px;
    margin-bottom: 6px;
    cursor: pointer;
    border: 1px solid #4f5b64;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.proconditions span:hover{
    background: #000168;
    color: #fff;
    border: 1px solid #000168;
}
.productmorenavbox{
    overflow: hidden;
    /*margin-top: 15px;*/
    /*margin-bottom: 18px;*/
}
.productmorenavbox .morephasenav{
    /* float: left; */
}
.morephasenav a,.morephasenav span{
    display: inline-block;
    line-height: 32px;
    padding: 0 8px;
    color: #4f5b64;
    font-size: 16px;
    margin-right: 4px;
    margin-bottom: 4px;
    background: #f3f4f9;
    border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    -o-border-radius: 32px;
}
.morephasenav span{
    cursor: pointer;
}
.morephasenav a:hover,.morephasenav span:hover{
    background: #000168;
    color: #fff;
}
.morephasenav a.act,.morephasenav span.act{
    background: #000168;
    color: #fff;
}
.productViewsPrice{
    float: right;
    text-align: right;
    font-size: 16px;
    color: #4f5b64;
}
.productmorenavbox .productViewsPrice{
    margin-top: 6px;
}
.productViewsPrice a{
    color: #000168;
    padding-left: 24px;
    background-image: url(../images/icon-manage-blue.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left top 2px;
    background-size: 18px auto;
}
.productViewsPrice a:hover{
    color: #c9151e;
    background-image: url(../images/icon-manage-red.png);
}
.productlistContent{
    margin-top: 18px;
}
.listBigTitle{
    height: 44px;
    line-height: 44px;
    color: #fff;
    overflow: hidden;
    font-size: 18px;
    background: #000168;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.listBigTitle span{
    float: left;
    padding-right: 20px;
}
.partNumber{
    width: 18%;
    padding-left: 44px;
}
.partNumber i.digitalbtn{
    position: absolute;
    right: 40px;
    display: inline-block;
    width: 20px;
    height: 12px;
    cursor: pointer;
    background-position: center center;
    background-size: 7px auto;
    background-repeat: no-repeat;
}
i.digitalbtn.ascbtn{
    top: 9px;
    background-image: url(../images/traingle-up-white.png);
}
i.digitalbtn.descbtn{
    bottom: 9px;
    background-image: url(../images/traingle-down-white.png);
}
.partName{
    /* width: 52%; */
    width: 56%;
    padding-right: 20px;
}
.partPrice{
    /* width: 30%; */
    width: 25%;
}
.partPrice .productViewsPrice{
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
}
.partPrice .productViewsPrice a{
    background-position: left top 4px;
}
.listsales{
    color: #2d3439;
}
.listsales:hover{
    color: #000168;
}
.listdataContent{
    padding-bottom: 40px;
    min-height: 100px;
}
.listdataContent .noprodata{
    padding: 40px 0;
    text-align: center;
    font-size: 16px;
    color: #2d3439;
    border: 1px solid #d7dcdf;
}
.productItem{
    /* border-bottom: 1px solid #d7dcdf; */
    border-bottom: 1px solid #4f5b64;
    position: relative;
}
.listdatatop{
    padding-top: 12px;
    padding-bottom: 10px;
    color: #2d3439;
    cursor: pointer;
    line-height: 28px;
    overflow: hidden;
    position: relative;
    font-size: 16px;
    /*width: 100%;*/
}
.listdatatop>div{
    float: left;
    color: #2d3439;
}
.partNumber{
    position: relative;
}
.listdatatop .partNumber i{
    display: inline-block;
    width: 50px;
    position: absolute;
    left: 0;
    top: 0;
    height: 26px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-image: url(../images/icon-add.png);
}

.listdatatop.on .partNumber i{
    background-image: url(../images/icon-minus.png);
}
.partCart{
    width: 10%;
    overflow: hidden;
    position: absolute;
    top: 7px;
    right: 20px;
    text-align: center;
    height: 36px;
    border: 1px solid #4f5b64;
    line-height: 36px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.partCart a,.partCart span{
    display: block;
    height: 36px;
    line-height: 36px;
    color: #4f5b64;
    /* color: #000168; */  
}
.listdatatop span a,.accessoriesname{
    color: #2d3439;
}
.listdatatop span a:hover{
    color: #000168;
}
.listdatatop .partName a{
    overflow: hidden;
}
.partName .accessoriespics{
    float: left;
    width: 20%;
}
.partName .accessoriesname{
    float: right;
    width: 76%;
}
.listdatatop .partNumber:hover,.listdatatop .partName:hover,.accessoriesname:hover{
    color: #000168;
}
.partCart:hover{
    border: 1px solid #000168;
}
.partCart a:hover,.partCart span:hover{
    color: #fff;
    background: #000168;
}
.listdatabottom{
    background: #fcfcfc;
    padding: 15px;
    display: none;
}
.listdatabottom ul{
    overflow: hidden;
}
.listdatabottom ul li{
    float: left;
    width: 50%;
    font-size: 15px;
    line-height: 28px;
    color: #2d3439;
    padding-right: 15px;
}
.listdatabottom ul li strong{
    float: left;
    display: inline-block;
    width: 40%;
}
.filterpage{
    text-align: center;
    margin-bottom: 40px;
}
.filterpage a{
    /* display: inline-block;
    height: 32px;
    padding: 0 10px;
    line-height: 32px;
    font-size: 16px;
    cursor: pointer;
    color: #4f5b64;
    margin: 0 8px;
    margin-bottom: 10px;
    border: 1px solid #4f5b64;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px; */
}
.filterpage a.on{
    /* background: #c9151e;
    border: 1px solid #c9151e;
    color: #fff; */
}
.filterpage a:hover{
    /* color: #c9151e; */
}

.productlistContent .filterpage{
    margin-bottom: 0;
}

.pagesbox{
    display: none;
}
.productCharacteristics{
    background: #e4edf7;
    /* background: #f3f4f9; */
    padding-bottom: 35px;
}
.productLiterature{
     background: #e4edf7;
}
.charactercontent{
    font-size: 16px;
    line-height: 32px;
    color: #2d3439;
}
.commonullist{
    background: #fff;
    padding: 25px 30px;
    margin-top: 25px;
    margin-bottom: 20px;
    box-shadow: 0 0 10px rgba(160, 160, 162, 0.1);
}
.commonullist ul li{
    
    padding-left: 20px;
    position: relative;
}
.commonullist ul li::before{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 13px;
    width: 5px;
    height: 5px;
    background: #000168;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.productWrapper .lists{
    padding: 0;
    /* width: 80%; */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    padding: 25px;
    box-shadow: 0 0 10px rgba(160, 160, 162, 0.1);
    
}
.productWrapper .lists .leftimg{
    padding: 10px;
    border: 1px solid rgba(79, 91,100,.3);
}
.productWrapper .lists .rightbox{
    /* width: 58.8%; */
}
.productWrapper .lists .rightbox p{
    color: #2d3439;
}
.productWrapper .lists .rightbox h3{
    font-size: 18px;
    line-height: 28px;
}
.productWrapper .lists .rightbox p strong{
    font-weight: normal;
}
.productApplications{

}
.productApplications .smallproductmarker{
    margin-bottom: 15px;
}
.proappitem{
    margin-bottom: 8px;
}
.proappitemtop{
    cursor: pointer;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #2d3439;
    padding: 0 15px;
    position: relative;
    background: #f3f4f9;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.proappitemtop::after{
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px auto;
    background-image: url(../images/icon-add.png);
}
.proappitem.on .proappitemtop::after{
    background-image: url(../images/icon-minus.png);
}
.proappitembottom{
    padding: 20px 15px;
    font-size: 16px;
    line-height: 32px;
    color: #2d3439;
    display: none;
}
.prochildbottom{
    font-size: 16px;
    line-height: 32px;
    color: #2d3439;
}
.proappitem.on .proappitembottom{
    display: block;
}
.charactercontent h2,.proappitembottom h2,.boxPacking h2{
    font-size: 18px;
    margin-bottom: 20px;
    color: #2d3439;
}
.boxPacking{
    padding-bottom: 30px;
    font-size: 16px;
    color: #2d3439;
    line-height: 32px;
}
.boxPacking h2{
    margin-top: 15px;
}
.boxPacking table{
    margin-bottom: 25px;
}
/* .boxPacking p{
    font-size: 16px;
    color: #2d3439;
    line-height: 32px;
} */
.boxPacking table,.proappitembottom table{
    /* background: #e1e3f0; */
    /* background: #4f5b64; */
}
.proappitembottom table,.boxApplication table{
    margin-top: 10px;
    margin-bottom: 10px;
}
.boxApplication{
    
}
.prochildappitem{
    margin-top: 15px;
}
.boxApplication h3{
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px;
}
.productPublications{
    /*background: #e4edf7;*/
}
.productApplications,.productLiterature,.productPublications{
    padding-bottom: 35px;
}
.prochildappitem .prochildtitle{
    font-size: 18px;
    color: #000168;
    line-height: 36px;
    margin-bottom: 8px;
    background-image: url(../images/navarrow-blue.png);
    background-repeat: no-repeat;
    background-position: left top 11px;
    background-size: 24px auto;
    padding-left: 32px;
}
.prochildbottom h2{
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #2d3439;
}

.boxPacking table tr th,.boxPacking table tr td, .proappitembottom table tr th,.proappitembottom table tr td,.boxApplication table tr th,.boxApplication table tr td{

    padding: 4px 15px 3px;
    font-size: 16px;
    color: #2d3439;
    line-height: 28px;
    border: 1px solid #4f5b64
}

.proappitembottom table tr:first-child td{

}
.productResources {
    background: #e4edf7;
    margin-top: 40px;
    padding-bottom: 20px;
}
.proResourcebox{

}
.proResouces-left{
    float: left;
    width: 69.583%;
    min-height: 312px;
}
.proResourceitem{
    margin-bottom: 8px;
}
.proResourceitem h2{
    height: 44px;
    line-height: 44px;
    cursor: pointer;
    font-size: 16px;
    color: #2d3439;
    padding: 0 15px;
    position: relative;
    /* background: #f3f4f9; */
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.proResourceitem h2::after{
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px auto;
    background-image: url(../images/icon-add.png);
}
.proResourceitem h2.on::after{
    background-image: url(../images/icon-minus.png);
}
.proResourceFile{
    padding: 20px 15px;
   
}
.proResourceFile.proOtherResourceFile{
    display: none;
}
.productApplications .proResourceFile,.productLiterature .proResourceFile,.productPublications .proResourceFile.moreheight{
    padding: 0;
}
.proResourceFile.moreheight{
    height: 484px;
    overflow: auto;
}
.productApplications .proResourceFile.moreheight,.productLiterature .proResourceFile.moreheight,.productPublications .proResourceFile.moreheight{
    height: 460px;
}
.proResourceFile ul{

}
.proResourceFile ul li{
}
.proResourceFile ul li{
    overflow: hidden;
    padding-top: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(79, 91, 100,.3);
    background: url(../images/icon_service_pdf.png) no-repeat left 15px top 14px;
    padding-left: 50px;
    background-size: 22px auto;
}
.proResourceFile ul li a{
    color: #2d3439;
    font-size: 16px;
    line-height: 28px;
}
.proResourceFile ul li:hover a{
    color: #c9151e;
}
.proResouces-right{
    float: right;
    width: 25%;
    padding: 20px 20px;
    background: #f1f6fb;

}
.proResouces-right h2{
    font-size: 18px;
    color: #2d3439;
    margin-bottom: 20px;
}
.proResouces-right ul{
    margin-bottom: 20px;
}
.proResouces-right ul li{
    background: #fff;
    height: 52px;
    font-size: 16px;
    margin-bottom: 8px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    position: relative;
    box-shadow: 0 0 5px rgba(160, 160, 162,.2);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.proResouces-right ul li::before{
    content: " ";
    display: inline-block;
    width: 48px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
}
.proResouces-right ul li.index0::before{
    background-image: url(../images/icon-1.png);
}
.proResouces-right ul li.index1::before{
    background-image: url(../images/icon-2.png);
    background-size: 28px;
}
.proResouces-right ul li.index2::before{
    background-image: url(../images/icon-3.png);
}
.proResouces-right ul li.index3::before{
    background-image: url(../images/icon-4.png);
}
.proResouces-right ul li a{
    display: block;
    padding-left: 48px;
    font-size: 16px;
    line-height: 52px;
    color: #2d3439;
}
.proResouces-right ul li:hover{
    /* background: #c9151e; */
}
.proResouces-right ul li:hover a{
    color: #000168;
}
.proResouces-right .needhelp{
    font-size: 14px;
    color: #4f5b64;
    padding-left: 26px;
    position: relative;
    background-image: url(../images/icon-6.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px auto;
}
.proResouces-right .needhelp a{
    color: #000168;
}
.proResouces-right .needhelp a:hover{
    color: #c9151e;
}
.productRelated{
    background: #e4edf7;
    padding-bottom: 35px;
}
.productRelated ul li{
    float: left;
    width: 31%;
    margin-bottom: 30px;
    margin-right: 3.5%;
}
.productRelated ul li a{
    display:block;
}
.productRelated ul li h2{
    font-size: 18px;
    color: #000168;
    margin-bottom: 10px;
}
.productRelated ul li .relatedtext{
    color: #575757;
    font-size: 16px;
    line-height: 28px;
    height: 140px;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 5;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.productRelated ul li:hover h2{
    color: #c9151e;
}
.productRelated ul li .relatedtext h2{
    color: #2d3439;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0;
}

.hiddenFilterBox,.modelAddCartBox{
    position: fixed;
    background: rgba(45,52,57,.7);
    z-index: 100001;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    opacity: 0;
    display: none;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
}

.hiddenModel{
    width: 50%;
    height: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 30px 40px;
    background: #fff;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.modeltopbox{
    border-bottom: 1px solid rgba(79, 91,100,.3);
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.modeltopbox h1{
    float: left;
    font-size: 20px;
    color: #000168;
}
.modeltopbox .modelclose{
    float: right;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: center center;
}
.modelcontent{
    padding: 0 20px;
}
.modelcontent h2{
    font-size: 18px;
    color: #4f5b64;
    margin-bottom: 20px;
}
.modelcontent select{
    display: none;
}
.modelcontent ul.select_multiple_option{
    height: 400px;
    overflow: auto;
}
.modelbottom{
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    text-align: center;
}
.modelnums{
   width: 200px;
   margin: 0 auto;
   height: 50px;
   cursor: pointer;
   font-size: 16px;
   color: #fff;
   line-height: 50px;
   background: #000168;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
}
.modelreset{
    color: #000168;
    font-size: 16px;
    cursor: pointer;
    line-height: 32px;
    margin-top: 10px;
}
.modelreset:hover{
    color: #c9151e;
}
.hiddenFilterBox.act,.modelAddCartBox.act{
    opacity: 1;
    display: block;
}
.modelAddCart{
    width: 480px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.closeaddCart{
    text-align: right;
    padding: 20px 20px 0;
}
.closeaddCart span{
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: center center;
    background-image: url(../images/close-black.png);
}
.modelAddCartContent{
    padding: 25px 48px 32px;
}
.modelAddCartTitle{
    background-image: url(../images/icon-right-gray.png);
    color: #9ea0a5;
    padding-left:32px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 24px;
    font-size: 18px;
    margin-bottom: 25px;
}
.modelAddCartInfo{
    margin-bottom: 20px;
}
.modelAddCartInfo p{
    color: #575757;
    font-size: 16px;
    margin-bottom: 8px;
}
.modelAddCartInfo h2{
    color: #000;
    line-height: 30px;
    font-size: 18px;
}
.modelAddCartBtn{
    text-align: center;
}
.modelAddCartBtn a{
    display: block;
    margin-top: 10px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #000168;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.modelAddCartBtn a.addCartBtn{
    color: #fff;
    background: #000168;
}
.modelAddCartBtn a.addCartBtn:hover{
    background: #c9151e;
}
.modelTitle h1{
    font-size: 24px;
    color: #2d3439;
    position: relative;
    padding-bottom: 9px;
    margin-bottom: 20px;
}
.modelTitle h1::after{
    content: " ";
    display: inline-block;
    left: 0;
    bottom: 0;
    position: absolute;
    width: 54px;
    height: 2px;
    background: #000168;
}
.modelInfo{
    font-size: 16px;
    color: #575757;
    margin-bottom: 25px 
}
.modelInfo h2{
    font-size: 16px;
    line-height: 28px;
}
.modelBtn{  
    text-align: center;
}
.modelBtn a{
    display: inline-block;
    width: 120px;
    height: 44px;
    font-size: 16px;
    color: #fff;
    background: #000168;
    line-height: 44px;
    border-radius: 5px;
}

/*家族封面*/
.familycontentbox{
    padding-top: 45px;
    border-top: 1px solid #4f5b64;
}
.productCompare{
    margin-bottom: 35px;
}
.commontitle-compare{
    font-size: 24px;
    color: #000168;
    margin-bottom: 15px;
}
.comparebrief{
    font-size: 16px;
    color: #2d3439;
    line-height: 32px;
}
.comparebrief h2{
    font-size: 18px;
    color: #2d3439;
}
.comparebrief table{
    width: 100% !important;
    margin-bottom: 25px;
    margin-top: 25px;
}
.comparebrief table tr td{
    padding: 4px 15px 3px;
    font-size: 16px;
    color: #2d3439;
    line-height: 28px;
    border: 1px solid #4f5b64;
}
.productfamilylist{
    
}
.familylistbox{
    
}
.familylistbox li{
    margin-bottom: 15px;
}
.familylistbox li a{
    display: block;
}
.familylistbox li .familytitle{
    font-size: 20px;
    color: #2d3439;
    line-height: 36px;
    margin-bottom: 8px;
    background-image: url(../images/navarrow-blue.png);
    background-repeat: no-repeat;
    background-position: left top 11px;
    background-size: 24px auto;
    padding-left: 32px;
}
.familylistbox li .familytext{
    font-size: 16px;
    line-height: 32px;
    color: #2d3439;
}
.familylistbox li:hover .familytitle{
    color: #000168;
}

/* 在线商城 */
.mainbox.onlineShopBox{
    padding-top: 166px;
    min-height: calc(100vh - 72px);
}
.onlineShopBox .productViewsPrice{
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}
.pageresult .pagerpernum{
    float: left;
}
.addShopCartBox .onlineproducts{
    margin-top: 35px;
}
.shoploadlist{
    width: 100%;
    min-height: 216px;
    margin-bottom: 10px;
    background: linear-gradient(to bottom,#fcfcfc,#fdfdfd);
    background: -webkit-linear-gradient(to bottom,#fcfcfc,#fdfdfd);
    background: -moz-linear-gradient(to bottom,#fcfcfc,#fdfdfd);
    background: -o-linear-gradient(to bottom,#fcfcfc,#fdfdfd);
}
.onlineproductlist{
    margin-bottom: 40px;
}
.onlineproducts ul li{
    /* background: #f3f4f9; */
    background: #e4edf7;
    margin-bottom: 10px;
}
.onlineproducts ul li a{

}
.onlineproducts ul li .onlinetopbox{
    padding: 20px;
}
.onlineproducts ul li .online-left{
    float: left;
    width: 78%;
}
.onlineproducts ul li .onlinenumber{
    color: #2d3439;
    font-size: 16px;
    margin-bottom: 4px;
}
.onlineproducts ul li .onlinetoptitle{
    color: #000168;
    font-size: 18px;
    line-height:28px;
    min-height: 56px;
}
.onlineproducts ul li .onlineshopPrice{
    margin-top: 6px;
    color: #4f5b64;
    overflow: hidden;
    font-size: 16px;
}
.onlineproducts ul li .onlineshopPrice b{
    font-weight: normal;
    margin-bottom: 4px;
}
.onlineproducts ul li .onlineshopPrice p{
    font-size: 18px;
    color: #2d3439;
}
.onlineproducts ul li .onlineshopPrice a{
    display: inline-block;
    color: #000168;
}
.onlineproducts ul li .onlineshopPrice a:hover{
    color: #c91e45;
}
.onlineshopPrice .addnumber{
    float: left;
    width: 65px;
    height:52px;
}
.addnumber input.atom-input{
    background: #fff;
    border: 1px solid #dfdfdf;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 16px;
    color: #575757;
    line-height: 52px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.atom-input:active, .atom-input:focus {
    border: 1px solid #66bdee;
    box-shadow: 0 0 1px #66bdee;
}
.atom-input:hover {
    border: 1px solid #07b;
}
.onlineshopPrice .listprice{
    float: left;
    margin-left: 15px;
}
.listprice b{
    font-weight: normal;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 4px;
}
.listprice p{
    font-size: 18px;
} 
.listprice p a{
    color: #000168;
    font-size: 16px;
    padding-left: 24px;
    background-image: url(../images/icon-manage-blue.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left top 1px;
    background-size: 18px auto;
}

.listprice p a:hover {
    color: #c9151e;
    background-image: url(../images/icon-manage-red.png);
}

.onlineproducts ul li .online-right{
    float: right;
    width: 130px;
    text-align: center;
}
.onlineproducts ul li .onlineimg{
    width: 100%;
    border: 1px solid #e1e3f0;
    background: #fff;
    margin-bottom: 10px;
}
.onlineproducts ul li .onlineimg img{
    width: 100%;
    height: auto;
}
.onlineproducts ul li .onlineaddshop{
    float: right;
    width: 102px;
    height: 34px;
    font-size: 16px;
    cursor: pointer;
    color: #000168;
    text-align: center;
    line-height: 34px;
    border: 1px solid #000168;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.onlineproducts ul li .onlineaddshop:hover{
    color: #fff;
    background: #000168;
}

/* 购物车页面 */
.addShopCartBox{
    min-height: calc(100vh - 72px);
}
.addShopCartBox .productContainer{
    padding-top: 35px;
}
.addcartTitle{
    font-size: 24px;
    color: #2d3439;
    margin-bottom: 6px;
}
.addcartTitle span{
    font-size: 24px;
    color: #2d3439;
}
.addcartTitle span b{
    font-weight: normal;
}
.addShopCartBox .onlineproducts ul{
    /* min-height: 460px; */
}

.addShopCartBox .onlineproducts ul li .onlinetoptitle{
    min-height: 90px;
    line-height: 30px;
}
.addShopCartBox .onlineproducts ul li .onlineshopPrice b{
    font-size: 16px;
}
.addShopCartBox .onlineproducts ul li .online-right{
    width: 194px;
}
.onlineproducts ul li .onlineremoveshop{
    text-align: right;
    position: relative;
    margin-top: 20px;
    font-size: 16px;
    line-height: 24px;
    height: 24px;
    color: #000168;
    cursor: pointer;
    padding-right: 34px;
}
.onlineproducts ul li .onlineremoveshop::after{
    content: " ";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-image: url(../images/close-black.png);
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: center center;
    border: 1px solid #575757; 
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.confirmmain{
    position: absolute;
    width: max-content;
    right: -20px;
    top: 90%;
    padding-top: 15px;
}
.confirmtext{
    background: #fff;
    position: relative;
    padding: 15px 15px;
    box-shadow: 0 0px 10px rgba(71, 70, 70, .1);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.confirmtext::before{
    content: " ";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: -10px;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.confirmtext p{
    font-size: 16px;
    text-align: left;
    color: #575656;
    background-image: url(../images/icon-error.png);
    background-position: left top 1px;
    background-repeat: no-repeat;
    background-size: 20px;
    padding-left: 28px;
    margin-bottom: 15px;
}
.commonconfirm{
    text-align: center;
}
.commonconfirm span{
    display: inline-block;
    padding: 0 12px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
    margin: 0 8px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.commonconfirm span.verifybtn{
    background: #000168;
    color: #fff;
}
.commonconfirm span.commoncancel{
    color: #000168;
}
.commonconfirm span:hover{
    color: #fff;
    background: #c9151e;
}
.commonalertbox{
    position: fixed;
    width: max-content;
    top: 32%;
    left: 50%;
    padding: 20px 20px;
    background: #fff;
    box-shadow: 0 0 10px rgba(71, 70, 70, .1);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    z-index: 10001;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.commonalertbox span{
    color: #474747;
    display: inline-block;
    font-size: 16px;
    padding-left: 28px;
    background-repeat: no-repeat;
    background-position: left center;
}
.commonalertbox span.righttips{
    background-image: url(../images/icon-right.png);
    background-size: 25px;
}
.commonalertbox span.errortips{
    background-image: url(../images/icon-error.png);
    background-size: 22px;
}
.repairsuccess,.addsuccess{
    color: #c9151e;
    font-size: 16px;
    display: none;
    margin-left: 10px;
}

.shopCartBottom{
    display: none;
}
.shopCartBottom.on{
    display: block;
}
.orderTotal{
    margin-top: 25px;
    margin-bottom: 50px;
}
.orderTotalPrice{
    float: left;
}
.orderTotalPrice h3{
    color: #2d3439;
    font-size: 20px;
    margin-bottom: 10px;
}
.orderTotalPrice p{
    font-size: 24px;
    color: #2d3439;
}
.orderReturn{
    float: right;
}
.orderReturn a,.orderReturn span{
    display: inline-block;
    width: 160px;
    height: 40px;
    margin-left: 15px;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    color: #000168;
    border: 1px solid #000168;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.orderReturn span{
    cursor: pointer;
}
.orderReturn a:hover,.orderReturn span:hover{
    background: #000168;
    color: #fff;
}
.orderRemark{
    font-size: 16px;
    color: #575757;
    margin-bottom: 25px;
    text-align: right;
}
.orderRemark a{
    color: #000168;
}
.orderRemark a.signInA{
    padding-left: 24px;
    background-image: url(../images/icon-manage-blue.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left top 2px;
    background-size: 18px auto;
}
.orderRemark a:hover{
    color: #c9151e;
}
.orderRemark a.signInA:hover{
    background-image: url(../images/icon-manage-red.png);
}


.shopcartNeedAdd{
    display: none;
    padding: 40px 40px 58px;
    text-align: center;
    border: 5px solid rgba(79, 91, 100, .1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.shopcartNeedAdd p{
    margin-bottom: 15px;
    font-size: 16px;
    color:#2d3439;
    line-height: 48px;
}
.shopcartNeedAdd a{
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    padding: 0 28px;
    color: #fff;
    background: #000168;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.shopcartNeedAdd.on{
    display: block;
}
.shopcartNeedAdd a:hover{
    background: #c91e45;
}

.proCoverbox{
    padding-top: 30px;
    padding-bottom: 68px;
}
.proCoverbox .pro_title{
    text-align: center;
    font-size: 44px;
    color: #000168;
    padding-bottom: 18px;
    border-bottom: 2px solid #f8f8f8;
    margin-bottom: 38px;
}
.proCoverbox table{
    background: #e1e3f0;
    margin-bottom: 50px;
}
.proCoverbox table tr th{
    background: #fff;
    padding-left: 25px;
    width: 13%;
    font-size: 16px;
    color: #4f5b64;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.proCoverbox table tr td{
    background: #fff;
    padding: 20px 25px;
    font-size: 16px;
    color: #4f5b64;
    line-height: 20px;
}
.proCoverbox table tr td a{
    font-size: 16px;
    color: #000168;
    text-decoration: underline;
}
.proCoverbox table tr:nth-child(odd) td{
    /* background: #f3f4f9; */
}
.proCoverbox p{
    font-size: 16px;
    color: #4f5b64;
    margin-bottom: 34px;
    line-height: 34px;
}
.proCoverbox p a{
    color: #000168;
    font-size:20px;
    text-decoration: underline;
}
.pro_pztl h2{
    text-align: center;
    font-size: 28px;
    color: #000168;
    margin-bottom: 35px;
}
.proCoverbox p:hover a{
    color: #d13840;
}
.proCoverbox table tr td a:hover{
    color: #d13840;
}

/* 产品列表 */
.pro_list1{
    padding-top: 70px;
    padding-bottom: 20px;
}

/* 产品内页 */
.productContent{
    padding-top: 30px;
    padding-bottom: 50px;
}
.productContent h1{
    font-size: 44px;
    margin-bottom: 40px;
    text-align: center;
    color: #000168;
}
.productContent .product_menu{
    text-align: center;
}
.product_menu a{
    display: inline-block;
    padding: 0 35px;
    cursor: pointer;
    font-size: 20px;
    color: #a5a5a5;
    line-height:48px;
}
.product_menu a.active{
    background: #f3f4f9;
    color:#c9151e;
    border-radius: 3px;
}
.product_menu a:hover{
    background: #f3f4f9;
    color:#c9151e;
    border-radius: 3px;
}
.contentbox{
    padding-top: 40px;
}
.contentbox .box{
    display: none;
}
.contentbox .probrief{
    width: 100%;
    /* height: 446px; */
    overflow: hidden;
    padding: 25px 30px;
    background: url(../images/soligbg.png) no-repeat center top;
    background-size: 100% 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: 0 0 10px 0 rgba(114,114,114,.3);
}
.probrief .proimg{
    float: left;
    width: 49.1%;
}
.proimg img{
    max-width: 100%;
    height: auto;
}
.probrief ul{
    float: right;
    width: 41.2%;
    margin-bottom: 20px;
    margin-top: 12px;
}
.probrief ul li{
    line-height: 38px;
    background: url(../images/dots-b.png) no-repeat left 15px;
    padding-left: 16px;
    font-size: 16px;
    background-size: 7px auto;
    color: #4f5b64;
}
.probrief ul.ul_w{
    width: 100%;
    float: none;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
}
.probrief ul.ul_w li{
    float: left;
    margin-right:25px;
}
.probrief p{
    clear: both;
    font-size: 16px;
    line-height: 32px;
    color: #999;
}
.pro_title{
    margin-top: 50px;
    margin-bottom: 40px;
    font-size: 28px;
    color: #000168;
    text-align: center;
    padding-bottom: 26px;
    border-bottom: 1px solid #f3f3f3;
}
.productContent table{
    background: #e1e3f0;
    margin-bottom: 15px;
}
.productContent table tr th{
    background: #fff;
    padding: 20px 15px 20px 20px;
    width: 13%;
    font-size: 16px;
    color: #4f5b64;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.productContent table tr td{
    background: #fff;
    padding: 20px 25px;
    font-size: 16px;
    color: #4f5b64;
    line-height: 20px;
}
.productContent table tr td a{
    font-size: 16px;
    color: #000168;
    /* text-decoration: underline; */
}
.productContent table tr:nth-child(odd) td{
    /* background: #f3f4f9; */
}
.productContent h2{
    text-align: center;
    font-size: 28px;
    color: #000168;
    margin-bottom: 28px;
    margin-top: 58px;
}
.productContent p{
    font-size: 16px;
    color: #999;
    line-height:32px;
}
.productContent p img{ max-width: 100%; height: auto;}

.lists{
    overflow: hidden;
    padding: 25px;
    margin-top: 20px;
    margin-bottom:10px;
    /* background: #f3f4f9; */
    background: #fff;
}
.lists .leftimg{
    /* width:35.5%; */
    width: 29.5%;
    float: left;
    text-align: center;
    background: #fff;
}
.lists .leftimg img{
    max-width: 100%;
    height: auto;
}
.lists .rightbox{
    float: right;
    width: 68.8%;
}
.rightbox h3{
    font-size: 18px;
    color: #2d3439;
    margin-bottom:8px;
}
.rightbox p{
    font-size: 16px;
    color: #2d3439;
    line-height: 32px;
}
.rightbox p strong{
    font-weight: normal;
}


.pro_application{
    background: #f3f4f9;
    padding:44px 65px 18px;
}
.pro_application h2{
    margin-top: 0;
}
.pro_application ul.app_list{
    overflow: hidden;
    padding-top: 15px;
}
.app_list li{
    float: left;
    width: 22.5%;
    height: 62px;
    line-height: 62px;
    background: url(../images/bg_solid.png) no-repeat left center;
    margin-right: 3.3%;
    text-align: center;
    margin-bottom: 28px;
}
.app_list li a{
    font-size: 16px;
    color: #000168;
}
.app_list li:hover{
    background: url(../images/bg_solid-r.png) no-repeat left center;
}
.app_list li:hover a{
    color: #fff;
}
.orderbox .pro_title{
    margin-top: 0;
}
.contentbox .orderbox table{
    width: 100%;
}
.contentbox .orderbox table tr th{
    width: 16%;
    padding-top: 20px;
    padding-bottom: 20px;
}
.contentbox .orderbox table tr th:first-child{
    width: 20%;
}
.pro_form{
    background: #f3f4f9;
    padding:45px 30px;
}
#orderForm{
    overflow: hidden;
}
.left_form{
    float: left;
    width: 65%;
}
.left_form li{
    float: left;
    width: 48.35%;
    background: #fff;
    margin-right: 3.3%;
    height: 50px;
    margin-bottom: 20px;
    position: relative;
}
.left_form li input{
    float: left;
    height: 50px;
    width: 75%;
    font-size: 16px;
}
.left_form li input.sex{
    display: inline-block;
    float: none;
    width: 154px;
    height: 50px;
    margin: 0;
    margin-right: 20px;
    line-height: 50px;
    background: #fff;
    appearance: none;
	-webkit-appearance: none;
	outline: none;
    position: relative;
}
.left_form li input.sex::before{
    display: inline-block;
    width: 154px;
    height: 50px;
    text-align: center;
    font-size: 16px;
    color: #000168;
    line-height: 50px;
    position: absolute;
    left: 0;
    top: 0;
}
.left_form li input.sex1::before{
    content: '女生';
}
.left_form li input.sex2::before{
    content: '男生';
}
.left_form li input.sex:checked::before{
    background: #dddeed;
}
.left_form li label{
    float: left;
    margin-left: 20px;
    line-height: 52px;
    font-size: 16px;
    margin-right: 10px;
    color: #696969;
}
.left_form li label i,.right_form li label i,.ag_r a i{
    vertical-align: middle;
    font-style: normal;
    color: #ff0000;
    margin-left: 3px;
    font-size: 14px;
}
.left_form li input#company{
    width: 65%;
}
.left_form .filter-text .filter-title{
    width: 65%;
    height: 50px;
}
.left_form .icon-filter-arrow{
    height: 50px;
}
.left_form .filter-list{
    top: 50px;
    padding: 0;
}
.left_form .filter-list li{
    width: 100%;
    margin-right: 0;
}
.left_form .filter-list li a{
    line-height: 50px;
}
.left_form .filter-text .filter-title{
    font-size: 16px;
    line-height: 50px;
}
.left_form .filter-text input{
    opacity: 1;
    color: #696969;
}
.right_form{
    width: 30%;
    float: right;
    background: #fff;
    height: 260px;
    position: relative;
}
.right_form li{
    padding: 18px 25px;
    height: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.right_form li label{
    color: #696969;
    display: block;
    font-size: 16px;
}
.right_form textarea{
    border: none;
    outline: none;
    display: block;
    height: 88%;
    width: 100%;
    color: #696969;
    font-size: 16px;
}
.agree{
    clear: both;
}
.agree input.ag_l{
    float: left;
    margin-right: 22px;
    position: relative;
    width: 36px;
    height: 34px;
    border: 2px solid #2b2e90;
    border-radius: 3px;
}
.agree .ag_r{
    float: left;
    width: 92%;
    margin-top: 6px;
    margin-bottom: 20px;
}
.ag_r a{
    font-size: 20px;
    color: #000168;
}
.ag_r p{
    margin-top: 10px;
    font-size: 16px;
    color: #848383;
}
.submit2{
    /* float: right; */
    display: block;
    width: 110px;
    height: 40px;
    margin:0 auto;
    background: #000168;
    clear:both;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px;
}
.submit2:hover{
    background: rgba(29,32,136,.6);
}
.pro_form li .onError{
    position: absolute;
    bottom: -18px;
    left: 20px;
}
/* 产品配件详情2025-04-08 */
.productAccessories{
    overflow: hidden;
}
.productAccessories-left{
    float: left;
    width: 54.66%;
    min-height: 442px;
    position: relative;
    background: linear-gradient(to bottom,#fcfcfc,#fdfdfd);
    background: -webkit-linear-gradient(to bottom,#fcfcfc,#fdfdfd);
    background: -moz-linear-gradient(to bottom,#fcfcfc,#fdfdfd);
    background: -o-linear-gradient(to bottom,#fcfcfc,#fdfdfd);
}
.loading-indicator,.error-message{
    min-height: 180px;
    padding: 40px 30px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #4f5b64;
    background: linear-gradient(to bottom,#fcfcfc,#f3f4f9);
    background: -webkit-linear-gradient(to bottom,#fcfcfc,#fdfdfd);
    background: -moz-linear-gradient(to bottom,#fcfcfc,#fdfdfd);
    background: -o-linear-gradient(to bottom,#fcfcfc,#fdfdfd);
}
.productAccessories-left a{
    display: block;
}
.productAccessories-left a .imgbox{
    overflow: hidden;
}
.productAccessories-left .swiper-button-prev,.productAccessories-left .swiper-button-next{
    background-size: 18px auto;
    background-color: rgba(255,255,255,0.3);
    height: 70px;
    width: 30px;
    margin-top: -35px;
}
.productAccessories-left .swiper-button-prev{
    left: 0;
    background-image: url(../images/arrow-l-gray.png);
}
.productAccessories-left .swiper-button-next{
    right: 0;
    background-image: url(../images/arrow-r-gray.png);
}
.productAccessories-left .swiper-button-prev:hover,.productAccessories-left .swiper-button-next:hover{
    background-color:  rgba(255,255,255,0.8);
}
.productAccessories-left .swiper-button-prev:hover{
    background-image: url(../images/arrow-l.png);
}
.productAccessories-left .swiper-button-next:hover{
    background-image: url(../images/arrow-r.png);
}
.productAccessories-right{
    float: right;
    width: 42%;
    padding-top: 25px;
}
.productAccessories-ftitle{
    font-size: 18px;
    color: #4f5b64;
    line-height: 28px;
    margin-bottom: 12px;
}
.productAccessories-name{
    font-size: 24px;
    color: #2d3439;
    line-height: 36px;
    margin-bottom: 20px;
}
.loginlookprice{
    font-size: 16px;
    color: #4f5b64;
    margin-top: 18px;
    margin-bottom: 20px;
}
.loginlookprice .partPrice{
    display: inline-block;
    font-size: 20px;
    color: #000168;
    width: auto;
    margin-left: 15px;
}
.productAccessoriesbtn {
    margin-top: 40px;
}
.productAccessoriesbtn a{
    display: inline-block;
    padding: 0 20px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-right: 8px;
    font-size: 16px;
    color: #4f5b64;
    border: 1px solid #4f5b64;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.productAccessoriesbtn a:hover{
    color: #fff;
    border-color: #fff;
    background: #000168;
}

.productAccessories-content h1{
    text-align: left;
    font-size: 24px;
}
.productAccessories-right .onlineshopPrice .listprice p{
    font-size: 22px;
    /*color: #000168;*/
}
.productAccessories-content{
    padding-top: 40px;
}
.productAccessories-table{
    padding-top: 25px;
}
.productAccessories-table .noprodata{
    padding: 0 0;
}
.productAccessories-table ul{
    overflow: hidden;
}
.productAccessories-table ul li{
    float: left;
    width: 50%;
    font-size: 16px;
    line-height: 28px;
    color: #2d3439;
    padding-right: 15px;
}
.productAccessories-table ul li strong {
    /*float: left;*/
    margin-right: 20px;
}
/* 应用中心——封面 */
.cultivatetab{
    position: relative;
    /* padding: 5px 0 0 ; */
}
.cultivatetab li{
    float: left;
    width: 23%;
    margin-right: 2.6%;
    margin-bottom: 35px;
}
.cultivatetab li a{
    display: block;
    cursor: default;
    padding-top: 30px;
    position: relative;
}
.cultivatetab li .cultivateinfo{
    height: 160px;
    padding: 25px 25px 0;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.cultivatetab li .cultivateinfo::after{
    content: '';
    position: absolute;
    width: 100%;
    top:0;
    height: 100%;
    left: 0;
    z-index: -1;
    /* background-color: #f3f4f9; */
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right center;
}
  
.cultivatetab li span{
    font-size: 16px;
    opacity: 0;
    /* text-transform: uppercase; */
    color:rgba(255,255,255,0.3);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.cultivatetab li .cultivatetitle{
    position: absolute;
    left: 25px;
    bottom: 25px;
    line-height: 32px;
    color: #2d3439;
}
.cultivatetab li h2{
    font-size: 18px;
}
.cultivatetab li .icon-train{
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    right: 25px;
    top: 0;
    width: 70px;
    height: 60px;
    z-index: 1;
    background-size: 100% auto;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

/* 应用中心——列表 */
.lastnav{
    background: #fcfcfc;
    margin-top: 25px;
    border-radius: 5px;
    border-bottom: 1px solid #f2f6f8;
   
}
.lastnav a{
    padding:20px 14px;
    color: #adacac;
    font-size:20px;
    display: inline-block;
    border-bottom: 2px solid #fcfcfc;
    margin-right: 60px;
}
.lastnav a.current{
    color: #d13840;
    border-bottom:2px solid #d13840;
}
.changeType{
    margin-top: 28px;
    padding-bottom: 34px;
    border-bottom:2px solid #f6f9fa;
}
.changeType a{
    display: inline-block;
    padding: 6px 28px;
    margin-right: 4px;
    font-size: 18px;
    color: #adacac;
}
.changeType a.active{
    background: #d13840;
    color: #fff;
    border-radius: 50px;
}
.changeType a:hover{
    background: #d13840;
    color: #fff;
    border-radius: 50px;
}
.filter{
    /* overflow: hidden; */
    padding-top: 40px;
    margin-bottom: 50px;
    border-top: 2px solid #f6f9fa;
}
.filter .filter-box,.filter .searchbox{
    float: left;
    width: 32%;
    margin-right: 2%;
}
.filter .searchbox{
    margin-right: 0;
}
.filter .filter-box {
    position: relative;
}
.filter-box select {
	display: none;
}
.filter-box .filter-text {
	height: 100%;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	padding-left:20px;
	padding-right: 68px;
	border: 1px solid rgba(29,32,136,.5);
}
.filter-text input {
	font-size: 20px;
    color: #000168;
    opacity: .8;
}
.filter-text input::-moz-placeholder{ 
    font-size: 20px;
    color: #000168;
    opacity: .8;
}
.filter-text input:-ms-input-placeholder { 
    font-size: 20px;
    color: #000168;
    opacity: .8;
}
.filter-text input::-webkit-input-placeholder{ 
    font-size: 20px;
    color: #000168;
    opacity: .8;
}
.filter-text input::placeholder{ 
    font-size: 20px;
    color: #000168;
    opacity: .8;
}
.filter-text .filter-title {
	width: 100%;
	height: 60px;
	line-height: 60px;
	border: 0;
	background-color: transparent;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0;
	cursor: pointer;
}
.filter-list {
	display: none;
	width: 100%;
    padding: 10px 0;
	max-height: 300px;
	background-color: #fff;
	font-size: 16px;
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 10;
	border: 1px solid rgba(29,32,136,.5);
	overflow: auto;
}
.filter-list li{
    margin-bottom: 1px;
}
.filter-list li a {
	display: block;
	padding:0 20px;
	line-height: 40px;
    color: #adacac;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}
.filter-list li:hover {
	background-color: #000168;
}
.filter-list li:hover a{
    color: #fff;
}
.filter-list li.filter-selected {
	background-color: #000168;
}
.filter-list li.filter-selected a{
	display: block;
	color: #fff;
}
.icon {
	position: absolute;
}
.icon-filter-arrow {
	width: 68px;
	height: 60px;
    background: url(../images/icon_arrow_down_x2.jpg) no-repeat center center;
    right: 0;
    top: 0;
    transition: all .2s;
}
.icon-filter-arrow.filter-show {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.filter-list::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}
.filter-list::-webkit-scrollbar-track {
	background: #fff 
}
.filter-list::-webkit-scrollbar-thumb {
	background: #CBCBCB;
}
.filter .searchbox{
    border: 1px solid #ebebeb;
    height: 62px;
    line-height: 62px;
    padding-left: 25px;
}
.searchbox input.pro_search{
    width: 82.5%;
    float: left;
    font-size: 20px;
    color: #787879;
    opacity: .8;
}
.searchbox input.pro_search::-moz-placeholder{ 
    font-size: 20px;
    color: #787879;
    opacity: .8;
}
.searchbox input.pro_search:-ms-input-placeholder { 
    font-size: 20px;
    color: #787879;
    opacity: .8;
}
.searchbox input.pro_search::-webkit-input-placeholder{ 
    font-size: 20px;
    color: #787879;
    opacity: .8;
}
.searchbox input.pro_search::placeholder{ 
    font-size: 20px;
    color: #787879;
    opacity: .8;
}
.searchbox input.pro_submit{
    float: right;
    width: 60px;
    height: 60px;
    background: url(../images/search_img.png) no-repeat center center;
}

.customerBox{
    padding-top: 30px;
}
.relybox{
    clear: both;
    margin-bottom:22px;
}
.relybox li{
    overflow: hidden;
    cursor: pointer;
    padding: 18px 18px; 
    /* border-bottom: 1px solid #f3f3f3; */
    border-bottom: 1px solid rgba(79, 91,100,.3);
}
.relybox li .relyImg{
    width: 18.8%;
    float: left;
    border: 1px solid rgba(79, 91,100,.3);
    text-align:center;
    padding: 16px 0;
    background:#fff;
    overflow: hidden;
}
.relybox li .relyImg img{
    width: auto;
    height: 100px;
    vertical-align: bottom;
}
.relybox li .relyInfo{
    width: 79%;
    float: right;
    padding-top: 6px;
}
.relyInfo h2{
    font-size: 18px;
    color: #000168;
    margin-bottom: 12px;
}
.relyInfo .rely_info{
    font-size: 16px;
    line-height: 24px;
    color: #2d3439;
}
.relybox li:hover{
    /* background: #f3f4f9; */
    background: #e4edf7;
    border-radius: 10px;
}
.pages{
    padding-top: 30px;
    padding-bottom: 50px;
    overflow: hidden;
    font-size: 16px;
    color: #4f5b64;
    text-align: center;
}
.pages .totalpage{
    float: left;
    font-size: 16px;
    color: #999;
}
.pages .rightpage{
    font-size: 20px;
    color: #6364a4;
    float: right;
}
.pages a{
    display: inline-block;
    padding: 6px 12px 5px;
    margin: 3px 3px;
    font-size: 16px;
    color: #575757;
    border: 1px solid #eee;
}
.pages b{
    display: inline-block;
    padding: 8px 15px;
    color: #fff;
    margin: 3px 3px;
    font-size: 16px;
	background-color: #000168;
    cursor: default;
}
.pages a.active{
    background-color: #000168;
    color: #fff;
    border: 1px solid #000168;
}
.pages a:hover{
    color: #000168;
}


/* 应用中心内容页 */
.relyNewstext{
    padding-top: 35px;
}
.relyNewstext h1{
    font-size: 24px;
    color: #4f5b64;
    text-align: center;
}
.color_station{
    padding-top: 35px;
}
.color_station table{
    /* background: rgba(79, 91,100,.8); */
    /* background: #e9e9f4; */
}
.color_station table tr td{
    /* background: #fff; */
    padding: 8px 10px 6px;
    font-size: 16px;
    color: #2d3439;
    border: 1px solid #4f5b64;
}
.color_station table tr td:nth-child(odd){
    width:18%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.color_station .lists {
    background: transparent;
    padding: 10px 0 18px;
    border-bottom: 1px solid rgba(79, 91, 100,.3);
}
.color_station .lists .rightbox{
    /* width: 61.8%; */
}

.rely_title.more_file{
    margin-bottom: 0;
    border-bottom: none;
}
.rely_title span{

}
.xzsm{
    background: #f3f4f9;
    height:58px;
    text-align:center;
}
.xzsm a{
    display: inline-block;
    width: 124px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #000168;
    background: #fdfdfe;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
}
.xzsm a:hover{
    background: #000168;
    color: #fff;
}
.rely_dowmload{
    padding-top:26px;
    padding-bottom: 90px;
}
.rely_dowmload li{
    overflow: hidden;
    position: relative;
}
.rely_dowmload li a{
    display: block;
}
.rely_dowmload li .rely_left{
    width: 68.3%;
    float: left;
    overflow: hidden;
}
.rely_left .imgbox{
    width: 18.3%;
    float: left;
}
.rely_left img{
    width: 100%;
    height: auto;
}
.rely_left .rely_tt{
    float: left;
    margin-left: 28px;
}
.rely_tt h2{
    font-size: 28px;
    margin-top: 20px;

    color: #000168;
}
.rely_tt .rely_cc{
    margin-top: 52px;
}
.rely_cc span{
    display: inline-block;
    padding: 2px 8px;
    font-size: 16px;
    background: #f3f4f9;
    color: #000168;
    margin-right:12px;
}
.rely_dowmload .down_btn{
    position: absolute;
    right: 90px;
    bottom: 18px;
    width: 264px;
    height: 50px;
    border: 1px solid #000168;
    font-size: 16px;
    color: #000168;
    line-height:50px;
    padding-left: 10px;
    background: url(../images/arrow-r.png) no-repeat 93% center;
    background-size: 13px auto;
}

/* 用户论文 */
.usertab{
    border-radius: 10px;
    background: #fcfcfc;
    height: 68px;
    /* margin-top: -25px; */
    text-align: center;
    margin-bottom: 40px;
}
.usertab a{
    display: inline-block;
    padding-left: 60px;
    padding-right: 60px;
    border-bottom: 2px solid #fcfcfc;
    line-height: 66px;
    font-size: 20px;
    cursor: pointer;
    color: #adacac;
}
.usertab a.active{
    color: #d13840;
    border-bottom: 2px solid #d13840;
}
.usertab a:hover{
    color: #d13840;
    border-bottom: 2px solid #d13840;
}
.paperbox{
    padding-top: 20px;
}
.paperbox .userlists{
    display: none;
}
.userPaper{
    clear: both;
}
.userPaper h2{
    font-size: 28px;
    color: #000168;
    text-align:center;
    margin-bottom: 34px;
}

.userManualBox{
    padding-top: 40px;
}
.paper_title{
    font-size: 18px;
    color: #000168;
    height: 48px;
    line-height: 48px;
    /* background: #f3f4f9; */
    background: #fff;
}
.paper_title span{
    display: inline-block;
    padding: 0 25px;
    text-align: center;
}
.pro_type{
    width: 34%;
}
.paper_theme{
    width: 52%;
}
.paper_link{
    width: 14%;
}
ul.paperlist{
    padding-bottom: 40px;
}
.paperlist li{
    /* border-bottom: 1px solid #fafbfd; */
    border-bottom: 1px solid rgba(79, 91,100,.3);
}
.paperlist li .paperA{
    line-height: 40px;
}
.paperlist li span{
    font-size: 16px;
    display: inline-block;
    padding: 0 25px;
    text-align: center;
    color: #2d3439;
    vertical-align: middle;
}
.paperlist li span.paper_link{
    height: 40px;
}
.paper_link a{
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/link.png);
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: center center;
}
/* .paperlist li:hover span{
    color: #000168;
} */
.userlists ol{
    padding-bottom: 30px;
}
.userlists ol li{
    background: url(../images/dots-b.png) no-repeat 15px 10px;
    padding-left: 32px;
    background-size: 6px;
    padding-right: 15px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f7f7f7;
}    
.userlists ol li a{
    display: block;
    font-size: 16px;
    line-height: 28px;
    color: #2d3439;
}
.userlists ol li a:hover{
    color: #000168;
}

/* 应用文章 */
.writing_list{
    padding-bottom: 30px;
}
.writing_list li{
    background: url(../images/dots-b.png) no-repeat 15px 10px;
    padding-left: 32px;
    background-size: 6px;
    padding-right: 15px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f7f7f7;
}    
.writing_list li a{
    display: block;
    font-size: 16px;
    line-height: 28px;
    color: #292929;
}
.writing_list li p{
    font-size: 16px;
    color: #292929;
    line-height: 28px;
    cursor: pointer;
}
.writing_list li a:hover{
    color: #000168;
}
/* 新闻内容页 */
.content_title{
    padding-top: 35px;
    text-align: center;
    padding-bottom:38px;
    border-bottom: 1px solid #e7e7e7;
}

.content_title h2{
    font-size: 24px;
    color: #353535;
    margin-bottom:54px;
}
.content_title span{
    font-size: 16px;
    margin: 0 10px;
    color: #5a5a5a;
}
.content_title a{
    display: inline-block;
    width: 108px;
    height: 32px;
    margin-left: 35px;
    line-height: 32px;
    font-size: 16px;
    color: #5a5a5a;
    border: 1px solid #e9e9e9;
    border-radius: 50px;
}
.content_title a:hover{
    background: #000168;
    color: #fff;
    border: 1px solid #000168;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
.newstext{
    font-size: 16px;
    color: #575757;
    line-height:32px;
}
.newstext p{
    font-size: 16px;
    color: #575757;
    line-height:32px;
}
.newstext p span{
    font-size: 16px !important;
    color: #575757 !important;
}
.newstext img{
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}
.nextbox{
    padding-top: 40px;
    border-top: 1px solid #e6e6e6;
}
.nextbox p{
    font-size: 16px;
    color: #555;
    margin-bottom:32px;
}
.nextbox p a{
    font-size: 16px;
    color: #555;
    border-left: 1px solid #02499b;
    margin-left: 18px;
    display: inline-block;
    padding-left: 15px;
    overflow: hidden;
    vertical-align: bottom;
    white-space: nowrap;
    text-overflow: ellipsis;
}  
.nextbox p a:hover{
    color: #000168;
}

/* Webinar内容 */
.webinarmain{
    min-height: calc(100vh - 72px);
}
.content_title.webcontent_title{
    /* padding-top: 0; */
}
.webinarmain .posterNodata{
    margin-top: 40px;
}
.webinarcontent{
    padding-top: 35px;
    
}
.content_title.webcontent_title h2{
    margin-bottom: 0;
}
.webinarcontent .titlebox{
    margin-bottom: 40px;
}
.newstextcontent{
    display: none;
}
.webinariframe{
    width: 800px;
    margin: 0 auto 30px;
}
.youtubebox{
    position: relative;
}
.youtubebox a{
    display: block;
}
.youtubebox .youtubeinfo{
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    background-color: rgba(0,0,0,.6);
}
.youtubeinfo span{
    display: inline-block;
    padding: 0 15px 0 56px ;
    font-size:16px;
    background-image: url(../images/videoplaybtn.png);
    background-position: center left 15px;
    background-repeat: no-repeat;
    background-size: 30px auto;
    color: #fff;
    height: 40px;
    position: relative;
    top: 50%;
    line-height: 40px;
    border-radius: 5px;
    background-color:  #000168;
    transform: translateY(-50%);
}
.newstextcontent video{

}
.webinariframe iframe{
    height: 100%;
}
.webinariframe video{
    width: 100%;
    height: auto;
}
.webinarcontent .newstext {
    padding-bottom: 40px;
}
.webinarcontent .newstext ul{
    margin: 10px 0;
}
.webinarcontent .newstext ul li{
    position: relative;
    font-size: 16px;
    line-height: 32px;
    color: #2d3439;
    margin-bottom: 10px;
    padding-left: 22px;
}
.webinarcontent .newstext ul li p{
    line-height: 28px;
    font-size: 15px;
    padding-left: 22px;
    position: relative;
}   

.webinarcontent .newstext ul li::before{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 6px;
    height: 6px;
    background: #000168;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.webinarcontent .newstext ul li p::before{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 5px;
    height: 5px;
    background: #000168;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/* FAQ列表 */
.mainfaqsbox{
    min-height: calc(100vh - 70px);
}
.faqContainer{
    padding-top: 40px;
}
.faqsearch{
   overflow: hidden;
   margin-bottom: 30px;
}
.faqsearch form{
    width: 500px;
    height: 48px;
    border: 1px solid rgb(160, 160, 162, 1);
    font-size: 16px;
    line-height: 44px;
    color: #4f5b64;
    padding: 0 0 0 20px;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.searchfaqinput{
    float: left;
    width: 86%;
}
.searchfaqbtn{
    float: right;
    width: 46px;
    height: 46px;
    background-image: url(../images/search-block.png);
    background-repeat: no-repeat;
    background-position: center center;
    border-left: 1px solid rgb(160, 160, 162, 1);
}
.questionlist{
    padding-bottom: 30px;
}
.questionlist dd{
    margin-bottom: 20px;
}
.questionlist dd .questiontop{
    /* border: 1px solid #e7e7e7; */
    border: 1px solid rgba(79, 91,100,.3);
    position: relative;
    cursor: pointer;
}

.questionlist dd .questiontop h2{
    padding-left: 32px;
    padding-top:16px;
    padding-bottom:16px;
    padding-right: 110px;
    font-size: 18px;
    line-height: 32px;
    color: #000168;
}
.questionlist dd .questiontop span.arrowdown{
    position: absolute;
    width: 78px;
    height: 64px;
    right: 0;
    top: 0;
    background: url(../images/top.png) no-repeat center center;
    background-size: 24px;
    cursor: pointer;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.questionlist dd .questiontop.act span.arrowdown{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.questionlist dd .questioninfo{
    width: 94.17%;
    margin: 0 auto;
    display: none;
    margin-top: -85px;
    position: relative;
    background: #fff;
    padding: 30px 30px;
    color: #2d3439;
    box-shadow: 0 0 10px rgba(148,147,147,.27);
}
.questionlist dd .questioninfo .newstext{
    color: #2d3439;
    padding: 0;
}
.questionlist dd .questioninfo p{
    font-size: 16px;
    color: #2d3439;
    line-height: 32px;
}
.questionlist dd .questioninfo p a{
    color: #2d3439;
}
.questionlist dd .questioninfo p a:hover{}
.questionlist dd.active .questiontop{
    padding-bottom: 90px;
    /* background: #fbfbfb;
    border: 2px solid #fbfbfb; */
    background: #e4edf7;
    border: 2px solid #e4edf7;
}
.questionlist dd.active span.arrowdown{
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}


/* Webinar */
.webinarlistbox{
    padding-top: 40px;
}
.activity-list{

}
.activity-list li{
    float: left;
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 30px;
}
.activity-list li .imgbox{
    width: 100%;
    height: auto;
    overflow: hidden;
    border: 1px solid #e8e9f3;
    border-radius: 8px;
}
.activity-list li img{
    width: 100%;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
.activity-list li .acbox{
    /* overflow: hidden; */
    margin-top: 14px;
}
.acbox .date{
    float: left;
    width: 89px;
    height: 88px;
    text-align: center;
    background: url(../images/libg.png) no-repeat;
}
.acbox .date .day{
    margin-top: 2px;
    font-size: 44px;
    color: #999;
}
.acbox .date span{
    display: block;
    margin-top: -6px;
    font-size: 14px;
    color: #999;
}
.acbox .acinfo{

}
.acinfo h2{
    font-size: 18px;
    line-height: 22px;
    /* height: 52px; */
    color: #000168;
    margin-bottom: 8px;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
     */
}
.acinfo p{
    font-size: 16px;
    color: #2d3439;
    line-height:28px;
    /* height: 48px;
    display: -webkit-box;
    overflow: hidden;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; */
}
.activity-list li:hover img{
    transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
.activity-list li:hover .date{
    background: url(../images/libg-r.png) no-repeat;
    box-shadow: 0 0 10px 0 rgba(114,114,114,.25);
}
.activity-list li:hover .day{
    color: #000168;
}
.activity-list li:hover span,.activity-list li:hover h2{
    color: #000168;
}
.more_activity{
    width: 195px;
    height: 64px;
    background: url(../images/morebg.png) no-repeat;
    text-align: center;
    margin: auto;
    margin-top: 24px;
    line-height: 64px;
    font-size: 20px;
    color: #c9151e;
    cursor: pointer;
}
.more_activity:hover{
    background: url(../images/morebg.png) no-repeat #000168;
    color: #fff;
    transition: all .4s ease-in-out;
}
.backtop{
    display: none;
    position: fixed;
    bottom: 15%;
    right: 0;
    z-index: 10;
    width: 55px;
    font-size: 16px;
    color: #8e8d8d;
    padding-top: 26px;
    padding-bottom: 6px;
    cursor: pointer;
    border-radius: 5px 0 0 5px;
    text-align: center;
    background: url(../images/top.png) no-repeat center 10px #f3f4f9;
    background-size: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
}
.backtop:hover{
    background: url(../images/top-r.png) no-repeat center 10px #000168;
    color: #fff;
    background-size: 20px;
}

/* 联系我们 */
.contacttitle{
    text-align: center;
    font-size: 44px;
    margin-top: 120px;
    color: #000168;
}
.map{
    width: 100%;
    height: 440px;
    margin-top: 50px;
}
.map img{
    max-width: 100%;
    vertical-align: middle;
    height: auto;
}
.contactbox{
    padding-top: 40px;
    padding-bottom: 20px;
}
.contactbox h2.c_title{
    font-size: 44px;
    color: #000168;
    text-align:center;
    margin-bottom: 18px;
}
.contactbox .contact_text{
    text-align: center;
    margin-bottom: 30px;
}
.contact_text h2{
    font-size: 24px;
    color: #000168;
    margin-bottom: 10px;
}
.contact_text p{
    font-size: 16px;
    line-height: 30px;
    color: #2d3439;
}
.contact_text p a{
    color: #000168;
}
.contact_text p a:hover{
    color: #c9151e;
}

.contactbox .contact{
    /* overflow: hidden; */
    padding-top: 50px;
}
.contactbox .contactleft{
    width: 50%;
    float: left;
}
.contactleft h1{
   
}
.contactleft h2{
    font-size: 18px;
    color: #000168;
    margin-bottom: 22px;
}
.contactleft p{
    font-size: 16px;
    line-height: 32px;
    color: #848383;
   
}

.contactleft form dl{
    /* overflow: hidden; */
}
.contact_left dl dd{
    float: left;
    border: 1px solid #a5a5a7;
    width: 46.7%;
    height: 42px;
    margin-bottom: 24px;
    margin-right: 6.6%;
    position: relative;
    background: #fafbfd;
    
}
.contact_left dl dd select{
    display: none;
}
.contact_left dl dd input::-moz-placeholder,.contact_left dl dd textarea::-moz-placeholder{ 
    font-size: 16px;
    color: #aaa;
}
.icon-filter-arrow{
    width: 58px;
    height: 40px;
}
.contact_left dl dd input::-ms-input-placeholder,.contact_left dl dd textarea::-ms-input-placeholder{ 
    font-size: 16px;
    color: #aaa;
}
.contact_left dl dd input::-webkit-input-placeholder,.contact_left dl dd textarea::-webkit-input-placeholder{ 
    font-size: 16px;
    color: #aaa;
}
.contact_left dl dd input::placeholder,.contact_left dl dd textarea::placeholder{ 
    font-size: 16px;
    color: #aaa;
}
.contact_left dl dd input{
    width: 100%;
    height: 40px;
    text-indent: 5px;
    line-height: 40px;
    font-size: 16px;
    color: #848383;
}
.contact_left dl dd input.filter-title{
    height: 40px;
    text-indent: 5px;
    line-height: 40px;
    padding-right: 58px;
    opacity: 1;
}
.contact_left dl .filter-list{
    top:41px;
    border: none;
}
.contact_left dl .filter-list li a{
    font-size: 14px;
    line-height: 32px;
}
.contact_left dl dd textarea{
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    text-indent: 5px;
    font-size: 16px;
    color: #848383;
    padding-top: 10px;
}
.contact_left input.submit1{
    width: 110px;
    background: #000168;
    height: 40px;
    font-size:16px;
    color: #fff;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}
.contact_left input.submit1:hover{
    background: rgba(29,32,136,.6);
}
.high{
    color: #ff0000;
    position: absolute;
    top: 10px;
    right: -20px;
}
.onError{
    font-size: 12px;
    color: #ff0000;
}
.onSuccess{
    font-size: 12px;
    color: green;
}
.contactbox .contact_right{
    float: right;
    width: 38.3%;
}
.contact_right dd{
    background-repeat: no-repeat;
    background-position: left 12px;
    background-size: auto 26px;
    padding-left: 50px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    line-height: 24px;
    color: #2d3439;
}
.contact_right dd b{
    font-size: 24px;
    color: #2d3439;
}
.contact_right dd a{
    font-size: 16px;
    color: #000168;
}
.contact_right dd a:hover{
    color: #c9151e;;
}
.contactWays{
    /*background: url(../images/contact02_bac.jpg) no-repeat center center;*/
    background-size: cover;
    /*padding-top: 35px;*/
    padding-bottom: 40px;
}
.contactWays h1{
    text-align: center;
    font-size: 24px;
    color: #000168;
    margin-bottom:35px;
}

.contactWays .wayslist .waysitem{
    float: left;
    width: 32%;
    margin-right: 2%;
    min-height: 242px;
    padding: 25px 15px;
    background: #fff;
    margin-bottom: 25px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.wayslist .waysitem h2{
    font-size: 18px;
    color: #000168;
    margin-bottom: 2px;
}
.wayslist .waysitem ul{
   
}
.wayslist .waysitem ul li{
    font-size: 16px;
    color: #2d3439;
    line-height: 22px;
    padding-top: 10px;
    padding-left: 32px;
    padding-bottom: 5px;
    background-repeat: no-repeat;
    background-position: left 11px;
    background-size: 20px auto;
}
.wayslist .waysitem ul li.index0{
    background-image: url(/skin/default/images/icon_area3.png)
}
.wayslist .waysitem ul li.index1{
    background-image: url(/skin/default/images/icon_area4.png)
}
.wayslist .waysitem ul li.index2{
    background-image: url(/skin/default/images/icon_area1.png)
}
.wayslist .waysitem ul li.index3{
    background-image: none;
    padding-left: 0;
    padding-bottom: 0;
}
.wayslist .waysitem ul li a{
    color: #2d3439;
}

.wayslist .waysitem ul li.index3 a{
    background-image: url(/skin/default/images/icon_area2.png);
    background-repeat: no-repeat;
    background-position: left 11px;
    background-size: 20px auto;
    padding-left: 32px;
    padding-top: 10px;
    padding-bottom: 5px;
}
.wayslist .waysitem ul li a:hover{
    color: #000168;
}
.wayslist .waysitem ul li.index3 a:hover{
    background-image: url(/skin/default/images/icon_area2_r.png);
    color: #c9151e
}

.wayslist .waysitem ul li span.copy-icon{
    display: inline-block;
    width: 38px;
    height: 22px;
    cursor: pointer;
    background-image: url(/skin/default/images/icon-copy.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px auto;
    vertical-align: text-top;
}
.wayslist .waysitem ul li span.copy-icon:hover{
     background-image: url(/skin/default/images/icon-copy-r.png);
}

.contact_title{
    /* overflow: hidden; */
    height: 132px;
    background: #eaebf4;
    margin-bottom:28px;
}
.contact_title i{
    float: left;
    width: 20.9%;
    height: 132px;
    background: url(../images/mapdots.png) no-repeat center center #e2e3f0;
}
.contact_title .area_title{
    float: right;
    width: 79.1%;
    padding: 10px 30px 9px 40px;
    font-size: 20px;
    color: #3e3e3e;
    line-height:38px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.contact_title.an_two .area_title{
    padding: 10px 0px 9px 26px;
}
.contact_title .s_word{
    line-height: 102px;
}
.contactWays dl{
    padding: 20px 15px;
}
.contactWays dl dt{
    font-size: 18px;
    color: #000168;
    margin-bottom: 2px;
}
.contactWays dl dd{
    font-size: 16px;
    color: #2d3439;
    line-height: 22px;
    padding-top: 10px;
    padding-left: 32px;
    padding-bottom: 5px;
    background-repeat: no-repeat;
    background-position: left 11px;
    background-size: 20px auto;
}
.contactWays dl dd a{
    color: #2d3439;
}
.contactWays dl dd a:hover{
    color: #000168;
}
.contact_about{
    background: url(../images/contactbg.jpg) no-repeat center center;
    background-size: cover;
    padding-top: 54px;
    padding-bottom: 52px;
    text-align: center;
}
.contact_about .contact_l{
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.contact_l h2{
    font-size: 24px;
    color: #000168;
    margin-bottom:20px;
}
.contact_l p{
    font-size: 16px;
    color: #575757;
    line-height:32px;
}
.contact_about .contact_r{
    display: inline-block;
    overflow: hidden;
    padding-left: 60px;
    padding-top: 28px;
}
.contact_about .contact_r ul.footertab li a {
    background: rgba(0, 0, 0, .2);
    border: 1px solid rgba(0, 0, 0, .2);
}
.contact_about .contact_r ul.footertab li:hover a{
    background: #fff;
    border: 1px solid #fff;
}

/* 加入我们 */
.mainjobbox{
    padding-top: 30px;
}
.jobcolumntext{
    font-size: 16px;
    line-height: 32px;
    color: #2d3439;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(79, 91,100,.3);
    margin-bottom: 30px;
}

.job_head{
    overflow: hidden;
    /* margin-top: 24px; */
    height: 48px;
    line-height: 50px;
    background: #000168;
    font-size: 18px;
    color: #fff;
}
.job_head span{
    float: left;
    text-align: center;
}
.joblist{
    /* border: 1px solid #f5f5f5; */
    border: 1px solid rgba(79, 91,100,.3);
    margin-bottom: 30px;
}
.joblist>li{
    /* border-bottom: 1px solid #f5f5f5; */
    border-bottom: 1px solid rgba(79, 91,100,.3);
    
}
.joblist>li .job_box{
    overflow: hidden;
    cursor: pointer;
    padding-top: 9px;
    padding-bottom: 9px;
}
.joblist>li span{
    float: left;
    font-size: 16px;
    line-height: 32px;
    color: #2d3439;
    text-align: center;
}
.joblist>li .jobInfo{
    display: none;
    padding: 20px 35px;
    border-top: 1px solid rgba(79, 91,100,.3);
    /* border-top: 1px solid #f5f5f5; */
    font-size: 16px;
    line-height: 32px;
    color: #2d3439;
}
.job_head span.job_name{
    text-align: center;
}
.job_name{
    width:72%;    
    padding-left: 24px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.joblist>li span.job_name{
    font-size: 16px;
    text-align: left;
}
.joblist>li span a{
    color: #2d3439;
}
.academic{
    width: 14%;
}
.experience{
    width: 10%;
}
.release_time{
    width: 14%;
}
.job_number{
    width: 10%;
}
.job_status{
    width: 10%;
}
.operation{
    width: 14%;
}
.joblist>li:hover .job_box{
    background: #e4edf7;
    /* background: #f5f5f5; */
}
.joblist>li.active .job_box{
    /* background: #f5f5f5; */
    background: #e4edf7;
}
.joblist>li:hover span.job_name a{
    color: #000168;
    cursor:pointer;
}
.joblist li span.job_name a:hover,.joblist li span.operation a:hover{
    color: #000168;
    cursor:pointer;
}

.content_title.jobcontent_title{
    padding-top: 0;
    padding-bottom: 30px;
}
.content_title.jobcontent_title h2{
    margin-bottom: 0;
}
.jobWrapper{
    padding: 30px 0 0;
}
.jobcode{
    font-size: 16px;
    color: #000168;
    margin-bottom: 18px;
}

.jobContentinfo h1,.jobContentinfo h2,.jobContentinfo h3,.jobContentinfo h4{
    margin-top: 12px;
    color: #000168;
    margin-bottom: 10px;
}
.jobContentinfo h1{
    font-size: 22px;
    text-align: left;
}
.jobContentinfo h2{
    font-size: 20px;
}
.jobContentinfo h3{
    font-size: 18px;
}
.jobContentinfo h4{
    font-size: 16px;
}
.jobContentinfo ul{
    margin-bottom: 12px;
    padding-left: 5px;
    margin-top: 10px;
}
.jobContentinfo ul li{
    font-size: 16px;
    line-height: 32px;
    color: #2d3439;
    padding-left: 16px;
    position: relative;
}
.jobContentinfo ul li::before{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 13px;
    width: 5px;
    height: 5px;
    background: #000168;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.jobContentinfo p{
    font-size: 16px;
    line-height: 32px;
    color: #2d3439;
}
.commonjobbox{
    /* border-top: 1px solid #e4edf7; */
    border-top: 1px solid rgba(79, 91,100,.3);
    padding-top: 8px;
    font-size: 16px;
    line-height: 32px;
    color: #2d3439;
    margin-top: 35px;
    /* padding-bottom: 30px; */
}
.commonjobbox h2{
    font-size: 18px;
    color: #000168;
    margin-bottom: 10px;
    line-height: 28px;
    margin-top: 20px;
}
.commonjobbox p{
    /* margin-bottom: 10px; */
}
.commonjobbox ul{
    margin-top: 25px;
}
.commonjobbox ul li{
    background-position: left top 2px;
    background-repeat: no-repeat;
    padding-left: 50px;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 15px;
    color: #2d3439;
}
.commonjobbox ul li a{
    color: #2d3439;
}
.commonjobbox ul li:hover a{
    color: #000168;
}

.bioBox{
    padding-top: 35px;
}

.commonjobbox.bioservicebox ul li{
    position: relative;
    line-height: 32px;
    padding-left: 22px;
    margin-bottom:0;
}
.commonjobbox.bioservicebox ul li::before{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 6px;
    height: 6px;
    background: #000168;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.commonjobbox.bioservicebox ul{
    margin-top: 10px;
}
.commonjobbox.bioservicebox p{
    margin-bottom: 0;
}
.commonjobbox.bioservicebox p a{
    color: #000168;
}
.commonjobbox.bioservicebox p a:hover{
    color: #c51c26;
}

.ygfcbox{
    padding-bottom: 16px;
}
.ygfcbox h1{
    font-size: 28px;
    color: #000168;
    text-align: left;
    margin-bottom: 40px;
}
.ygfcbox .yg_list li{
    overflow: hidden;
    padding: 40px 34px;
    border-radius: 10px;
}
.yg_list li .imgbox{
    float: left;
    width: 30.9%;
    overflow: hidden;
}
.yg_list li img{
    width: 100%;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
.yg_list li .yg_info{
    width: 66.25%;
    float: right;
}
.yg_info h2{
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000168;
    margin-bottom: 20px;
}
.yg_info span{
    font-size: 16px;
    color: #999;
}
.yg_info p{
    font-size: 16px;
    color: #2d3439;
    height: 64px;
    overflow: hidden;
    line-height: 32px;
    margin-top: 24px;
}
.yg_list li:hover{
    background: #f3f4f9;
}
.yg_list li:hover img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
.yg_more {
    width: 195px;
    height: 64px;
    background: url(../images/morebg.png) no-repeat;
    text-align: center;
    margin: auto;
    margin-top: 24px;
    line-height: 64px;
    font-size: 20px;
    color: #c9151e;
    cursor: pointer;
}
.yg_more:hover{
    background: url(../images/morebg.png) no-repeat #000168;
    color: #fff;
    transition: all .4s ease-in-out;
}

/* Product Selection */

.mainDownlist{
    padding-top: 35px;
}

.downlists{
    padding-bottom: 40px;
    overflow: hidden;
}
.downlists li{
    overflow: hidden;
    padding-top:16px;
    padding-bottom: 14px;
    /* border-bottom: 2px solid #f7f7f7; */
    border-bottom: 1px solid rgba(79, 91,100,.3);   
    background: url(../images/icon_service_pdf.png) no-repeat left 15px top 17px;
    padding-left: 54px;
    background-size: 24px auto;
}
.downlists li a{
    color: #2d3439;
    font-size: 16px;
    line-height: 28px;
}
.downlists li a.enBtn,.downlists li a.cnBtn{
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
    color: #000168;
    line-height: 27px;
    background: url(../images/solid_en.png) no-repeat left top;
    background-size: 100% 100%;
}
.downlists li a.enBtn:hover,.downlists li a.cnBtn:hover{
    background: url(../images/solid_en-r.png) no-repeat left top;
    background-size: 100% 100%;
    color: #fff;
}
.downlists li a.down_title:hover{
    color: #000168;
}
.close_btn{
    position: absolute;
    z-index: 1;
    right: 20px;
    cursor: pointer;
    top: 20px;
    font-size: 20px;
    border: 1px solid #000168;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 20px;
    color: #000168;
}
.close_btn:hover{
    background: #000168;
    color: #fff;
}
.close_btn1{
    position: absolute;
    right: 20px;
    cursor: pointer;
    top: 12px;
    font-size: 20px;   
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    z-index: 1;
}
.close_btn1:hover{
    background: #000168;
    color: #fff;
}


/* Catalog封面 */
.twonav{
    border-radius: 10px;
    background: #fcfcfc;
    height: 48px;
    margin-top: 30px;
    margin-bottom: 20px;
}
.twonav ul li{
    display: inline-block;
    border-bottom: 2px solid #fcfcfc;
    margin-right:10px;
}
.twonav ul li a{
    display: block;
    padding:0 15px;
    line-height: 48px;
    color: #575757;
    font-size:16px;
}
.twonav ul li.current{
    border-bottom:2px solid #d13840;
}
.twonav ul li.current a{
    color: #d13840;
}
.third_nav{ 
    width: 100%;
    margin-bottom: 20px;
}
.third_nav li{
    display: inline-block;
    margin: 0 10px;
}
.third_nav li a{
    display: block;
    padding: 6px 12px;
    font-size: 16px;
    color: #575757;
}
.third_nav li:hover a{
    background: #d13840;
    color: #fff;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
.third_nav li.current a{
    background: #d13840;
    color: #fff;
    border-radius: 50px;
}
.cataloglistbox{
    padding-top: 40px;
    /* min-height: 490px; */
}
.catalogitem{
    margin-bottom: 45px;
}
.catalogitem h3{
    padding-left: 45px;
    margin-bottom: 15px;
    background-image: url(../images/link.png);
    background-repeat: no-repeat;
    background-size: 32px auto;
    background-position: left 8px center;
}
.catalogitem h3 a{
    font-size: 20px;
    color: #000168;
    line-height: 36px;
}
.catalogitem h3 a:hover{
    color: #d13840;
}
.catalogitem h2{
    font-size: 20px;
    color: #000168;
    margin-bottom: 15px;
}
.catalogitem ul li{
    float: left;
    width: 46%;
    margin-right: 8%;
    /* border-bottom: 1px solid #dfdfdf; */
    border-bottom: 1px solid rgba(79, 91,100,.3);
    background-image: url(../images/icon_service_pdf.png);
    background-position: left 12px center;
    background-repeat: no-repeat;
    background-size: 24px;
}
.catalogitem ul li a{
    display: block;
    padding-left: 54px;
    padding-top: 16px;
    padding-bottom: 14px;
    font-size: 16px;
    line-height: 28px;
    color: #2d3439;
}
.catalogitem ul li:nth-child(even){
    margin-right: 0;
}
.catalogitem ul li:hover a{
    color: #000168;
}
.catalogbottomtext{
    font-size: 16px;
    line-height: 32px;
    color: #2d3439;
}
.catalogbottomtext a{
    color: #000168;
    font-size: 20px;
    display: inline-block;
    padding-left: 36px;
    background-image: url(../images/link.png);
    background-position: left top 1px;
    background-repeat: no-repeat;
    background-size: 30px;
}
.catalogbottomtext a:hover{
    color: #c9151e;
}

/* 隐私政策 */
.lawbox{
    padding-top: 20px;
    font-size: 16px;
    line-height: 32px;
    color: #575757;
}
.lawbox p{
    font-size: 16px;
    line-height: 32px;
    color: #575757;
}
.sucessimg{
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,.8);
    left: 0;
    top: 0;
    z-index: 10002;
}

/* 注册和登录样式 */
.bodybox{
    position: relative;
    width: 100%;
    min-height: calc(100vh - 85px);
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
    
}
.userwrapper{
    /* position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; */
    padding-top: 55px;
}
.userwrapper .userlogo {
    display: block;
    margin-bottom: 8px;
    text-align: center;
}
.userlogo img{
    height: 86px;
}
.login_nav{
    border-bottom: 1px solid #EAEDF3;
    padding-bottom: 9px;
    margin-bottom: 18px;
}
.login_nav a {
    font-size: 16px;
    color: #3E3F42;
    margin-right: 20px;
}
.login_nav a.active {
    font-size:18px;
    color: #c9151e;
}
.login_navbox{
    /*display: none;*/
    border-bottom: 1px solid #EAEDF3;
    padding-bottom: 9px;
    margin-bottom: 18px;
}
.login_navbox a {
    font-size: 16px;
    color: #3E3F42;
    margin-right: 20px;
}
.login_navbox a.active {
    font-size:18px;
    color: #c9151e;
}
.userInfobox{
    /* width: 41.66%; */
    width: 500px;
    height: auto;
    margin: 0 auto;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    padding: 20px 40px 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.userInfobox .form-group{
    position: relative;
    height: auto;
    margin-bottom: 10px;
}
.resetpwdForm{
    /*display: none;*/
}
.userInfobox .form-group label{
    font-size: 14px;
    color: #2d3439;
    font-weight: normal;
    display: block;
    position: relative;
    margin-bottom: 6px;
}
.userInfobox .form-group label i{
    font-style: normal;
    color: #ff0000;
    vertical-align: text-top;
    display: inline-block;
    font-size: 15px;
}
.userInfobox .form-control{
    padding: 8px 12px;
    line-height: 24px;
    height: auto;
    font-size: 16px;
    position: relative;
    border: 1px solid #4f5b64;
    background-repeat: no-repeat;
    background-position: center right 15px;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.075);
    box-shadow: 0 0 1px rgba(0,0,0,.075);
}
.userInfobox .form-control.shippingaddressline,.userInfobox .form-control.billingaddressline{
    margin-top: 5px;
}

.toggle-password{
    position: absolute;
    width: 68px;
    height: 42px;
    right: 0;
    top: 0;
    cursor: pointer;
}
.form-control-item.right .toggle-password,.form-control-item.error .toggle-password{
    right: 15px;
}

.toggle-password i{
    display: block;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px auto;
}
.toggle-password i.fa-eye{
    background-image: url(../images/icon-eye.png);
}
.toggle-password i.fa-eye-slash{
    background-image: url(../images/icon-closeeye.png);
}
.passwordrules{
    display: none;
    margin-top: 10px;
    font-size: 14px;
    line-height: 22px;
    color: #9EA0A5;
}
.passwordrules li{
    font-size: 14px;
    line-height: 26px;
    color: #9EA0A5;
    padding-left: 24px;
    background-repeat: no-repeat;
    background-image: url(../images/icon-right-gray.png);
    background-position: left top 4px;
    background-size: 20px auto;
}
.passwordrules li.on{
    background-image: url(../images/icon-right.png);
}
.userrestinfo{
    padding-top:15px;
    border-top: 1px solid #EAEDF3;
    margin-top: 25px;
    display: none;
}
.userrestinfo.act{
    display: block;
}
.userrestinfo a{
    font-size: 14px;
    color: #575757;
}
.form-control-item.agreepolicy .agree{
    border: none;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: sub;
    margin: 4px 8px 0 0;
}
.form-control-item.agreepolicy .agree:focus{
    width: 18px;
    height: 18px;
}
.form-control-item.agreepolicy label{
    display: inline-block;
    margin-bottom: 6px;
}
.agreebox{
    font-size: 14px;
    color: #9EA0A5;
}
.agreebox a{
    color: #000168;
}
.agreebox a:hover{
    color: #c9151e;
}
.hiddenforgetbox{
    margin-top: 15px;
}
.form-control-item.vertifyinput{

}
.form-control-item.vertifyinput .vertifyCode{
    float: right;
    width: 70%;
    border-left: none;
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius:0 4px 4px 0;
}
.form-control-item.vertifyinput .getCodebtn{
    float: left;
    width: 30%;
    line-height: 24px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    background: #000168;
    color: #fff;
    padding: 8px 12px;
    border: 1px solid #000168;
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
}
.form-control-item.vertifyinput .getCodebtn:hover{
    cursor: pointer;
    /* border: 1px solid #000168; */
}
.userinfoForm #returnLogin{
    display:inline-block;
    height: 36px;
    padding: 0 20px;
    line-height: 36px;
    font-size: 16px;
    color: #575757;
    border: 1px solid #4f5b64;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    margin-left: 8px;
}


.login_foot{
    /* text-align: center; */
    margin-top: 10px;
    border-top: 1px solid #EAEDF3;
    padding-top: 15px;
}

.btnok{
    display: inline-block;
    /* width: 100px; */
    height: 36px;
    padding: 0 20px;
    line-height: 36px;
    font-size: 16px;
    color: #575757;
    border: 1px solid #4f5b64;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.btnok:hover,#returnLogin:hover{
    background: #c9151e;
    color: #fff;
    border: 1px solid #c9151e;
}
.userinfoForm .btnok{
    margin-top: 10px;
}
.login_foot input.login_submit{
  
}
.submitloginbox{
    margin-top: 20px;
}
.forgettext{
    font-size: 16px;
    color: #4f5b64;
    margin-top: 15px;
}
.forgettext a{
    display: inline-block;
    color: #000168;
    font-weight: bold;
}
.forgettext a:hover{
    color: #c9151e;
    text-decoration: underline;
}
#forgetPasswordLink{

}

.footer_login {
    position: fixed;
    width: 100%;
    bottom:20px;
    z-index: 1;
    text-align: center;
    font-size: 14px;
    color: #fff;
    left: 0;
}

/* 注册 */
.createUserbox{
    position: relative;
}
.createUserbox .footer_login{
    position: relative;
}
.usercontainer{
    padding-bottom: 80px;
}
.createUserbox .userInfobox{
    float: left;
    width: 47.66%;
    min-height: 842px;
}
.createUserbox .userrightbox{
    float: right;
    width: 47.66%;
    padding: 40px 40px 24px;
    background: #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.userinfobrief{

}
.userinfobrief h1{
    font-size: 18px;
    color: #4f5b64;
    line-height: 28px;
    margin-bottom: 20px;
}
.userinfobrief ul{

}
.userinfobrief ul li{
    /* margin-bottom: 22px; */
    margin-bottom: 27px;
}
.userinfobrief ul li i{
    display: inline-block;
    width: 38px;
    height: 38px;
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom: 12px;
}
.userinfobrief ul li i.icon-shop{
    background-image: url(../images/icon-shop.png);
    background-size: 36px auto;
}
.userinfobrief ul li i.icon-exclusive{
    background-image: url(../images/icon-exclusive.png);
    background-size: 32px auto;
}
.userinfobrief ul li i.icon-manage{
    background-image: url(../images/icon-manage.png);
    background-size: 32px auto;

}
.userinfobrief ul li i.icon-support{
    background-image: url(../images/icon-support.png);
    background-size: 100% auto;
}
.createUserbox .form-control-item .country-items,.createUserbox .form-control-item .states-items{
    top: 42px;
}

.userinfobrief ul li h2{
    font-size: 18px;
    color: #555;
    margin-bottom: 12px;
}
.userinfobrief ul li p{
    font-size: 16px;
    /* line-height: 26px; */
    line-height: 28px;
    color: #575757;
}
.showAgreeBox{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    height: 100%;
    display: none;
    background: rgba(0,0,0,.5);
}
.showAgreeContent{
    padding: 50px 55px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 90%;
    min-height: 500px;
    background: #fff;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    max-width: 90%;
    width: 900px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.showNewstext{
    margin-bottom: 30px;
    margin-bottom: 30px;
    height: 400px;
    overflow: auto;
    padding-right: 20px
}
.showNewstext .mainSinglebox{
    margin-top: 0;
    min-height: auto;
}

.showAgreeContent h1{
    text-align: center;
    font-size: 24px;
    color: #2d3439;
    margin-bottom: 25px;
}
.showAgreeContent p{
    font-size: 16px;
    line-height: 26px;
    color: #4f5b64;
    text-align: justify;
    margin-bottom: 15px;
}
.myAreebtn{
    margin: 0px auto;
    width:160px;
    height: 40px;
    display: block;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: #000168;
    cursor: pointer;
    border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    -webkit-border-radius:5px;
}

.creatinfotab{
    text-align: center;
    padding-bottom: 20px;
}
.creatinfotab ul{
    overflow: hidden;
}
.creatinfotab ul li{
    display: inline-block;
    width: 155px;
    vertical-align: middle;
    position: relative;
}
.creatinfotab ul li .stepnumber{
    text-align: center;
    height: 40px;
    font-size: 14px;
    color: #575757;
}
.creatinfotab ul li .stepnumber span{
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: #fff;
    border: 1px solid #e3e6e9;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.creatinfotab ul li.is-active .stepnumber span {
    border-color: #c9151e;
    cursor: auto;
    border-width: 2px;
    width: 32px;
    height: 32px;
    line-height: 30px;
    font-size: 16px;
}
.creatinfotab ul li.stepper-step::after {
    content: " ";
    position: absolute;
    left: 50%;
    top: 18px;
    width: 100%;
    height:3px;
    background-color: #e3e6e9;
    z-index: 1;
}
.creatinfotab ul li.stepper-step:last-child::after{
    display: none;
}
.creatinfotab ul li.stepper-step.is-active::after{
    background-color: #c9151e;
}
.creatinfotab ul li.stepper-step.is-complete .stepnumber span{
    width: 18px;
    height: 18px;
    border-color: #c9151e;
    border-width: 1px;
    background-image: url(../images/icon-right-red.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
}
.creatinfotab ul li.stepper-step.is-complete::after{
    background-color: #c9151e;
}
.creatinfotab ul li .steptitle{
    font-size: 14px;
    line-height: 20px;
    height: 36px;
}
.stepformlist{
    padding-top: 20px;
    border-top: 1px solid #EAEDF3;
}
.infoformtitle{

}
.infoformtitle h2{
    font-size: 16px;
    color: #575757;
}
.infoformtitle p{
    font-size: 14px;
    line-height: 20px;
    color: #575757;
}
.basictips{
    margin-top: -6px;
    margin-bottom: 6px;
    font-size: 14px;
    color: #9EA0A5;
}
.infoformitem:first-child{
    /* display: none; */
}
.infoformitem.infoaddress{
    display: none;
}
.skipAddress{
    width: 80px;
    height: 36px;
    margin-top: 15px;
    margin-bottom: 25px;
    text-align: center;
    color: #000168;
    line-height: 34px;
    cursor: pointer;
    border: 1px solid #000168;
    font-size: 16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.skipAddress:hover{
    border: 1px solid #c9151e;
    background: #c9151e;
    color: #fff;
}
.infoformtitle h3,.billingAddress h3{
    font-size: 16px;
    color: #2d3439;
}
.address-tips{
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 24px;
    color: #4f5b64;
    padding-left: 32px;
    background-position: left top 2px;
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-image: url(../images/icon-tips.png);
}
.form-control[readonly]{
    background-color: transparent;
    color: #9ca7b0;
}
.form-control-item.countrylock::after{
    content: " ";
    display: block;
    position: absolute;
    width: 40px;
    height: 42px;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/icon-lock.png);
    background-size: 20px auto;
}
.form-control-item.countrylock .form-control.provincename{
    background-image: none;
}
.form-control-item.emaillock::after{
    content: " ";
    display: block;
    position: absolute;
    width: 40px;
    height: 42px;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/icon-lock.png);
    background-size: 20px auto;
}
.form-control-item.shippingitem .sameshipping{
    border: none;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: sub;
    margin: 4px 8px 0 0;
}
.form-control-item.shippingitem .sameshipping:focus{
    width: 18px;
    height: 18px;
}
.form-control-item.shippingitem label{
    display: inline-block;
    margin-bottom: 6px;
}
.billingAddress{
    margin-top: 10px;
    margin-bottom: 18px;
}
.billingAddress h3{
    margin-bottom: 12px;
}
.creatbox{
    display: none;
}
.creatbox h1{
    font-size: 18px;
    padding-bottom: 12px;
    position: relative;
    margin-bottom: 12px;
}
.creatbox h1::after{
    content: " ";
    display: inline-block;
    width: 54px;
    height: 2px;
    bottom: 0;
    background: #c9151e;
    position: absolute;
    left: 0;
}
.reviewtext{
    font-size: 14px;
    color: #575757;
    line-height: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 20px;
}
.reviewbasic,.reviewaddress{
    position: relative;
}
.reviewaddress{
    border-top: 1px solid #dfdfdf;
    padding-top: 15px;
}
.reviewbasic h2,.reviewaddress h2{
    font-size: 16px;
    color: #2d3439;
    line-height: 24px;
    padding-left: 34px;
    position: relative;
    margin-bottom: 15px;
}
.reviewbasic h2::before,.reviewaddress h2::before{
    content: " ";
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/icon-right.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    border: 1px solid #32b6bd;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.editinfo{
    position: absolute;
    right: 0;
    top: 0;
    color: #000168;
}
.reviewaddress .editinfo{
    top: 15px;
}

.editinfo span{
    display: inline-block;
    position: relative;
    padding-left: 28px;
    font-size: 16px;
    cursor: pointer;
}
.editinfo span::before{
    content: " ";
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/icon-edit.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px; 
}
.reviewinfo{
    padding: 5px 0 15px;
    color: #575757;
}
.reviewinfo ul li{
    line-height: 24px;
    font-size: 14px;
}
.shipadditem{
    float: left;
    width: 50%;
    padding-right: 20px;
}
.shipadditem h3{
    font-size: 16px;
    color: #2d3439;
    margin-bottom: 8px;
}
.reviewpayment{
    padding-top: 10px;
    padding-bottom: 18px;
}
.form-control-item.paymentitem .payment{
    border: none;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: sub;
    margin: 4px 8px 0 0;
}
.form-control-item.paymentitem .payment:focus{
    width: 18px;
    height: 18px;
}
.form-control-item.paymentitem label{
    display: inline-block;
    margin-bottom: 6px;
    vertical-align: top;
    padding-top: 3px;
    width: 92%;
}
.paymenttext{
    font-size: 14px;
    color: #575757;
    line-height: 24px;
    margin-bottom: 15px;
}

.form-control-item.right .form-control.province,.form-control-item.error .form-control.province{
    background-position: center right 38px;
}
.province-items{
    display: none;
    border: 1px solid #c6cdd2;
    border-top: none;
    height: 200px;
    overflow-y: auto;
    position: absolute;
    width: 100%;
    left: 0;
    top: 42px;
    background: #fff;
    z-index: 111;
}
.province-items li{
    height: 32px;
    padding: 0 12px;
    line-height: 32px;
    font-size: 14px;
    color: #575757;
    cursor: pointer;
}
.province-items li:hover{
    background: #f0f0f0;
}
.province-items li.selected{
    background: #f0f0f0;
}
.province-items li.active{
    color: #000168;
}
.createUserbox .form-control-item .province-items{
    top: 42px;
}
.form-control.province{
    background-image: url(../images/bottom.png);
    background-position: center right 16px;
    background-size: 18px auto;
}

.showFormBox{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    z-index: 10001;
}
.topForm{
    width:560px;
    height: 170px;
    top: 50%;
    position: fixed;
    margin-top: -85px;
    left: 50%;
    margin-left: -280px;
    background: #fff;
    border: 1px solid #bcbcbc;
    border-radius: 5px;
    z-index: 10000;
    padding: 24px 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: 0px 2px 10px 1px rgba(0,0,0,.2);
    /* display: none; */
}
.topForm h2{
    font-size: 18px;
    color: #202124;
    margin-bottom: 12px;
}
.topForm p{
    font-size: 15px;
    color: #5f6368;
}
.topForm span{
    display: block;
    font-size: 15px;
    color: #5f6368;
    margin-top: 30px;
}
.topForm span a{
    display: inline-block;
    width: 60px;
    margin:0 5px;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    height: 32px;
    border-radius: 5px;
    background: #f3f3f6;
    color: #292929;
    line-height: 32px;
}
.topForm span button:hover{
    color: #fff;
    background: #000168;
}
.showRequire{
    display: none;
    width:600px;
    height: 580px;
    position: fixed;
    left: 50%;
    margin-left: -300px;
    border-radius: 8px;
    top: 50%;
    margin-top: -290px;
    background: #fff;
    overflow: hidden;  
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#myFrame{
    position: absolute; width: 100%; height: 100%; border-radius: 3px;
}
.search_title{ overflow: hidden;}
.search_title h1{
    float: left;
    font-size: 28px;
    margin-top: 5px;
}
.moreSearch{ 
    float: right;
    width: 420px;
    overflow: hidden;
  
}
.searchOption{
    float: left;
    width: 34%;
    height: 100%;
    /* border: 1px solid rgb(160, 160, 162, .3); */
    border-right: none;
    font-size: 16px;
    color: #4f5b64;
    position: relative;
    line-height: 100%;
    border-radius:4px 0 0 4px;
    position: relative;
}
.searchOption .option-text{
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #4f5b64;
    line-height: 40px;
    cursor: default;
    padding-left: 12px;
    background: url(../images/traingle-down.png) no-repeat right -5px center;
    background-size: 36px auto;
}
.searchOption ul{
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 40px;
    z-index: 1;
    background: #fff;
    padding: 10px 10px;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 0 5px rgba(160, 160, 162, 0.5);
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
}
.searchOption ul li{
    line-height: 32px;
    font-size: 16px;
    color: #4f5b64;
    cursor: default;
}
.searchOption ul li:hover{
    color: #02499b;
}
.search_field{
    float: right;
    width: 66%;
    height: 100%;
}
.moreSearch form.search_news{
    
    height: 40px;
    border: 1px solid rgb(160, 160, 162);
    border-radius:4px;
   
}
.moreSearch form.search_news input.search_text{

    float: left;
    width: 82%;
    height: 100%;
    font-size: 16px;
    color: #4f5b64;
    padding: 0 12px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.moreSearch form.search_news input.button{
    width: 18%;
    height: 100%;
    background: url(../images/search.png) no-repeat center center #000168;
    border-radius:0 4px 4px 0;
}

/* 提示 */
.alertregister{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    display: none;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.alertregister.on{
    opacity: 1;
    display: inline-block;
}
.alertreclose{
    position: absolute;
    right: 25px;
    top: 20px;
    cursor: pointer;
}
.alertreclose img{
    width: 18px;
}
.alertconfirm{
    position: absolute;
    left: 50%;
    top: 40%;
    width: max-content;
    background: #fff;
    border:2px solid #c61e3e;
    border-left: 15px solid #c61e3e;
    padding: 25px 25px 25px 30px;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.alertconfirm h2{
    font-size: 20px;
    padding-left: 40px;
    color: #2d3439;
    background-image: url(../images/icon-error-red.png);
    background-repeat: no-repeat;
    background-position: left top 4px;
    line-height: 40px;
    background-repeat: no-repeat;
    background-size: 32px auto;
    margin-bottom: 8px;
}
.alerttextbox,.hasemailtext{
    font-size: 16px;
    line-height: 28px;
    color: #4f5b64;
}
.alerttextbox a,.hasemailtext a{
    color: #000168;
}
.alerttextbox a:hover,.hasemailtext a:hover{
    color: #d13840;
}
.alertregister.alertnotregister{
    
}
.alerttextbox b{
    color: #d13840;
    font-weight: normal;
}
.alertregister.alertnotregister .alertconfirm{
    border:none;
    padding-left: 25px;
    box-shadow: 0 0 10px rgba(79, 91, 100,.3);
}
.alertregister .hasemail{
    border:2px solid #c61e3e;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    padding: 0 15px;
    color: #2d3439;
    margin-top: 30px;
    margin-bottom: 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.hasemailtext{
    padding-left: 32px;
    color: #2d3439;
    background-image: url(../images/icon-error-red.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 28px auto;
}
.infoformlist .form-group{
    float: left;
    width: 49%;
    margin-right: 2%;
}
.infoformlist .form-group:nth-child(even){
    margin-right: 0;
}

/* Application列表 */
.applicationbox{
    padding-bottom: 40px;
}
.application-left{
    float:left;
    width:22%;
}
.application-left .filtercolumn{
    font-size: 20px;
    color: #000168;
    margin-bottom: 20px;
}
.application-left .filteritem{
    margin-bottom: 10px;
    background: #fff;
}
.filteritem .select_box{
    position: relative;
}
.select_box .select_showbox{
    width: 100%;
    height: 38px;
    line-height: 38px;
    padding:0 32px 0 12px;
    font-size:16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 4px;
    color: #4f5b64;
    border: 1px solid #4f5b64;
    position: relative;
    background-image: url(../images/traingle-down.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30px;
}
.filteritem select{
    display: none;
}
ul.select_option{
    display: none;
    position: absolute;
    width: 100%;
    /* min-width: 100%; */
    top: 38px;
    left: 0;
    background: #fff;
    z-index: 11;
    height: 200px;
    overflow-y: scroll;
    padding: 10px 0;
    box-shadow: 0 0 5px rgba(160, 160, 162, 0.5);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
ul.select_option::-webkit-scrollbar {width:3px;height:3px;position:absolute;}
ul.select_option::-webkit-scrollbar-thumb {background-color:#000168}
ul.select_option::-webkit-scrollbar-track {background-color:#ddd}
ul.select_option li{
    font-size: 14px;
    line-height: 30px;
    padding: 0 12px;
    color: #4f5b64;
    cursor: pointer;
}
.select_option li.selected{
    background:#000168;
    color: #fff;
}
.select_option li.hover{
    background: #f0f0f0; 
    color: #4f5b64;
}

.selectedfilter{
    /* display: none; */
    padding-top: 10px;
}
.selectedfilter li{
    margin-bottom:8px;display: none;
    font-size: 16px;
    color: #2d3439;
    line-height: 28px;
}
.seletedmode{
    font-size: 15px;
    color: #000168;
}
.selectedfilter li i{
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../images/close-black.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10px;
    font-style: normal;
    vertical-align: text-top;
    cursor: pointer;
}
.application-right{
    float:right;
    width:74%;
    margin-top: 5px;
}
.application-right h2{
    font-size: 18px;
    color: #2d3439;
    margin-bottom: 25px;
}
.applicationmenu{
    position: relative;
}
.applicationmenu .wrapper {
    position: relative;
    overflow: hidden;

}
.applicationmenu .scroller {
    /* position: absolute;
    height: 100%; */
}
.applicationmenu ul li{
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 4px;
}
.applicationmenu ul li a,.applicationmenu ul li span{
    display: block;
    line-height: 32px;
    padding: 0 8px;
    font-size: 16px;
    color: #4f5b64;
    margin-bottom: 4px;
    /* background: #f3f4f9; */
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.applicationmenu ul li:hover a,.applicationmenu ul li:hover span{
    background: #000168;
    color: #fff;
    cursor: default;
}
.applicationmenu ul li.cur a,.applicationmenu ul li.cur span{
    background: #000168;
    color: #fff;
}
.applicationlist{
    padding-top: 30px;
}
.applicationlist-top{
    font-size: 18px;
    color: #fff;
    height: 42px;
    overflow: hidden;
    line-height: 42px;
    /*background: #f3f4f9;
    */background: #000168;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.applicationlist-top span{
    
    float: left;
}
.applicationlist-top span.appid,.applicationlist-content ul li .appid{
    width: 23%;
    padding: 0 20px;
}
.applicationlist-top span.apptitle,.applicationlist-content ul li .apptitlebox{
    width: 77%;
    padding: 0 20px;
}
.applicationlist-content{
    padding-bottom: 40px;
    min-height: 380px;
}
.applicationlist-content ul li{
    padding-top: 12px;
    padding-bottom: 10px;
    overflow: hidden;
    cursor: pointer;
    /* border-bottom: 1px solid #f3f4f9; */
    border-bottom: 1px solid rgba(79, 91,100,.6);
}
.applicationlist-content ul li .appid{
    float: left;
    position: relative;
    height: 100%;
    font-size: 16px;
    color: #2d3439;
}
.applicationlist-content ul li .apptitlebox{
    float: right;
    font-size: 16px;
    line-height: 28px;
    color: #2d3439;
}
.applicationlist-content ul li .apptitlebox h3{
    font-size: 16px;
    line-height: 26px;
    color: #2d3439;
}
.applicationlist-content ul li:hover .appid,.applicationlist-content ul li:hover .apptitlebox h3{
    color: #000168;
}

/* Literature Reference */
.literatureBox{
    padding-top: 30px;
}
.literatureBox .application-left,.literatureBox .application-right{
    float: none;
    width: 100%;
}
.literatureBox .application-left .filteritem{
    float: left;
    width: 19.08%;
    margin-right: 1.15%;
}
.literatureBox .application-left .filteritem:last-child{
    margin-right: 0;
}
.literatureBox ul.selectedfilter li{
    float: left;
    width: 19.08%;
    margin-right: 1.15%;
}
.literatureBox ul.selectedfilter li{
    line-height: 22px;
}
.literatureBox ul.selectedfilter li:last-child{
    margin-right: 0;
}
.literaturelist{
    padding-top: 10px;
}
.literaturelist-top{
    font-size: 18px;
    color: #fff;
    height: 44px;
    padding-left: 10px;
    /*text-align: center;
    */line-height: 44px;
    /*background: #f3f4f9;
    */background: #000168;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.literaturelist-top span{
    float: left;
    padding-right: 10px;
}
.lityear{
    width: 6%;
    position: relative;
    /* text-align: center; */
}
.lityear i.yearfilterbtn{
    position: absolute;
    right: 10px;
    display: inline-block;
    width: 20px;
    height: 12px;
    cursor: pointer;
    background-position: center center;
    background-size: 7px auto;
    background-repeat: no-repeat;
}
i.yearfilterbtn.ascbtn{
    top: 9px;
    background-image: url(../images/traingle-up-white.png);
}
i.yearfilterbtn.descbtn{
    bottom: 9px;
    background-image: url(../images/traingle-down-white.png);
}
.litproduct{
    width: 9%;
}
.litpn{
    width: 11%;
}
.litsepmode{
    width: 14%;
}
.litbroad{
    width: 13%;
}
.litspecifc{
    width: 13%;
}
.littitle{
    width: 34%;
}
.literaturelist-content{
    padding-bottom: 40px;
}
.literaturelist-content ul li{
    padding-top: 12px;
    padding-left: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    /* border-top: 1px solid #f3f4f9; */
    border-bottom: 1px solid rgba(79, 91,100,.6);
}
.literaturelist-content ul li div{
    float: left;
    position: relative;
    height: 100%;
    padding-right: 10px;
    font-size: 16px;
    color: #2d3439;
}
.literaturelist-content ul li .litsepmode{
    text-align: center;
}
.literaturelist-content ul li div span{
    display: inline-block;
}

.literaturelist-content ul li div span a{
    font-size: 16px;
    color: #2d3439;
}
.literaturelist-content ul li div span a:hover{
    color: #000168;
}

/* Application内容 */
.applicationwrapper{
    display: none;
}

.applicationcontent-title{
    text-align: center;
    font-size: 24px;
    color: #000168;
    margin-bottom: 15px;
}
.generalinfobox{
    margin-top: 30px;
}
.generalinfobox h3{
    font-size: 20px;
    color: #000168;
    padding-bottom: 16px;
    /* border-bottom: 1px solid #f3f4f9 */
    border-bottom: 1px solid rgba(79, 91,100,.6);
    
}
.generalinfobox-top{
    margin-bottom: 20px;
}
.generalinfotop-content ul li{
    font-size: 16px;
    color: #2d3439;
    margin-bottom: 3px;
    line-height: 32px;
}
.apptypecontent{
    display: none;
}
.generalinfotop-content ul.apptypecontent li{
    overflow: hidden;
   
}
.generalinfotop-content ul.apptypecontent li h5{
    float: left;
    font-size: 16px;
    color: #2d3439;
    line-height: 28px;
}
.generalinfotop-content ul.apptypecontent li div{
    float: left;
    margin-left: 15px;
}
.generalinfotop-content ul.apptypecontent li div a{
    color: #000168;
    font-size: 16px;
    display: inline-block;
    margin-right: 12px;
    text-decoration: underline;
    line-height: 28px;
}
.generalinfolist{
    display: none;
}
.generalinfotop-content ul.generalinfolist li{
    overflow: hidden;
}
.generalinfotop-content ul.generalinfolist li .generalbefore{
    float: left;
    width: 150px;
    font-weight: bold;
}
.generalinfotop-content ul.generalinfolist li .generalafter{
    float: right;
    width: 82%;
}

.generalinfotop-content ul.generalinfolist li a{
    display: inline-block;
    color: #000168;
}
.generalinfotop-content ul.apptypecontent li div a:hover,.generalinfotop-content ul.generalinfolist li a:hover{
    color: #c9151e;
}
#applicate_title a i{
    display: inline-block;
    /*width: 160px;*/
    font-style: normal;
    height:32px;
    line-height:30px;
    border-radius: 32px;
    background-image: url(../images/icon-download.png);
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 18px auto;
    vertical-align: middle;
    margin-left: 5px;
    border: 2px solid #000168;
    padding-left: 35px;
    padding-right: 9px;
}
#applicate_title a:hover i{
    color: #fff;
    background-image: url(../images/icon-download-r.png);
    background-color: #000168;
}
.generalinfotop-content ul.generalinfolist li dl dd{
    line-height: 32px;
}
.generalinfotop-content ul.generalinfolist li dl dd span{
    display: inline-block;
}
.generalinfotop-content ul.generalinfolist li span.itemkey{
    width: 200px;
    margin-right: 20px;
}

.generalinfobox-newsletters{
    display: none;
}
.generalinfobox-newsletters ul.linknesletter-other{
    padding: 20px 0 30px;
}
.generalinfobox-newsletters ul.linknesletter-other li{
    color: #2d3439;
    font-size: 16px;
    line-height: 32px;
    /*border-bottom: 1px solid rgba(79, 91, 100, .3);*/
    background: url(../images/dots-b.png) no-repeat 4px 10px;
    background-size: 7px;
    padding-left: 28px;
}
.generalinfobox-newsletters ul.linknesletter-other li a{
    color: #2d3439;
    display: block;
}
.generalinfobox-newsletters ul.linknesletter-other li a:hover{
    color: #000168;
}
.generalinfobottom-content{
    
}
.generalinfobottom-content dl dd{
    padding-left: 28px;
    position: relative;
    padding-top: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(79, 91,100,.3);
}
.generalinfobottom-content dl dd a{
    display:block;
    font-size: 16px;
    line-height: 26px;
    color: #555858;
}
.generalinfobottom-content dl dd::before{
    content: " ";
    display: inline-block;
    width: 5px;
    height: 5px;
    position: absolute;
    left: 8px;
    top: 20px;
    background: #000168;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.generalinfobottom-content dl dd a:hover{
    color: #000168;
}
.generalinfobottom-other{
    padding-top: 30px;
    display: none;
}
.other-pdf{
    float: left;
    width: 100px;
    margin-right: 10px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.other-pdf a{
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/icon-download-literature.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.other-videolist{
    float: left;
}
.other-videolist li{
    float: left;
    margin-left: 30px;
}
.other-videolist li img{
    height: 105px;
    width: auto;
}

.rightBox1 .letters{

}
.letters a{
    display: inline-block;
    font-size: 16px;
    color: #4f5b64;
    margin-right: 15px;
}
.letters a:hover{
    color: #000168;
}
.rightBox1 .textList{
    padding-top:10px;
    padding-bottom: 40px;
}
.rightBox1 .textList li{
    overflow: hidden;
    padding-top: 22px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f7f7f7;
    background: url(../images/dots-b.png) no-repeat 4px 30px;
    padding-left: 26px;
}
.rightBox1 .textList li a{
    display: block;
    color: #292929;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tppages{
    font-size: 16px;
    color: #2d3439;
}
.tppages a{
    font-size: 16px;
    color: #2d3439;
}
.tppages a:hover{
    color: #000168;
}

/* 应用谱图内容 */
.putu_title{
    font-size: 28px;

    color: #000168;
    text-align: center;
    margin-bottom: 20px;
}
.putu_ftitle{
    padding-bottom: 16px;
    font-size: 20px;

    color: #000168;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 20px;
}
.rightBox1 .detailDetail{
    padding-bottom: 20px;
    padding-top: 20px;
}
.rightBox1 .detailDetail p{
    line-height: 38px;
    font-size: 16px;
    color: #4f5b64;
}
.rightBox1 .detailDetail p strong{
}
.rightBox1 .detailDetail1{
    padding-bottom: 30px;
}
.rightBox1 .detailDetail1 table {
    background: #e1e3f0;
    width: 100%;
}
.rightBox1 .detailDetail1 table tr td {
    background: #fff;
    padding: 20px 25px !important;
    font-size: 16px;
    color: #4f5b64;
    line-height: 20px;
}
.rightBox1 .detailPutu{
    /* padding-top: 10px; */
    text-align: center;
}
.rightBox1 .detailPutu img{
    max-width:100%;
    height: auto;
   
}

/* 单页 */
.mainSingle{
    margin-top: 122px;
    padding: 60px 0 80px;
}
.titlebox{
    text-align: left;
    /* margin-bottom: 20px; */
}
.titlebox.singletitlebox{
    padding-top: 32px;
}
.titlebox h1{
    color: #4f5b64;
    font-size: 30px;
    margin-bottom: 20px;
}
.titlebox span{
    display: inline-block;
    width: 66px;
    height: 4px;
    background: #000168;
}
.singletitlebox h1{
    text-align: center;
    font-size: 24px;
}
.maintechnology.maintechnologycontent .titlebox h1{
    font-size: 24px;
}

.ordertextbox{
    margin-top: 35px;
    font-size: 20px;
    color: #000168;
}
.contactbox.mainorderbox{
    padding-top: 12px;
    /*padding-bottom: 10px;*/
    position: relative;
}
.commonjobbox.howorder{
    padding-bottom: 30px;
    margin-top: 0;
}
.mainorderbox dd{
    float: left;
    width: 40%;
    background-repeat: no-repeat;
    background-position: left 14px;
    padding-left: 50px;
    padding-top: 14px;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
    color: #2d3439;
    background-size: auto 26px;
}
.mainorderbox dd b{
    font-size: 24px;
    color: #2d3439;
}
.mainorderbox dd a{
    font-size: 16px;
    color: #000168;
}
.mainorderbox dd a:hover{
    color: #c9151e;
}

.contactbox.mainorderbox .contactleft{
    float: right;
    width: 45%;
    padding: 30px;
    border: 1px solid #e1e3f0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.contactbox.mainorderbox .contactleft h1{
    text-align: left;
    font-size: 24px;
}
.contactbox.mainorderbox .contactleft h2{
    font-size: 16px;
}
.contactbox.mainorderbox .contact_right{
    float: left;
}
.contact_about.order_about{
    text-align: left;
    padding-top: 26px;
}
.contact_about.order_about h2{
    font-size: 24px;
    color: #000168;
    margin-top: 18px;
    margin-bottom: 18px;
}
.contact_about.order_about p{
    font-size: 16px;
    line-height: 32px;
    color: #2d3439;
}

/* 如何订购 */
.contactbox.mainorderbox dl{
    position: relative;
    z-index: 2;
}
.contactbox.mainorderbox .orderwordsbg{
    position: absolute;
    right: 0;
    bottom: 25px;
    width: 57.25%;
    z-index: 1;
    text-align: right;
}
.contactbox.mainorderbox .orderwordsbg span{
    display:inline-block;
    width: 29.5%;  
    margin-bottom: 55px;
}
.contactbox.mainorderbox .orderwordsbg span img{
    animation: arrowMove 1.5s linear infinite;
    -webkit-animation: arrowMove 1.5s linear infinite;
}
@keyframes arrowMove {
    0% {
        transform: translateX(-15px);
        -webkit-transform: translateX(-15px);
        -moz-transform: translateX(-15px);
        -ms-transform: translateX(-15px);
        -o-transform: translateX(-15px);
}
    50%{
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }
    100% {
        transform: translateX(-20px);
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
}

}



/* 登录、注册、Feedback表单 */
.commontext{
    font-size: 16px;
    line-height: 32px;
    color: #2d3439;
    padding-bottom: 25px;
    /* border-bottom: 1px solid #f3f4f9; */
    border-bottom: 1px solid rgba(79, 91,100,.3);
    
    margin-bottom: 12px;
}
.commontext h2{
    font-size: 20px;
    color: #4f5b64;
    margin-bottom: 25px;
}
.commontextleft{
    padding-top: 20px;
    float: left;
    width: 80%;
}
.commontextright{
    float: right;
    width: 16%;
    padding-top: 20px;
    text-align: right;
}
.commontextright dl dd{
    text-align: center;
    margin-bottom: 10px;
    /* background: #f3f4f9; */
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.commontextright dl dd a{
    display: block;
    padding: 10px 10px;
    line-height: 24px;
    font-size: 16px;
    color: #2d3439;
}
.commontextright dl dd:hover{
    background: #e8e9f3;
}
.commontextright dl dd:hover a{
    color: #000168;
}

.requestFreeBox{
    overflow: hidden;
    padding-top: 30px;
    /* min-height: calc(100vh - 350px); */
}
.requestFreeBox h2,.requestFreeBox h1{
    font-size: 24px;
    text-align: center;
    margin-bottom: 45px;
}
.requestFreeBox .contact_text{
    float: right;
    width: 38%;
}

.messageForm{
    margin-top: 40px;
    margin-bottom: 80px;
}
.requestFreeBox .messageForm{
    float: left;
    width: 60%;
    margin-top: 10px;
}

.feedbackform .form-group{
  position: relative;
  height: 112px;
  margin-bottom: 0;
}
.messageForm .feedbackform .form-group{
    height: 68px;
    float: left;
    width: 50%;
    padding-right: 30px;
    /* margin-bottom: 12px; */
}
.messageForm .feedbackform .form-group.sampletextform{
    width: 100%;
    height: 112px;
}
.messageForm .feedbackform .form-group.sampletextform textarea.form-control{
    height: 86px;
}
.feedbackform .form-group label{
  font-size: 16px;
  color: #2d3439;
  font-weight: normal;
  display: block;
  position: relative;
  margin-bottom: 10px;
}
.feedbackform .form-group label span{
    color: #ff0000;
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
}
.feedbackform .form-control{
    padding: 8px 12px;
    line-height: 24px;
    height: auto;
    font-size: 14px;
    position: relative;
    /* border: 1px solid #c6cdd2; */
    border: 1px solid rgba(79, 91,100,.4);
    background-repeat: no-repeat;
    background-position: center right 15px;
}
.form-control-item{
    position: relative;
}
.form-control-item .msg{
    font-size: 14px;
    display: inline-block;
    color: #e60f33;
    margin-top: 4px;
}
.msg a{
    color: #000168;
}
.msg a:hover{
    color: #2d3439;
}
.feedbackform .form-control:active,.feedbackform .form-control:focus{
    border: 1px solid #66afe9; 
    /* border-color: #; */
}
.feedbackform textarea.form-control{
  /*height: 200px;*/
}
.messageForm .feedbackform textarea.form-control{
    height: 42px;
}
.form-control.typeofrequest{
    background-color: #fff;
    color: #2d3439;
}
.form-control.country,.form-control.provincename,.form-control.typeofrequest{
    background-image: url(../images/bottom.png);
    background-position: center right 16px;
    background-size: 18px auto;
}


.form-control.yzcode{
    display: inline-block;
    width: 130px;
    margin-right: 8px;
}
.feedbackform img.autoimg{
    width: 70px;
}
.feedbackform .btnok{
    display: inline-block;
    /*width: 92px;*/
    height: 42px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 42px;
    padding: 0 20px;
    margin-top: 8px;
    background: #000168;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.feedbackform .btnok:hover{
    background: #c9151e;
}
.noOption{
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    color: #2d3439;
}
.feedbackform .form-group label .high{
    top: 5px;
}


.feedbackform .form-group p{
    display: inline-block;
    color: #2d3439;
    cursor: pointer;
    font-size: 16px;
    margin-left: 5px;
    vertical-align: top;
}
.form-control-item.error .required{
    border: 1px solid #e60f33;
}
.form-control-item.error::after{
    content: " ";
    display: block;
    position: absolute;
    width: 42px;
    height: 42px;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/icon-error.png);
    background-size: 26px auto;
}
.form-control-item.right::after{
    content: " ";
    display: block;
    position: absolute;
    width: 40px;
    height: 42px;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/icon-right.png);
    background-size: 28px auto;
}

.form-control-item.right .form-control.country,.form-control-item.error .form-control.country,
.form-control-item.right .form-control.provincename,.form-control-item.error .form-control.provincename,
.form-control-item.right .form-control.courier,.form-control-item.error .form-control.courier,
.form-control-item.right .form-control.servicedate,.form-control-item.error .form-control.servicedate,
.form-control-item.right .form-control.typeofrequest,.form-control-item.error .form-control.typeofrequest{
    background-position: center right 38px;
}

.conatctForm .form-control-item .msg{
    font-size: 12px;
}
.conatctForm .feedbackform .form-group{
    height: 68px;
}
.feedbackform .form-control.proname{
    background-image: url(../images/bottom.png);
    background-position: center right 16px;
    background-size: 18px auto;
}
.form-control-item.right .form-control.proname,.form-control-item.error .form-control.proname{
    background-position: center right 38px;
}
/*.conatctForm .feedbackform .form-group.textformgroup{*/
/*    height: 86px;*/
/*    width: 100%;*/
/*    margin-right: 0;*/
/*}*/
.conatctForm .feedbackform textarea.form-control{
    height: 42px;
    line-height:20px;
    overflow: hidden;
    resize: none;
}

.country-items,.proname-items,.states-items{
    display: none;
    border: 1px solid #c6cdd2;
    border-top: none;
    height: 200px;
    overflow-y: auto;
    position: absolute;
    width: 100%;
    left: 0;
    top: 42px;
    background: #fff;
    z-index: 111;
}
.type-items{
     display: none;
    border: 1px solid #c6cdd2;
    border-top: none;
    padding: 8px 0;
    height: auto;
    overflow-y: auto;
    position: absolute;
    width: 100%;
    left: 0;
    top: 42px;
    background: #fff;
    z-index: 111;
}
.courier-items,.servicedate-items{
    display: none;
    border: 1px solid #c6cdd2;
    border-top: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 42px;
    background: #fff;
    z-index: 111;
}
.country-items ul#countrybox li.country-item,.states-items ul#statesbox li.states-item,
.courier-items ul#courierbox li,.servicedate-items ul#servicedatebox li,
.type-items ul#type-rebox li{
    line-height: 32px;
    font-size: 14px;
    color: #2d3439;
    cursor: pointer;
    margin-bottom: 1px;
}
.type-items ul#type-rebox li:hover{
    color: #000168;
}
.courier-items ul#courierbox,.servicedate-items ul#servicedatebox,.type-items ul#type-rebox{
    padding: 0 12px;
}
.country-items .countrytitle,.states-items .statetitle{
    line-height: 32px;
    font-size: 14px;
    color: #2d3439;
    padding: 0 12px;
    position: relative;
}
.country-item.has-sub-regions .countrytitle{
    background: #f3f4f9;
}
.country-item.has-sub-regions .countrytitle::after{
    content: ' ';
    display: inline-block;
    position: absolute;
    right: 0;
    width: 38px;
    top: -4px;
    height: 38px;
    vertical-align: middle;
    background-image: url(../images/traingle-down.png);
    background-size: 38px auto;
}

.country-items ul#countrybox li .sub-region-list{
    padding: 0 20px;
    display: none;
}
.country-items ul#countrybox li:hover .sub-list{
    /* display: block; */
}
.sub-region-list dd{
    line-height: 26px;
    font-size: 14px;
    color: #2d3439;
    cursor: pointer;
    position: relative;
}

.sub-region-list dd::before{
    content: ' - ';
    display: inline-block;
    margin-right: 8px;
    font-size: 14px;
    color: #2d3439;
}
.sub-region-list dd:hover{
    color: #000168;
}

.proname-items li{
    height: 32px;
    padding: 0 12px;
    line-height: 32px;
    font-size: 14px;
    color: #2d3439;
    cursor: pointer;
}
.country-item:hover,.proname-items li:hover, .states-item:hover{
    background: #f0f0f0;
}
.country-item.selected,.states-item.selected{
    background: #e4edf7;
}

.proname-items li.selected{
    background: #f0f0f0;
    
}
.country-item.selected:hover .countrytitle,.states-item.selected:hover .statetitle{
    color: #000168;
}
.country-item.selected .countrytitle,.sub-region-list dd.active,.states-item.selected .statetitle{
    color: #000168;
}
.country-items ul#countrybox>li.active>span,.proname-items li.active,.states-items ul#statesbox>li.active>span{
    color: #000168;
}

.country-items ul#countrybox>li.selected .sub-list,.country-items ul#countrybox>li.active .sub-list{
    /* display: block; */
}

.conatctForm .feedbackform .form-group{
    float: left;
    width: 46.7%;
    margin-right: 6.2%;
}
.conatctForm .feedbackform .form-group:nth-child(even){
    margin-right: 0;
}

.sucessbox,.rightsucessbox{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	display: none;
	z-index: 100001;
	background: rgba(0,0,0,.6);
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.sucessbox.on,.rightsucessbox.on{
	opacity: 1;
	display: block;
}
.sucessbox .successcontainer,.rightsucessbox .rightsuccesscontainer{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 101;
	width: max-content;
	padding: 15px 25px;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0,.5);
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
}
.successclose,.rightsuccessclose{
	float: right;
	width: 15px;
	height: 15px;
	margin-bottom: 20px;
	background-image: url(../images/close-black.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}
.messageSuccess,.rightmessageSuccess{ 
	clear: right;
	text-align: center; 
	padding-bottom: 20px;
}
.messageSuccess h3 ,.rightmessageSuccess h3{ 
	font-size: 24px; 
	color: #0869b7; 
	margin-bottom: 14px;
}
.messageSuccess .desc ,.rightmessageSuccess .desc{ 
	font-size: 16px; 
	color: #4E5969; 
	padding-top: 5px; 
    line-height: 32px;
	
}

/* 自适应调试 */
.phonevideo{
    display:none;
}
.phone_search{
    display: none;
    width:30px;
    height: 40px;
    background: url(../images/search-block.png) no-repeat center center;
    float: right;
    margin-right: 14px;
    margin-top: 14px;
}
.phone_close{ 
    display:none;
    float: right;
    margin-right: 14px;
    margin-top: 28px;
    width: 16px;
}

/* 我的 封面*/
.accountCovertitle{
    font-size: 16px;
    color: #2d3439;
}
.accountcoverinfo{
    float: left;
}
.accountiscomplete{
    float: right;
}
.hasiscomplete{
    display: none;
    font-size: 16px;
    color: #2d3439;
}
.hasiscomplete.on{
    display: block;
}
.hasiscomplete span{
    display: inline-block;
    background-image: url(../images/icon-1.png);
    padding-left: 28px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
}
.nothasiscomplete{
    display: none;
    font-size: 16px;
    color: #2d3439;
}
.nothasiscomplete.on{
    display: block;
}
.nothasiscomplete p{
    margin-bottom: 10px;
}
.completeprocess{
    position: relative;
    width: 200px;
    height:10px;
    background: #f3f4f9;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.completeprocess span.completecur{
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000168;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.nothasiscomplete h3{
    font-size: 14px;
    color: #2d3439;
    padding-left: 22px;
    background-image: url(../images/icon-1.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 14px;
    margin-top: 15px;
    margin-bottom: 12px;
}
.nothasiscomplete a{
    color: #000168;
    font-size: 16px;
}
.nothasiscomplete a:hover{
    color: #c9151e;
}
.accountCoverlist{
    padding-top: 35px;
    /* padding-bottom: 80px; */
    min-height: calc(100vh - 320px);
}
.accountitem{
    float: left;
    width: 48%;
    margin-right: 4%;
    height: 140px;
    box-shadow: 0 1px 5px rgba(165,166,207,.25);
}
.accountitem:nth-child(even){
    margin-right: 0;
}
.accountbclassname{
    float: left;
    width:35%;
    background: #a5a6cf;
    color: #fff;
    height: 100%;
    position: relative;
}
.accountbclassname h2{
    font-size: 18px;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.accountbclassname span{
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px;
    width: 48px;
    height: 48px;
    margin: 0 auto 12px;
}
.accountclassname{
    float: right;
    width: 65%;
    padding: 30px;
}
.accountclassname ul li{
    line-height: 36px;
}
.accountclassname ul li a{
    font-size: 16px;
    color: #2d3439;
}
.accountclassname ul li:hover a{
    color: #000168;
}

/* 我的- 个人信息详情 */
.personalDetails{
    margin-bottom: 30px;
}
.account-personalist{
    min-height: 56px;
}
.account-personalist li{
    float: left;
    width: 38%;
    padding-right: 30px;
    font-size: 16px;
    color: #4f5b64;
    line-height: 28px;
}
.account-personalist li h2{
    font-size:18px;
    color:#2d3439;
    line-height:28px;
}
.acoount-personaltext{
    font-size: 16px;
    color: #4f5b64;
    line-height:24px;
    padding: 10px 0 0 38%;
}
.account-changepersonal{
    display: none;
}
.account-changepersonal.on{
    display: block;
}
.account-changepersonal p{
    font-size: 16px;
    line-height: 28px;
    color: #2d3439;
    margin-bottom: 20px;
}   
.account-changepersonal p a{
    color: #000168;
}
.account-changepersonal p a:hover{
    color: #c9151e;
}
.account-right .userInfobox{
    width: 66.8%;
    margin: initial;
    padding: 0 0 30px;
    background: transparent;
}
.account-right .userInfobox label{
    font-size: 16px;
    margin-bottom: 10px;
}
.account-addressbox .account-noview{
    display: none;
    background: transparent;
    padding: 0;
}
.account-hasaddress{
    font-size: 16px;
    line-height: 28px;
    color: #2d3439;
    background: #e4edf7;
    padding: 25px 24px 20px;
}
.account-hasaddress li{
    float: left;
    width: 38%;
    padding-right: 30px;
    font-size: 16px;
    color: #4f5b64;
    line-height: 28px;
}
.acoount-addresstext{
    margin-top:20px;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 24px;
    color: #2d3439;
    padding-left: 32px;
    background-position: left top 2px;
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-image: url(../images/icon-tips.png);
}
.acoount-addresstext a{
    color: #000168;
}
.acoount-addresstext a:hover{
    color: #c9151e;
}
.account-noaddress{
    border: 5px solid rgba(79, 91, 100,.2);
    text-align: center;
    padding: 30px 0;
    font-size: 16px;
    color: #2d3439;
    line-height: 28px;
    display: none;
}
.account-noaddress .addAddressbtn{
    display: inline-block;
    color: #000168;
    margin-top: 3px;
    position: relative;
    cursor: pointer;
}
.addAddressbtn i{ 
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon-add-blue.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px;
    border: 1px solid #000168;
    vertical-align: text-top;
    margin-right: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.account-changeaddress{
    display: none;
}
.account-changeaddress .userInfobox{

}

/* 我的-密码  */
.mainbox.accountSection{

}
.myaccountbox{
    /* padding-bottom: 80px; */
}
.account-left{
    float: left;
    width: 35%;
}
.account-column h1{
    font-size: 20px;
    text-align: left;
    margin-bottom: 20px;
}
.accountisaddressinfo{
    margin-bottom: 25px;
}
.account-menu{

}
.account-menu dl{
    margin-bottom: 25px;
}
.account-menu dl dt{
    font-size: 18px;
    color: #2d3439;
    margin-bottom: 15px;
}
.account-menu dl dd{
    line-height: 32px;
}
.account-menu dl dd a{
    color: #000168;
    font-size: 16px;
}
.account-menu dl dd:hover a{
    color: #c9151e;
}
.account-menu dl dd.current a{
    color: #c9151e;
}
.account-right{
    float: right;
    width: 60%;
}
.account-sectionname{
    font-size: 18px;
    color: #D4010B;
    margin-bottom: 25px 
}
.account-noview{
    /* background: #f3f4f9; */
    background: #e4edf7;
    padding: 48px 24px 24px; 
    position: relative;
}
.account-noview.on{
    display: none;
}
.account-noview .editinfo{
    top: 24px;
    right: 24px;
}
.account-noviewtext{
    font-size: 16px;
    color: #2d3439;
    line-height: 32px;
    letter-spacing: 6px;
    padding-bottom: 15px;
    font-family: 'arial';
}
.account-right .userInfobox.account-changepassword{
    float: none;
    width: 62.5%;
    padding: 0;
    margin: initial;
    display: none;
}
.userInfobox.account-changepassword.act{
    display: block;
}
.userInfobox.account-changepassword .form-group label{
    font-size: 16px;
}
.confirmbtnbox{
    margin-top: 24px;
}
.btnok.changePassword{
    border: 1px solid #000168;
    background: #000168;
    color: #fff;
}
.confirmbtnbox .cancelbtn{
    display: inline-block;
    line-height: 36px;
    color: #000168;
    font-size: 16px;
    cursor: pointer;
    margin-left: 35px;
}
.confirmbtnbox .cancelbtn:hover{
    color: #c9151e;
}

/* 购物车结算订单弹窗 */
.chectstepitem h2{
    font-size: 20px;
    color: #000;
    margin-bottom: 12px;
}
.isupdateinfo{
    
}
.isupdateuserinfo{
    
}
.isupdateitem{
    margin-top: 16px;
}
.cartLeftbox .isupdateitem p,.isupdateaddess p{
    float: left;
    line-height: 32px;
}
.isupdatebtn{
    float: right;
    width: 60px;
    font-size: 15px;
    line-height: 32px;
    position: relative;
}
.isdatetext{
    width: 60px;
    border-radius: 3px;
    display: inline-block;
    height: 32px;
    padding: 0 6px;
    line-height: 30px;
    border:1px solid #4f5b64;
    background-image: url(../images/bottom.png);
    background-position: center right 8px;
    background-repeat: no-repeat;
    background-size: 12px auto;
}
.ischoosebox{
    width: 100%;
    display: none;
    position: absolute;
    left: 0;
    top: 30px;
    border:1px solid #4f5b64;
    /*border-radius: 3px;*/
    background: #fff;
    z-index: 1;
}
.ischoosebox dd{
    line-height: 32px;
    font-size: 15px;
    padding: 0 6px;
}
.accoutkdinfo{
    
}
.accoutkdinfo .form-group{
    float: left;
    width: 49%;
    margin-right: 2%;
}
.accoutkdinfo .form-group:nth-child(even){
    margin-right: 0;
}
.form-control.courier, .form-control.servicedate{
    background-image: url(../images/bottom.png);
    background-position: center right 16px;
    background-size: 18px auto;
}
.promocodetip{
    font-size: 14px;
    color: #4f5b64;
}
.linksalesbox{
    font-size: 14px;
    color: #4f5b64;
}
.linksalesbox a{
    display: inline-block;
    font-size: 15px;
    height: 32px;
    line-height: 32px;
    margin-left: 10px;
    padding: 0 10px;
    color: #4f5b64;
    border: 1px solid #4f5b64;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
/* 按钮样式（和之前一致） */
.file-button {
    padding: 6px 12px;
    background: #f3f4f9;
    border: 1px solid #4f5b64;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 8px;
    font-size: 16px;
     color: #4f5b64;
}

/* 文本样式 */
.file-text {
    color: #4f5b64;
    font-size: 16px;
}
.account-checkMoney{
    
}
.account-checkMoney ul li{
    line-height: 40px;
    font-size: 16px;
    color: #4f5b64;
}
.account-checkMoney ul li strong{
    display: inline-block;
    width: 34%;
    text-align: right;
    margin-right: 24px;
}
.cartLeftbox p.taxytext{
    line-height: 24px;
    font-size: 14px;
    color: #4f5b64;
}
.ischeckcreditcard{
    margin-bottom: 12px;
    margin-top: 16px;
}
.creadittite{
    font-size: 20px;
    color: #000;
    margin-bottom: 12px;
}
.ischeckcardbtn{
    line-height: 32px;
    font-size: 16px;
    color: #4f5b64;
}
.ischeckcardbtn i{
    display:inline-block;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid #4f5b64;
    vertical-align: text-bottom;
    margin-right: 12px;
    /*background-image: url(../images/icon-right-gray.png);*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.ischeckcardbtn i.on{
    
}

.orderSuccessText{
    font-size:16px;
    margin-bottom: 30px;
    line-height: 32px;
    color:#2d3439;
}
.orderSuccessText p a{
    color: #000168;
}
.orderSuccessText p a:hover{
    color: #c9151e;
}
.confirmShopbox{
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 10001;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.confirmShopbox.act{
    opacity: 1;
    display: block;
}
.cartbg{
    background: rgba(0, 0, 0, .7);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10001;
}
.confirmShopCart{
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    height: calc(100vh - 60px);
    z-index: 10001;
    overflow-y: auto;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.shopCartMajor{
    padding: 30px 40px;
}
.cartOrderTitle{
    font-size: 16px;
    color: #2d3439;
    margin-bottom: 15px;
    overflow: hidden;
}
.cartOrderTitle h2{
    font-size: 24px;
    float: left;
    line-height: 40px;
}
.cartOrderTitle h2 span{
    font-size: 18px;
    color: #4f5b64;
}
.cartOrderTitle h2 span b{
    font-weight: normal;
}
.cartclose{
    cursor: pointer;
    float: right;
    width: 40px;
    height: 40px;
    background-image: url(../images/close-black.png);
    background-size: 20px auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.cartcontact{
    font-size: 18px;
    color: #2d3439;
    margin-bottom: 15px;
}
.cartOrderinfo{

}
.cartOrderBrief{

}
.cartLeftbox{
    float: left;
    width: 60%; 
}
.cartLeftbox p{
    font-size: 16px;
    color: #2d3439;
    line-height: 24px;
}
.cartLeftbox p a{
    color: #000168;
}
.cartLeftbox p a:hover{
    color: #c9151e;
}
.cartuserInfo{
    margin-top: 20px;
    padding: 25px;
    border-left: 6px solid #f3f4f9;
    box-shadow: 0 0 5px rgba(243,244,249,1);
    border-radius:0 5px 5px 0;
    -webkit-border-radius:0 5px 5px 0;
    -moz-border-radius:0 5px 5px 0;
    -ms-border-radius:0 5px 5px 0;
    -o-border-radius:0 5px 5px 0;
}
.cartuserInfo .personalDetails{
    margin-bottom:15px
}
.cartuserInfo .personalDetails h3{
    font-size: 20px;
    color: #000;
    margin-bottom: 12px;
}
.cartuserInfo .account-noview{
    background: transparent;
    padding: 0;
}
.cartuserInfo .personalDetails .account-noview{
    margin-bottom: 20px;
}
.cartuserInfo .personalDetails .pricedetail{
    
}
.cartuserInfo .personalDetails .pricedetail dd{
    font-size: 16px;
    color: #4f5b64;
    line-height: 28px;
}
.cartuserInfo .personalDetails .pricedetail dd strong{
    color: #2d3439;
    font-weight: normal;
    margin-right: 12px;
}
.cartuserInfo .account-addressbox{

}
.cartuserInfo .userInfobox{
    /*width: 92%;*/
    width: 100%;
    padding: 0;
    border-radius: 0;
    overflow: initial;
    margin: initial;
}
.cartuserInfo .userInfobox .form-group label{
    font-size: 16px;
    margin-bottom: 10px;
}
.cartuserInfo .userInfobox .form-group label span{
    font-size: 14px;
}
.cartuserInfo .confirmbtnbox{
    margin-top: 15px;
}
.cartOrdermark{
    font-size: 16px;
    color: #4f5b64;
    line-height: 28px;
    margin-top: 30px;
}

.cartRightbox{
    float: right;
    width: 36%
}  
.cartRightbox h3{
    height: 32px;
    padding: 0 15px;
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    background: #000168;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
}
.summarytop{
    overflow: hidden;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #575757;
    padding: 0 15px;
}
.summarytop.on{
    background: #e4edf7;
}
.summarytop p{
    float: left;
    color: #4f5b64;
}
.summarytop a,.summarytop i{
    float: right;
    color: #000168;
}
.summarytop i{
    font-style: normal;
    cursor: default;
}
.summarytop a:hover,.summarytop :hover{
    color: #c9151e;
}
.summarylistbox{
    background: #e4edf7;
    padding: 5px 15px;
    max-height: 550px;
    overflow-y: auto;
}
.summarylist li{
    padding: 10px 0;
}
.summarylist li h4{
    font-size: 15px;
    color: #575757;
    margin-bottom: 6px;
}
.summarylist li .summaryinfo{
    overflow: hidden;
}
.summarylist li .summaryleft{
    float: left;
    width: 72%;
}
.summaryleft h5{
    font-size: 15px;
    color: #000168;
    line-height: 20px;
    height: 40px;
    display: -webkit-box;
    margin-bottom: 6px;
    overflow: hidden;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.summaryleft .summarychild{
    font-size: 15px;
    color: #2d3439;
    line-height: 20px;
}
.summarychild span.summaryprice{
    border-right: 1px solid #ddd;
    padding-right: 10px;
}
.summarychild span.summaryprice a{
    display: inline-block;
    color: #000168;
}
.summarychild span.summaryprice a:hover{
    color: #c91e45;
}
.summarychild span.summarynum{
    padding-left: 10px;
}
.summarychild span.summarynum i{
    font-style: normal;
}
.summarylist li .summaryright{
    float: right;
    width: 26%;
    border: 1px solid #EAEDF3;
}
.cartOrdertotal{
    margin-top: 15px;
    border-top: 2px solid #f3f4f9;
    padding: 15px 15px;
    text-align: right;
}
.cartOrdertotal span{
    font-size: 16px;
    color: #2d3439;
}
.cartOrdertotal p{
    font-size: 24px;
    margin-top: 4px;
    color: #2d3439;
}
.cartOrdertotal p span{
    font-size: 24px;
}
.submitOrder{
    text-align: right;
    margin-top: 15px;
}
.submitOrder a{
    padding: 0 20px;
    text-align: center;
    margin:0 5px;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    display: inline-block;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.submitOrder a.confirmbtn{
    background: #000168;
    color: #fff;
}
.submitOrder a.resetbtn{
    color: #000168;
    
}
.submitOrder a.confirmbtn:hover{
    background: #c9151e;
}
.submitOrder a.resetbtn:hover{
    background: #c9151e;
    color: #fff;
}

.alertbox,.modallogin{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    display: none;
    z-index: 10001;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.alertbox.on{
    opacity: 1;
    display: inline-block;
}
.alertboxinfo{
    width: 40%;
    position: absolute;
    background: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 20px 30px 40px 40px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.alerttitle{
    margin-bottom: 10px;
    overflow: hidden;
} 
.alerttitle h1{
    font-size: 24px;
    color: #4f5b64;
    position: relative;
    line-height: 40px;
    padding-left: 58px;
}
.alerttitle h1::before{
    content: '';
    display: inline-block;
    left: 0;
    position: absolute;
    width: 40px;
    height: 40px;
    border: 2px solid #32b6bd;
    background-image: url(../images/icon-right.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 32px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.alertclose {
    text-align: right;
}
.alertclose span{
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(../images/close-black.png);
    background-size: 20px auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.alertbriefinfo{
    
}
.alerttext{
    font-size: 16px;
    color: #474747;
    line-height: 28px;
}
.alertbtn{
    margin-top: 20px;
}
.alertbtn a{
    display: inline-block;
    padding: 0 20px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-right:10px;
    font-size: 16px;
    color: #000168;
    border: 1px solid #000168;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.alertbtn a:first-child{
    color: #fff;
    background: #000168;
}
.alertbtn a:hover{
    color: #fff;
    background: #c9151e;
    border: 1px solid #c9151e;
}
.checkspan{
    display: inline-block;
    cursor:pointer;
    height: 36px;
    padding: 0 20px;
    line-height: 36px;
    font-size: 16px;
    color: #4f5b64;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.checkspan:hover{
    color: #000168;
}
.checkspan.checknextbtn{
    border: 1px solid #4f5b64;
}
.checkspan.checknextbtn:hover{
    color: #fff;
    border: 1px solid #000168;
    background: #000168;
}
.account-creditCard .confirmbtnbox{
    margin-top: 0;
}
.ischoosebox.onischoose{
    display: block;
}
.iscollectaccount-info{
    display: none;
    margin-top: 12px;
}
.iscollectaccount-info.on{
    display: block;
}
.changepanobox{
    display: none;
}
.ischeckcardbtn.checked i{
    border: 1px solid #000168;
    background-color: #000168;
    background-image: url(../images/icon-right-white.png);
}

.modal-logincontent{
    position: absolute;
    left: 50%;
    top: 50%;
    width: max-content;
    padding: 20px 20px 30px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    background: #fff;
    transform: translate(-50%, -50%);
}
.close-loginmodal{
    display: block;
    text-align: right;
    margin-bottom: 10px;
}
.close-loginmodal img{
    width: 15px;
    cursor: pointer;
}
.modal-logintitle{
    font-size: 24px;
    color: #4f5b64;
    margin-bottom: 15px;
    padding-right: 35px;
}
.modal-logincontent-text{
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #2d3439;
}
a.login-btn{
    width: 80px;
    display: block;
    margin: 0 auto;
    height: 32px;
    line-height: 32px;
    background: #f1f6fb;
    border-radius: 3px;
    text-align: center;
    color: #2d3439;
    font-size: 16px;
    margin-top: 15px;
}
a.login-btn:hover{
    background: #000168;
    color: #fff;
}


/* 【我的】-历史订单 */
.orderhistory{

}
.hasnoorder{
    border: 5px solid rgba(79, 91, 100,.2);
    text-align: center;
    padding: 40px 0;
    font-size: 16px;
    color: #2d3439;
    line-height: 32px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.hasnoorder h3{
    font-size: 20px;
    color: #000168;
    margin-bottom: 8px;
}
.hasnoorder a{
    font-size: 16px;
    color: #000168;
}
.hasnoorder a:hover{
    color: #c9151e;
}
.orderhistorylists{

}
.historyitem{
    margin-bottom: 20px;
    background: #e4edf7;
    padding: 20px;
}
.historyitem a{
    /* display: block; */
}
.historyitemtop{

}
.historynumber{
    font-size: 18px;
    color: #000168;
    margin-bottom: 5px;
}
.ordertime{
    font-size: 16px;
    color: #2d3439;
    margin-bottom: 30px;
}
.historyitembottom{

}
.historyitembottom .history-left{
    float: left;
}
.history-left .leftitems{
    font-size: 16px;
    color: #4f5b64;
    margin-bottom: 5px;
}
.history-left .leftprice{
    font-size: 20px;
    color: #2d3439;
}
.historyitembottom .history-btn{
    float: right;
    position: relative;
    margin-top: 10px;
   
}

.history-btn a,.history-btn span{
    display: inline-block;
    height: 40px;
    margin-left: 10px;
    font-size: 16px;
    color: #fff;
    padding: 0 15px;
    text-align: center;
    border: 1px solid #000168;
    line-height: 40px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
a.detailbtn,span.detailbtn{
    background: #000168; 
    color: #fff;
}
a.deleteorder,span.deleteorder{
    color: #000168;
}
.history-btn span{
    cursor: default;
}
.history-btn a:hover,.history-btn span:hover{
    border: 1px solid #c9151e;
    color: #fff;
    background: #c9151e;
}

.mainCalcheight{
    min-height: calc(100vh - 72px);
}
.onShow{
    display: block;
}
.chectsteptwo,.chectstepthree,.chectstepfour{
    display: none;
}

/* 搜索 */
.searchmain{
    /* padding-top: 40px; */
}
.searchlist {
	margin-top: 35px;
	margin-bottom: 30px;
}
.searchlist li {
	float: left;
	width: 49%;
	min-height:145px;
	margin-right: 2%;
	margin-bottom: 20px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	background: #f9f9f9;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
.searchlist li a {
	position: relative;
	display: block;
	padding: 25px;
}
.searchlist li .attachcolumn {
	margin-bottom: 8px;
}
.searchlist li .attachcolumn h3{
    font-size: 16px;
    display: inline-block;
    color: #000168;
}
.searchlist li .searchtitle {
	
}
.searchlist li .searchtitle h2 {
	color: #4f5b64;
	font-size:18px;
	line-height: 28px;
	height: 56px;
	overflow: hidden;
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.tips .pics {
	width: 390px;
	height: 303px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
}
.tips h6 {
	font-size: 18px;
	text-align: center;
	color: #4f5b64;
    /* font-family: '思源黑体'; */
}

/* 收藏夹 */
.favoritelist{
    margin-bottom: 20px;
}
.favoritelist li{
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 0 10px rgba(79, 91, 100,.2);
}
.favoritelist li .favoritebox{

}
.favoritelist li .favoriteimg{
    float: left;
    width: 40%;
    padding: 10px;
    border-right: 1px solid #e4edf7;
}
.favoritelist li a{
    display: block;
}
.favoritelist li .favoriteinfo{
    float: right;
    width: 58%;
    padding: 16px 15px;
}
.favoritelist li h2{
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 12px;
    color: #2d3439;
}
.favoritelist li h2 a{
    color: #2d3439;
}
.collectNeedAdd{
    display: none;
    padding: 80px 40px;
    text-align: center;
    border: 5px solid rgba(79, 91, 100, .1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.collectNeedAdd p{
    font-size: 16px;
    color: #2d3439;
    line-height: 48px;
}
.collectNeedAdd p a{
    color: #000168;
}
.collectNeedAdd p a:hover{
    color: #c9151e;
}
.deletecollect.collected {
    background-image: url(../images/icon-star-white.png);
    background-color: #9da0be;
    color: #fff;
    border: 1px solid #9da0be;
}
.deletecollect {
    display: inline-block;
    padding-left: 30px;
    padding-right: 10px;
    height: 32px;
    cursor: pointer;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #4f5b64;
    border: 1px solid #4f5b64;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: transparent;
    background-image: url(../images/icon-star-solid-gray.png);
    background-position: left 10px center;
    background-size: 16px;
    background-repeat: no-repeat;
}

.mainSinglebox {
    margin-top: 25px;
}

/* 新增搜索切图 2025-02-19 */
.searchmainList{

}
.searchleftbox{
    float: left;
    width: 22.083%;
    background: #fff;
    padding: 25px 25px 10px;
    border-top: 4px solid #000168;
}
.searchleftbox h2{
    font-size: 18px;
    color: #2d3439;
    color: #000168;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.contenttype{
    
}
.contenttype li{
    font-size: 16px;
    overflow: hidden;
    line-height: 36px;
}
.contenttype li p{
    float: left;
    color: #2d3439;
}
.contenttype li span{
    float: right;
    color: #4f5b64;
}
.contenttype li:hover{
    cursor: pointer;
}
.contenttype li:hover p{
    color: #000168;
}
.contenttype li.active p{
    color: #000168;
}
.searchrightbox{
    float: right;
    width: 75%;
}
.searchkeyshow{
    border: 1px solid #000168;
    border-top: 4px solid #000168;
    font-size: 18px;
    line-height: 26px;
    color: #2d3439;
    padding: 10px 15px 10px 45px;
    background: #fff;
    margin-bottom: 20px;
    background-image: url(../images/icon-error-blue.png);
    background-position: left 10px top 9px;
    background-repeat: no-repeat;
    background-size: 28px auto;
}
.searchkeyshow span{
    display: inline-block;
    color: #000168;
    margin-left: 5px;
    vertical-align: middle;
}
.searchShowFilter{
    margin-bottom: 12px;
    font-size: 18px;
    color: #4f5b64;
}
.searchnumbers{
    float: left;
}
.searchnumbers strong{
    font-weight: normal;
}
.searchnumbers strong.searchN3{
    color: #000168;
}
.searchSortWays{
    float: right;
    color: #4f5b64;
    font-size: 16px;
    line-height: 36px;
}
.searchSortWays h2{
    float: left;
    font-size: 16px;
    line-height: 36px;
    margin-right: 30px;
}
.searchSortWays .sortTypelist{
    float: right;
    position: relative;
    width: 180px;
}
.sortTypeText{
    font-size: 18px;
    color: #2d3439;
    padding-left: 30px;
    cursor: pointer;
    background-image: url(../images/bottom.png);
    background-position: left top 15px;
    background-repeat: no-repeat;
    background-size: 14px auto;
}
.typeListbox{
    display: none;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    left: 0;
    top: 36px;
    width: 195px;
    background: rgba(228, 237, 247, .95);
}
.typeListbox li{
    font-size: 16px;
    cursor: pointer;
}
.typeListbox li.selected{
    /* color: #000168; */
}
.typeListbox li:hover{
    color: #000168;
}
.typeListbox li.active{
    color: #000168;
}
.searchResultList{

}
.searchResultList ul li{
    overflow: hidden;
    margin-bottom: 14px;
    padding: 8px 3px;
}
.searchResultList .icontype{
    width: 70px;
    height: 70px;
    float: left;
    background: transparent;
    overflow: hidden;
    box-shadow: 0 0 3px rgba(79, 91, 100,.50);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.searchResultList .icontype i{
    display: block;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 38px auto;
}
.searchResultList ul li.iconproduct i{
    background-image: url(../images/icon-products.png);
}
.searchResultList ul li.iconapplication i{
    background-image: url(../images/icon-applications.png);
}
.searchResultList ul li.icondocuments i{
    background-image: url(../images/icon-document.png);
}
.searchResultList ul li.iconarticle i{
    background-image: url(../images/icon-article.png);
}
.searchResultList ul li.iconnews i{
    background-image: url(../images/icon-news.png);
}
.searchResultList ul li .searchrighttitle{
    float: right;
    width: 90%;
}
.searchResultList ul li .searchrighttitle a{
    display: block;
}
.searchResultList ul li .searchrighttitle p{
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 5px;
    padding: 4px 10px;
    color: #000168;
    font-size: 14px;
    background: #e4edf7;
    border-radius: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.searchResultList ul li .searchrighttitle h2{
    font-size: 17px;
    color: #2d3439;
    line-height: 28px;
}
.searchResultList ul li:hover .icontype{
    /*background: #fff;*/
}
.searchResultList ul li:hover h2{
    color: #000168;
    cursor: pointer;
}
.myproduct{
    position: relative;
}
.myproduct h2 {
    width: 80%;
}

.myproduct .partCart {
    width: 13%;
    color: #4f5b64;
    font-size: 18px;
    top: 0;
    right: 6%;
}

.myproduct .partCart:hover {
    background: #000168;
    color: #fff;

}
.myproduct .listdatabottom{
    margin-top: 10px;
}
.myproduct .listdatabottom ul li {
    margin-bottom: 0 !important;
    padding: 0;
padding-right: 15px;

}
.productLine{
	display: none;
}
.productLineTitle{
    font-size: 20px;
    /*color: #2d3439;*/
    color: #000168;
    /*text-transform: uppercase;*/
    margin-bottom: 15px;
}
.productLineList{
    overflow: hidden;
    padding-bottom: 20px;
}
.productLineList li{
	display: inline-block;
}
.productLineList li a{
	display: inline-block;
    color: #4f5b64;
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    margin-right: 6px;
    margin-bottom: 6px;
    cursor: pointer;
    border: 1px solid #4f5b64;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.productLineList li:hover a{
    background: #000168;
    border: 1px solid #000168;
    color: #fff;
}
.typeListbox{
	z-index:9
}
.searchResultList ul li .searchrighttitle a span.sealineurl{
    color: #000168;
    font-size: 16px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    padding-right: 28px;
    font-weight: bold;
    margin-top: -4px;
    background-image: url(../images/link.png);
    background-repeat: no-repeat;
    background-size: 24px auto;
    background-position: right top;
}
.searchResultList ul li .searchrighttitle a span.sealineurl:hover{
    /*color: #000168;*/
    text-decoration: underline;
}
.myproduct span.seapartnumber{
    font-size: 16px;
    color: #2d3439;
    display: inline-block;
    margin: 2px 0 0;
}
/*背景*/
#site-background {position: relative;width: 100vw;overflow: hidden}
.siteword{
    position: fixed;height: 100vh;z-index: -999;top: 0;left: 0;width: 100vw; background-image: url(../images/bg-common.png);
    background-position: center top; background-repeat: no-repeat;background-size: cover; background-color: #fff; text-align: center;
    padding-top: 120px;
}
.siteword img{
    width: 74.375%;
    height: auto;
    opacity: .8;
}
#site-background .layer-wrapper {position: fixed;height: 100vh;z-index: -999;top: 0;left: 0;width: 100vw}
#site-background .layer-wrapper>div {position: absolute;top: 0;left: 0;width: 100vw;height: 100%}
#site-background .layer-wrapper>div>div {position: absolute}
#site-background .layer-wrapper .element1 {top: -120px;left: 10%}
#site-background .layer-wrapper .element2 {top: -170px;left: 40%; display: none;}
#site-background .layer-wrapper .element3 {top: 200px;right: -5%}
#site-background .layer-wrapper .element4 {top: 10vh;left: -25%;-webkit-transform: scale(.9) rotate(50deg);transform: scale(.9) rotate(50deg)}
#site-background .layer-wrapper .element5 {top: 50vh;right: -5%}
#site-background .layer-wrapper .element6 {top: 55vh;left: 25%;-webkit-transform: scale(.7) rotate(80deg);transform: scale(.7) rotate(80deg)}
#site-background .layer-wrapper div img {animation: zoom 20s infinite;animation-direction: alternate;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
#site-background .layer-wrapper .layer1 img {animation-delay: 2s;animation-duration: 25s;}
@keyframes zoom {
	0% {
	transform:scale(.7) rotate(0deg)
	}
	30% {
	transform:scale(.95) rotate(40deg)
	}
	60% {
	transform:scale(.8) rotate(20deg)
	}
	100% {
	transform:scale(1) rotate(60deg)
	}
}

/* 手机端导航 */
.mc_phone_nav{
    display: none;
    float: right;
    overflow: hidden;
    width: 26px;
    height: 32px;
    margin-top: 3px;
    /*margin-left: 15px;*/
}
.mc_menubox{
    width: 26px;
    height: 32px;
    cursor: pointer;
    text-align: center;
    /*position: absolute;*/
    /*top: 0;*/
}
.mc_menubox .point{
    position: relative;
    display: inline-block;
    width: 26px;
    height:32px;
}
.mc_menubox .point .mc_nav {
    position: absolute;
    top: 16px;
    right: 0;
    z-index: 100;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.mc_menubox .point .mc_nav::after,.mc_menubox .point .mc_nav::before {
    content: '';
    position: absolute;
    right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.mc_menubox .point .mc_nav, .mc_menubox .point .mc_nav::after, .mc_menubox .point .mc_nav::before {
    display: inline-block;
    width: 26px;
    height: 2px;
    background-color: #000168;
}
.mc_menubox .point .mc_nav::after {
    top: -8px;
}
.mc_menubox .point .mc_nav::before {
    top: 8px;
}
.mc_menubox .point.active .mc_nav {
    background: transparent;
}
.mc_menubox .point.active .mc_nav::after {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mc_menubox .point.active .mc_nav::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.mobile{
    display: none;
    position: fixed;
    width: 100%;
    left: 0;
    top: 100px;
    z-index:1000000;
    background-color: #fff;
    height: 100%;
    overflow: auto;
    border-top: 1px solid #EAEAEA;
}
.mobilebox {
    width: 100%;
    background-color: #fff;
    height: 100%;
    padding: 10px 0;
}
.mobilebox h4 {
    position: relative;
    padding: 0 20px;
    overflow: hidden;
}
.mobilebox h4::after {
    content: '';
    display: block;
    clear: both;
}
.mobilebox h4 a {
    float: left;
    width: 88%;
    font-size: 16px;
    line-height: 46px;
    color: #2d3439;
    max-width: calc(100% - 36px);
}
.mobilebox .ul2 {
    display: none;
    padding-top: 7px;
    padding-bottom: 8px;
    border-top: 1px solid rgba(0, 0, 0, .1);
}
.mobilebox .ul2 .container_s {
    max-width: 100%;
    padding: 0 20px;
}
.mobilebox .ul1 {
    padding-bottom: 15px;
}
.img_s {
    float: right;
    display: block;
    font-size: 16px;
    line-height: 46px;
    color: #2d3439;
    transition: all .36s;
}
.mobilebox h5 {
    position: relative;
}

.mobilebox h5::after {
    content: '';
    display: block;
    clear: both;
}

.mobilebox h5 a {
    display: block;
    font-size: 16px;
    line-height: 40px;
    color: #2d3439;
    max-width: calc(100% - 36px);
}

.mobilebox h5 img {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 35px;
    padding: 11px;
    cursor: pointer;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.mobilebox dl{
    padding: 0 10px;
}
.mobilebox dl dd{
    font-size: 14px;
    line-height: 28px;
    color: #4f5b64;
    
}
.mobilebox dl dd a{
    color: #4f5b64;
    display: block;
}


.mobilebox h4.active img.img_s,
.xialaph h5.active img.img_s {
    display: none;
}

.mobilebox h4.active img.img_d,
.mobilebox h5.active img.img_d {
    display: block;
}
.mobilebox h4.active .img_s {
    transform: rotate(180deg);
}

.mobilebox h5.active .img_s {
    transform: rotate(180deg);
}

.mobilebox h4.active .img_s {
    transform: rotate(180deg);
}
.mobilebox .ul1 li.mc_phnav_hasnosub .img_s{
    display: none;

}


@media screen and (min-width:768px) {
    
    .cultivatetab li:hover .cultivateinfo::after{
        background-image: url(../images/trainbg.png);
        background-color:#000168;
        background-size: auto 100%;
    }
    .cultivatetab li:hover .icon-train{
        top: 42px;
        right: 0;
        opacity: 0;
    }
    .cultivatetab li:hover span{
        opacity: 1;
    }
    .cultivatetab li:hover .cultivatetitle{
        color: #fff;
    }
}



@media screen and (max-width:1240px){
    
}
@media (min-width:1120px) and (max-width:1240px){
    .productdatalists ul li .imgbox{
        height: 135px;
    }
    .generalinfotop-content ul.generalinfolist li .generalafter{
        width: 80%;
    }
    .menunav .scroller li a{
        font-size: 17px;
    }
    .litbroad{
        width: 14%;
    }
    .litspecifc{
        width: 16%;
    }
    .littitle{
        width: 30%;
    }
    .global_box ul li .imgbox{
        width: 100px;
    }
    .aboutprocesstop li.index0{  
        top: 225px;
        width: 20%;
    }
    .aboutprocesstop li.index1{
        top: 308px;
        left: 27%;
    }
    .aboutprocesstop li.index2{
        top: 115px;
    }

    .aboutprocesstop li.index4{
        width: 31%;
    }
    .aboutprocesstop li.index5 {
        left: 38.5%;
        top: 155px;
    }
    .aboutprocesstop li.index7 {
        left: 58%;
    }
    .aboutprocesstop li.index8{
        left: 74%;
        top: 250px;
    }
    .aboutprocesstop li.index9{
        width: 24.5%;
        left: 78%;
    }
}
@media (min-width: 992px) and (max-width: 1220px) {
    .footerright{
        width: 42%;
    }
    .cookiebox-inner{
        padding: 0 20px;
    }
    .cookiebox-btn{
        width: 26.5%;
        padding: 18px 0;
    }
    .cookiebox-btn div{
        margin: 0;
    }
    .cookiebox-btn div a{
        padding: 6px 6px;
    }
    .global_box ul li .imgbox{
        width: 75px;
    }
    .global_box ul li .imgbox img{
        height: 36px;
    }
    .aboutmain{
        padding-bottom: 0;
    }
    .aboutprocesstop li.index0{ 
        top: 220px;
        width: 21%;
        left: 2%;
    }
    .aboutprocesstop li.index1{ 
        top: 298px;
        left: 28%;
        width: 30%;
    }
    .aboutprocesstop li.index2{ 
        top: 106px;
    }
    .aboutprocesstop li.index3 {
        left: 62%;
        top: 195px;
        width: 33%;
    }
    .aboutprocesstop li.index4 {
        left: 68%;
        top: 2px;
        width: 32%;
    }
    .aboutprocesstop li.index5 {
        left: 38%;
        top: 125px;
    }
    .aboutprocesstop li.index6{
        left: 55.5%;
    }
    .aboutprocesstop li.index7 {
        left: 56%;
        width: 24%;
    }
    .aboutprocesstop li.index8{
        left: 77%;
        top: 250px;
        width: 24%;
    }
    .aboutprocesstop li.index9{
        width: 24.5%;
        left: 78%;
    }
    
}
@media (min-width: 768px) and (max-width: 992px) {
    .header a.logo{
        margin-top: 12.5px;
    }
    .header a.logo img{
        height: 70px;
    }
    .navbox li>a{
        padding: 0 7px;
        font-size: 16px;
    }
    .bannerslider .swiper-slide.banner3 .bannerimg{
        right: 4.875%;
    }
    .bannerslider .swiper-slide.banner1 .textboxbanner h2{
        margin-bottom: 48px;
    }
    .textboxbanner h2{
        font-size: 24px;
    }
    .menunav .scroller li{
        margin-bottom: 14px;
        margin-right: 14px;
    }
    .bannerslider .swiper-slide.banner1 .bannerimg{
        width: 41.6979%;
        left: 5.25%;
    }
    .bannerslider .swiper-slide .textboxbanner{
        width: 415px;
        padding: 50px 50px;
    }
    .footerleft,.footerright{
        float: none;
        width: 100%;
        text-align: center;
    }
    .cookiebox{
        height: 90px;
    }
    .cookiebox-inner{
        padding: 0px 15px;
        width: 82%;
        height: 90px;
    }
    .cookiebox-btn{
        width: 16.5%;
        padding: 10px 0;
    }
    .cookiebox-btn div{
        margin:2px 0;
    }
    .cookiebox-btn div a{
        padding: 6px 6px;
    }
    
    .productcontentnav{
        height: auto;
    }
    .producttopbtn a{
        margin-left: 4px;
    }
    span.collectbtn{
        margin-top: 8px;
        margin-left: 4px;
    }
    .productcontentnav ul{
        padding: 0 5px;
    }
    .productcontentnav ul li{
        margin: 0 1px;
    }
    .partName{
        width: 50%;
        padding-right: 10px;
    }
    .partPrice{
        width: 16%;
    }
    .partCart{
        width: 13%;
        right: 10px;
    }
    .proResouces-left{
        float: none;
        width: 100%;
    }
    .proResouces-right{
        float: none;
        width: 100%;
    }
    
    .categorybox{
        padding: 25px 15px 10px;
        min-height: 218px;
    }
    .productdatalists ul li a{
        padding: 10px 10px 8px;
    }
    .productdatalists ul li .imgbox{
        height: 96px;
    }
    .productdatalists ul li .listtite{
        font-size: 16px;
        line-height: 24px;
        height: 48px;
    }
    .contactWays .wayslist .waysitem{
        width: 49%;
        margin-bottom: 16px;
    }
    .contactWays .wayslist .waysitem:nth-child(even){
        margin-right: 0;
    }
    .index_productbox{
        min-height: 260px;
    }
    .index_productbox dl dd{
        width: 33.33%;
    }
    .hd_left .hd_news{
        bottom: 64px;
    }
    .hdindex .hd_right{
        width: 100%;
        float: none;
        margin-top: 10px;
    }
    .hd_right .hd_activity,.hd_right ul li{
        height: 128px;
    }
    .hdindex .hd_left{
        width: 100%;
        height: 265px;
        float: none;
    }
    .literaturecontainer{
        overflow-x: scroll;
        margin-bottom: 40px;
    }
    #literaturecontainer{
        width: max-content;
    }
    .lityear{
        width: 4%;
    }
    .litproduct,.litpn,.litsepmode,.litbroad{
        width: 8%;
    }
    .littitle{
        width: 22%;
    }
    .activity-list li{
        width: 48.25%;
    }
    .activity-list li:nth-child(even){
        margin-right: 0;
    }
    .aboutbox .abouttext,.aboutbox .aboutright{
        float: none;
        width: 100%;
    }
    .aboutbox .aboutright{
        padding-top: 30px;
    }
    .global_box ul li{
        height: 92px;
    }
    .global_box ul li .imgbox{
        width: 68px;
    }
    .global_box ul li .imgbox img{
        height: 38px;
    }
    .global_box ul li .committitle{
        padding-top: 18px;
    }
    .abouttitlepic{
        height: auto;
        background-image: url(../images/phonesolid.png);
        background-position: left 15px top;
        padding: 25px 15px 10px 20px;
        background-size: auto 100%;
    }
    .aboutprocesstop li{
        position: relative;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        height: auto;
        margin-bottom: 25px;
        text-align: left !important;
        padding-left: 35px !important;
    }

    .aboutprocesstop li::before{
        content: ' ';
        display: inline-block;
        position: absolute;
        background: #000168;
        width: 28px;
        height: 1px;
        top: 10px;
        left: 2px;
    }
    .aboutprocesstop li h2{
        margin-bottom: 10px;
        font-size: 20px;
    }
    .aboutprocesstop li p{
        min-height: auto;
        padding-left: 0;
    }
    .aboutprocesstop li p::before{
        display: none;
    }
    .skill-left{
        width: 75.33%;
    }
    .skill-right{
        margin-top: 40px;
    }
    .teamlist li{
        padding-left:0;
        padding-right: 0;
    }
    .teamlist li .general-right{
        width: 83%;
    }
    .contactbox .contactleft{
        float: none;
        width: 100%;
    }
    .contactbox .contact_right{
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    
}

@media (max-width:768px){
    .phone_search{ display: block;}
    .header{height:100px;}
    .header-top{
        padding: 0 15px;
    }
    .header-top .container{
        height: 100px;
    }
    .header a.logo{
        display: none;
    }
    .header a.phonelogo{ display:block; float:left;
        /*margin-bottom: 10px;*/
    }
    .header a.phonelogo img{
        height: 42px;
    }
    /* .header .header-right{ width:58%;} */
    
    .navigation-up,.navcontainer{
        display: none;
    }
    .header .header-right{
        float: none;
        width: 100%;
    }
    .mc_phone_nav{ display:block;}

    .loginbox{
        /*float: left;*/
        clear: both;
        line-height: 32px;
        font-size: 15px;
        /*height: 42px;*/
        margin-top: 5px;
    }
    .loginbox a{
        padding: 0 5px;
        font-size: 15px;
    }
    .loginbox a.icon-addshop{
        height: 32px;
        padding: 0;
    }
    .myaccountstatus{
        margin-right: 0;
    }
    .myaccountstatus>a{
        padding-right: 32px;
        background-size: 22px auto;
    }
    .loginbox a.icon-Favorites{
        height: 32px;
        padding: 0;
    }
    .formbox img.closebtn{ right: 10px; margin-top: 26px;}
    .header-right .formbox {
        float: left;
        margin-left: 0;
        height: 36px;
        width: 72%;
        clear: left;
        margin-top: 4px;
    }
    .searchOption{
        width: 39%;
        font-size: 14px;
    }
    .searchOption .option-text{
        font-size: 14px;
        line-height: 36px;
        padding-left: 8px;
        background-size: 28px auto;
    }
    .searchOption ul{
        top: 35px;
        padding: 5px 10px;
    }
    .searchOption ul li{
        line-height: 26px;
        font-size: 14px;
    }
    .search_field{
        width: 61%;
    }
    .formbox form.search_news input.search_text{
        width: 82%;
        font-size: 12px;
        line-height: 38px;
        padding: 0 10px;
    }
    .formbox form.search_news input.button{
        width: 25px;
        background-size: 13px auto;
    }

    /* .header-right ul.nav{ display: none;} */
    .navbar-toggle{background: #000168; margin-top: 19px;}
    .navbar-toggle .icon-bar{background: #fff;}
    .bannerslider{ 
        height:300px; 
        margin-top: 100px;
    }
    .bannerslider .swiper-slide .textboxbanner{
        width: 100%;
        position: relative;
        padding: 20px 15px;
        top: auto;
        height: auto;
        background-image: none;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

    .bannerslider .swiper-slide .bannerimg{
        position: relative;
        top: auto;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

    .bannerslider .swiper-slide.banner1 .textboxbanner, .bannerslider .swiper-slide.banner2 .textboxbanner{
        right: auto;
    }
    .bannerslider .swiper-slide.banner1 .textboxbanner h2{
        line-height: 32px;
        margin-bottom: 22px;
    }
    .bannerslider .swiper-slide.banner1 .bannerimg{
        width: 66.0625%;
        left: 15px;
        margin-top: 20px;
    }
    .bannerslider .swiper-slide.banner3 .textboxbanner{
        left: auto;
        padding: 50px 15px;
    }
    .textboxbanner h2{
        line-height: 32px;
        margin-bottom: 22px;
        font-size: 18px;
    }
    .textboxbanner span{
        font-size: 14px;
        padding: 0 12px;
        line-height: 32px;
    }
    .bannerslider .swiper-slide.banner3 .bannerimg{
        width: 42.75%;
        right: 15px;
        position: absolute;
        top: 30%;
    }
    .bannerslider .swiper-slide.banner2 .textboxbanner{
        position: absolute;
        right: 0;
        /*width: 64%;*/
        width: 100%;
    }

    .indexnumbox{ padding-top: 40px; padding-bottom: 20px;}
    #numberscroll{ padding: 0 15px;}
    #numberscroll li{ width: 48.7%; text-align: center; margin-bottom: 20px; padding-left: 0; padding-top: 60px; background-size: 45px; background-position: center top;}
    #numberscroll li h2{ font-size: 16px; margin-bottom: 6px;}
    #numberscroll li p{ font-size: 18px;}
    #numberscroll li p b,#numberscroll li p i{ font-size: 24px; margin-right: 5px;}
    #numberscroll li p b{ margin-left: -5px;}

    .rely{
        padding-bottom: 0;
    }
    .swiper-list ul li{
        width: 33.33%;
        float: left;
    }
    .relyContent ul li h2{
        font-size: 16px;
        margin-top: 0;
        line-height: 50px;
    }
    .index_product{ 
        padding: 30px 15px;
    }
    .index_product h1,.rely h1,.hdCenter h1{ 
        font-size: 22px;
    }
    
    .index_productbox{
        padding-top: 68px;
        padding-left: 15px;
        padding-bottom: 15px;
    }
    .index_product_nav{
        padding-left: 0;
        padding-top: 56px;
    }
    .index_productbox .iconbox{
        top: 0;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
    }

    .index_productbox dl dd{
        width: 50%;
    }

    .hdCenter{ padding-top: 35px; padding-bottom: 35px;}
    .hdCenter .hdindex{ margin-top: 30px; padding: 0 15px;}
    
    .hdindex .hd_title{ left:20px; top: 20px;font-size: 18px; padding-left: 32px;}
    .hdindex .hd_title a{ font-size:18px;}
    .hdindex .hd_left{ width:100%; float: none; 
        height:auto;
        margin-bottom: 10px;
    }
    .hdindex .hd_left .hd_cover img{
        height: 218px;
    }
    .hd_left .hd_news{ width: 90%; margin-left: -45%; padding: 10px 15px 5px; 
        bottom: 20px;
    }
    .hdindex .hd_right .hd_activity .hd_cover img{
        height: 135px;
    }
   
    .hd_news h2{ font-size: 16px; line-height: 24px; margin-top: 8px; margin-bottom: 10px;}
    .hd_news p{ font-size: 14px; line-height: 22px;height: 64px;overflow: hidden;}
    .hdindex .hd_right{ float:none; width:100%;}
    .hd_right .hd_activity{height: 135px; position: relative;}
    
    .hd_activity h2{ font-size: 16px; bottom: 20px; text-align: left;}
    .hd_activity h2 a{ font-size: 16px; text-overflow: initial; white-space: normal;}
    .hd_right ul li{
        height: auto;
    }
    .footerleft,.footerright{
        float: none;
        width: 100%;margin-bottom: 5px;
    }
    .footerright{
        margin-bottom: 0;
    }
    .smalltab a{
        padding-right: 8px;
        margin: 0 2px;
    }
    .footer{
        padding: 20px 15px 8px;
        font-size: 14px;
        line-height: 24px;
    }
    .footer a{
        font-size: 14px;
    }
    .footerleft p{
        font-size: 14px;
        line-height: 24px;
    }
    .smalltab,ul.footertab{
        display: block;text-align: center;
    }
    .cookiebox{
        height: auto;
    }
    .cookiebox-inner{
        float: none;
        width: 100%;
        padding: 8px 10px;
        height: auto;
    }
    .cookiebox-btn{
        float: none;
        padding: 0 0 10px;
        width: 100%;
    }
    .cookiebox-btn div a{
        padding: 5px 8px;
    }
    .cookiebox-inner p{
        top: auto;
        transform: none;
        
    }
    .cookiebox-btn div.cookie-setbtn{
        display: none;
    }

    /* 关于我们——公司简介 */
    .mainbox{  padding-top: 126px;}
    .bigcolumntitle{
        font-size: 24px;
        padding-left: 15px; 
        margin-bottom: 20px;
    }
    .menunav{
        padding-left: 15px;
        padding-right: 15px;
    }
    .menunav .scroller li{
        margin-bottom: 8px;margin-right: 10px;
    }
    .menunav .scroller li a{
        font-size: 17px;
        padding-bottom: 6px;
    }
    .menunav .scroller li a::after{
        height: 1px;
    }

    .common_block{ padding: 10px 15px;}
    .common_block h1{ 
        font-size: 20px; 
        margin-bottom: 15px;
    }
    .global_box{ padding-bottom: 30px;}
    .global_box h1{
        margin-top: 0;
    }
    .global_box ul{
        padding-top: 20px;
    }
    .global_box ul li{
        float: none;
        width: 100%;
        margin-right: 0;
        height: 88px;
        margin-bottom: 10px;
    }
    .global_box ul li p{
        font-size: 20px;
    }
    .global_box ul li .imgbox{
        width: 88px;
    }
    .global_box ul li .imgbox img{
        height: 38px;
    }
    .global_box ul li .committitle{
        padding-top: 14px;
    }
    .aboutbox{
        padding: 30px 15px 40px;
    }
    .aboutbox .abouttext{
        float: none;
        width: 100%;
        padding-top: 0px;
        margin-top: 10px;
    }
    .abouttext h2{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .aboutbox .aboutright{
        float: none;
        width: 100%;
    }
    .aboutmain{
        padding: 35px 0;
    }
    .abouttitlepic{
        height: auto;
        background-image: url(../images/phonesolid.png);
        background-position: left 15px top;
        padding: 25px 15px 10px 20px;
        background-size: auto 100%;
    }
    .aboutprocesstop li{
        position: relative;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        height: auto;
        margin-bottom: 25px;
        text-align: left !important;
        padding-left: 35px !important;
    }

    .aboutprocesstop li::before{
        content: ' ';
        display: inline-block;
        position: absolute;
        background: #000168;
        width: 28px;
        height: 1px;
        top: 10px;
        left: 2px;
    }
    .about_right ul li{
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .aboutprocesstop li h2{
        margin-bottom: 10px;
        font-size: 20px;
    }
    .aboutprocesstop li p{
        min-height: auto;
        padding-left: 0;
    }
    .aboutprocesstop li p::before{
        display: none;
    }
    .skill{
        padding: 35px 15px 30px;
    }
    .skill-left,.skill-right{
        float: none;
        width: 100%;
    }
    .skill ul{
        padding-top: 15px;
    }
    .skill-right ul li{
        padding: 0 2px;
    }
    .skill-right ul li .imgbox{
        width: 95px;
        height: 95px;
    }
  
    .tab a{ padding: 0 15px; font-size: 18px;}
    
    .company_list .company_left{ 
        width: 100%; float: none;
    }
    .service_titlecompany{ display: none;}
    .company_text p{ line-height: 32px;}
    .company_left a{ width: 54%; display: block; margin: 0 auto; margin-top: 25px;}
    .company_list .company_right{ 
        width:100%; float: none; margin-bottom: 15px;
    }
    .company_right img{
        width: 58px;
        margin-right: 15px;
    }
    .company_right span{
        display: inline-block;
        font-size: 17px;
    }

    .backtop{ width: 64px; height: 60px; background-size: 20px auto; padding-top: 30px;}
    .commonjobbox.bioservicebox{
        margin-top: 25px;
    }
    .affinityContainer{
        padding: 25px 15px;
    }

    /* 关于我们——技术团队 */
    .siteword{
        padding-top: 86px;
    }
    .siteword img{
        width: 90%;
        opacity: .7;
    }
    .maintechnology{
        padding: 0 15px;
    }
    .teamlist li{ 
        padding: 8px 0;
    }
    .teamlist li .general-left{ 
        float: none; margin: 0 auto;
    }
    .teamlist li .general-right{
        width: 100%; float: none; margin-top: 15px;
    }
    .general-right h2{ 
        text-align: center;
        line-height: 28px;
    }
    .general-right .general-info{
    
    
    }
    .maintechnology.maintechnologycontent{
        padding-top: 0;
    }
    .maintechnology.maintechnologycontent .titlebox h1{
        font-size: 22px;
    }
    .mainjobbox{
        padding: 0 15px;
    }


    /* 关于我们——创新与荣誉 */
   
    .pages{ padding-bottom: 30px;}
    .pages a{ padding: 5px 12px;}
    .pages b{padding: 5px 12px;}

    /* 关于我们——合作伙伴 */
    .partner_list{ padding: 0;}
    .swiper_partner{ padding-top: 0;}
    .swiper_partner .swiper-container{ padding-bottom: 20px;}
    .partner_list .swiper-wrapper{ display: inherit;}
    .swiper_partner .swiper-slide{ float: left; padding: 0 5px; width: 50%; margin-bottom: 10px;}
    .swiper_partner .swiper-button-next,.swiper_partner .swiper-button-prev{ display: none;}

    /* 产品中心——分析色谱 */
    .menunav a.two.active{ background-size:100% 100%;}
    .pro_nav li{ width:33.3%; text-align: center;}
    .pro_nav a{ font-size: 15px; padding: 0; line-height: 44px; display: block; padding-top: 3px;}
    .productbox{ padding-left: 15px; padding-right: 15px;}
    .productbox ul.productlist li,.load-message .loaditem{ 
        float: none; width: 100%; margin-right: 0; margin-bottom: 15px;
    }
    .productlist li .productsmalltext{
        min-height: auto;
    }

    
    /* 产品中心——内容 */
    .productContent h1{ font-size:24px; margin-bottom:20px; line-height: 32px;}
    .productContent .product_menu{ padding: 0 5px;}
    .product_menu a{ padding:0; width: 20%; text-align: center; font-size: 16px;} 
    .contentbox{ padding:30px 15px 0;}
    .contentbox .probrief{ background: none; padding:25px 10px;}
    .probrief .proimg{ float: none; width: 100%;}
    .probrief ul{ float:none; width: 100%; margin-top: 10px; margin-bottom: 10px;}
    .probrief ul li{background: url(../images/dots-b.png) no-repeat left 12px;padding-left: 12px; font-size: 15px; line-height: 30px; background-size: 5px;}
    .productContent p{ font-size: 15px; line-height: 30px;}
    .productContent img{ max-width: 100%; height: auto;}
    .pro_title{ margin-top: 30px;padding-bottom: 20px; font-size: 20px;}
    .table-container{width: 100%;overflow-y: auto;_overflow: auto; padding: 0 1px;}
    .table-container::-webkit-scrollbar{
        -webkit-appearance: none;
        width: 14px;
        height: 14px;
    }
    .table-container::-webkit-scrollbar-thumb{
        border-radius: 8px;
        border: 3px solid #fff;
        background-color: rgba(0, 0, 0, .3);
    }
    .productContent table{ margin-bottom: 0px;}
    .productContent table tr th{ padding: 10px 8px; font-size: 15px;}
    .productContent table tr td{ padding:10px 8px; font-size: 15px;}
    .productContent table tr td a{ font-size: 15px;}
    .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-bottom: 0;}
    .productContent h2{ font-size: 20px; margin-top: 25px; margin-bottom: 20px;}
    .lists{ padding:10px; margin-top: 20px; } 
    .lists .leftimg{ float: none; width: 100%;}
    .lists .rightbox{ float:none; width: 100%; margin-top: 20px;}
    .rightbox h3{ font-size: 18px; margin-bottom: 10px; line-height: 24px;}
    .pro_application{ padding: 1px 10px 20px;}
    .pro_application ul.app_list{ padding-top: 10px;}
    .app_list li{ width: 49.35%; margin-right: 1.3%; height: 40px; line-height: 40px; margin-bottom: 10px; background-size: 100% 100%;}
    .app_list li a{ font-size: 15px;}
    .pro_application h2{ margin-bottom: 15px;}
    .contentbox .orderbox table tr th{ width: 28%;}
    .downlists li{ padding-top: 10px; padding-bottom: 10px;background: url(../images/icon_service_pdf.png) no-repeat left 13px;padding-left: 30px; background-size: 20px auto;}

    .catalogitem ul li{
        background-position: left 13px;
        background-size: 20px auto;
    }
    .catalogitem ul li a{
        font-size: 16px;
        padding-top: 10px; padding-bottom: 10px;
        line-height: 24px;
        padding-left: 30px;
    }

    .pro_form{ padding: 10px 10px;}
    .left_form{ float: none; width: 100%;}
    .left_form li{ float: none; width: 100%; margin-right: 0; height: 40px; margin-bottom: 20px;}
    .left_form li label{ margin-left: 10px; line-height: 40px; font-size: 15px;}
    .left_form li input{width: 72%; height: 40px; font-size: 15px;}
    .right_form{ float: none; width: 100%; height: 150px; margin-bottom: 10px;}
    .right_form li{ padding: 10px 10px;}
    .right_form li label{ font-size: 15px;}
    .right_form textarea{ font-size: 15px; line-height: 24px;}
    .left_form .filter-list{ top: 40px; padding: 5px 0;}
    .left_form .filter-list li{ height: auto; margin-bottom: 0;}
    .left_form .filter-list li a{ font-size: 15px; line-height: 24px; padding: 5px 10px;}
    .agree input.ag_l{ margin-right: 10px; width:27px; height: 25px;}
    .agree .ag_r{ width:84%;}
    .ag_r a{ font-size: 16px;}
    .ag_r p{ margin-top: 5px; font-size: 14px; line-height: 24px;}
    .submit2{ margin-bottom: 15px;}
    .contentbox p img{ max-width: 100%;}

    /* 应用中心——分析色谱 */
    .mainbox ul.rely_lists{ padding-top:0;}
    .rely_lists li{ width:32.4%; margin-right: 1.3%; margin-bottom: 6px; padding-top: 20px; padding-bottom: 25px;}
    .rely_lists li .imgbox{ width:80px; height: 55px;}
    .rely_lists li .imgbox img{ max-width: 100%; height: auto;}
    .rely_lists li h2{ font-size: 16px;  margin-top: 20px;}
    .relybox li:hover { background: none;border-radius: 10px;}
    .lastnav a{padding:3px 10px;margin-right: 0; text-align: center; line-height: 44px; font-size: 15px;}
    .changeType{ margin-top: 0; padding: 20px 15px;}
    .changeType a{ padding: 6px 15px; font-size: 15px; margin-right: 0;} 

    .customerBox{
        padding-top: 0;
    }
    .relybox{ padding: 0 15px; margin-bottom: 0;}
    .relybox li{ padding: 18px 0;}

    .relybox li .relyImg{ float: none; width: 100%; margin-bottom: 12px;}
    .relybox li .relyInfo{ width:100%; float: none;}

    .relyInfo h2{ margin-bottom: 10px; line-height: 24px;}
    .relyInfo p{ font-size: 14px; line-height: 24px;}
    .relyNewstext{ padding: 20px 15px;}
    .relyNewstext h1{ font-size: 22px; line-height: 28px;}
    .relyNewstext .relyBrief{ margin-top: 20px; }
    .relyNewstext .rely_title{ font-size: 20px; margin-top: 20px; padding-bottom: 20px; margin-bottom: 30px;}

    .usertab{ margin-top: -25px; height: 48px; background: none;}
    .usertab a{ padding-left: 0; padding-right: 0; width: 25%; line-height: 48px; font-size: 16px;}

    /* 应用中心——用户论文 */
    .paperbox{ padding-top: 0;}
    .userPaper .paper_title{ font-size:16px;}
    .userPaper .year{ width:15.3%}
    .userPaper .pro_type{ text-align: center; width: 21.9%; padding: 0;}
    .userPaper .yp_type{ width:21.9%; text-align: center; padding-right: 0;}
    .userPaper .paper_theme{ width:40.5%; padding-left: 10px;}
    .paperlist li a{ overflow: hidden; padding-top: 10px; padding-bottom: 10px;}

    .userlists ol,.writing_list{ padding-bottom: 0;}
    .userlists ol li,.writing_list li{background: url(../images/dots-b.png) no-repeat left 10px;background-size: 6px;padding-left: 15px;padding-right: 0;margin-bottom: 15px;padding-bottom: 15px;}
    .userlists ol li a,.writing_list li a,.writing_list li p{ font-size: 15px; line-height: 24px;}

    /* 互动中心——赛分新闻 */
    .isgood_list .swiper-slide a{ padding-left:0; padding-top:0;}
    .isgood_list .imgbox{ position: relative; width:100%;}
    .isgood_list .newsinfo{ padding:15px 15px; min-height: 200px;}
    .newsinfo h2{ font-size: 16px; line-height: 24px; margin-bottom: 10px;}
    .newsinfo p{ font-size:14px; line-height: 24px;}
    .isgood_list .swiper-pagination{ width:100%; left: 0;}
    
    .news_list li{
        background: url(../images/dots-b.png) no-repeat 4px 23px;padding-left: 20px;background-size: 6px;
    }
    .news_list li a{ 
        width:79%;
    }

    .newsContainerlist{
        padding: 0 15px;
    }
    .posterBoxContainer{
        padding:25px 15px;
    }
    .posterNodata{
        padding: 30px 15px;
        border: 2px solid rgba(79, 91, 100, .1);
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }
    .applicationbox{
        padding: 0 15px;
    }
    .webinarlistbox{
        padding:25px 15px;
    }
    .activity-list li{
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .loadlist{
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .faqContainer{
        padding: 25px 15px;
    }
    .questionlist dd{
        margin-bottom: 10px;
    }
    .questionlist dd .questiontop h2{
        padding-left: 15px;
        padding-top: 12px;
        padding-bottom: 10px;
        padding-right: 30px;
        font-size: 16px;
        line-height: 28px;
    }
    .questionlist dd .questiontop span.arrowdown{
        width: 38px;
        height: 38px;
        top: 8px;
        background-size: 18px;
    }
    .questionlist dd .questioninfo{
        padding: 20px 15px;
    }
  
    .application-left .filtercolumn{
        font-size: 16px;
        margin-bottom: 12px;
    }
    .application-left,.application-right{
        float: none;
        width: 100%;
    }
    .applicationmenu ul li{
        margin-right: 6px;
        margin-bottom: 2px;
    }
    .selectedfilter{
        padding-top: 2px;
        padding-bottom: 4px;
    }
    .application-right h2{
        margin-bottom: 20px;
    }
    .applicationlist{
        padding-top: 22px;
    }
    .applicationlist-top span.appid{
        padding: 0 5px;
    }
    .applicationlist-content ul li{
        padding-top: 10px;
        padding-bottom: 8px;
    }
    .applicationlist-content ul li .appid{
        padding: 0 5px 0 0;
        line-height: 24px;
    }
    .applicationlist-top span.appid, .applicationlist-content ul li .appid{
        width: 34%;
    }
    .applicationlist-top span.apptitle, .applicationlist-content ul li .apptitlebox{
        width: 66%;
        padding: 0 0 0 5px;
    }
    /* .generalinfotop-content ul li{
        margin-bottom: 8px;
    } */
    .applicationlist-content ul li .apptitlebox h3{
        line-height: 24px;
    }
    .generalinfobox{
        margin-top: 15px;
    }

    .generalinfotop-content ul.apptypecontent li h5{
        float: none;
    }
    
    .generalinfotop-content ul.apptypecontent li div{
        float: none;
        margin-left: 0;
    }
    .pagenation-list li{
        margin: 0 2px 8px !important;
    }
    .generalinfobox h3{
        font-size: 18px;
    }
    .generalinfobottom-other{
        padding-top: 20px;
    }
    .other-pdf{
        width: 64px;
        height: 64px;
    }
    .other-videolist li{
        margin-left: 6px;
    }
    .other-videolist li img{
        height: 64px;
    }
    .generalinfotop-content ul li{
        line-height: 30px;
    }
    .generalinfotop-content ul.generalinfolist li .generalbefore{
        margin-right: 12px;
        width: auto;
        margin-bottom: 4px;
    }
    .generalinfotop-content ul.generalinfolist li .generalafter{
        float: left;
        width: auto;
    }
    .generalinfotop-content ul.generalinfolist li a{
        position: relative;
        padding-left: 0;
        line-height: 28px;
    }
    #applicate_title a i{
        position: relative;
        left: auto;
        top: auto;
        width: 132px;
        height: 28px;
        border: 1px solid  #000168;
    }
    .generalinfotop-content ul.generalinfolist li dl dd{
        position: relative;
        line-height: 28px;
        margin-bottom: 8px;
        padding-left: 18px;
    }
    .generalinfotop-content ul.generalinfolist li dl dd::before{
        content: '';
        display: inline-block;
        position: absolute;
        left: 0;
        top: 10px;
        width: 6px;
        height: 6px;
        background: #000168;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

    .featureProduct{
        display: none;
    }
    .productContainer{
        padding: 0 15px;
    }
    .pagenation-list li>span{
        padding: 0 6px;
        font-size: 15px;
    }
    .product-left{
        float: none;
        width: 100%;
    }
    
    .filterMainList{
        min-height: auto;
    }
    .categorybox{
        padding: 20px 15px 8px;
        border-top: 2px solid #000168;
        min-height: auto;
    }
    .filterCategory li{
        display: inline-block;
        margin-right: 13px;
    }
    .product-right{
        float: none;
        width: 100%;
    }
    .productdatalists ul li{
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .productdatalists ul li a{
        padding: 15px 15px;
    }
    .productdatalists ul li .imgbox{
        height: auto;
    }
    .productdatalists ul li .listtite{
        font-size: 16px;
        height: auto;
    }
    .pageresult{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .filterresults{
        margin-bottom: 10px;
    }

    
    .bioBox{
        padding: 15px 15px;
    }
    .commontext h2{
        line-height: 24px;
        font-size: 17px;
        margin-bottom: 15px;
    }
    .commontext,.company_left ul li,.company_left p,.commonjobbox.bioservicebox ul li,.commonjobbox{
        font-size: 15px;
        line-height:30px;
    }
    .tabContent.affinitybox .company_left ul{
        margin-bottom: 10px;
    }
    .company_left .company_text h4{
        font-size: 17px;
        margin-bottom: 10px;
    }
    .company_left ul li,.commonjobbox.bioservicebox ul li{
        padding-left: 20px;
    }
    
    .commontextleft,.commontextright{
        float: none;
        width: 100%;
    }
    .commontextright{
        padding-top: 15px;
    }
    .commonjobbox h2{
        font-size: 17px;
        line-height: 24px;
        margin-top: 15px;
    }

    .cultivatetab{
        padding: 10px 15px;
    }
    .cultivatetab li{
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 12px;    
    }
    .cultivatetab li a{
        padding-top: 0;
    }
    .cultivatetab li span{
        display: none;
    }
    .cultivatetab li .cultivateinfo{
        height: auto;
        padding: 25px 15px;
    }
    .cultivatetab li .cultivatetitle{
        position: relative;
        left: auto;
        bottom: auto;
    }
    .cultivatetab li .icon-train{
        right: 15px;
        top: 14px;
        width: 48px;
        height: 41px
    }
    
    .mainDownlist{
        padding: 5px 15px;
    }
    .cataloglistbox{
        padding: 5px 15px;
    }
    .catalogitem{
        margin-bottom: 25px;
    }
    .catalogitem ul li{
        float: none;
        width: 100%;
        margin-right: 0;
    }
    .catalogitem h2{
        font-size: 18px;
        margin-bottom: 8px;
    }
    
    .userManualBox{
        padding: 5px 15px;
    }
    ul.paperlist{
        padding-bottom: 30px;
    }
    .paperlist li{
        padding: 6px 0;
    }
    .paperlist li .paperA{
        line-height: 22px;
    }
    .paperlist li span{
        text-align: left;
        padding: 0 5px;
        font-size: 15px;
    }
    .paper_title span{
        padding: 0 5px;
        text-align: left;
    }
    .pro_type{
        width: 50%;
    }
    .paper_theme{
        width: 35%;
    }
    .paper_link{
        width: 15%;
    }
    .productSection{
        padding-left: 15px;
        padding-right: 15px;
    }
    .productSection .bigcolumntitle{
        padding-left: 0;
    }
    .producttop-left{
        float: none;
        width: 100%;
    }
    .producttop-right{
        float: none;
        width: 100%;
        min-height: auto;
        margin-bottom: 20px;
    }
    .mainbox .producttop-left h1{
        font-size: 22px;
    }
    .producttoptext{
        margin-top: 10px;
    }
    .producttopbtn{
        margin-top: 20px;
    }
    .producttopbtn a{
        margin-left: 0;
        margin-right: 2px;
        width: 118px;
        height: 32px;
        line-height: 32px;
        margin-bottom: 7px;
    }
    .istopbox .istop-right a{
        margin-left: 0;
        margin-right: 2px;
        width: 118px;
        height: 32px;
        line-height: 32px;
    }
    span.collectbtn{
        margin-left: 0;
        height: 32px;
        line-height: 32px;
    }
    .productcontentnav{
        overflow: hidden;
    }
    .sectionitem{
        padding: 25px 15px 0;
    }
    .productistopinfo .istopbox{
        padding: 12px 15px 8px;
    }
    .istopbox .istop-left{
        float: none;
    }
    .istopbox .istop-right{
        float: none;
        text-align: left;
        margin-top: 8px;
    }
    .istopnavbox ul{
        display: flex;
        white-space: nowrap;
    }
    .productcontentnav ul{
        /* display: flex; */
        white-space: nowrap;
    }
    .productcontentnav ul li{
        display: inline-block;
        float: none;
    }
    .smallproductmarker{
        font-size: 20px;
        margin-bottom: 8px;
    }
    .istopnavbox ul li{
        display: inline-block;
        float: none;
        /* align-items: center;
        justify-content: flex-start;
        white-space: nowrap; */
    }
    .custom-scrollbar {
        background-color: #4f5b64;
        border-radius: 3px;
        height: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
    }
    .producttableContainer{
        overflow-x: scroll;
        margin-bottom: 20px;
    }
    #producttableContainer{
        width: max-content;
    }
    .productnumbers,.procontentfilter p{
        font-size: 16px;
    }
    .procontentfilter{
        padding-top: 10px;
    }
    .custom-track {
        transform: translateY(-4px);
        background-color: transparent;
        -webkit-transform: translateY(-4px);
        -moz-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        -o-transform: translateY(-4px);
    }
    .productmorenavbox{
        margin-top: 0;
    }
    .partName{
        width: 52%;
    }
    .partNumber{
        padding-left: 18px;
    }
    .proconditions span{
        font-size: 14px;
        height: 28px;
        line-height: 28px;
        padding: 0 6px;
    }
    .partNumber i{
        width: 20px;
        top: -1px;
        background-size: 16px auto;
    }
    .partNumber{
        width: 20%;
    }
    .listdatatop{
        padding-top: 8px;
        padding-bottom: 6px;
        line-height: 24px;
        font-size: 15px;
    }
    .partPrice{
        width: 14%;
    }
    .partCart{
        width: 13%;
        right: 0;
        height: 30px;
        line-height: 30px;
    }
    .partCart a,.partCart span{
        height: 30px;
        line-height: 30px;
    }
    .listdataContent{
        padding-bottom: 10px;
    }
    .listdatatop .partNumber i{
        width: 20px;
        height: 23px;
        background-size: 18px auto;
    }
    .listdatabottom ul li strong{
        float: none;
        display: inline-block;
        width: auto;
        margin-right: 12px;
    }
    .listdatabottom ul li{
        float: none;
        width: auto;
        display: inline-block;
    }
    .listdatabottom{
        padding: 12px;
    }
    .proResourceFile ul li a{
        font-size: 15px;
        line-height: 24px;
    }
    .proResourceFile ul li{
        padding-top: 10px;
        padding-bottom: 10px;
        background: url(../images/icon_service_pdf.png) no-repeat left 13px;
        padding-left: 30px;
        background-size: 20px auto
    }
    .proResouces-left{
        float: none;
        width: 100%;
        min-height: auto;
    }
    .proResouces-right{
        float: none;
        width: 100%;
        margin-top: 15px;
        padding: 15px 15px;
    }
    .proResourceFile{
        padding: 6px 8px;
    }
    .proResouces-right h2{
        margin-bottom: 15px;
    }
    .productRelated ul li{
        float: none;
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
    }
    .sectionitem.productApplications,.sectionitem.productPublications{
        padding-bottom: 35px;
    }
    .sectionitem.productRelated .smallproductmarker{
        margin-bottom: 15px;
    }
    .prochildappitem .prochildtitle{
        font-size: 16px;
        line-height: 26px;
        background-position: left top 6px;
    }
    .boxPacking,.boxApplication{
        overflow-x:scroll;
    }
    
    .boxPacking table,.proappitembottom table, .boxApplication table{
        width: max-content;
    }

    .productRelated ul li h2{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .productRelated ul li .relatedtext{
        font-size: 14px;
        line-height: 24px;
        height: 120px;
    }
    .hiddenModel{
        width: 90%;
        padding: 30px 20px;
    }
    .modelcontent{
        padding: 0 10px;
    }
    .modelnums{
        width: 140px;
        height: 40px;
        line-height: 40px;
    }
    .modelAddCart{
        width: 90%;
    }
    .modelAddCartContent{
        padding: 10px 18px 12px;
    }
    .modelAddCartTitle{
        margin-bottom: 12px;
    }
   
    /* 互动中心——联系我们 */
    .contactbox{ padding: 20px 15px 0;}
    .contactbox .contact_text{
        margin-bottom: 12px;
    }
    .contact_text h2{
        font-size: 22px;
    }
    .contact_text p{
        line-height: 28px;
    }
    .contactbox .contactleft{
        width:100%; float: none; margin-top: 20px;
    }
    .contactbox .contact_right{
        float: none; width: 100%;
    }
    .modelAddCartBtn a{
        height: 40px;
        line-height: 40px;
    }
    
    .high{ right:-12px;}
    
    .contact_right dd b{ font-size: 20px;}
    .contact_right dd,.mainorderbox dd{
        float: none;
        width: 100%;
        padding-left: 36px;
        padding-top: 8px;
        padding-bottom: 8px;
        background-position: left 9px;
        background-size: auto 20px;
        font-size: 15px;
        line-height: 22px;
    }
    .ordertextbox{
        margin-top: 25px;
        font-size: 18px;
        padding: 0 15px;
    }
    .contactbox.mainorderbox{
        padding-bottom: 0;
    }

    .conatctForm .feedbackform .form-group{
        height: 64px;
        float: none;
        width: 100%;
        margin-right: 0;
    }
    .feedbackform .btnok{
        margin-top: 10px;
        height: 36px;
        line-height: 36px;
        padding: 0 12px;
    }

    .contactWays{padding: 0 15px 35px;}
    .contactWays h1{ font-size: 22px; margin-bottom: 30px;}
    .contactWays .wayslist .waysitem{
        float: none;
        width: 100%;
        margin-right: 0;
        min-height: auto;
        padding: 20px 15px;
        margin-bottom: 12px;
    }

    .contact_title{ height: 104px; margin-bottom: 20px;}
    .contact_title i{ width:15%; height: 104px; background-size: 35px;}
    .contact_title .area_title{ width: 85%;padding: 10px 15px; font-size: 16px; line-height: 28px;}
    .contactWays dl{ padding-left: 0;}
    .contactWays dl dt{ font-size: 18px;}
    .contactWays dl dd{line-height: 24px;padding-top: 10px;padding-left: 40px;padding-bottom: 10px; background-position: left 10px;}

    .commonjobbox.howorder{
        padding: 10px 15px 30px;
    }

    /* 互动中心——加入我们 */
    .joblist{ margin-bottom: 20px;}
    .academic{
        display: none;
    }

    .job_name{padding-left: 10px;}
    .joblist li span,.joblist li span.job_name{ font-size: 15px; line-height: 22px;}
    .job_head{ font-size: 16px;}
    .job_name{
        width: 60%;
    }
    .operation{
        width: 38%;
    }
    .joblist li .jobInfo{ padding: 10px 10px; }
    .jobContentinfo p,.jobContentinfo ul li{
        font-size: 15px; line-height: 24px;
    }
    .jobContentinfo ul li{
        padding-left: 15px;
    }
    .jobContentinfo h2{
        font-size: 15px;
    }
    .jobContentinfo ul li::before{
        top: 9px;
    }
    .faqsearch form{
        width: 100%;
    }
    .searchfaqinput{
        width: 82%;
    }

    /* 注册登录 */
    .userInfobox{ 
        width: 95%;
        padding: 20px 20px 30px;
    }
    .footer_login{ display: none;}
    .form-control-item.vertifyinput .vertifyCode{
        width: 64%;
    }
    .form-control-item.vertifyinput .getCodebtn{
        width: 36%;
    }
    .createUserbox .userInfobox{
        width: 95%;
        float: none;
    }
    .userInfobox .form-control{
        font-size: 14px;
    }
    .createUserbox .userrightbox{
        float: none;
        width: 95%;
        margin: 15px auto 0;
        padding: 20px 15px 10px;
    }
    .userinfobrief ul li{
        margin-bottom: 12px;
    }
    .userinfobrief ul li h2{
        font-size: 16px;
        line-height: 24px;
    }
    .userinfobrief ul li p{
        font-size: 14px;
        line-height: 24px;
    }
    .address-tips{
        padding-left: 26px;
        font-size: 14px;
        line-height: 24px;
    }
    .infoformlist .form-group{
        float: none;
        width: 100%;
        margin-right: 0;
    }
    
    .topForm{ width:300px; margin-left: -150px;}
    .showRequire{ width:90%; margin-left: -45%;}
    .search_title h1{ font-size: 24px;}

    .mainbox.onlineShopBox{
        padding-top: 100px;
    }
    .addShopCartBox .productContainer{
        padding: 25px 15px;
    }
    .shopcartNeedAdd{
        padding: 25px 10px 30px;
        border: 2px solid rgba(79, 91, 100, .1);
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }
    .shopcartNeedAdd p{
        line-height: 28px;
    }
    .shopcartNeedAdd a{
        line-height: 36px;
        padding: 0 15px;
    }
    .mainSinglebox {
        padding: 0 15px;
    }
    .mainSinglebox .feedbackContent{
        margin-top: 20px;
        padding: 15px 15px;
        margin-bottom: 10px;
        border: 2px solid rgba(79, 91, 100, .1);
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }
    .accountCovertitle{
        padding: 0 15px;
    }
    .hasiscomplete{
        font-size: 14px;
    }
    .accountcoverinfo,.accountiscomplete{
        float: none;
    }
    .accountiscomplete{
        margin-top: 12px;
    }
    .hasiscomplete span{
        padding-left: 22px;
        background-position: left top 1px;
        background-size: 16px;
    }
    .accountCoverlist{
        padding-top: 25px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .accountitem{
        float: none;
        width: 100%;
        margin-right: 0;
         margin-bottom: 20px;
        height: 120px;
    }
    .accountbclassname{
        width: 46%;
    }
    .accountclassname{
        width: 54%;
        padding: 18px;
    }
    .accountbclassname span{
        background-size: 32px;
        width: 40px;
        height: 40px;
    }
    .accountbclassname h2{
        font-size: 16px;
    }
    .account-right{
        float: none;
        width: 100%;
        padding: 0 15px;
    }
    .account-left{
        float: none;
        width: 100%;
        display: none;
    }
    .account-sectionname{
        margin-bottom: 15px;
    }
    .account-personalist li,.account-hasaddress li{
        float: none;
        width: 100%;
        padding-right: 0;
    }
    .acoount-personaltext{
        padding: 10px 0 0 0;
        font-size: 14px;
    }
    .account-noview{
        padding: 40px 18px 20px;
    }
    .acoount-addresstext{
        margin-top: 12px;
        font-size: 14px;
        background-position: left top 4px;
        padding-left: 22px;
        background-size: 16px auto;
    }
    .account-changepersonal p{
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 12px;
    }
    .account-right .userInfobox,.account-right .userInfobox.account-changepassword{
        width: 100%;
    }
    .account-noaddress{
        padding: 20px 15px;
        border: 2px solid rgba(79, 91, 100, .2);
    }
    .historyitembottom .history-left,.historyitembottom .history-btn{
        float: none;
    }
    .historyitem{
        margin-bottom: 12px;
        padding: 15px;
    }
    .historynumber{
        font-size: 16px;
    }
    .ordertime{
        font-size: 14px;
        margin-bottom: 15px;
    }
    .history-left .leftitems{
        font-size: 14px;
    }
    .history-left .leftprice{
        font-size: 18px;
    }
    .history-btn a,.history-btn span{
        height: 32px;
        margin-left: 0;
        font-size: 14px;
        margin-right: 4px;
        padding: 0 8px;
        line-height: 32px;
    }
    .confirmShopCart{
        width: 90%;
    }
    .shopCartMajor{
        padding: 12px 12px;
    }
    .cartOrderTitle h2{
        font-size: 20px;
    }
    .cartLeftbox,.cartRightbox{
        float: none;
        width: 100%;
        
    }
    .cartRightbox{
        margin-top: 16px;
    }
    .cartuserInfo{
        padding: 15px 10px 5px;
        border-left: 0px solid #f3f4f9;
    }
    .summaryleft h5{
        height: auto;
        line-clamp: inherit;
        -webkit-line-clamp: inherit;
    }
    .cartOrdertotal span{
         font-size: 14px;
    }
    .cartOrdertotal p,.cartOrdertotal p span{
        font-size: 20px;
    }
    .cartLeftbox .isupdateitem p, .isupdateaddess p{
        line-height: 26px;
        width: 77%;
    }
    .confirmmain{
        right: 55px;
    }
    .onlineproducts ul li .onlinetopbox{
        padding: 15px;
    }
    .addShopCartBox .onlineproducts ul li .online-right,.onlineproducts ul li .online-left{
        float: none;
        width: 100%;
    }
    .addShopCartBox .onlineproducts ul li .online-right{
        /*overflow: hidden;*/
    }
    .onlineproducts ul li .onlineimg{
        width:32%;
        float: left;
    }
    .onlineproducts ul li .onlineremoveshop{
        float: left;
        margin-left: 20px;
    }
    .addcartTitle{
        font-size: 20px;
    }
    .addcartTitle span{
        font-size: 16px;
    }
    .addShopCartBox .onlineproducts{
        margin-top: 25px;
    }
    .onlineremoveshop .confirmmain{
        right: 0;
    }
    .onlineproducts ul li .onlinenumber{
         font-size: 14px;
    }
    .addShopCartBox .onlineproducts ul li .onlinetoptitle{
        font-size: 16px;
        min-height: auto;
        line-height: 26px;
    }
    .onlineshopPrice .addnumber{
        width: 54px;
        height: 46px;
    }
    .addnumber input.atom-input{
        line-height: 46px;
    }
    .addShopCartBox .onlineproducts ul li .onlineshopPrice b{
        font-size: 14px;
        margin-bottom: 2px;
    }
    .onlineproducts ul li .onlineshopPrice p,.orderTotalPrice h3{
       font-size: 16px; 
    }
    .orderTotalPrice,.orderReturn{
        float: none;
    }
    .orderTotalPrice p{
         font-size: 20px; 
    }
    .orderReturn{
        margin-top: 20px;
    }
    .orderReturn a{
        width: 130px;
        height: 36px;
        margin-left: 0;
        margin-right: 4px;
        line-height: 36px;
    }
    .orderReturn span{
        width: 130px;
        height: 36px;
        margin-left: 0;
        line-height: 36px;
    }
    .onlineproducts ul li .online-right{
        float: none;
        width: 100%;
    }
    .onlineproducts ul li .onlinetoptitle{
        font-size: 16px;
        line-height: 26px;
        min-height: auto;
    }
    .onlineproducts ul li .onlineaddshop{
        float: left;
        margin-left: 15px;
        margin-top: 15px;
    }
    .collectContainer{
        padding: 0 15px;
    }
    .favoritelist li{
        float: none;
        width: 100%;
        overflow: hidden;
        margin-right: 0;
    }
    .favoritelist li .favoriteinfo{
        padding: 10px 8px;
    }
    .favoritelist li h2{
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 15px
    }
    .collectNeedAdd{
        padding: 30px 10px;
        border: 2px solid rgba(79, 91, 100, .1);
    }
    .collectNeedAdd p{
         line-height: 28px;
    }
    
    .literatureBox{
        padding-top: 10px;
    }
    .literatureBox .application-left .filteritem,.literatureBox ul.selectedfilter li{
        float: none;
        width: 100%;
        margin-right: 0;
    }
    .literatureBox .application-left .filteritem{
        margin-bottom: 5px;
    }
    .tips .pics{
        width: 100%;
    }
    .selectedfilter li{
        margin-bottom: 4px;
        font-size: 14px;
    }
    .selectedfilter li i{
        vertical-align: bottom;
    }
    .seletedmode{
        font-size: 14px;
    }
    .literaturecontainer{
        width: 100%;
        overflow-x: scroll;
        margin-bottom: 20px;
    }
    .literaturelist-content{
        padding-bottom: 0;
    }
    #literaturecontainer{
        width: max-content;
    }
    .literaturelist-content ul li{
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .pagenation-list li>a{
        padding: 0 8px;
    }
    .literaturelist-content ul li .litsepmode{
        text-align: left;
    }
    /* 隐私政策 */
    .lawbox{ padding-top:0;}
    
    .searchmain{
        padding: 0 15px;
    }

    .searchleftbox,.searchrightbox{
        float: none;
        width: 100%;
    }
    .searchleftbox{
        padding: 20px 15px 10px;
        border-top: 2px solid #000168;
    }
    .contenttype li{
        line-height:32px
    }
    .searchrightbox{
        margin-top: 20px;
    }
    .searchnumbers{
         float: none;
    }
    .searchSortWays{
        float: none;
    }
    .searchSortWays .sortTypelist{
        float: left;
    }
    .typeListbox li{
         line-height:28px
    }
    .searchResultList ul li{
        padding:2px 0;
        margin-bottom: 20px;
    }
    .searchResultList .icontype{
        width: 64px;
        height: 64px;
        box-shadow: 0 0 2px rgba(79, 91, 100,.2);
    }
    .searchResultList .icontype i{
        background-size: 32px auto;
    }
    .searchResultList ul li .searchrighttitle{
        width: 76%;
    }
    .searchResultList ul li .searchrighttitle h2{
        font-size: 16px;
        line-height: 26px;
    }
    .myproduct .partCart{
        width: 100px;
        position: relative;
        font-size: 16px;
        top: auto;
        right: auto;
    }
    .myproduct h2{
        width: 100%;
    }
    .orderSuccessText{
        padding: 0 15px;
        
    }
    .comparebrief{
        overflow-x: scroll;
    }
    
    
}
@media (max-width:380px) {
    
}
@media (max-width:330px){
   
}