.smallTextColor{ color:#595959 !important; }
#gHeader {
    position: fixed;
    z-index: 11;
    left: 0;
    top: 0;
    right: 0;
    min-width: 1100px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    touch-action: none;
}

#gHeader .logo {
    display: flex;
    align-items: center;
    height: 80px;
}

#gHeader .logo svg {
    display: block;
    width: 134px;
    height: auto;
    fill: #005ead;
}

#gHeader .nav {
    margin-right: 40px;
}

#gHeader .nav li {
    float: left;
}

#gHeader .nav .level1 {
    position: relative;
    display: inline-block;
    line-height: 80px;
    padding: 0 30px;
    /*color: #010101;*/
    font-size: 16px;
    transition: color .3s ease-out, opacity .3s ease-out;
}

#gHeader .search .lang,
#gHeader .search .btnSearch {
    transition: opacity .3s ease-out;
}

#gHeader .nav .level1.hide,
#gHeader .search .lang.hide,
#gHeader .search .btnSearch.hide {
    opacity: 0;
}

#gHeader .nav .level1:after {
    content: '';
    position: absolute;
    bottom: 27px;
    left: 30px;
    right: 30px;
    height: 1px;
    background: #005ead;
    transform-origin: left center;
    transform: scaleX(0);
    transition: transform .3s ease-out;
}

#gHeader .nav li:hover .level1:after {
    transform: scaleX(1);
}

#gHeader .nav li.on .level1,
#gHeader .nav li:hover .level1 {
    color: #005ead;
}

#gHeader .lang.showSub .sub,
#gHeader .nav li.showSub .sub,
#gHeader .nav li.showSub .sub1 {
    z-index: 1;
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

#gHeader .sub {
    position: fixed;
    left: 0;
    right: 0;
    top: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 0;
    background: rgba(65, 65, 65, 0.85);
    opacity: 0;
    visibility: hidden;
    transition: opacity .6s ease .2s, visibility .6s ease .2s;
}

#gHeader .sub a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 65px;
    color: #fff;
    padding-left: 20px;
    font-size: 14px;
    transition: color .3s ease;
}

#gHeader .sub a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0px;
    height: 2px;
    background: #66d2ff;
    transition: width .3s ease;
}

#gHeader .sub a:hover {
    color: #66d2ff;
}

#gHeader .sub a:hover:after {
    width: 10px;
}

#gHeader .sub1 {
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    background: linear-gradient(90deg, #2f92d3, #0665b2);
    opacity: 0;
    visibility: hidden;
    transition: opacity .6s ease .2s, visibility .6s ease .2s;
}

#gHeader .sub1 .inner {
    display: flex;
    justify-content: center;
}

#gHeader .sub1 .inner:after {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 80px;
    line-height: 80px;
    background: rgba(51, 51, 51, .9);
    opacity: 0;
    visibility: hidden;
}

#gHeader .sub1 .item {
    position: relative;
    width: 16.666667%;
    transition: background .3s ease;
}
#gHeader .sub1 .item .level2 {
    position: relative;
    height: 125px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
}
#gHeader .leftLine{display: none;}
#gHeader .sub1 .item .level2:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#gHeader .sub1 .item.product_nav160:before,
#gHeader .sub1 .item.product_nav159:before
{
    content: '';
    position: absolute;
    width: 1px;
    height: 80px;
    background: #5e9cd3;
    left: 0;
    bottom: 20px;
}
#gHeader .sub1 .item.product_nav160:hover:before{
    visibility: hidden;
    opacity: 0;
}

#gHeader .sub1 .item.product_nav150 .level2
{
    /*color:#99ddff;*/
}
#gHeader .sub1 .item.product_nav150 .level2:before
{
    /*content: '';
    position: absolute;
    width: 8px;
    height: 2px;
    background: #99ddff;
    left: calc(50% - 31px);
    bottom: 33px;
    transition: visibility 0.3s ease,opacity 0.3s ease;*/
}
#gHeader .sub1 .item.product_nav159 .level2 svg{width: 66px;margin-bottom: 10px; margin-top: 4px;}

