/*css reset*/
@font-face {
    font-family: "iconfont";
    src: url('//at.alicdn.com/t/font_2441771_czdf415qt2g.eot?t=1616568606544');
    /* IE9 */
    src: url('//at.alicdn.com/t/font_2441771_czdf415qt2g.eot?t=1616568606544#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
        url('//at.alicdn.com/t/font_2441771_czdf415qt2g.woff?t=1616568606544') format('woff'),
        url('//at.alicdn.com/t/font_2441771_czdf415qt2g.ttf?t=1616568606544') format('truetype'),
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
        url('//at.alicdn.com/t/font_2441771_czdf415qt2g.svg?t=1616568606544#iconfont') format('svg');
    /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-bofang:before {
    content: "\e600";
}

.icon-tuancancanting:before {
    content: "\e719";
}

.icon-canyin:before {
    content: "\e648";
}

.icon-biaopaitubiao:before {
    content: "\e613";
}

.icon-biaoqiankuozhan_chaoshi-217:before {
    content: "\eb53";
}

.icon-zhinengtonghang:before {
    content: "\e6ce";
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

html,
body,
p {
    font-family: "PingFang SC", "微软雅黑", "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 1;
}

ol,
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td {
    vertical-align: middle;
    padding: 0;
}

a {
    text-decoration: none;
    outline: none;
    hlbr: expression(this.onFocus=this.blur());
}

input,
select {
    vertical-align: middle;
    padding: 0;
    /*border: 0 none;*/
}
select {
    border: 1px solid #eaeaea !important;
    margin-left: 3px;
    height:40px;
}

    img,
    iframe {
        border: none;
        text-decoration: none;
    }

img {
    vertical-align: top;
    /*width: 100%;*/
}

strong {
    font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
}

:focus {
    outline: 0;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
}


/*css common*/

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size: 0;
}

.clearfix {
    *zoom: 1;
}

html {
    margin: 0 auto !important;
    max-width: 1920px;
}

html,
body {
    height: 100%;
    background-color: #fff;
}

body {
    overflow-x: hidden;
}

.inner {
    width: 1520px;
    margin: 0 auto;
    max-width: 92%;
}

.inner1 {
    width: 1400px;
    margin: 0 auto;
    max-width: 90%;
}

.inner2 {
    width: 1600px;
    margin: 0 auto;
    max-width: 83.333%;
}

.mobile,
.mobile1 {
    display: none;
}

.web {
    display: inline-block;
}

.neirong-close {
    display: none;
}

.nz a {
    cursor: default;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    -webkit-text-size-adjust: 100%;
}

sup {
    top: -0.75em;
}

sub {
    bottom: -0.25em;
}

@font-face {
    font-family: "Helvetica Bold";
    src: url("../fonts/Helvetica Bold.woff") format("woff"), url("../fonts/Helvetica Bold.ttf") format("truetype"), url("../fonts/Helvetica Bold.eot") format("embedded-opentype"), url("../fonts/Helvetica Bold.svg") format("svg"), url("../fonts/Helvetica Bold.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "TrumpGothicPro Bold";
    src: url("../fonts/TrumpGothicPro Bold.woff") format("woff"), url("../fonts/TrumpGothicPro Bold.ttf") format("truetype"), url("../fonts/TrumpGothicPro Bold.eot") format("embedded-opentype"), url("../fonts/TrumpGothicPro Bold.svg") format("svg"), url("../fonts/TrumpGothicPro Bold.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

#main {
    margin-top: 116px;
}


/* 头部 */


/*  分页公共样式 */

#fye31 {
    margin: auto;
    margin-bottom: 3%;
}

#fye31 .box {
    display: flex;
    align-items: center;
    height: 40px;
    margin: auto;
    justify-content: center;
}

#fye31 .box .fye {
    border: 1px solid #eaeaea;
    border-right: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    color: #333333;
    padding: 8px 10px;
}

#fye31 .box .fye:last-child {
    border-right: 1px solid #eaeaea;
}

#fye31 .box .fye1 {
    padding: 8px 15px;
}

#fye31 .box .active {
    background-color: #165fd8;
    border: solid 1px #165fd8;
    color: #fff;
}

#header {
    box-shadow: 0 0.3125em 0.625em rgba(0, 0, 0, 0.1);
    z-index: 52;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
}

#header.hide {
    top: -116px;
}

#header .web {
    width: 100%;
    vertical-align: top;
}

#header .web .part-top {
    height: 50px;
    line-height: 50px;
    background-color: #719ac9;
    color: #fff;
}

#header .web .part-top .inner1 {
    height: inherit;
    line-height: inherit;
}

#header .web .part-top .left {
    float: left;
}

#header .web .part-top .left h5 {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-size: 17px;
    color: #fff;
    font-weight: bold;
    position: relative;
    overflow: hidden;
}

#header .web .part-top .left h5.second {
    margin-left: 1em;
}

#header .web .part-top .left h5 span {
    font-size: 12px;
    color: #fff;
}

#header .web .part-top .left h5 .wordcover {
    -webkit-animation: bigImg 2s linear both;
    -moz-animation: bigImg 2s linear both;
    -ms-animation: bigImg 2s linear both;
    -o-animation: bigImg 2s linear both;
    animation: bigImg 2s linear both;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #719ac9;
    left: 0;
    top: 0;
}

#header .web .part-top .left h5:last-child .wordcover {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -ms-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}


/*变大变小*/

@-webkit-keyframes bigImg {
    0% {
        left: 0;
    }

    100% {
        left: 100%;
    }
}

