@charset "utf-8";
*{margin: 0;padding: 0;	border: none;box-sizing: border-box;}
html{width:100%;margin:0;padding:0;border:0;overflow: hidden;}
section{width:100%;overflow: hidden;}
#main { position: relative;top:0;}
#header .navbox{position: fixed;top:0;left: 0;z-index:11;height:71px;}

/* 第一屏 */
.banner_box{position:relative;width:100%;margin:0 auto; z-index:10;}
.banner_images{ position: absolute;	width:400%;}
.banner_images img{width:25%;height:100%;float: left;min-width: 1200px;}
.arrow{position: absolute;width:4rem;height:4rem;top: 80%;display: none;z-index: 15;}
#prev{left:10%; cursor: pointer;}
#next{right:10%; transform: rotateY(180deg);-o-transform: rotateY(180deg); cursor: pointer;}
.banner_box:hover .arrow{ display: block;}
.pageone_text {width:100%;}
.pageone_text > div{width:1200px;position: relative;/*top: 39%; */padding-top: 380px;z-index:8;text-align: center;margin:0 auto;}

.points{position: absolute;left: 50%;bottom: 10%;width: 100%;margin:0 auto;overflow: hidden}
.points li{	width: 10px;height: 10px;background: #fff;	float: left;list-style: none;border-radius: 50%;margin:3px;cursor: pointer;transition:all 1s ; -webkit-transition:all 1s ;}
.points li.point_on , #pageindicators li.point_on{	background: #C92027;transform: scale(1.1, 1.2); -webkit-transform: scale3d(1.1,1.2);}

.registerbtn {width: 100%}
.registerbtn #relbtn ,
.registerbtn #playbtn{letter-spacing: 1px;font-size:1.5rem;font-weight: bold;width:15rem;height:4.2rem;position: absolute;z-index:999;top:54.2rem;left:37%;color:#fff;
    border:1px solid #c12616;background-color:#c12616;border-radius: 0.5rem;cursor: pointer;transition:all 1s ; -webkit-transition:all 1s ;}
.registerbtn #relbtn:hover{transform: scale(1.1, 1.1); -webkit-transform: scale3d(1.1,1.1); background-color:transparent;}
.registerbtn #playbtn:hover{background-color:#c12616;transform: scale(1.1, 1.1); -webkit-transform: scale3d(1.1,1.1); }
.registerbtn #playbtn {background-color: transparent;border: 2px solid #c12616;margin-left:25rem;}
#pageindicators{position: fixed;left:97%;bottom: 10%;width: 100%;overflow: hidden;z-index:11;}
#pageindicators > li{width: 8px;height: 8px;background: #fff;list-style: none;border-radius: 50%;margin-bottom:1%;cursor: pointer;transition:all 1s ; -webkit-transition:all 1s ;}
#pageindicators > li.point_on{transform: scale(1.1, 1.2); -webkit-transform: scale3d(1.1,1.2); }
/* 侧边栏 */
.rz-aside img{position: fixed;right:0;top:10rem;margin-top:10%;cursor: pointer; display: inline-block;z-index:999;}
.rz-aside{top:35%;z-index:999;}
.telphone > span > img{animation: all .8s linear;-webkit-animation: all .8s linear infinite;}
#telsecondimg img{right:-16rem;}
.service img{top:18rem;}
.weixin img{top:26rem;}

/* 第二屏 */
#pagetwo{width:100%;background:url(../../images/page2bg.png) no-repeat top;position: relative;}
.pagetwo_content{width:1200px;margin:0 auto;color:#fff;}
.choosereason > p{width:19.2rem;font-size:23pt;font-weight:bold;text-align: center;color:#fff;padding-top:14%;margin:0 auto;
    border-bottom:0.2rem solid #fff;padding-bottom: 1rem; margin-bottom: 2%;}
ul.text{width:71%;margin:0 auto;padding-top:2rem;}
ul.text > li{font-size: 1.5em;list-style-type: disc;padding-bottom:1.67rem;}
ul.text > li:last-child{padding-bottom: 10px;}
ul.text > li > p {font-size: 1rem;line-height:2.5em;text-align: justify;}
.knownmorebtn img{padding-bottom: 5%;transition:transform 1s ; -webkit-transition:transform 1s}
.knownmorebtn img:hover{transform: scale(1.05, 1.05); -webkit-transform: scale(1.05,1.05)}
.knownmorebtn , .promise{width:100%;text-align: center;}
.promise {padding-top:30px;}

/*第三屏 */
#pagethree{width:100%;background-color:#B84133;position: relative;}
.pagethree_content{width:1200px;margin:0 auto;display: -webkit-box; display: -moz-box; display: -webkit-flex;   display: -moz-flex;  display: -ms-flexbox;display: flex;}
.pagethreeicon{width: 357px;background-color: #000b1a;text-align: center;padding-top:21%;padding-bottom:70%;}
.pagethreeicon img{height: 535px;}
.pagethree_imgs{-webkit-box-flex:2;-ms-flex:2;-webkit-flex:2;flex: 2;padding-top: 10rem;color:#fff;}
.pagethreetext {width:58%;margin:40px 0 0 31%; }
.pagethreetext p:first-child{width: 26%;font-size: 2rem;font-weight: bold;padding-bottom: 0.5em;border-bottom:2px solid #fff;  white-space: nowrap;text-align:center;}
.pagethreetext p:last-child{font-size: 1rem;line-height:2em;margin: 40px auto;}
.pagethreeimg {position: relative;}
.pagethreeimg #computerimg{position:absolute;left:11%;margin-left:30%;z-index:1;-moz-transform: rotateY(15deg) scale(.95); -webkit-transform: rotateY(15deg) scale(.95);-ms-transform: rotateY(15deg) scale(.95);-o-transform: rotateY(15deg) scale(.95);transition: all .8s linear;}
.pagethreeimg #ipdimg{position:absolute;left:1%;margin-left:-30%;padding-top:22%;z-index: 2;-moz-transform: rotateY(-25deg) scale(.9,.8);-webkit-transform: rotateY(-25deg) scale(.9,.8);-ms-transform: rotateY(-25deg) scale(.9,.8);-o-transform: rotateY(-25deg) scale(.9,.8);transition: all .8s linear .25s;}
.pagethreeimg #phoneimg{position:absolute;right:47%;margin-top:20%;padding-top:34%;z-index: 3;-moz-transform: rotateY(-20deg) scale(.85);  -webkit-transform: rotateY(-20deg) scale(.85);-ms-transform: rotateY(-20deg) scale(.85);-o-transform: rotateY(-20deg) scale(.85);transition: all .8s linear .25s;}
.pagethreeimg span:nth-child(4){position:absolute;right:-8%;padding-top:57%;z-index:4;}

/* 主页第四屏 */
#pagefour{width:100%;background:url(../../images/page4bg.png) no-repeat top;}
.pagefour_content{width:1200px;margin:0 auto;padding-top:184px;}
table.pagefour_img{width:78%;margin:0 auto;border-collapse: collapse;padding-top: 12%;}
.tradingproduct_text{width:36%;background-color: #000b1a;color:#fff;margin:0 auto;}
.tradingproduct_text > .tradingproduct_title {width:100%;min-width:300px;}
.tradingproduct_title > div{width:60%;margin:0 auto;}
.tradingproduct_title > div > h1 {font-size:3rem;line-height: 3rem;}
.tradingproduct_title > div > h2{width:60%;text-align: center;white-space: nowrap;font-size:2.5rem;line-height:2em;padding-top:5%;border-bottom:2px solid #fff;}
.tradingproduct_title .more{ margin-top:60%;}
.tradingproduct_title .more img{width:60%;transition:all 1s ; -webkit-transition:all 1s ;}
.pagefour_img td img{width:100%;height:100%;transition:all 1s ; -webkit-transition:all 1s ;}
.pagefour_img td img:hover{transform: scale(1.05, 1.05); -webkit-transform: scale3d(1.05,1.05); box-shadow:1px 1px 10px 5px rgba(0,0,0,.8);}

/* 主页第五屏 */
#pagefive{width:100%;height:100%;background:#bf4336;position: relative;z-index: 0;color:#fff;}
.pagefive_bg_img{width:100%;height:60%;background:url(../../images/9_04.png)no-repeat bottom center;background-size: 100% 100%;
    position: absolute;bottom:0;left:0;z-index: 1;}
.pagefive_content{width:1200px;margin:0 auto;position: relative;top:-14rem;z-index: 2;display: -webkit-box; display: -moz-box; display: -webkit-flex;   display: -moz-flex;  display: -ms-flexbox;display: flex;}
.pagefive_logo img{box-shadow: #000b1a 0 0 10px;-moz-box-shadow:#000b1a 0 0 10px;-webkit-box-shadow:#000b1a 0 0 10px;}
.rz_contact{text-align: left;font-size:1.3rem;line-height:3rem;padding:4rem 0 0 4%;}
.rz_contact p::before{content:"";display: inline-block;width:30px;height:15px;background:url("../../images/phone.png") no-repeat center;}
.rz_contact .mail::before{background:url("../../images/mail.png") no-repeat center;}
.pagefive_right_box{-webkit-box-flex:3;-ms-flex:3;-webkit-flex:3;flex: 3;  padding: 14rem 0 0 5%; }
.sliperlogo{text-align: left; margin-top:-14rem;padding-left:5%;}
.pagefive_right_box .infolist{display: inline-flex;width: 100%;justify-content: space-around;padding-top:8rem;}
.sublist > a{display: inline-block;font-size: 1.3rem;padding-bottom:.8rem;}
.sublist > ul > li{font-size: 1rem;color:#ddd;padding-top:15px;}
#pagefivebottom{width: 100%;position:absolute;bottom:0;z-index:2;color:#eee;font-family: 'Microsoft Yahei';font-size:1.4rem;transform:scale(0.8);-webkit-transform:scale(0.8);}
.pagefivebottom_box {width:1400px;margin:-1% auto;color:#aaa;line-height: 1.8rem;}

/* 底部 */
.rz-footer{width: 100%;position:fixed;bottom:0;left:0;height:2.5rem;background-color:#000b1a;text-align:left;z-index: 10;}
.rz-footer p{width:1200px;font-size:1rem;transform:scale(0.8);-webkit-transform:scale(0.8);margin:0 auto;z-index:11;line-height: 1.2rem;color:#aaa;}

@media screen and (max-width:1439px){
	html{font-size: 10px;}   

    /* 主页第一屏 */
    .arrow{top:75%;}
    .pageone_text { width:100%;min-width:1200px;margin:0 auto;}
    .pageone_text > div{width:100%;padding-top: 20%;}

    .registerbtn { width: 100%;min-width: 1200px;margin:0 auto;}
    .registerbtn #relbtn , .registerbtn #playbtn{position: absolute;top:120%;left:32%;}
    .registerbtn #relbtn:hover{transform: scale(1.1, 1.1); -webkit-transform: scale3d(1.1,1.1); background-color:transparent;}
    .registerbtn #playbtn {margin-left:30rem;}
    #pageindicators > li{margin-bottom:1%;}

    /* 侧边栏 */
    .rz-aside{top:30%;}
    .rz-aside img{margin-top:6rem;}

    /* 第二屏 */
    .choosereason > p{width:23rem;padding-top:8%;}
    ul.text{width:70%;padding-top:1rem;}
    ul.text > li{font-size: 1.5em;list-style-type: disc;padding-bottom:2%;}
    ul.text > li:last-child{padding-bottom:0;}
    ul.text > li > p {line-height:2em;}
    .knownmorebtn img{padding-bottom:4%;}
    .knownmorebtn , .promise{padding-top:0; }

    /*主页：第三屏 */
    .pagethreeicon{width: 357px;padding-top:8%;padding-bottom:70%;}
    .pagethreeicon img{height:480px; }
    .pagethree_imgs{ padding-top: 10%;}
    .pagethreetext {margin:-4% 0 0 31%; }
    .pagethreetext p:last-child{margin:3% auto;}
    .pagethreeimg #computerimg{position:absolute;left:6%;margin-left:30%;z-index:1;-moz-transform: rotateY(15deg)  scale(0.8);
        -webkit-transform: rotateY(15deg) scale(0.8);-ms-transform: rotateY(15deg) scale(0.8);-o-transform: rotateY(15deg) scale(0.8);transition: all .8s linear;}
    .pagethreeimg #ipdimg{position:absolute;left:1%;margin-left:-30%;padding-top:16%;z-index: 2;-moz-transform: rotateY(-25deg)  scale(0.8);
        -webkit-transform: rotateY(-25deg) scale(0.8);-ms-transform: rotateY(-25deg) scale(0.8);-o-transform: rotateY(-25deg) scale(0.8);transition: all .8s linear .25s;}
    .pagethreeimg #phoneimg{position:absolute;right:52%; padding-top:22%;z-index: 3;-moz-transform: rotateY(-20deg) scale(.85); 
        -webkit-transform: rotateY(-20deg) scale(.85);-ms-transform: rotateY(-20deg) scale(.85);-o-transform: rotateY(-20deg) scale(.85);transition: all .8s linear .25s;}
    .pagethreeimg span:nth-child(4){ position:absolute;right:8%;padding-top:45%;z-index:4;}

    /* 主页第四屏 */
    #pagefour{background:url(../../images/page4bg.png) no-repeat 50% 35%;}
    .pagefour_content{margin:0 auto;padding-top:7%;}
  
    /* 主页第五屏 */
    .rz_contact{padding-left:2rem 0 0 7%;}
    /* 底部 */
    .rz-footer{width: 100%;position:fixed;bottom:0;left:0;height:2.5rem;background-color:#000b1a;text-align:left;z-index: 10;}
    .rz-footer p{width:1200px;font-size:1rem;transform:scale(0.8);-webkit-transform:scale(0.8);margin:0 auto;z-index:11;line-height: 1.2rem;color:#aaa;}
}