#gHeader .sub1 .item:nth-last-child(3):hover ~ .item:before {
    visibility: hidden;
    opacity: 0;
}
#gHeader .sub1 .item .links .product158{margin-left: 60px;}
#gHeader .product158 .leftLine{
    display: block;
    position: absolute;
    height: 30px;
    width: 1px;
    background: #fbfbfb;
    left: -30px;
}

#gHeader .sub1 .item svg {
    display: block;
    width: 40px;
    height: 40px;
    fill: #fff;
    margin-bottom: 15px;
}

#gHeader .sub1 .item:hover {
    background: #0766b3;
}

#gHeader .sub1 .item .links {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 100%;
    width: 10000%;
    height: 80px;
    line-height: 80px;
    display: flex;
    opacity: 0;
    visibility: hidden;
}

#gHeader .sub1 .item .links:after {
    content: '';
    position: absolute;
    z-index: 0;
    right: 100%;
    top: 0;
    width: 100%;
    height: 100%;
}

#gHeader .sub1 .item .links a {
    position: relative;
    display: block;
    white-space: nowrap;
    z-index: 2;
    color: #fff;
    padding-left: 20px;
    margin: 0 30px;
    line-height: 1;
}

#gHeader .sub1 .item .links a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 2px;
    transition: width .3s ease
}

#gHeader .sub1 .inner:hover:after,
#gHeader .sub1 .item:hover .links {
    opacity: 1;
    visibility: visible;
}

#gHeader .sub1 .item .links a:hover:after {
    width: 10px;
}

#gHeader .sub1 .item.reverse .links {
    left: auto;
    right: 50%;
    justify-content: flex-end;
}

#gHeader .sub1 .item.reverse .links:after {
    left: 100%;
    right: auto;
}
#gHeader .sub1 .item .links a{display: flex; align-items: center; position: relative; font-size: 13px;}
#gHeader .sub1 .item .links a>i{width:0px;height: 2px; position: absolute; left:0; display: block; margin-right: 10px;transition: width .3s ease}
#gHeader .sub1 .item .links a:hover i { width: 10px;  }
/*#gHeader .sub1 .item:nth-child(1) .links a:after{background:#9d0951;}
#gHeader .sub1 .item:nth-child(2) .links a:after{background:#00c87f;}
#gHeader .sub1 .item:nth-child(3) .links a:after{background:#41b9b2;}
#gHeader .sub1 .item:nth-child(4) .links a:after{background:#00b0ec;}
#gHeader .sub1 .item:nth-child(5) .links a:after{background:#e8458b;}
#gHeader .sub1 .item:nth-child(6) .links a:after{background:#f35c3a;}
#gHeader .sub1 .item:nth-child(7) .links a:after{background:#8446a7;}*/

/*#gHeader .sub1 .item:nth-child(1) .links a:hover{color:#9d0951;}
#gHeader .sub1 .item:nth-child(2) .links a:hover{color:#00c87f;}
#gHeader .sub1 .item:nth-child(3) .links a:hover{color:#41b9b2;}
#gHeader .sub1 .item:nth-child(4) .links a:hover{color:#00b0ec;}
#gHeader .sub1 .item:nth-child(5) .links a:hover{color:#e8458b;}
#gHeader .sub1 .item:nth-child(6) .links a:hover{color:#f35c3a;}
#gHeader .sub1 .item:nth-child(7) .links a:hover{color:#8446a7;}*/

#gHeader .sub1 .item.center .links{
    left:0; margin-left:0;
}

#gHeader .search {
    position: relative;
    z-index: 1;
}

#gHeader .search .form {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    width: 1060px;
    height: 100%;
    padding-top: 18px;
    background: #fff;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
}

.openSearch #gHeader .search .form {
    opacity: 1;
    visibility: visible;
    transition: opacity .6s ease .3s, visibility .6s ease .3s;
}

#gHeader .search form {
    position: relative;
    border: 1px solid #c5c5c5;
}

#gHeader .search input {
    width: 660px;
    height: 43px;
    line-height: 43px;
    padding: 0 58px 0 16px;
    color: #575757;
    border: none;
    box-sizing: border-box;
}

.openSearch #gHeader .search input {
    width: 860px;
    transition: width .4s ease .3s;
}

#gHeader .search button {
    position: absolute;
    right: 0;
    top: 0;
    width: 58px;
    height: 100%;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
}