@-moz-keyframes bigImg {
    0% {
        left: 0;
    }

    100% {
        left: 100%;
    }
}

@-ms-keyframes bigImg {
    0% {
        left: 0;
    }

    100% {
        left: 100%;
    }
}

@-o-keyframes bigImg {
    0% {
        left: 0;
    }

    100% {
        left: 100%;
    }
}

@keyframes bigImg {
    0% {
        left: 0;
    }

    100% {
        left: 100%;
    }
}

#header .web .part-top .right {
    float: right;
}

#header .web .part-bottom {
    height: 66px;
    line-height: 66px;
    /* box-shadow: 0 4px 8px rgb(0 0 0 / 25%); */
}

#header .web .logo {
    float: left;
    height: inherit;
    line-height: inherit;
    width: 12.14%;
}

#header .web .logo img {
    height: 100%;
    width: auto;
    vertical-align: middle;
}

#header .web .right {
    float: right;
    height: inherit;
    line-height: inherit;
}

#header .web .right .nav-box,
#header .web .right .lang,
#header .web .right .shop-box {
    display: inline-block;
    vertical-align: top;
    height: inherit;
    line-height: inherit;
}

    #header .web .right .nav-box a {
        font-size: 16px;
        color: #333;
        font-weight: normal;
        vertical-align: middle;
        margin-right: 70px;
    }

#header .web .right .nav-box a:last-child {
    margin-right: 0;
}

#header .web .right .nav-box a:hover,
#header .web .right .nav-box a.active {
    color: #2a71b9;
}

#header .web .right .tel {
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

#header .web .right .lang {
    position: relative;
    margin-right: 0.75em;
    width: 6.25em;
}

#header .web .right .lang a {
    line-height: 2.5em;
    height: 2.5em;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    white-space: nowrap;
}

#header .web .right .lang a.slide {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    background-color: #343434;
    display: none;
}

#header .web .right .lang:hover a.slide {
    display: block;
}

#header .web .right .lang a img {
    vertical-align: middle;
}

#header .web .right .lang a img.icon {
    width: 1.375em;
}

#header .web .right .lang a img.tri {
    width: 0.75em;
}

#header .web .right .lang a span {
    margin-left: 0.7em;
    margin-right: 0.6em;
    font-size: 0.875em;
    color: #c0c0c0;
    vertical-align: middle;
}

#header .web .right .shop-box {
    position: relative;
    cursor: pointer;
}

#header .web .right .shop-box .cursor {
    height: 2.5em;
    line-height: 2.5em;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}

#header .web .right .shop-box .cursor span {
    color: #fff;
}

#header .web .right .shop-box .icon {
    vertical-align: middle;
    width: 1.4375em;
    margin-right: 0.5em;
}

#header .web .right .shop-box span {
    font-size: 1em;
    color: #c0c0c0;
    vertical-align: middle;
    margin: 0 0.5em;
}

#header .web .right .shop-box .tri {
    width: 0.75em;
    vertical-align: middle;
}

    #header .web .right .shop-box .slide-box {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 52;
        /*background-color: #719ac9;*/
        line-height: 1;
        display: none;
    }

#header .web .right .shop-box:hover .slide-box {
    display: block;
}

#header .web .right .shop-box .slide-box a {
    display: block;
    text-align: center;
    padding: 0.25em 0;
    width:100%;
    height:30px;
}
    #header .web .right .shop-box .slide-box :hover{
        background-color:#719ac9;
        color:white;
    }

#header .web .right .shop-box .slide-box a img {
    width: 1.25em;
    margin-right: 0.875em;
    vertical-align: middle;
}

#header .web .right .shop-box .slide-box a span {
    margin: 0;
    font-size: 0.875em;
    vertical-align: middle;
}

#header .sub-nav {
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    z-index: 51;
    background-color: #fafafa;
    text-align: center;
    padding: 1% 0;
    display: none;
    line-height: 1;
}

#header .sub-nav.pro ，#header .sub-nav.dianti_nav {
    background: #fff;
}

#header .sub-nav.pro ul li img,
#header .sub-nav.dianti_nav ul li img {
    border-radius: 10px;
    overflow: hidden;
}



#header .sub-nav.pro ul,
#header .sub-nav.dianti_nav ul {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}


/* #header .sub-nav.pro ul li {
    width: 20%;
    float: left;
    vertical-align: top;
    text-align: center;
    position: relative;
    background: url(./daohang_line.png) right top no-repeat;
} */


/* #header .sub-nav.pro ul li:nth-child(5n) {
    background: none;
}

#header .sub-nav.pro ul li:nth-child(1),
#header .sub-nav.pro ul li:nth-child(2),
#header .sub-nav.pro ul li:nth-child(3),
#header .sub-nav.pro ul li:nth-child(4),
#header .sub-nav.pro ul li:nth-child(5) {
    margin-bottom: 1%;
} */


/* #header .sub-nav.pro ul li:hover,#header .sub-nav.pro ul li.active{
	background-color: #fff;
} */


/* #header .sub-nav.pro ul li img {
    width: 50%;
} */


/* #header .sub-nav.pro ul li .img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -25%;
} */


/* #header .sub-nav.pro ul li p {
    font-size: 1em;
    color: #000;
    position: absolute;
    left: 0;
    width: 100%;
    top: 70.6%;
    margin-top: 0.8em;
} */


/* #header .sub-nav.pro ul li h6 {
    font-size: 0.875em;
    color: #ff672b;
    font-weight: 100;
} */


/* #header .sub-nav.pro .part2 {
    width: 14.5%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
} */


/* #header .sub-nav.pro .part2 img {
    width: 100%;
} */


