@charset "utf-8";/* CSS Document */
div, img, p, h1, h2, h3, h4, h5, h6, ul, li, ol, dt, dd, dl, from, input, a ,span{ margin: 0; padding: 0; border: 0; list-style: none;font-family:"微软雅黑";}
 *{ padding:0px; margin:0}
.logo{float:left;height:80px; line-height:80px;}
.logo img{ max-width:100%; vertical-align:middle;}
@media screen and (max-width: 1000px){.logo {width:70%;}}
@media screen and (max-width: 1000px){.menus {display: none;}}
@media screen and (max-width: 1000px){.caidan{display: block;}}
@media screen and (max-width: 1000px){.caidan span{display: block;}}
.slide{width:100%;}
.slide img{max-width:100%;margin-top:50px;}
.menu{ background:#333333;position:fixed;top:0;left:0; z-index:inherit; width:100%;}
.menus{ overflow:hidden;}
.menus li{list-style:none; float:right;}
.menus li a{ color:#ffffff; text-decoration:none; text-align:center; display:block; padding:0px 15px; line-height:80px; font-size:20px;}
.menus li.page_right{}
.menus li.active a{color:#05ffd9;}
.caidan{float:right;}
.caidan span{ font-size:36px;color:#ffffff;margin-top:15px;}
.caidan span.caidan_span1{ display:none;}
.denglu{float:right;margin-left:40px;font-size:14px; }
@media screen and (max-width: 750px){.denglu {display: none;}}
.denglu a{color:#ffffff; padding:0px 10px; line-height:80px;font-size:14px; }
.m_menus{background:rgba(51,51,51,0.4);position:fixed;top:80px;left:0; z-index:99; width:100%; overflow:hidden; display:none;}
.m_menus li{ text-align:center; border-bottom:#E8E8E8 solid 1px;}
.m_menus li a{ color:#ffffff;line-height:30px;font-size:16px;}
.download_apple{ position:fixed;top:0;left:0; background:rgba(0,0,0,0.4);width:100%;height:100%; text-align:center;display:none;}
.download_apple img{ position:relative;top:38%; text-align:center;max-width:100%;}
.download_android{position:fixed;top:0;left:0; background:rgba(0,0,0,0.4);width:100%;height:100%; text-align:center; display:none;}
.download_android img{position:relative;top:38%;max-width:100%; text-align:center;}
.logo_download{margin-top:10%;width:100%; text-align:center;}
.logo_download h1{font-size: 40px; color: #000;font-weight: normal;}
.logo_download P{font-size: 24px;color: #666; text-align: center;line-height: 36px;}
.neirong_htm1{width:100%;}
.neirong_htm1 li{  display:inline-block;margin:0 20px;margin-top:4%;}
.neirong_htm1 li img{ max-width:100%;}
.background1{background:url(../images/1f_banner.jpg);}
.background2{background:url(../images/2f_banner.png);}
.background3{background:url(../images/3f_banner.png);}
.background4{background:url(../images/4f_banner.png);}
.background5{background:url(../images/5f_banner.png);}
.background6{background:url(../images/6f_banner.png);}
.background7{background:url(../images/7f_banner.png); background-size:100% 100% !important;}
.section{ background-position:center top; background-repeat:no-repeat; background-size:100% 100%;}
.titles_download{margin-top:80px;width:100%; text-align:center;padding: 0}
.titles_download h1{font-size:40px; font-weight: normal;}
.titles_download p{font-size:20px; line-height:50px;color:#999;}
.titles_download img{max-width:100%; margin: 0 auto;}
.neirong_htm2{width:100%; overflow:hidden;}
.neirong_htm2 li{width:18%; text-align:center;float:left;margin:0 1%;margin-top:5%;}
@media screen and (max-width: 1000px){.neirong_htm2 li{width:31.33%;}}
@media screen and (max-width: 750px){.neirong_htm2 li{width:48%;}}
.neirong_htm2 li h2{ line-height:50px;}
.neirong_htm3{width:100%; overflow:hidden;padding:0;}
.neirong_htm3 li{width:21%; text-align:center;float:left; background-color:#ffffff;margin:0 2%;margin-top:5%;height: 450px;}
@media screen and (max-width: 750px){.neirong_htm3 li{width:48%;}}
.neirong_htm3 li h1{ line-height:180%; font-size:20px; font-weight:400;}
.neirong_htm3 li img{ max-width:100%;}
.neirong_htm3 li p{padding:0 4%; font-size:14px; line-height:180%;padding-bottom:10px;margin-top: .6rem}
.neirong_htm4{width:100%; overflow:hidden;margin-top:40px;}
.neirong_htm4 li{width:23%; text-align:center;float:left;margin:0 1%;}
.neirong_htm5{width:100%; overflow:hidden;}
.neirong_htm5 li{width:31.33%; text-align:center;float:left;margin:0 1%;margin-top:5%;}
@media screen and (max-width: 750px){.neirong_htm5 li{width:48%;}}
.Fea_content {width:50%;height: 580px;overflow: hidden;float: left;margin-left: 10%;}
.Fea_content>li {width: 570px;padding: 20px 0 20px 54px;background: url(../images/tese_03.png) no-repeat 0 30px;border-bottom: 1px solid #eee;text-align: left;float: none;margin-top: 0;}
.Fea_content>li .p1 {font-size: 20px;color: #79cabc;line-height:normal;}
.Fea_content>li .p2 {font-size: 16px;color: #a7a7a7;line-height: 22px;padding: 5px 0;}
.Fea_content>li ul {overflow: hidden;}
.Fea_content>li ul li {float: left;margin:0 10px 0 0;font-size: 14px;color: #1A9228;line-height: 20px;width: 64px;margin-top: 0;}
ul.neirong_htm6 {width: 100%;overflow: hidden;margin-top:3%;background: url(../images/phone_2.png) no-repeat 50% 0;padding-bottom: 120px;}
ul.neirong_htm6 li {float: left;padding: 0 60px 0 120px;text-align: left;}
ul.neirong_htm6 li .p1 {font-size: 24px;font-weight: bold;color: #606060;line-height: 30px;}
ul.neirong_htm6 li .p2 {font-size: 18px;color: #797979;line-height: 40px;background: url(../images/list-type.jpg) no-repeat 0 50%;text-indent: 20px;}
.neirong_htm7{width:100%; overflow:hidden;}
@media screen and (max-width: 1000px){.neirong_htm7 li {width:90%;}}
.adv_ul {padding:60px 0 160px 500px;background: url(../images/iPhone_2.png) no-repeat 120px 50px;overflow: hidden;background-size: 300px auto;}
.adv_ul li {float: left;width: 40%;padding-left: 60px;padding-bottom: 30px;margin-right: 40px;background: url(../images/tel.png) no-repeat 0 10px;text-align: left;}
.adv_ul li .p1 {font-size: 18px;font-weight: bold;color: #404040;line-height: 40px;}
.adv_ul li .p2 {font-size: 15px;color: #404040;line-height: 1.4;}
.adv_ul_1 {padding:60px 0 160px 500px;background: url(../images/chaoyi_002.png) no-repeat 120px 50px;overflow: hidden;background-size: 300px auto;}
.adv_ul_1 li {float: left;width: 40%;padding-left: 60px;padding-bottom: 30px;margin-right: 40px;background: url(../images/sj.png) no-repeat 0 10px;text-align: left;background-size: 5%}
.adv_ul_1 li:nth-child(2){background: url(../images/yx.png) no-repeat 0 10px;background-size: 5%}
.adv_ul_1 li:nth-child(3){background: url(../images/qq.png) no-repeat 0 10px;background-size: 5%}
.adv_ul_1 li:nth-child(4){background: url(../images/wz.png) no-repeat 0 10px;background-size: 5%}
.adv_ul_1 li .p1 {font-size: 18px;font-weight: bold;color: #404040;line-height: 40px;}
.adv_ul_1 li .p2 {font-size: 15px;color: #404040;line-height: 1.4;}
/*洛阳头条*/
.fp-tooltip.right{display: none}
#ly-background1{ clear: both;background:url(../images/ly1-bg.jpg);background-size:100% 100% !important;}
.lylogo_download p {font-size:40px;color: #fff;font-weight:bold;line-height: 48px;margin-top: 20px;}
#ly-background2{  background:url(../images/ly2-bg.jpg);background-size:100% 100% !important;}
#ly-background2 .titles_download h1,#ly-background3 .titles_download h1,#ly-background4 .titles_download h1,#ly-background5 .titles_download h1{ color: #008cd6}
#ly-background6 .titles_download h1, #ly-background7 .titles_download h1{color: #517bfc;}
#ly-background2 .titles_download p{color: #666;}
/*版块三*/
#ly-background3{  background:url(../images/ly3-bg.jpg);background-size:100% 100% !important; }
#ly-background3 .neirong_htm3 li{box-shadow: 5px 10px 10px #ddd; height: auto; margin-bottom: 5px;}
/*版块四*/
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox .arrow{  position:absolute; right:10px; top:0; }
.slideTxtBox .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
 cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }
.slideTxtBox .arrow .next{ background-position:0 -50px;  }
.slideTxtBox .arrow .prevStop{ background-position:-60px 0; }
.slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }
/*版块五*/
.earnings{overflow: hidden;}
.earnings ul li{ padding: 20px 0; overflow: hidden;}
.earnings ul li .left{width:22%; float: left;}
.earnings ul li .left>img{display: block;width:100px; margin:15px auto;}
.earnings ul li .right{width:78%; float: right; text-align: left;}
.earnings ul li .right h2{font-size: 36px; color: #008cd6;}
.earnings ul li .right P{font-size: 26px; color: #666; line-height: 36px;}
/*版块六*/
#ly-background6{background: #f1f2f5;}
/*版块七*/
#ly-background7{ background: #eae8e8!important;}
#ly-background7 ul{overflow: hidden; width: 85%;margin: 20px auto 0;}
#ly-background7 ul li{width: 46%;float: left; margin: 2%; background: #fff;border-radius: 10px;padding: 20px;box-shadow: 10px 10px 10px #ddd;}
#ly-background7 ul li>img{display: block;width: 25%;float: left; margin: 10px auto;}
#ly-background7 ul li>h2{font-size: 26px; text-align: left;color: #666;display: block;width: 73%;float: right; margin-top: 15px;}
.banner {height: 750px;position: relative;background: url(/templates/default/images/lab/aboutvideo.jpg) no-repeat center / cover;max-height: 100rem;}
.banner video {position: absolute;left: 50%;top: 50%;width: 1920px!important;height: 1080px!important;margin: -540px 0 0 -960px;z-index: 1;}
.banner .text {display: table;width: 100%;height: 100%;color: #fff;background: rgba(8,8,9,0.4);}
.banner .text .inner {display: table-cell;vertical-align: middle;text-align: center;}
.banner .text h4 {font-size: 54px;text-shadow: 0 2px 2px #333333;margin: 0 0 30px;-webkit-transform: translateX(-200px);transform: translateX(-200px);-webkit-transition: all 1s;transition: all 1s;opacity: 0;color: #fff}
.banner .text p {font-size: 22px;margin: 0;text-shadow: 0 2px 2px #333333;-webkit-transform: translateX(200px);transform: translateX(200px);-webkit-transition: all 1s;transition: all 1s;opacity: 0;}
.banner .text a {display: block;margin: 40px auto 0;border: 1px solid #fff;border-radius: 50px;line-height: 42px;font-size: 18px;width: 180px;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.banner .text a:hover {background-color: #e62022;border-color: #e62022;}
.banner .img-cover {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner .swiper-pagination {display: none;}
.banner .ani-slide h4,.banner .ani-slide p {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}
.img-cover span {width: 100%;background: no-repeat center / cover;-webkit-transition: all 0.5s;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;background-size: 100%;}

@media screen and (max-width: 767px) {
    .banner {
        height: 250px;
	}
	.img-cover{margin: 0!important}
}