#gHeader .search button svg {
    display: block;
    width: 23px;
    height: 23px;
    fill: #005ead;
}

#gHeader .search .btnClose {
    display: flex;
    align-items: center;
    height: 45px;
    padding: 0 15px 0 20px;
}

#gHeader .search .btnClose svg {
    display: block;
    width: 23px;
    height: 23px;
    fill: #333;
}

#gHeader .search .lang .btn {
    display: inline-block;
    line-height: 80px;
    color: #2e6ca5;
    padding: 0 10px 0 30px;
    font-size: 16px;
}

#gHeader .search .lang .sub {
    font-size: 14px;
}

#gHeader .search .btnSearch {
    display: flex;
    align-items: center;
    height: 80px;
    padding: 0 15px;
}

#gHeader .search .btnSearch svg {
    display: block;
    width: 16px;
    height: 16px;
    fill: #333;
}

#gFooter {
    position: relative;
    z-index: 1;
}

#gFooter .inner {
    display: flex;
    justify-content: space-between;
}

#gFooter .menu {
    padding: 70px 0 95px;
    background: #005ead;
}

#gFooter .logo {
    width: 210px;
}

#gFooter .logo a {
    position: relative;
    display: block;
    padding-bottom: 28.67%;
}

#gFooter .logo svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    fill: #fff;
}

#gFooter .nav li {
    float: left;
    margin-right: 60px;
    width: 64px;
    white-space: nowrap;
}

#gFooter .nav li:last-child {
    margin-right: 0;
}

#gFooter .nav .level1 {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: rgba(255, 255, 255, .98);
    margin-bottom: 38px;
}

#gFooter .nav .level1:after {
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    width: 0;
    height: 1px;
    background: #fff;
    transition: width .3s ease-out;
}

#gFooter .nav .level1:hover:after {
    width: 100%;
}

#gFooter .nav .sub a {
    display: block;
    font-size: 14px;
    line-height: 2.14;
    color: #a8cdf9;
    transition: color .3s ease;
}

#gFooter .nav .sub a:hover {
    color: #fff;
}

#gFooter .qr {
    text-align: center;
    font-size: 13px;
    color: #a8cdf9;
    line-height: 1.67;
}

#gFooter .qr ul {
    display: flex;
    align-items: flex-start;
    color: #fff;
    line-height: 1;
    margin-bottom: 12px;
}

#gFooter .qr li:nth-child(2) {
    margin: 0 10px;
}

#gFooter .qr img {
    display: block;
    margin: 0 auto 12px;
    width: 104px;
}

#gFooter .copyright {
    font-size: 14px;
    color: #8c8c8c;
    line-height: 40px;
    text-align: center;
    background: #fff;
}

#gFooter .copyright a {
    color: #8c8c8c;
    transition: color .3s ease;
}

#gFooter .copyright a:hover {
    color: #595959;
}

.fixBanner {
    max-height: calc(100vh - 80px);
    overflow: hidden;
}

.fixBanner img {
    transform: scale(1.1);
    transition: transform 3s ease;
}

.loaded .fixBanner img {
    transform: none;
}

.clipBox {
    position: relative;
}

.clipBox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    clip: rect(0px, 0px, 0px, 0px);
}

.whiteBg {
    position: relative;
    z-index: 1;
    background: #fff;
}

.comBtn {
    position: relative;
    transition: color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.comBtn:before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background: #010101;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.comBtn:hover {
    color: #fff;
}

.comBtn:hover:before {
    bottom: 0;
    top: auto;
    height: 100%;
}

.hideBg,
.hideBg:before,
.hideBg:after {
    background-image: none !important;
}

#proNavCont{display: none;}