/* #header .sub-nav.pro .part2 p {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 8%;
    font-size: 1.5em;
    color: #000000;
    font-weight: bold;
} */

#header .sub-nav .inner1 ul li:hover {
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
    transition: all .5s;
}

#header .sub-nav.serv .inner1 {
    -webkit-display: flex;
    -webkit-align-items: stretch;
    -webkit-justify-content: space-between;
    -moz-display: flex;
    -moz-align-items: stretch;
    -moz-justify-content: space-between;
    -ms-display: flex;
    -ms-align-items: stretch;
    -ms-justify-content: space-between;
    -o-display: flex;
    -o-align-items: stretch;
    -o-justify-content: space-between;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

#header .sub-nav.serv a {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 32%;
}

#header .sub-nav.serv a img {
    width: 100%;
}

#header .sub-nav.serv a p {
    font-size: 1.75em;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    -moz-display: flex;
    -moz-align-items: center;
    -moz-justify-content: center;
    -ms-display: flex;
    -ms-align-items: center;
    -ms-justify-content: center;
    -o-display: flex;
    -o-align-items: center;
    -o-justify-content: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#header .sub-nav.serv .line {
    width: 1px;
    background-color: #e3e3e3;
    display: inline-block;
    vertical-align: middle;
}

#header .sub-nav.cloud .inner1 {
    -webkit-display: flex;
    -webkit-align-items: stretch;
    -webkit-justify-content: space-between;
    -moz-display: flex;
    -moz-align-items: stretch;
    -moz-justify-content: space-between;
    -ms-display: flex;
    -ms-align-items: stretch;
    -ms-justify-content: space-between;
    -o-display: flex;
    -o-align-items: stretch;
    -o-justify-content: space-between;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

#header .sub-nav.cloud .line {
    width: 1px;
    background-color: #e3e3e3;
    display: inline-block;
    vertical-align: middle;
}

#header .sub-nav.cloud a {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 32%;
}

#header .sub-nav.cloud a img {
    width: 100%;
}

#header .sub-nav.cloud a .cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    -webkit-flex-direction: column;
    -moz-display: flex;
    -moz-align-items: center;
    -moz-justify-content: center;
    -moz-flex-direction: column;
    -ms-display: flex;
    -ms-align-items: center;
    -ms-justify-content: center;
    -ms-flex-direction: column;
    -o-display: flex;
    -o-align-items: center;
    -o-justify-content: center;
    -o-flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#header .sub-nav.cloud a .cover img {
    width: auto;
    height: 5em;
    margin-bottom: 0.875em;
}

#header .sub-nav.cloud a .cover p {
    font-size: 1.25em;
    color: #f6f6f6;
}

#header .sub-nav.about .inner1,
#header .sub-nav.news .inner1 {
    -webkit-display: flex;
    -webkit-align-items: stretch;
    -webkit-justify-content: space-between;
    -moz-display: flex;
    -moz-align-items: stretch;
    -moz-justify-content: space-between;
    -ms-display: flex;
    -ms-align-items: stretch;
    -ms-justify-content: space-between;
    -o-display: flex;
    -o-align-items: stretch;
    -o-justify-content: space-between;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

#header .sub-nav.about a,
#header .sub-nav.news a {
    width: 32%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

#header .sub-nav.about a img,
#header .sub-nav.news a img {
    width: 100%;
}

#header .sub-nav.about a p,
#header .sub-nav.news a p {
    font-size: 1.75em;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    -moz-display: flex;
    -moz-align-items: center;
    -moz-justify-content: center;
    -ms-display: flex;
    -ms-align-items: center;
    -ms-justify-content: center;
    -o-display: flex;
    -o-align-items: center;
    -o-justify-content: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#header .sub-nav.about .line,
#header .sub-nav.news .line {
    width: 1px;
    background-color: #e3e3e3;
    display: inline-block;
    vertical-align: middle;
}

#header .sub-nav.pingban {
    /* text-align: left;
    padding: 2% 0; */
}

#header .sub-nav.pingban .inner1 {
    /* -webkit-display: flex;
    -webkit-align-items: flex-start;
    -webkit-justify-content: space-between;
    -webkit-flex-direction: row;
    -moz-display: flex;
    -moz-align-items: flex-start;
    -moz-justify-content: space-between;
    -moz-flex-direction: row;
    -ms-display: flex;
    -ms-align-items: flex-start;
    -ms-justify-content: space-between;
    -ms-flex-direction: row;
    -o-display: flex;
    -o-align-items: flex-start;
    -o-justify-content: space-between;
    -o-flex-direction: row;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row; */
}

#header .sub-nav.pingban .goodview {
    /* width: 100%; */
}

#header .sub-nav.pingban .philips {
    /* width: 34.7%; */
}

#header .sub-nav.pingban h5 {
    /* font-size: 0.875em;
    color: #424242;
    font-weight: normal;
    margin-bottom: 2em; */
}

#header .sub-nav.pingban li {
    /* display: inline-block;
    vertical-align: top;
    text-align: center; */
}

#header .sub-nav.pingban .goodview li {
    /* margin-right: 6.125%; */
    /* width: 14.28%;
    float: left;
    background: url(./daohang_line.png) right top no-repeat; */
}

#header .sub-nav.pingban .goodview li:last-child {
    /* background: none; */
}

#header .sub-nav.pingban .philips li {
    /* margin-right: 10.7%;
    width: 44.65%; */
}

#header .sub-nav.pingban li:nth-child(1),
#header .sub-nav.pingban li:nth-child(2),
#header .sub-nav.pingban li:nth-child(3) {
    /* margin-bottom: 4.18%; */
}

