@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
html, body{background:#fff;font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;font-size:16px;}
ol,ul{list-style:none;}
a{text-decoration:none;}
a:link{color:#333333;}
a:visited{color:#333333;}
a:focus,*:focus{outline:none;}
.color333{color:#333;}
.color666{color:#666;}
.color999{color:#999;}
.wrap{width:1024px;margin:0px auto;}
/*  header  */
.header{position:fixed;left:0;right:0;top:0;z-index:999;height:70px;background:#fcfcfc;display:flex;}
.logobox{margin-right:auto;}
.logoimg{width:156px;height:48px;margin-top:11px;margin-left:16px;}
.menu{display:flex;}
.menu > li{width:160px;margin-right:15px;}
.menu > li.whomeli{width:100px;}
.menu > li > a{display:flex;height:70px;justify-content:center;align-items:center;color:#999;/*border-top:4px solid #fff;*/}
.menu > li > a:hover,.menu li a.cur{/*border-top:4px solid #5579ea;*/color:#fff;background:#6f90ea;}
.submenu{display:none;/*border-top:3px solid #333;*/position:absolute;left:0;right:0;background:#fff;/*border-bottom:1px solid #e6e6e6;*/}
/*.menu li:hover > .submenu{display:block;}*/
.submenu ul{display:flex;}
.submenu ul li{width:20%;padding:25px 20px 10px 20px;border-right:1px solid #f0f0f0;}
.submenu ul li.sublione{text-align:center;}
.submenu ul li:last-child{border-right:none;}
.sptit{display:inline-block;padding-bottom:15px;}
.subbox a{display:block;padding-bottom:12px;font-size:15px;color:#666;}
.subbox a:hover{color:#5579ea;}
.subbox1 a{display:inline-block;}
/*  img transform  */
.hvr-grow {
  display: inline-block;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/*  dowebok  */
/*  video  */
.video{position:absolute;right:0px;bottom:0px;min-width:100%;min-height:100%;width:auto;height:auto;/*-webkit-filter: grayscale(50%);filter: grayscale(50%);*/}
.video-mask{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;background-color:rgb(0,0,0);opacity:0.3;-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";}
.video-con{background:url(../images/hcen.png) no-repeat;position:absolute;top:50%;left:50%;background-size:cover;width:650px;height:319px;margin-left:-325px;margin-top:-160px;}
/*  gopage  */
.godown span { -webkit-animation: fade 3s infinite linear; animation: fade 3s infinite linear;}
@-webkit-keyframes fade {
	0% { opacity: 1;}
	50% { opacity: 0.8;}
	100% { opacity: 1;}
}
@keyframes fade {
	0% { opacity: 1;}
	50% { opacity: 0.8;}
	100% { opacity: 1;}
}
.down{text-align:center;}
.godown{position:absolute;bottom:20px;z-index:1111;}
.godown span{display:block;width:50px;height:50px;background:url(../images/godown.png);background-size:cover;}
/* inde page global */
.bg{position:absolute;left:0;right:0;width:100%;height:100%;}
.section .p1,.section h3{opacity:0;position:absolute;left:25%;top:35%;z-index:111;color:#fff;font-size:24px;transition:all 1s;transform:scale(0.5, 0.5);-webkit-transform:scale(0.5, 0.5);}
.active .p1,.ltie10 .p1,.active h3,.ltie10 h3{opacity:1;transition-delay:0.7s;transform:scale(1,1);-webkit-transform:scale(1,1);}
.section .more{opacity:0;position:absolute;left:25%;top:35%;z-index:111;display:inline-block;border:1px solid #fff;padding:6px 12px;color:#fff;transition:all 1.2s;}
.active .more,.ltie10 .more{opacity:1;transition-delay:1.8s;}
.section h3{margin-left:-30px;margin-top:50px;font-size:36px;letter-spacing:6px;}
.section .more{margin-top:120px;margin-left:30px;}
.section .more:hover{background:#5579ea;border:1px solid #5579ea;transition-delay:0.01s;}
/*  index page1 */
.bg1{background:url(../images/bg1.jpg) center center;background-size:cover;}
.bg1-1{opacity:0;background:url(../images/bg1-1.png) 0 50% no-repeat;background-size:auto 50%;transition: all 1.5s;left:60%;z-index:11;}
.active .bg1-1,.ltie10 .bg1-1{opacity:1;transition-delay:0.7s;margin-left:-120px;}
.bg1-2{opacity:0;background:url(../images/bg1-2.png) 20% 100% no-repeat;transition: all 1s;top:0px;z-index:1;}
.active .bg1-2,.ltie10 .bg1-2{opacity:1;transition-delay:0.7s;top:-220px;}
.bg1-3{opacity:0;background:url(../images/bg1-3.png) 0 50% no-repeat;background-size:auto 60%;transition: all 1.5s;margin-left:-120px;z-index:11;}
.active .bg1-3,.ltie10 .bg1-3{opacity:1;transition-delay:0.7s;left:20%;}
.icon1{display:inline-block;background:url(../images/icon1.png) no-repeat;background-size:cover;width:25px;height:25px;position:relative;top:2px;margin-right:14px;}
/*  transform1  */
.roundbox{opacity:0;transition: all 2s;}
.active .roundbox,.ltie10 .roundbox{opacity:1;transition-delay:2s;}

.round-animation1{opacity: 0;height:36px;position:absolute;top:18%;left:35%;z-index:111;animation: bounce1 2s infinite linear;transition: all 1.5s;}
.active .round-animation1{display:inline-block;animation-delay: 2.0s;}
.round1{display:inline-block;width:36px;height:36px;background:#3fcfcd;border-radius:18px;-webkit-border-radius:18px;-moz-border-radius:18px;}
.roundsp1{position:relative;left:10px;top:-12px;color:#B3B3B3;}

.round-animation2{opacity: 0;height:46px;position:absolute;top:35%;left:48%;z-index:111;animation: bounce2 2.5s infinite linear;}
.active .round-animation2{display:inline-block;animation-delay: 2.5s;}
.round2{display:inline-block;width:46px;height:46px;background:#ec8979;border-radius:23px;-webkit-border-radius:23px;-moz-border-radius:23px;}
.roundsp2{position:relative;left:10px;top:-16px;color:#B3B3B3;}

.round-animation3{opacity: 0;height:36px;position:absolute;bottom:15%;left:30%;z-index:111;animation: bounce2 3s infinite linear;}
.active .round-animation3{display:inline-block;animation-delay: 3s;}
.round3{display:inline-block;width:36px;height:36px;background:#6f90ea;border-radius:18px;-webkit-border-radius:18px;-moz-border-radius:18px;}
.roundsp3{position:relative;left:10px;top:-12px;color:#B3B3B3;}

@keyframes bounce1 {
	0% { opacity: 1;}
	50% { opacity: 0.8;}
	100% { opacity: 1;}
}
@keyframes bounce2 {
	0% { opacity: 1;}
	50% { opacity: 0.8;}
	100% { opacity: 1;}
}
@keyframes bounce3 {
	0% { opacity: 1;}
	50% { opacity: 0.8;}
	100% { opacity: 1;}
}
/*@keyframes bounce1{
	0%{transform: translateY(0px);opacity: 1.0;}
	25%{transform: translateY(-5px);opacity: 1.0;}
	50%{transform: translateX(5px);opacity: 1.0;}
	75%{transform: translateY(5px);opacity: 1.0;}
	100%{transform: translateY(0px);opacity: 1.0;}
}
@keyframes bounce2{
	0%{transform: translateY(0px);opacity: 1.0;}
	25%{transform: translateX(5px);opacity: 1.0;}
	50%{transform: translateY(5px);opacity: 1.0;}
	75%{transform: translateX(-5px);opacity: 1.0;}
	100%{transform: translateY(0px);opacity: 1.0;}
}
@keyframes bounce3{
	0%{transform: translateX(0px);opacity: 1.0;}
	25%{transform: translateY(-5px);opacity: 1.0;}
	50%{transform: translateX(0px);opacity: 1.0;}
	75%{transform: translateX(-5px);opacity: 1.0;}
	100%{transform: translateY(0px);opacity: 1.0;}
}*/
/*  index page2 */
.bg2-1{opacity:0;background:url(../images/bg2-1.png) 0 100% no-repeat;background-size:100% 70%;bottom:-200px;transition: all 1s;z-index:1;}
.active .bg2-1,.ltie10 .bg2-1{opacity:1;transition-delay:0.7s;bottom:0;}
.bg2-2{opacity:0;background:url(../images/bg2-2.png) 0 70% no-repeat;background-size:60% auto;transition: all 1.5s;left:40%;z-index:11;}
.active .bg2-2,.ltie10 .bg2-2{opacity:1;transition-delay:0.7s;margin-left:-120px;}

.section2 .p1,.section2 h3,.section2 .more,.section3 .p1,.section3 h3,.section3 .more,.section4 .p1,.section4 h3,.section4 .more{left:6%;top:20%;}
.section2 .p1,.section3 .p1,.section4 .p1{color:#666;font-size:40px;letter-spacing:6px;}
.section2 h3,.section3 h3,.section4 h3{color:#999;margin-left:0px;font-size:24px;margin-top:70px;font-weight:normal;}
.section2 .more,.section3 .more,.section4 .more{border:1px solid #718dec;margin-top:150px;margin-left:0px;color:#718dec}
.section2 .more:hover,.section3 .more:hover,.section4 .more:hover{color:#fff;}

.section2 .round-animation1{top:37%;left:77%;}
.section2 .round1{width:28px;height:28px;border-radius:14px;-webkit-border-radius:14px;-moz-border-radius:14px;}
.section2 .round-animation2{top:25%;left:55%;}
.section2 .round2{width:36px;height:36px;border-radius:18px;-webkit-border-radius:18px;-moz-border-radius:18px;}
.section2 .round-animation3{bottom:58%;left:35%;}
.section2 .round3{width:28px;height:28px;border-radius:14px;-webkit-border-radius:14px;-moz-border-radius:14px;}
.section2 .roundsp2{top:-10px;}
.section2 .roundsp1,.section2 .roundsp3{top:-8px;}
/*  index page3 */
.bg3-1{opacity:0;background:url(../images/bg3-1.png) 0 100% no-repeat;background-size:100% auto;transition: all 1s;top:0px;z-index:1;}
.active .bg3-1,.ltie10 .bg3-1{opacity:1;transition-delay:0.7s;top:-100px;}
.bg3-2{opacity:0;background:url(../images/bg3-2.png) 80% 100% no-repeat;background-size:auto 80%;transition: all 2s;top:100px;z-index:11;}
.active .bg3-2,.ltie10 .bg3-2{opacity:1;transition-delay:1s;top:0px;}

.section3 h3,.section4 h3{letter-spacing:4px;}
.section3 .round-animation1{top:60%;left:87%;}
.section3 .round1{width:28px;height:28px;border-radius:14px;-webkit-border-radius:14px;-moz-border-radius:14px;}
.section3 .round-animation2{top:22%;left:50%;}
.section3 .round2{width:46px;height:46px;border-radius:23px;-webkit-border-radius:23px;-moz-border-radius:23px;}
.section3 .round-animation3{bottom:55%;left:42%;}
.section3 .round3{width:28px;height:28px;border-radius:14px;-webkit-border-radius:14px;-moz-border-radius:14px;}
.section3 .roundsp1,.section3 .roundsp3{top:-8px;}
/*  index page4 */
.bg4-1{opacity:0;background:url(../images/bg4-1.png) 0 90% no-repeat;background-size:100% auto;transition: all 1s;top:0px;z-index:1;}
.active .bg4-1,.ltie10 .bg4-1{opacity:1;transition-delay:0.7s;top:-100px;}
.bg4-2{opacity:0;background:url(../images/bg4-2.png) 90% 100% no-repeat;background-size:auto 80%;transition: all 2s;top:100px;z-index:11;}
.active .bg4-2,.ltie10 .bg4-2{opacity:1;transition-delay:1s;top:0px;}

.section4 .round-animation1{top:65%;left:42%;}
.section4 .round1{width:20px;height:20px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.section4 .round-animation2{top:25%;left:57%;}
.section4 .round2{width:28px;height:28px;border-radius:14px;-webkit-border-radius:14px;-moz-border-radius:14px;}
.section4 .round-animation3{bottom:52%;left:47%;}
.section4 .round3{width:24px;height:24px;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;}
.section4 .roundsp1{top:-4px;}
.section4 .roundsp2{top:-8px;}
.section4 .roundsp3{top:-5px;}
/*  footer  */
.footer{position:fixed;bottom:10px;left:20px;font-size:15px;}
.footer p{color:#666;}
/*  main  */
.mainbox{height:auto;margin-top:70px;}
.txtleft{text-indent:28px;}
/*  defooter  */
.defooter{background:#eeeeee;width:100%;padding: 10px 0;height: 50px;line-height:50px;text-align:center;font-size:15px;color:#333;}
.defooter .ftaimg {display: inline-block; line-height: 1; vertical-align: middle;}
/*  guide  */
.menubg1{background:url(../images/menubg1.jpg) center center no-repeat;height:420px;background-size:cover;}
.gmenu{display:flex;justify-content:space-between;padding-top:80px;width:1024px;margin:0px auto;}
.animationp{margin-left:200px;}
.animationp h3{color:#f9956a;font-size:24px;padding-bottom:16px;}
.animationp p{color:#666;padding-bottom:8px;line-height:1.8;}
.left0{margin-left:0px;}
.left240{margin-left:240px;}
.pbot60{padding-bottom:60px;}

.animationleft{opacity:1;transform: translateX(40px);animation: slideinleft 1s linear;}
.animationright{opacity:1;transform: translateX(-40px);animation: slideinright 1s linear;}
@keyframes slideinleft {
 0% { transform: translateX(0px); opacity: 0;}
 50% { transform: translateX(20px); opacity: 0.5;}
 100% { transform: translateX(40px); opacity: 1;}
}
@keyframes slideinright {
 0% { transform: translateX(0px); opacity: 0;}
 50% { transform: translateX(-20px); opacity: 0.5;}
 100% { transform: translateX(-40px); opacity: 1;}
}
.gmenu2 .animationleft{animation: slideinleft 1.5s linear;}
.gmenu2 .animationright{animation: slideinright 1.5s linear;}
.gmenu3 .animationleft{animation: slideinleft 2s linear;}
.gmenu3 .animationright{animation: slideinright 2s linear;}
.gmenu4 .animationleft{animation: slideinleft 2.5s linear;}
.gmenu4 .animationright{animation: slideinright 2.5s linear;}
/*  menu2  */
.menubg2{background:url(../images/menu2bg1.jpg) center center no-repeat;height:420px;background-size:cover;}
/*  menu3  */
.menubg3{background:url(../images/menu3bg1.jpg) center center no-repeat;height:420px;background-size:cover;}
.ghdbox ul{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0;text-align:center;}
.ghdbox ul li{cursor:pointer;color:#666;width:33%;padding:20px 0px;}
.ghdbox ul li.on{color:#5579ea;border-bottom:2px solid #5579ea;}
/*  menu4  */
.menubg4{background:url(../images/menu4bg1.jpg) center center no-repeat;height:420px;background-size:cover;}
/*  menu5  */
.menubg5{background:url(../images/menu5bg1.jpg) center center no-repeat;height:420px;background-size:cover;}
.ghdbox ul{}
.ghdbox5 ul li{width:50%;}
/*  casebg  */
.casebg{background:url(../images/casebg.jpg) center center no-repeat;height:420px;background-size:cover;}
.gcaseul{display:flex;flex-flow:row wrap;justify-content:space-around;align-items:center;padding:60px;}
.gcaseul li{width:30%;text-align:center;margin:0px 1%;}
.gcaseul li img{width:85%;}
.caseinfo{display:inline-block;width:80%;height:45px;padding:10px;}
/*  about  */
.aboutbg{background:url(../images/aboutbg.jpg) center center no-repeat;height:420px;background-size:cover;}
.gcasebox{padding:20px 100px;display:flex;}
.leftmenu{width:240px;}
.leftmenuf{position:fixed;top:10%;}
.leftmenu li{padding:20px 0px;width:200px;}
.leftmenu li a{padding-left:13px;height:24px;line-height:24px;font-size:18px;}
.leftmenu li a:hover,.leftmenu li a.cur{color:#5579ea;border-left:3px solid #5579ea;padding-left:10px;}
.rightmenu{border-left:2px solid #5579ea;position:relative;margin-left:40px;top:25px;margin-bottom:60px;}
.rightmenuf{margin-left:240px;}
.rightmenu li{padding-left:35px;margin-bottom:20px;position:relative;top:-10px;}
.rightmenu li .aboutico{display:block;background:url(../images/aboutico.jpg) no-repeat;width:16px;height:16px;position:absolute;left:-9px;top:3px;}
.rli-tit{display:block;width:180px;text-align:center;color:#5579ea;background:#fff;position:relative;left:-125px;padding:5px 0px;}
.rli-titinfo{border-bottom:2px solid #5579ea;padding-bottom:5px;font-size:18px;}
.rli-titeninfo{font-size:12px;padding-top:5px;text-transform:uppercase;}
.rline{height:20px;}
.apinfo1{margin-bottom:20px;}
.apinfo2{font-size:15px;color:#666;margin-bottom:20px;line-height:28px;}
.apinfo3{color:#666;margin-bottom:20px;}
.ptop50{padding-top:30px;}
.recbox{float:left;width:260px;padding:35px;margin-right:30px;margin-bottom:30px;border:2px solid #6f90ea;border-radius:5px;text-align:center;}
.recp{line-height:34px;margin-bottom:20px;font-size:18px;}
a.recbtn{background:#1aaeb1;padding:8px 15px;border-radius:5px;color:#fff;}
a.recbtn:hover{background:#13898b;}
.clear{clear:both;}
/*  botimgbox  */
.botimgbox{display:flex;flex-flow:row wrap;justify-content:space-around;border-top:1px solid #e6e6e6;padding:35px 60px;}
.botimgbox img{border-radius:5px;box-shadow:2px 2px 12px #999;}
.imgbox1{width:30%;}
.botimgbox1 img{width:100%;height:auto;margin:0 1%;}
.imgbox2{width:20%;}
.botimgbox2 img{width:85%;height:auto;margin:0 1%;}
.imgbox4{width:42%}
.botimgbox4 img{width:100%;height:auto;margin:0 1%;}
.botimgbox4-2{display:flex;flex-flow:row wrap;justify-content:center;}
.imgbox4-2{width:50%;}
.imgbox4-2 .img47,.imgbox4-2 .img48{width:80%;}
.imgbox4-2-1{width:100%;}
.imgbox4-2-1 .img49{width:90%;margin-top:45px;}
.imgbox4-2-2{width:100%;}
.imgbox4-2-2 .img491{width:96%;}
.imgbox5{margin:0 2%;}
.imgbox5 img{width:90%;}
.botimgbox5-1,.botimgbox5-2{display:flex;flex-flow:row wrap;justify-content:center;}
.botimgbox5-2{margin-top:45px;}
.imgbox5-1{width:37%;}
.imgbox5-2{width:24%;}
.imgbox5-3{width:24%;}
.imgbox5-4{width:52%;}
.imgbox5-5{width:17%;}
.imgbox5-6{width:17%;}

.bw60{width:60%;}
.bw40{width:40%;}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
	.wrap,.gmenu{width:1024px;}
	.menubg1,.menubg2,.menubg3,.menubg4,.menubg5,.casebg,.aboutbg{height:420px;}
}
@media screen and (min-width: 1440px) and (max-width: 1600px) {
	.wrap,.gmenu{width:1170px;}
	.menubg1,.menubg2,.menubg3,.menubg4,.menubg5,.casebg,.aboutbg{height:500px;}
}
@media screen and (min-width: 1601px) and (max-width: 1920px) {
	.wrap,.gmenu{width:1280px;}
	.menubg1,.menubg2,.menubg3,.menubg4,.menubg5,.casebg,.aboutbg{height:540px;}
}
/* 202101 */
.submenu ul li.subli_1 {
	width: 25%;
	box-sizing: border-box;
}
.submenu ul li.subli_2 {
	width: 15%
}
.round-animation4{opacity: 0;height:34px;position:absolute;top:55%;left:8%;z-index:111;animation: bounce1 2.5s infinite linear;}
.active .round-animation4{display:inline-block;animation-delay: 3.5s;}
.section2 .round4{display:inline-block;width:34px;height:34px;background:#ABA1F7;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
.section2 .roundsp4{position:relative;left:10px;top:-10px;}
.round-animation5{opacity: 0;height:22px;position:absolute;top:60%;left:22%;z-index:111;animation: bounce1 2.5s infinite linear;}
.active .round-animation5{display:inline-block;animation-delay: 4s;}
.section2 .round5{display:inline-block;width:22px;height:22px;background:#DA7E40;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
.section2 .roundsp5{position:relative;left:10px;top:-5px;}
.botimgbox2_1 {
	margin-top: 50px;
}
.pbot_100 {
	padding-bottom: 100px;
}
.mtop_60 {
	margin-top: 60px;
}