@charset "utf-8";
body{ margin: 0; padding: 0; font-size: 14px; -webkit-text-size-adjust: none; background: #0c120e; font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; overflow-x: hidden;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight: normal;}
*{ outline: none;}
img{ border: 0;}
ol,ul{ list-style: none;}
a{ font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; text-decoration: none; cursor: pointer;}

#wrap{ position: relative; overflow: hidden; width: 100%; max-width: 1920px; margin: 0 auto; background: url(../images/bg.jpg) no-repeat center top;}
/* head */
.head-box{ position: relative; height: 1037px;}
.logo{ position: absolute; left: 20px; top: 20px;}
.slogan{ position: absolute; left: 50%; top: 650px; transform: translate(-50%,0);}
/* body */
.body-box{ padding-bottom: 254px;}
.view-list{ overflow: hidden; width: 1284px; margin: 0 auto;}
.view-list li{ float: left; width: 614px; height: 457px; margin: 0 14px 20px;}
.view-list li .view-img{ display: block; width: 100%;}
.btn-pop-cont{ cursor: pointer;}
/* pop */
.pop-fixed{ display: none; position: fixed; left: 0; top: 0; z-index: 101; width: 100%; height: 100%; background: rgba(0,0,0,.8);}
.pop-bg{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.icon-close{ position: absolute; right: 12px; top: 0; width: 54px; height: 54px; background: url(../images/icon-close.png) no-repeat; cursor: pointer;}
/* pop-cont */
.pop-cont-bg{ width: 1317px; height: 853px; background: url(../images/pop-cont-bg.png) no-repeat;}
.cont-t{ overflow: hidden; width: 880px; height: 114px; margin: 0 auto; font-size: 32px; line-height: 130px; color: #fff; text-align: center; border-bottom: 1px dashed #1d7756;}
.cus-scroll{ overflow-x: hidden; overflow-y: auto;}
.cus-scroll::-webkit-scrollbar{ width: 6px; background-color: #00f39a; border-radius: 6px;}
.cus-scroll::-webkit-scrollbar-thumb{ width: 6px; background-color: #1e2d27; border-radius: 6px;}
.cont-short,.cont-high{ width: 1000px; margin: 34px auto 0;}
.cont-short{ height: 552px;}
.cont-high{ height: 648px;}
.container{ width: 880px; margin: 0 auto;}
.container p{ font-size: 18px; line-height: 30px; color: #fff;}
.container img{ display: block; max-width: 100%; margin: 10px auto;}
.code-line{ width: 878px; height: 80px; margin: 16px auto 0; font-size: 24px; line-height: 80px; color: #fff; text-align: center; background: url(../images/code-line.png) no-repeat;}
.color-red{ color: #d23131;}