#header .sub-nav.pingban li:nth-child(4n) {
    /* margin-right: 0; */
}

#header .sub-nav.pingban li:last-child {
    /* margin-right: 0; */
}

#header .sub-nav.pingban li img {
    /* margin-bottom: 1.25em;
    width: 70%; */
}

#header .sub-nav.pingban li p {
    /* font-size: 1em;
    color: #2a2a2b;
    margin-bottom: 0.6em; */
}

#header .sub-nav.pingban li h5 {
    /* font-size: 0.875em;
    color: #ff672b; */
}

#header .sub-nav.solution {
    padding: 0;
    text-align: left;
}

#header .sub-nav.solution .inner1 {
    background-color: #fbfbfb;
    display: flex;
}

#header .sub-nav.solution .list {
    width: 40%;
    display: inline-block;
    vertical-align: middle;
}

#header .sub-nav.solution .list a {
    display: block;
    margin-bottom: 0.625em;
    font-size: 1em;
    color: #656565;
    line-height: 2.5em;
    height: 2.5em;
    padding-left: 8em;
    position: relative;
}

#header .sub-nav.solution .list a:last-child {
    margin-bottom: 0;
}

#header .sub-nav.solution .list a:hover {
    background-color: #fd6b0a;
    color: #fff;
}

#header .sub-nav.solution .list a p {
    font-size: inherit;
    color: inherit;
    display: inline-block;
}

#header .sub-nav.solution .list a .icon {
    position: absolute;
    left: 3.25em;
    top: 50%;
    height: 1.5em;
    margin-top: -0.75em;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
}
    #header .sub-nav.solution .list a:nth-child(1) .icon {
        background-image: url(../ICON/header_sub_solution_icon3.png);
    }


    #header .sub-nav.solution .list a:nth-child(2) .icon {
        background-image: url(../ICON/header_sub_solution_icon2.png);
    }


    #header .sub-nav.solution .list a:nth-child(3) .icon {
        background-image: url(../ICON/header_sub_solution_icon4.png);
    }

    #header .sub-nav.solution .list a:nth-child(4) .icon {
        background-image: url(../ICON/header_sub_solution_icon5.png);
    }

    #header .sub-nav.solution .list a:nth-child(5) .icon {
        background-image: url(../ICON/header_sub_solution_icon6.png);
    }

#header .sub-nav.solution .list a .iconfont {
    font-size: 18px;
    color: #1a0606;
}

#header .sub-nav.solution .list a:hover .iconfont {
    color: #2a71b9;
}

#header .sub-nav.solution .list a .icon-bofang {
    margin-left: 10%;
}





#header .sub-nav.solution .img-box {
    width: 48.8%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

#header .sub-nav.solution .img-box img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

#header .sub-nav.solution .img-box img.active {
    opacity: 1;
}

#header .sub-nav.solution .img-box img.bg {
    position: static;
    display: block;
}


/* 新增 */

#header .sub-nav.pro,
#header .sub-nav.dianti_nav {
    padding: 1em 0 1em 0;
}

#header .sub-nav.pro ul,
#header .sub-nav.dianti_nav ul {
    text-align: center;
}

#header .sub-nav.pro ul li,
#header .sub-nav.dianti_nav ul li {
    display: inline-block;
    padding: 2em;
}

#header .sub-nav.pro ul li p,
#header .sub-nav.dianti_nav ul li p {
    font-size: 1em;
    color: #000;
    margin-top: 1em;
}


/* 底部 */

#footer {
    background-color: #f2f2f2;
    position: relative;
}

#footer .left-part {
    width: 48%;
}

#footer .right-part {
    width: 51.7%;
    border-left: 1px solid #656565;
    text-align: right;
    display: flex;
    justify-content: space-between;
    padding-left: 50px;
}

#footer .inlinebox {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#footer .top-part {
    padding: 2.92% 0 5.73%;
}

#footer .inner1.flex {
    -webkit-display: flex;
    -webkit-align-items: flex-start;
    -webkit-justify-content: space-between;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-display: flex;
    -moz-align-items: flex-start;
    -moz-justify-content: space-between;
    -moz-flex-direction: row;
    -moz-flex-wrap: wrap;
    -ms-display: flex;
    -ms-align-items: flex-start;
    -ms-justify-content: space-between;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    -o-display: flex;
    -o-align-items: flex-start;
    -o-justify-content: space-between;
    -o-flex-direction: row;
    -o-flex-wrap: wrap;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

#footer .nav-box {
    display: inline-block;
    vertical-align: top;
    margin-right: 21.83%;
}

#footer .nav-box:last-child {
    margin-right: 0;
}

#footer .nav-box h5 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-bottom: 2.125em;
}

#footer .nav-box a {
    font-size: 14px;
    color: #464242;
    margin-bottom: 1.143em;
    display: block;
}

#footer .nav-box a:last-child {
    margin-bottom: 0;
}

#footer .gongzhongbox {
    text-align: center;
    margin-left: 10%;
}

#footer .gongzhongbox img {
    margin-bottom: 9%;
}

#footer .gongzhongbox p {
    font-size: 14px;
    color: #333;
}

#footer .tel-box {
    margin-bottom: 8px;
}

#footer .tel-box h5 {
    font-size: 16px;
    color: #333;
    font-weight: normal;
    margin-bottom: 30px;
}

#footer .tel-box p {
    font-size: 14px;
    color: #464242;
    line-height: 2.14;
}

#footer .tel-box p.last {
    margin-bottom: 10px;
}

