html,body{
    min-width: 1200px;
}
.wrap{
    width: 1166px;
    margin:auto;
    box-sizing: border-box;
}
.wrap2{
    width: 885px;
    margin:auto;
    box-sizing: border-box;
}
.new-header{
    width: 100%;
    height: 44px;
    background-color: #fff;
}
.header-new-outer{
    width: 100%;
    height: 44px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 阴影参数：水平偏移 垂直偏移 模糊距离 颜色和透明度 */
}
.index-header .header-new-outer{
    position: fixed;
    z-index: 1001;
    background-color: #fff;
}
.fixed-bac{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background:#fff;
    opacity: 0.2;
    filter:alpha(opacity=20);
    z-index: 1000;
    display: none;
}
.index-header #header-new{
    position: fixed;
}
.new-header #header-new{
    background-color: #fff;

    /* border-bottom: solid 1px rgba(121,121,121, 0.2); */
}
#header-new .nav li.top-title{
   position: relative;
   margin-left: 0;
}
#header-new .nav li.top-title a{
   display: flex;
   margin:0 24px;
   height: 100%;
   align-items: center;
   color: #636363;
   text-decoration: none;
   font-weight: 200;
   position: relative;
}



#header-new .nav li.top-title.active a{
    color:#4b4bee;
    font-weight: 600;
}


#header-new .nav li.top-title a::after , #header-new .nav li.top-title a::after{
   width: 0;
   content: '';
   position: absolute;
   bottom: 1px;
   /* left: 0;
   right: 0 ; */
   left: 50%;
   right: 50%;
   height: 3px;
   background-color: #4b4bee;
   border-radius: 2px;
   transition: all 0.1s;
   -moz-transition: all 0.1s; 
   -webkit-transition: all 0.1s;
   -o-transition: all 0.1s;
}

#header-new .nav li.top-title a:hover::after , #header-new .nav li.top-title.active a::after{
    width: 100%;
    left:0;
    right: 0;
}


.new-header #header-new .logo a.halfWhite{
    display: none;
}
.new-header #header-new .logo a.standard{
    display: block;
}
#header-new {
    height: 44px;
    /*position: fixed;*/
    width: 100%;
    box-sizing: border-box;
    margin:  0 auto;
    z-index: 10000;
}
.product-nav{
    background:#fff;
    border:1px solid #000;
}
.fixed-nav{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    /* border-bottom:1px solid #000; */
    width: 100%;
}
.fixed-nav-new{
    position: fixed;
    top: 44px;
    left: 0;
    z-index: 100;
    /* border-bottom:1px solid #000; */
    width: 100%;
}
.fixed-header-new {
    position: fixed;
    top: 0;
}
#header-new .wrap.topbar .nav{
    height: 44px;
}
#header-new .logo {
    float: left;
    height: 44px;
    width: 112px;
    padding-top: 6px;
    box-sizing: border-box;
}
#header-new .logo a.halfWhite{
    display: block;
}
#header-new .logo a.standard{
    display: none;
}

#header-new .logo img {
    height: 30px;
    width: 112px;
}
#header-new .nav {
    font-size: 16px;
    float: right;
}
#header-new .nav li.top-title {
    float: left;
    margin-left: 0;
    height: 44px;
    box-sizing: border-box;
}
#header-new .nav li.top-title:first-child{
    margin-left: 0px;
}

#header-new .nav li.top-title a.touch-us {
    display: inline-block;
    width: 114px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #E98510;
    border-radius: 20px;
    box-sizing: border-box;
    margin-top: -10px;
    color: #636363;
}
#header-new .nav li.top-title a.touch-us:hover{
    color: #636363;
}


/*#header-new .nav li a:hover, #header-new .nav li a.current {
    background: url(../image/nav-bg.png) no-repeat center bottom;
}*/
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}

/*产品列表*/
.product-list{
    position: fixed;
    background: #fff url('../images/product-bac.png') right bottom no-repeat;
    background-size: 650px 373px;
    top: 44px;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding:37px 0 44px 0;
    z-index: 1001;
    box-shadow:0px 2px 9px 0px rgba(0,0,0,0.07);
    line-height: normal;
    font: 400 14px/20px "PingFangSC-Light",Helvetica,Arial,sans-serif;
}
.product-list-item{
    float: left;
    margin-left: 100px;
}
.product-list-item .title{
    color: #93969D;
    font-size: 14px;
    margin-bottom: 24px;
    text-indent: 42px;
}
.product-list-item:first-child{
    margin-left: 0;
}
.product-list-item li{
    margin-bottom: 20px;
}
.product-list-item li .left{
    float: left;
}
.product-list-item li .left img{
    width: 36px;
    height: 36px;
}
.product-list-item li .right{
    float: left;
    margin-left: -10px;
}
.product-list-item li .right p{
    color: #3E3E47;
    font-size: 14px;
    margin-bottom: 0px;
}
.product-list-item li .right span{
    color: #93969D;
    font-size: 12px;
}
.swiper-case-container{
    height: 350px;
}

.symbol{
    display: inline-block;
    height: 20px;
    margin-top: -10px;
    vertical-align: top;
}


#scroll-to-top {
    position: fixed;
    bottom: 28px;
    right: 28px;
    background-color: #fff;
    color: #333;
    border: none;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    cursor: pointer;
    transition: opacity 0.3s ease-in-out;
    z-index: 999;
    display: flex;
    justify-content: center;
    justify-items: center;
    color: #666;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
}

#scroll-to-top .cc-tooltip {
    display: flex;
    justify-content: center;
    justify-items: center;
}

#scroll-to-top span {
display: flex;
align-items: center;
font-size: 24px;
}
#scroll-to-top:hover {
background-color: #ececec;
color: #333;
}

.hidden {
visibility: hidden;
}