@charset "utf-8";

body,html{color:black;margin:0;height:100%;font-family:"Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;font-size:14px;overflow-x:hidden}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
img{border:0}
body{background:#fff;}
blockquote,body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
a{text-decoration:none;color:#fff}
button{outline:0}
img{border:0}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit;outline:0}
li{list-style:none}
hr{color:rgb(222,222,222)}
:root{--blue:rgb(46, 84, 255);}

/* Header */
.header-content{height:140px;position: relative;}
.header-content div{display:inline-block;position: absolute;top: 50%;transform: translateY(-50%);}
.header-content>div:nth-of-type(2){color:#7d7d7d;font-size:30px;font-weight:700;left:calc((100VW - 1024px) / 2 + 182px)}
.header-content>div:nth-of-type(3){right: calc(110px * 2 + 40px * 2 + 5%);}
.header-content>div:nth-of-type(4),.header-content>div:nth-of-type(5){text-align:center;}
.heihe-logo{left: calc((100VW - 1024px) / 2);}
.llyj-android-app-download-qrcode{right: calc(110px + 40px * 2);}
.llyj-ios-app-download-qrcode{right: 40px;}

@media only screen and (max-width:1100px){
:root{--haiheLogLeft:15px;--qrcodeMargin:15px}
.llyj-android-app-download-qrcode{right:calc(110px + var(--qrcodeMargin) * 2)}
.llyj-ios-app-download-qrcode{right:var(--qrcodeMargin)}
.header-content>div:nth-of-type(3){right:calc((110px + var(--qrcodeMargin)) * 2 + var(--qrcodeMargin))}
.header-content>div:nth-of-type(2){left:calc(var(--haiheLogLeft) + 182px)}
.heihe-logo{left:var(--haiheLogLeft)}
}
/* Header End */

.navigation{background-color:var(--blue);text-align:center;z-index:1;font-size: 0;}
.navigation a:hover{background-color:#fff;color:var(--blue)}
.navigation a{width:200px;height:50px;line-height:50px;text-align:center;display:inline-block;font-size:18px;cursor:pointer}

.pcb-product{position:relative}
.pcb-product:hover .pcb-product-list{display:block}
.pcb-product-list{display:none;position:absolute;width:200px;z-index:9}
.pcb-product-list>p{height:10px;text-align: center;}
.pcb-product-list>p{height:10px}
.pcb-product-list>ul{background-color:var(--blue)}
.pcb-product-list li{line-height:40px;color:#fff;text-align:center;font-size:14px}
.pcb-product-list li:hover{background-color:#2741af;cursor:pointer}
.arrow{width: 5px;margin:auto;border-width: 5px;border-style: solid;border-color:transparent transparent var(--blue) transparent;}

.slide{position:relative}
.slide img{transition:opacity 2S;width:100VW}
.slide img:nth-of-type(2){position:absolute;top:0;left:0;z-index:-1;opacity:0}
.slide a{--size:70px;position:absolute;top:calc(50% - var(--size));width:var(--size);height:var(--size);border-radius:6px;z-index:9;background:url(../img/left.png) no-repeat rgba(0,0,0,.1);cursor:pointer}
.slide a:hover{background:url(../img/left.png) no-repeat rgba(0,0,0,.3)}
.slide a.next{transform:rotateY(180deg);right:60px}
.slide a.prev{left:60px}

/* footer */
footer{background-color:#353535;color:#a9a9a9;text-align:center}
footer a{color:#a9a9a9}
footer a:hover{color:var(--blue)}
footer>img:first-child{--size:110px;margin-top:65px;width:var(--size);height:var(--size)}
footer>p:nth-of-type(1){color:#fff;font-size:16px;margin-top:25px;margin-bottom:70px;transition: transform 500ms ease;}
footer>div:first-of-type{padding-bottom:20px}
footer>div:last-child{text-align:left;background-color:#fff;text-indent:1em}

/* back to the top */
#back-to-top{position:fixed;right:calc(50px + 17px);bottom:50px;display: none;}

/*  */
aside{position:fixed;top:0;right:calc(17px - 200px);transition:1s right;z-index: 2;display:none;}
aside>div:first-child{position: relative;display:inline-block;background:#f2f2f2;width:200px;height:200px;text-align:center}
aside>div a{display: inline-block;line-height: 25px;padding-left: 25px;background-image: url(../img/qq.gif);background-repeat: no-repeat;background-position: 2px 2px;color: #666666;}
aside>div>p{margin: 8px 0;}
aside>div>div{position:absolute;top:0;transform:translate(-100%,50%);width:35px;background-color:#1e50ae;padding:10px;color:#fff;border-top-left-radius:3px;border-bottom-left-radius:3px}

/* common */
.preparing-animation{transform: translateY(300%);}
.text_indent {text-indent: -24px; padding-left: 24px;}