#footer .tel-box p span:first-child {
    margin-right: 1em;
}

#footer .tel-box p b {
    font-size: 1.143em;
}

#footer .tel-box a {
    display: inline-block;
    vertical-align: top;
    width: 157px;
    height: 24px;
    line-height: 20px;
    background-color: #d3d3d3;
    border-radius: 12px;
    text-align: center;
}

#footer .tel-box a img {
    vertical-align: middle;
    margin-right: 10px;
}

#footer .tel-box a span {
    vertical-align: middle;
    font-size: 12px;
    color: #2b2b2b;
    font-weight: bold;
}

#footer .link-box a {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    font-size: 0;
    opacity: 0.3;
}

#footer .link-box a img {
    vertical-align: top;
}

#footer .link-box a.wechat {
    background-image: url(./footer_link_icon1.png);
    position: relative;
}

#footer .link-box a.ins {
    background-image: url(./footer_link_icon2.png);
}

#footer .link-box a.weibo {
    background-image: url(./footer_link_icon3.png);
}

#footer .link-box a.fb {
    background-image: url(./footer_link_icon4.png);
}

#footer .link-box a.tt {
    background-image: url(./footer_link_icon5.png);
}

#footer .link-box a:last-child {
    margin-right: 0;
}

#footer .link-box a:hover {
    background-position: center bottom;
    opacity: 1;
}

#footer .link-box a .qr-box {
    position: absolute;
    left: 50%;
    margin-left: -70px;
    bottom: 100%;
    margin-bottom: 8px;
    display: none;
}

#footer .link-box a:hover .qr-box {
    display: block;
}

#footer .link-box a .qr-box .ewm {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 85%;
    padding-bottom: 5%;
}

#footer .bottom-part {
    background-color: #eaeaea;
    text-align: center;
}

#footer .bottom-part .inner1 {
    height: 60px;
    -webkit-display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    -webkit-flex-direction: row;
    -moz-display: flex;
    -moz-align-items: center;
    -moz-justify-content: center;
    -moz-flex-direction: row;
    -ms-display: flex;
    -ms-align-items: center;
    -ms-justify-content: center;
    -ms-flex-direction: row;
    -o-display: flex;
    -o-align-items: center;
    -o-justify-content: center;
    -o-flex-direction: row;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

#footer .bottom-part .copyright {
    font-size: 12px;
    color: #333;
    font-weight: 500;
}

#footer .bottom-part .copyright a {
    font-size: inherit;
    color: inherit;
}

#footer .bottom-part .relate-link-box a {
    font-size: 12px;
    color: #333;
    font-weight: 500;
    margin-left: 1em;
}

#footer .bottom-part .relate-link-box a:first-child {
    margin-left: 0;
}


/* 在线客服 */

#fixedright {
    position: fixed;
    right: 0;
    top: 60%;
    z-index: 51;
    text-align: right;
    width: 50px;
}

#fixedright .kf,
#fixedright .totop,
#fixedright .popbox,
#fixedright .weixin {
    background-color: #2a71b9;
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: block;
}

#fixedright .kf img,
#fixedright .totop img {
    vertical-align: middle;
    width: 61.4%;
}

#fixedright .popbox img,
#fixedright .weixin img {
    vertical-align: middle;
    width: 48%;
}

#fixedright .totop img {
    width: 44%;
}

#fixedright .tel,
#fixedright .kf {
    margin: 2px 0;
}

#fixedright .popbox {
    margin-bottom: 2px;
}

#fixedright .tel.web {
    display: block;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#fixedright .tel.web:hover {
    transform: translateX(-172px);
}

#fixedright .tel.mobile {
    display: none;
}

#fixedright .tel .icon {
    display: inline-block;
    vertical-align: top;
    background-color: #2a71b9;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer;
}

#fixedright .tel .icon img {
    vertical-align: middle;
    width: 54%;
}

#fixedright .tel .word {
    font-size: 20px;
    color: #fff;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    vertical-align: top;
    width: 172px;
    margin-left: 2px;
    background-color: #2a71b9;
    text-align: center;
    position: absolute;
    left: 100%;
    top: 0;
}

#fixedright .weixin {
    position: relative;
}

#fixedright .weixin .qr-box {
    position: absolute;
    right: 150%;
    top: 50%;
    width: 348%;
    padding: 24%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #2b71b9;
    border-radius: 5px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    line-height: 1;
    display: none;
}

#fixedright .weixin:hover .qr-box {
    display: block;
}

#fixedright .weixin .qr-box img {
    width: 100%;
    border-radius: 5px;
}

#fixedright .weixin .qr-box .tri {
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -12px;
    border-style: solid;
    border-color: transparent transparent transparent #2b71b9;
    border-width: 12px 0 12px 12px;
}


/*手机端导航*/

#sidenav {
    display: none;
}


/*留言框*/

#liuyan {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 60;
    display: none;
}

#liuyan.active {
    display: block;
}

#liuyan .flex-box {
    width: 100%;
    height: 100%;
    -webkit-display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    -moz-display: flex;
    -moz-align-items: center;
    -moz-justify-content: center;
    -ms-display: flex;
    -ms-align-items: center;
    -ms-justify-content: center;
    -o-display: flex;
    -o-align-items: center;
    -o-justify-content: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#liuyan .liuyan-box {
    background-color: #fff;
    border-radius: 5px;
    width: 600px;
    max-width: 75%;
    position: relative;
    display: none;
}

#liuyan .liuyan-box.active {
    display: block;
}

#liuyan .liuyan-box .close {
    display: block;
    width: 17px;
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 10px;
}