@media all and (max-width: 1480px) {
    .inner {
        max-width: 1060px;
    }

    .ie .inner {
        width: 1060px;
    }

    #gHeader .nav .level1:after {
        left: 20px;
        right: 20px;
    }
    #gHeader .sub1 .item svg{width: 36px; height: 36px;}
    #gHeader .sub1 .item.product_nav159 .level2 svg{width: 64px;}
    #gHeader .nav .level1,
    #gHeader .search .lang .btn,
    #gFooter .nav .level1 {
        font-size: 14px;
    }

    #gHeader .sub a {
        font-size: 12px;
    }

    #gHeader .nav .level1 {
        padding: 0 20px;
    }
    #gHeader .sub1 .item .links a{
        margin: 0 16px;
        font-size: 12px;
    }
    #gHeader .sub1 .item .level2{
        font-size: 12px;
    }
    #gHeader .sub a {
        margin: 0 50px;
    }

    #gHeader .sub1 .col {
        width: 265px;
        padding: 45px 32.5px 0;
    }

    #gHeader .sub1 .col1,
    #gHeader .sub1 .col4 {
        width: calc(50% - 265px);
    }

    #gHeader .search .form {
        width: 840px;
    }

    .openSearch #gHeader .search input {
        width: 780px;
    }

    #gFooter .logo {
        width: 160px;
    }

    #gFooter .nav li {
        margin-right: 32px;
    }

    #gFooter .nav .level1 {
        margin-bottom: 20px;
    }

    #gFooter .nav .level1:after {
        top: 18px;
    }

    #gFooter .qr {
        font-size: 12px;
    }

    #gFooter .qr img {
        width: 92px;
    }

    #gFooter .nav .sub a{
        font-size: 12px;
    }
}