#liuyan .liuyan-box.form {
    text-align: center;
    padding: 2.3% 0 2.7%;
}

#liuyan .liuyan-box.form ul,
#liuyan .liuyan-box.form h3,
#liuyan .liuyan-box.form textarea {
    width: 83%;
    margin: 0 auto;
}

#liuyan .liuyan-box.form ul li {
    text-align: left;
    margin-bottom: 20px;
}

#liuyan .liuyan-box.form ul li:last-child {
    margin-bottom: 0;
}

#liuyan .liuyan-box.form ul li .icon {
    vertical-align: middle;
    width: 3.65%;
    margin-right: 4.35%;
}

#liuyan .liuyan-box.form ul li .text-box {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
    position: relative;
}

#liuyan .liuyan-box.form ul li .text-box p {
    font-size: 16px;
    color: #222222;
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    left: 20px;
}

#liuyan .liuyan-box.form ul li .text-box input {
    width: 100%;
    height: 48px;
    line-height: 46px;
    border: 1px solid #f6f6f6;
    background-color: #f6f6f6;
    border-radius: 5px;
    padding-left: 72px;
    padding-right: 20px;
    font-size: 14px;
    color: #999;
    box-shadow: 0 none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

#liuyan .liuyan-box.form ul li .text-box input:focus {
    border-color: #1f74af;
    background-color: #fff;
    color: #1f74af;
}

#liuyan .liuyan-box.form h3 {
    margin: 5.33% auto 3.33%;
    position: relative;
}

#liuyan .liuyan-box.form h3 .line {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    background-color: rgba(0, 0, 0, 0.05);
    height: 1px;
}

#liuyan .liuyan-box.form h3 span {
    font-size: 18px;
    color: #222;
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
    padding: 0 1em;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

#liuyan .liuyan-box.form textarea {
    resize: none;
    border: 0 none;
    padding: 0;
    background-color: #f6f6f6;
    border: 1px solid #f6f6f6;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 14px;
    color: #999;
    line-height: 1.5;
    height: calc(6em + 20px);
    box-shadow: 0 none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

#liuyan .liuyan-box.form textarea:focus {
    background-color: #fff;
    border-color: #1f74af;
    color: #1f74af;
}

#liuyan .liuyan-box.form .submit {
    display: block;
    margin: 6.666% auto 0;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background-color: #1f74af;
    width: 176px;
    height: 46px;
    line-height: 46px;
    border-radius: 5px;
}

#liuyan .liuyan-box.success {
    padding: 3% 0 3.8%;
    text-align: center;
}

#liuyan .liuyan-box.success .img {
    width: 38.666%;
}

#liuyan .liuyan-box.success h3 {
    font-size: 28px;
    color: #001668;
    font-weight: bold;
    margin-top: 1em;
}

#liuyan .liuyan-box.success p {
    font-size: 16px;
    color: #999;
    margin-top: 1em;
}

@media only screen and (max-width:1530px) {
    #header .web .part-top .left h5.second {
        margin-left: 0px;
        display: none;
    }
}

@media only screen and (max-width:1440px) {
    #header .web .right .nav-box a {
        font-size: 20px;
    }

    #header .web .part-top .left h5 {
        font-size: 14px;
    }
}

@media only screen and (max-width:1366px) {
    #header .web .right .nav-box a {
        margin-right: 30px;
    }

    /* #header .sub-nav.pro ul li:nth-child(1),#header .sub-nav.pro ul li:nth-child(2),#header .sub-nav.pro ul li:nth-child(3),#header .sub-nav.pro ul li:nth-child(4){
		margin-bottom: 2.5%;
	} */
    /* #header .sub-nav.pro ul li:nth-child(1), #header .sub-nav.pro ul li:nth-child(2), #header .sub-nav.pro ul li:nth-child(3), #header .sub-nav.pro ul li:nth-child(4), #header .sub-nav.pro ul li:nth-child(5){
		margin-bottom: 2.5%;
	} */
    #header .web .part-top .left h5 {
        font-size: 12px;
    }

    #header .web .part-top .left h5 span {
        font-size: 10px;
    }

    #header .web .part-top .left h5.second {
        margin-left: 10px;
    }

    #footer .tel-box p span {
        display: block;
    }

    #footer .tel-box p span:first-child {
        margin-right: 0;
    }
}

@media only screen and (max-width:1200px) {
    #header .web .right .nav-box a {
        margin-right: 20px;
    }

    #header .web .part-top .left h5 {
        font-size: 10px;
    }

    #header .web .part-top .left h5 span {
        font-size: 8px;
    }

    #header .web .part-top .left h5.second {
        margin-left: 5px;
    }

    #header .web .right .tel {
        font-size: 10px;
    }

    #header .web .right .lang {
        margin: 0 1.5em;
    }
}

@media only screen and (max-width:1050px) {
    #header .web .right .lang {
        margin: 0 1em;
    }
}

@media only screen and (max-width:1023px) {

    /*html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;font-size: 16px;}
	body{
		 font-size: 62.5%;
	}*/
    .mobile {
        display: inline-block;
    }

    .web {
        display: none;
    }

    .inner {
        max-width: 92%;
    }

    .inner2 {
        max-width: 92%;
    }

    #main {
        margin-top: 3.75em;
    }

    /* 头部 */
    #header {
        font-size: inherit;
    }

    #header.hide {
        top: -3.75em;
    }

    #header .mobile {
        width: 100%;
    }

    #header .mobile .inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        -webkit-display: flex;
        -webkit-align-items: center;
        -webkit-justify-content: space-between;
        -moz-display: flex;
        -moz-align-items: center;
        -moz-justify-content: space-between;
        -ms-display: flex;
        -ms-align-items: center;
        -ms-justify-content: space-between;
        -o-display: flex;
        -o-align-items: center;
        -o-justify-content: space-between;
        height: 3.75em;
    }

    #header .mobile .lang {
        position: relative;
    }

    #header .mobile .lang .icon {
        width: 1.3125em;
    }

    #header .mobile .lang .slide-box {
        border: 1px solid #ebebeb;
        border-radius: 0.125em;
        padding: 0.1875em 0;
        position: absolute;
        left: 50%;
        width: 1.875em;
        margin-left: -0.9375em;
        top: 1.8125em;
        background-color: #fff;
        text-align: center;
        display: none;
    }

    #header .mobile .lang.active .slide-box {
        display: block;
    }

    #header .mobile .lang .slide-box .tri {
        width: 0.75em;
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -0.375em;
    }

    #header .mobile .lang .slide-box a {
        display: block;
        font-size: 0.75em;
        color: #5d5d5d;
        line-height: 1.5;
    }

    #header .mobile .lang .slide-box a.now {
        cursor: default;
        opacity: 0.42;
    }

    #header .mobile .logo {
        width: 13.875em;
    }

    #header .mobile .menu {
        width: 1.34375em;
    }

    /* 底部 */
    #footer .top-part {
        padding: 1.75em 0 3.4375em;
    }

    #footer .left-part {
        width: 100%;
        margin-bottom: 2em;
    }

    #footer .right-part {
        width: 100%;
        border-left: 0 none;
        text-align: left;
        padding-left: 0;
    }

    #footer .nav-box {
        display: inline-block;
        vertical-align: top;
        margin-right: 21.83%;
    }

    #footer .nav-box h5 {
        font-size: 0.8em;
        color: 333;
        font-weight: 500;
    }

    #footer .nav-box a {
        font-size: 0.625em;
        color: #888;
    }

    #footer .gongzhongbox {
        width: 25%;
    }

    #footer .gongzhongbox img {
        width: 100%;
    }

    #footer .gongzhongbox p {
        font-size: 0.625em;
    }

    #footer .tel-box {
        margin-bottom: 8px;
    }

    #footer .tel-box h5 {
        font-size: 0.875em;
        margin-bottom: 1.875em;
    }

    #footer .tel-box p {
        font-size: 0.625em;
    }

    #footer .tel-box p.last {
        margin-bottom: 0.7em;
    }

    #footer .link-box {
        display: flex;
        align-items: flex-start;
        justify-content: space-around;
        -webkit-display: flex;
        -webkit-align-items: flex-start;
        -webkit-justify-content: space-around;
        -moz-display: flex;
        -moz-align-items: flex-start;
        -moz-justify-content: space-around;
        -ms-display: flex;
        -ms-align-items: flex-start;
        -ms-justify-content: space-around;
        -moz-display: flex;
        -moz-align-items: flex-start;
        -moz-justify-content: space-around;
    }

    #footer .link-box a {
        margin-right: 0;
        font-size: inherit;
        opacity: 1;
    }

    #footer .link-box a .icon {
        width: 1.6875em;
    }

    #footer .link-box a .qr-box {
        margin-left: -35px;
        margin-bottom: 4px;
        width: 70px;
    }

    #footer .link-box a .qr-box .bg {
        width: 100%;
    }

    #footer .bottom-part .inner1 {
        height: 4em;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
    }

    #footer .bottom-part .copyright {
        font-size: 0.5em;
    }

    #footer .bottom-part .relate-link-box {
        display: none;
    }

    /* 在线客服 */
    #fixedright {
        right: 1px;
        width: 2.1875em;
    }

    #fixedright .totop {
        display: none;
    }

    #fixedright .kf,
    #fixedright .totop,
    #fixedright .popbox,
    #fixedright .weixin {
        height: 2.1875em;
        line-height: 2.1875em;
        border-top-left-radius: 0.15625em;
        border-bottom-left-radius: 0.15625em;
    }

    #fixedright .tel,
    #fixedright .kf {
        margin: 1px 0;
    }

    #fixedright .popbox {
        margin-bottom: 1px;
    }

    #fixedright .tel.web {
        display: none;
    }

    #fixedright .tel.mobile {
        display: block;
    }

    #fixedright .tel .icon {
        width: 2.1875em;
        height: 2.1875em;
        line-height: 2.1875em;
        border-top-left-radius: 0.15625em;
        border-bottom-left-radius: 0.15625em;
    }

    #fixedright .weixin .qr-box .tri {
        margin-top: -6px;
        border-width: 6px 0 6px 6px;
    }

    /*手机端导航*/
    #sidenav {
        display: block;
        position: fixed;
        top: 0;
        left: -100%;
        z-index: 53;
        width: 100%;
        height: 100%;
        background-color: #fff;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        overflow: hidden;
    }

    #sidenav.active {
        left: 0;
    }

    #sidenav .top-part {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 0.3125em 0.625em rgba(0, 0, 0, 0.1);
    }

    #sidenav .top-part .inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        -webkit-display: flex;
        -webkit-align-items: center;
        -webkit-justify-content: space-between;
        -moz-display: flex;
        -moz-align-items: center;
        -moz-justify-content: space-between;
        -ms-display: flex;
        -ms-align-items: center;
        -ms-justify-content: space-between;
        -o-display: flex;
        -o-align-items: center;
        -o-justify-content: space-between;
        height: 3.75em;
    }

    #sidenav .top-part .lang {
        width: 1.3125em;
    }

    #sidenav .top-part .logo {
        width: 13.875em;
    }

    #sidenav .top-part .close {
        width: 1.09375em;
    }

    #sidenav .nav-box {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        padding-top: 3.75em;
    }

    #sidenav .nav-box .inner {
        padding: 0.3125em 0 2.1875em;
    }

    #sidenav .nav-box .box {
        border-bottom: 1px solid rgba(149, 149, 149, 0.3);
    }

    #sidenav .nav-box .box .title {
        display: block;
        position: relative;
        padding: 0.9375em 0;
    }

    #sidenav .nav-box .box.active .title {
        margin-bottom: -0.625em;
    }

    #sidenav .nav-box .box .title span {
        font-size: 0.9375em;
        color: #333;
        font-weight: bold;
    }

    #sidenav .nav-box .box.active .title span {
        color: #2a71b9;
    }

    #sidenav .nav-box .box .title .plus {
        width: 0.75em;
        height: 0.75em;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -0.375em;
    }

    #sidenav .nav-box .box .title .plus div {
        position: absolute;
        background-color: #333;
    }

    #sidenav .nav-box .box .title .plus .hor {
        width: 100%;
        height: 0.125em;
        top: 50%;
        margin-top: -0.0625em;
        left: 0;
    }

    #sidenav .nav-box .box .title .plus .ver {
        width: 0.125em;
        height: 100%;
        top: 0;
        left: 50%;
        margin-left: -0.0625em;
    }

    #sidenav .nav-box .box.active .title .plus .ver {
        display: none;
    }

    #sidenav .nav-box .box ul {
        padding-left: 1.5em;
        display: none;
        margin-bottom: 0.3125em;
    }

    #sidenav .nav-box .box li {
        border-bottom: 1px solid rgba(149, 149, 149, 0.3);
    }

    #sidenav .nav-box .box li:last-child {
        border-bottom: 0 none
    }

    #sidenav .nav-box .box li a {
        display: block;
        padding: 0.9375em 0;
    }

    #sidenav .nav-box .box li a span {
        font-size: 0.8125em;
        color: #000;
        font-weight: bold;
    }

    #sidenav .nav-box .box li a img {
        vertical-align: middle;
        width: 1.09375em;
        margin-right: 0.3125em;
    }

    #sidenav .shop-box {
        margin-top: 1.875em;
        -webkit-display: flex;
        -webkit-align-items: flex-start;
        -webkit-justify-content: space-between;
        -moz-display: flex;
        -moz-align-items: flex-start;
        -moz-justify-content: space-between;
        -ms-display: flex;
        -ms-align-items: flex-start;
        -ms-justify-content: space-between;
        -o-display: flex;
        -o-align-items: flex-start;
        -o-justify-content: space-between;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    #sidenav .shop-box a {
        text-align: center;
    }

    #sidenav .shop-box img {
        margin-bottom: 0.875em;
        width: 1.6875em;
    }

    #sidenav .shop-box p {
        font-size: 0.9375em;
        color: #000;
        font-weight: bold;
    }

    /*留言框*/
    #liuyan .liuyan-box {
        border-radius: 0.156625em;
    }

    #liuyan .liuyan-box .close {
        width: 0.5625em;
        margin-left: 0.3125em;
    }

    #liuyan .liuyan-box.form {
        padding: 4.6% 0 5.4%;
    }

    #liuyan .liuyan-box.form ul li {
        margin-bottom: 0.625em;
    }

    #liuyan .liuyan-box.form ul li .icon {
        width: 10%;
        margin-right: 5%;
    }

    #liuyan .liuyan-box.form ul li .text-box {
        width: 85%;
    }

    #liuyan .liuyan-box.form ul li .text-box p {
        font-size: 0.875em;
        left: 1.25em;
    }

    #liuyan .liuyan-box.form ul li .text-box input {
        height: 2.8em;
        line-height: 2.7em;
        border-radius: 2.5px;
        padding-left: 4em;
        padding-right: 1.4em;
        font-size: 0.875em;
    }

    #liuyan .liuyan-box.form h3 span {
        font-size: 0.875em;
    }

    #liuyan .liuyan-box.form textarea {
        border-radius: 2.5px;
        padding: 0.7em 1.4em;
        font-size: 0.875em;
        height: calc(6em + 1.4em);
    }

    #liuyan .liuyan-box.form .submit {
        font-size: 0.875em;
        width: 9.8em;
        height: 2.5em;
        line-height: 2.5em;
        border-radius: 2.5px;
    }

    #liuyan .liuyan-box.success {
        padding: 6% 0 7%;
    }

    #liuyan .liuyan-box.success h3 {
        font-size: 1.75em;
    }

    #liuyan .liuyan-box.success p {
        font-size: 1em;
    }
}

@media only screen and (max-width:768px) {
    #footer .gongzhongbox {
        margin-left: 4%;
    }
}

@media screen and (max-width: 1024px) {
    #fye31 .box .fye {
        font-size: 16px;
        line-height: 22px;
        padding: 5px;
    }

    #fye31 .box .fye1 {
        padding: 5px 13px;
    }
}

#bigvideo {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.55);
    top: 0;
    display: none;
    z-index: 13;
    align-items: center;
    justify-content: center;
}

    #bigvideo .video00 {
        width: 50%;
        height: auto;
        left: 0;
        right: 0;
        top: 0px;
        z-index: 13;
        cursor: pointer;
        align-items: center;
        justify-content: center;
    }

@media screen and (max-width: 540px) {
    #bigvideo .video00 {
        width: 95%;
    }
}