.layuiTips .layui-layer-btn .layui-layer-btn0{border-color: #015eae; background-color: #015eae; }

.goThreeUrl{

    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.goThreeUrl .rocket{width:282px;}
.goThreeUrl .title{font-size: 28px; font-weight: bold; color: #595959;}
.goThreeUrl .jtsvg{width:25px;}
.goThreeUrl .jtsvg svg{width:100%; fill: none; stroke: #fff;  stroke-miterlimit: 10; transition:transform 1s ease }

.goThreeUrl .jtsvg .line1{ stroke-dashoffset: 0; stroke-dasharray: 26; animation:runLines 1.4s ease infinite forwards }
.goThreeUrl .jtsvg .line2{  animation:runLine2s 1.4s ease  infinite forwards }
@keyframes runLine {
    0%{stroke-dashoffset: 26;}
    100%{stroke-dashoffset: 0;}
}
@keyframes runLine2 {
    0%{opacity: 0}
    100%{opacity:1}
}

.goThreeUrl .text{margin-left: 68px;  box-sizing: border-box;  display: flex;  flex-direction: column;  }
.goThreeUrlBj .layui-layer-content{overflow: unset !important;}
.goThreeUrlBj{background-color: rgba(255,255,255,0.98) !important; border-radius: 4px !important;}
.goThreeUrl .p2{font-size: 16px; color: #737373; margin: 15px 0 40px;}
.goThreeUrlCloseBtn{color: #fff;  background: #005ead;  width: 42px;  height: 42px;  border-radius: 50%;  display: flex;  align-items: center;  border: 4px solid #fff;  justify-content: center;  font-size: 27px; position: absolute; right:-20px; top:-20px; cursor: pointer; z-index: 3;box-shadow:-3px 3px 6px -1px #c4c5c6; transition: opacity 0.4s ease}
.goThreeUrl .layui-btn{background: #005ead; width:142px; height: 32px;line-height:normal; color: #fff; border-radius: 4px; display: flex; align-items: center; justify-content: space-between;}
.goThreeUrl .layui-btn:hover svg{ transform: translateX(10px) }
    /*cookie弹框*/
#cookieBox {  background: #fff; position: fixed; width: 100%; left:0; bottom:0; z-index: 6; padding: 50px 0 30px; box-shadow: 0px -10px 10px -10px rgba(0, 0, 0, 0.5);}
#cookieBox .inner{display: flex; font-size: 16px; }
#cookieBox .inner .useTitle{ font-weight: bold; color: #000; white-space: nowrap; font-size: 18px;}
#cookieBox .inner .bref{padding: 0 20px; box-sizing: border-box; line-height: 1.7; margin-top: -5px;}
#cookieBox .inner .bref a{color: #015eae; border-bottom: 1px solid #015eae;}
#cookieBox .btnBox{display: flex; white-space: nowrap;}
#cookieBox .btnBox button{height: 32px; border-radius: 16px; padding: 0 20px; cursor: pointer; position: relative; z-index: 1; transition: opacity 0.3s linear}
#cookieBox .btnBox button:nth-child(1){border: 1px solid #dcdcdc; background: none;}
#cookieBox .btnBox button:nth-child(2){background: #015eae; border: none; color: #fff; margin-left: 10px;}
#cookieBox .btnBox button:hover{opacity: 0.8; }
.cookieTable{border-spacing: 0; border-collapse: collapse}
.cookieTable td,.cookieTable th{border: 1px solid #ccc ; padding: 10px; box-sizing: border-box; text-align: center;}
.cookieTable tr td:last-child{text-align: left;}
#cookieBox .btnBox button:after{
    content: '';
    display: block;
    width:0;
    height:100%;
    background: rgba(7, 102, 179, .6) ;
    position: absolute;
    left:50%;
    top:50%;
    border-radius: 16px;
    transform: translate(-50%,-50%);
    z-index: -1;
    transition: width 0.3s ease;
}


@media all and (min-width: 1480px) {
	.fontsize14{font-size:14px !important;}
	.fontsize16{font-size:17px !important;}
    .fontsize40{font-size: 40px !important;}
    .fontsize45{font-size: 45px !important;}
    .fontsize15{font-size: 15px !important;}
    .fontsize24{font-size: 24px !important;}
    .fontsize56{font-size: 56px !important;}
}


@media screen and (min-width:767px) and (max-width:1480px){
    .fontsize16{font-size:14px !important;}
    #cookieBox .inner .useTitle{font-size: 16px;}
    #cookieBox .inner{font-size: 14px; }

}
@media all and (max-width: 767px) {
    .inner{width:100%;}
    .fontsize56{font-size: 6.93vw !important;}
    .fontsize24{font-size: 3.47vw !important;}
    .fontsize40{font-size: 5.33vw !important;}
}



@media all and (max-width: 767px) {
    #container,
    #scrollContainer {
        height: auto;
        overflow-y: auto;
    }

    #main {
        padding-top: 60px;
    }

    #gHeader {
        min-width: auto;
    }

    #gHeader .logo,
    #gHeader .btnMenu {
        height: 60px;
        padding: 0 4vw;
    }

    #gHeader .logo svg {
        width: 28vw;
        height: auto;
    }

    #gHeader .btnMenu {
        width: 6.67vw;
        padding: 0 15px;
        display: flex !important;
        align-items: center;
    }

    #gHeader .btnMenu svg {
        display: block;
        width: 100%;
        height: auto;
        fill: #524f4e;
    }

    #gHeader .menu {
        position: fixed;
        left: 0;
        top: 60px;
        right: 0;
        bottom: 0;
        background: #194fa5;
        overflow-y: auto;
        opacity: 0;
        visibility: hidden;
    }

    .loaded #gHeader .menu {
        transition: opacity .6s ease, visibility .6s ease;
    }

    .openMenu #gHeader .menu {
        opacity: 1;
        visibility: visible;
    }

    #gHeader .search {
        float: none;
        height: 18.97vw;
        padding: 0 4vw;
        background: #fff;
        box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, .25);
    }

    #gHeader .search .form {
        position: static;
        float: left;
        visibility: inherit;
        opacity: 1;
        width: 72vw;
        background: none;
        padding-top: 4.8vw;
    }

    #gHeader .search .form form {
        float: none;
        border-radius: 5px;
        overflow: hidden;
    }

    #gHeader .search input {
        width: 100%;
        height: 9.33vw;
        line-height: 9.33vw;
        font-size: 3.47vw;
        padding-left: 4vw;
        padding-right: 10vw;
    }

    #gHeader .search button {
        width: 10vw;
    }

    #gHeader .search button svg {
        width: 4vw;
        height: auto;
    }

    #gHeader .search .btnClose,
    #gHeader .search .btnSearch {
        display: none;
    }

    #gHeader .search .lang {
        float: right;
    }

    #gHeader .search .lang .btn {
        position: relative;
        line-height: 18.97vw;
        font-size: 3.47vw;
        padding: 0;
        padding-right: 3vw;
    }

    #gHeader .search .lang .btn:after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        border-top: 1.2vw solid #2e6ca5;
        border-left: 1vw solid transparent;
        border-right: 1vw solid transparent;
    }

    #gHeader .search .lang .sub {
        position: absolute;
        top: 18.97vw;
        opacity: 1;
        visibility: visible;
        display: none;
    }

    #gHeader .search .lang .sub a {
        display: block;
        font-size: 3.73vw;
        line-height: 3.57;
        padding: 0;
        margin: 0;
    }

    #gHeader .nav {
        float: none;
        margin-right: 0;
    }

    #gHeader .nav li {
        float: none;
        border-bottom: 1px solid #1c55ac;
    }

    #gHeader .nav li:nth-child(6) {
        border-bottom: none;
    }

    #gHeader .nav .level1 {
        position: relative;
        display: block;
        font-size: 4vw;
        line-height: 13.33vw;
        background: #194fa5;
        text-align: left;
        padding-left: 13.33vw;
        padding-right: 0;
        color: #d7e7ff;
        transition: color .6s ease;
    }

    #gHeader .nav .level1:after {
        display: none;
    }

    #gHeader .nav li.on .level1,
    #gHeader .nav li:hover .level1 {
        color: #d7e7ff;
    }

    #gHeader .nav .level1:before {
        content: '';
        position: absolute;
        left: 5.66vw;
        top: 50%;
        transform: translateY(-50%);
        width: 2vw;
        height: .4vw;
        background: #d7e7fe;
        transition: background .6s ease;
    }

    #gHeader .nav .toggle .level1:after {
        content: '';
        display: block;
        position: absolute;
        left: auto;
        right: 5.66vw;
        top: 0;
        bottom: 0;
        width: 3.33vw;
        transform: rotate(0deg);
        height: auto;
        background: url(../img/icon_drop.png) no-repeat center;
        background-size: 100% auto;
        transform-origin: center;
        transition: transform .6s ease;
    }

    #gHeader .nav .toggle:hover .level1:after {
        transform: rotate(0deg);
    }

    #gHeader .nav .active .level1 {
        color: #fff;
    }

    #gHeader .nav .active .level1:before {
        background: #6bd5ff;
    }

    #gHeader .nav .active .level1:after,
    #gHeader .nav .active:hover .level1:after {
        transform: rotate(-180deg);
    }

    #gHeader .nav .sub {
        position: static;
        display: none;
        visibility: inherit;
        opacity: 1;
        text-align: left;
    }

    #gHeader .nav .sub a {
        margin: 0;
        display: block;
        padding-left: 13.33vw;
        font-size: 3.87vw;
        line-height: 3.44;
        background: #0496df;
    }

    #gHeader .sub a:hover {
        color: #fff;
    }

    #gHeader .nav .sub1 {
        display: none;
    }

    #gHeader .sub a:after {
        display: none;
    }

    #gHeader .sub .box {
        border-bottom: 1px solid #129be0;
    }

    #gHeader .sub .box > a {
        position: relative;
    }

    #gHeader .sub .box > a:after {
        content: '';
        display: block;
        position: absolute;
        left: auto;
        right: 5.66vw;
        top: 0;
        bottom: 0;
        width: 2.8vw;
        transform: rotate(0deg);
        height: auto;
        background: url(../img/icon_drop.png) no-repeat center;
        background-size: 100% auto;
        opacity: .3;
        transform-origin: center;
        transition: transform .6s ease;
    }

    #gHeader .sub .box.active > a:after {
        transform: rotate(-180deg);
    }

    #gHeader .sub2 {
        display: none;
    }

    #gHeader .nav .sub2 a {
        font-size: 3.74vw;
        padding-left: 18vw;
    }

    #gFooter .menu {
        padding: 11.73vw 4vw;
    }

    #gFooter .inner {
        display: block;
    }

    #gFooter .logo {
        margin-bottom: 6.67vw;
        width: 30vw;
    }

    #gFooter .nav .level1 {
        display: block;
    }

    #gFooter .nav .level1:after {
        display: none;
    }

    #gFooter .nav li:nth-child(3),
    #gFooter .nav li:nth-child(6),
    #gFooter .nav li:nth-child(7),
    #gFooter .nav .sub,
    #gFooter .qr {
        display: none;
    }

    #gFooter .nav {
        margin-bottom: 10.67vw;
    }

    #gFooter .nav li {
        display: inline-block;
        margin-right: 0;
        width: 26.53vw;
        text-align: center;
        font-size: 3.2vw;
        line-height: 1.14;
    }

    #gFooter .nav .level1 {
        margin-bottom: 0;
        border-right: 1px solid #fff;
    }

    #gFooter .nav li:first-child {
        width: 19.47vw;
        text-align: left;
    }

    #gFooter .nav li:nth-child(5) {
        width: 19.47vw;
        text-align: right;
    }

    #gFooter .nav li:nth-child(5) a {
        border: none;
    }

    #gFooter .contactUs .chd {
        font-size: 4.26vw;
        color: #fff;
        margin-bottom: 4.26vw;
    }

    #gFooter .contactUs .cbd {
        font-size: 3.2vw;
        color: #a8cdf9;
        line-height: 1.4;
    }

    #gFooter .contactUs .cbd li {
        margin-bottom: 4.26vw;
    }

    #gFooter .contactUs .cbd li:last-child {
        margin-bottom: 0;
    }

    #gFooter .contactUs .cbd .city {
        font-weight: bold;
    }

    #gFooter .contactUs .cbd p {
        display: flex;
    }

    #gFooter .contactUs .cbd span:first-child {
        flex: 0 0 38px;
    }

    #gFooter .copyright {
        font-size: 3.2vw;
        line-height: 1.7;
        padding: 3% 0;
    }

    .fixBanner img {
        transform: none;
    }

    .comBtn:before {
        display: none;
    }

    .comBtn:hover {
        color: inherit;
    }



    /*产品手机导航*/
    #proNavCont{display: block;  height: 13.33vw; width: 100%;z-index: 8; position: fixed; top:60px;}
    .proNyNav{width:100%; height: 13.33vw; line-height: 13.33vw; position: relative;background: #fff;border-top:0.13vw solid #c8c8c8; }
    .proNyNav p{padding: 0 4.26%; font-size: 4vw; color: #2081c7;}
    .proNyNav:after{
        content:'';
        position:absolute;
        right: 4.26%;
        top:45%;
        border-top: 2vw solid #2081c7;
        border-left: 1.7vw solid transparent;
        border-right: 1.7vw solid transparent;
    }
    .proNavMain{width:100%; background: #194fa5; display: none; overflow-y: auto;max-height: calc(100vh - 60px - 13vw);}
    .proNavMain .proList{padding:0 4.26%;}
    .proNavMain .proList .one{display: flex; align-items: center; color: #fff; font-size: 4vw; position: relative; border-bottom:0.13vw solid #3e6bb3; padding: 4.27vw 0;}
    .proNavMain .proList .one:after{
        content: '';
        position: absolute;
        right:1%;
        width: 2vw;
        height: 2vw;
        border-top: 0.5vw solid #fff;
        border-right: 0.5vw solid #fff;
        transform: rotate(45deg);
        transition:transform 0.7s ease;
    }
    .proNavMain .proList .one svg{width:5.6vw; height: 5.6vw; fill: #fff; margin-right: 4vw; }
    .proNavMain .proList ul{ padding-left: 12.27vw; display: none; }
    .proNavMain .proList ul li{padding: 4.27vw 0;}
    .proNavMain .proList ul li a{font-size: 3.73vw; color: #fff; width:100%;display: inline-block; }
    #proNavCont .zzao{position: fixed; background: rgba(0,0,0,0.4); left:0; bottom: 0; top:0;width:100%; z-index: 2; display: none; }
    #proNavCont .po{position: fixed; z-index: 3; width:100%;overflow-y: auto;}
    .proNavMain .proList.on ul{display: block; }
    .proNavMain .proList.on,.proNavMain .proList.on ul{background:#0496df; }
    .proNavMain .proList.on .one{border-bottom:0.13vw solid #2ca7e4;}
    .proNavMain .proList.on .one:after{ transform: rotate(-45deg); }

    /*cookie弹框*/
    #cookieBox{padding: 30px 0 30px; }
    #cookieBox .inner .bref{padding: 0 ;margin: 20px 0; }
    #cookieBox .inner{ flex-direction: column;padding: 0 20px; box-sizing: border-box; }
    #cookieBox .btnBox button{font-size: 13px;}

}