*{ margin:0; padding:0;list-style:none;}
html,body{ margin:0;padding:0;height: 100%;}
td, input, div, textarea,table,select,span,p,a{font-family:"Helvetica Neue",Helvetica,Arial,"微软雅黑",sans-serif;}
a{text-decoration: none;color: rgba(255,255,255,.5);}
body{min-width: 1280px;min-height:660px;overflow: auto;}



.logo_outer{width:10%;min-width: 130px;position: fixed;top:30px;left: 52px;z-index: 100;}
#nav{width: 36%;min-width: 500px;font-size:22px;display: flex;justify-content: space-between;position: fixed;top: 30px;right:52px;color: #fff;z-index: 100;}
#nav a{cursor: pointer;height: 46px;background: transparent url('../img/nav_btm1.png') center bottom no-repeat;}
#nav a:hover{color:#1A97F4 ;}
#nav a.active{color:#1A97F4 ;background: transparent url('../img/nav_btm2.png') center bottom no-repeat;}

.index_slide{background: #121212;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.index_slide.index_slide1{background:#0B1542 ;}
.index_slide.index_slide2{background:#000 ;}
.slide_next,.slide_prev{width:90px;height:48px;line-height:48px;text-align:center;position:absolute;top:50%;margin-top:-25px;z-index:10;cursor:pointer;background: transparent url('../img/arrowBg.png');}
.slide_next{right: 0;}
.slide_prev{left: 0;}
.slide_prev i, .slide_next i{font-size: 50px;color: #fff;}
/*.slide_prev:hover i, .slide_next:hover i{color: #ddd;}*/
.index_slide2_mask{position: absolute;top:0;left:0;right:0;bottom:0;display: flex;align-items: center;justify-content: center;}
.pos_mask{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.index_slide2_mask2{background: transparent url('../img/core_mask.png') no-repeat;background-size: cover;}
.index_slide3_mask{background: transparent url('../img/index_slide3_mask.png') center center no-repeat;background-size: cover;}
.index_slide4_mask{background: transparent url('../img/index_slide4_mask.png') center center no-repeat;background-size: cover;}
.index_bg2{cursor: pointer;width: 1308px;height: 878px;}
.index_bg2_btn_outer{ position: absolute;text-align: center;cursor: pointer;}
.index_bg2_btn_outer.left{ position: absolute;left:-68px;}
.index_bg2_btn_outer.right{ position: absolute;right:-68px;}
.index_bg2_btn_outer p{font-size: 30px;font-weight: bold;margin-top: 5%;}
.index_bg2_btn_outer.left p{color:#96232A ;}
.index_bg2_btn_outer.right p{color:#1A97F4 ;}
.index_bg2_btn_outer .idea_btn{width:196px;background: transparent url('../img/arrowBg3.png');display: flex;color: #fff;font-size: 22px;position: absolute;bottom: -18%;}                
.index_bg2_btn_outer .idea_btn.left{left: 50%;margin-left: -98px;}
.index_bg2_btn_outer .idea_btn.right{right: 50%;margin-right: -98px;}
.index_bg2_btn_outer .idea_btn .txt{width: 74%;padding:8px 0;}
.index_bg2_btn_outer .idea_btn .icon{width: 26%;background: transparent url('../img/arrowBg2.png');display: flex;align-items: center;justify-content: center;}
.index_bg2_btn_outer .idea_btn .icon i{font-size: 24px;}

.index_bg3_btn_outer{cursor: pointer;}
.index_bg3_btn_outer p{font-size: 18px;margin:3% 0 6% 0;color: rgba(255,255,255,.6);}
.index_bg3_btn_outer .idea_btn{width:100%;background: transparent url('../img/arrowBg4.png');display: flex;color: #fff;margin:0 auto;font-size: 22px;}
.index_bg3_btn_outer .idea_btn .txt{width: 86%;padding:8px 0;}
.index_bg3_btn_outer .idea_btn .icon{width: 14%;background: transparent url('../img/arrowBg2.png');display: flex;align-items: center;justify-content: center;}
.index_bg3_btn_outer .idea_btn .icon i{font-size: 24px;}

.mid_p{width: 100%;text-align: center;color:#FF0000 ;font-weight: bold;font-size: 30px;position: absolute;bottom: -66px;z-index: 10;}
.mid_p.mid_p2{color: #1A97F4;}
.btn_describe{width: 370px;text-align: center;color: #fff;position: absolute;bottom: -46%;z-index: 11;}
.btn_describe.left{left: 50%;margin-left: -185px;}
.btn_describe.right{right: 50%;margin-right: -185px;}

.index_bg2_title{width:362px;position: absolute;top:110px;left:120px;z-index: 90;}
.index_bg3_title{width:300px;position: absolute;top:110px;left:120px;z-index: 90;}
.index_bg4_title{width:330px;position: absolute;top:110px;left:120px;z-index: 90;}
.serial{position: absolute;left: 100px;top:50%;margin-top: -44px;}
.index_bg3_mid{width: 704px;}

body.body_about{}
.about_mask{width:100%;height:100%;position:absolute;background: transparent url('../img/about_bg.png') no-repeat ;background-size: cover;}
.about_slide{width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.about_slide .p1{font-size: 22px;width: 960px;color: #fff;}
.about_slide .p1 p{text-align: justify;line-height: 36px;}
.about_slide .p1 p:nth-child(2){margin: 28px 0;}
.aboutus{position: absolute;top: 90px;left: 120px;}
.about_logo{position: absolute;top: 170px;left: 136px;}
.qiye{margin-top: -100px;}
.qiye_slogan{width: 100%;text-align: center;margin-bottom: 40px;}
.qiye_wh{width: 1300px;display: flex;flex-wrap: nowrap;justify-content:space-between;color: #fff;font-size:30px;line-height: 50px;}

body.body_case{background:#00143B;}
.case_mask{width:100%;height:100%;position:absolute;background: transparent url('../img/case_mask.png') no-repeat;background-size: cover;}
.case_tit{font-size: 46px;font-weight: bold;color: #1A97F4;position: absolute;left: 120px;top: 150px;line-height: 70px;}
.case_cont{display: flex;padding:0 140px;font-size: 22px;color: #fff;margin-bottom: -80px;max-width: 1600px;}
.case_cont .col{margin-right: 70px;line-height: 46px;}
.case_cont2{position: absolute;top: 320px;left:0;right:0;bottom: 0;background: transparent url('../img/case_mask2.png') no-repeat;background-size: cover;padding:0 120px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;color: #fff;}
.case_cont2 .cont2_left{display: flex;align-items: center;margin-top: -200px;font-size: 22px;}
.case_cont2 .cont2_left h3{font-size: 28px;margin-bottom: 16px;}
.case_cont2 .cont2_left .detail{width: 928px;margin-top: 20px;margin-right: 40px;line-height: 40px;}
.case_cont2 .cont2_right{margin-top:-160px ;}
.case_cont2 .cont2_left .logo_wrapper{margin: 0 112px;width: 228px;}
.link_btn{width: 226px;background: transparent url('../img/arrowBg5.png');display: flex;font-size: 22px;cursor: pointer;margin-bottom: 8px;}
.link_btn:hover {color:#1A97F4;background: transparent url('../img/arrowBg5_h.png');}
.link_btn.active {color:#1A97F4;background: transparent url('../img/arrowBg5_h.png');}
.link_btn .txt{width: 72%;padding:8px 18px;}
.link_btn .icon{width: 28%;background: transparent url('../img/arrowBg2.png');display: flex;align-items: center;justify-content: center;}
.link_btn:hover .icon{background: transparent url('../img/arrowBg2_h.png');}
.link_btn.active .icon{background: transparent url('../img/arrowBg2_h.png');}
.link_btn .icon i{font-size: 24px;}

body.body_core{background: #000000;}
.core_mask{width: 100%;height: 100%;position: absolute;background: transparent url('../img/core_mask.png') center center no-repeat;background-size: cover;}
.core_main{display: flex;flex-wrap: nowrap;justify-content:center;align-items: center;margin: 0 auto;}
.core_main .img_wrapper0{width: 32%;max-width: 606px;}
.core_main .img_wrapper1{width: 12%;max-width: 226px;cursor: pointer;position: relative;}
.core_main .img_wrapper2{width: 22%;max-width: 440px;}
.core_main .img_wrapper1 .h{display: none;width:100%;height: 100%;position: absolute;top: 0;left: 0;}
.core_main .img_wrapper1:hover .h{display: block;}

.core_main .img_wrapper1_1{width: 43%;max-width: 826px;}
.core_main .img_wrapper1_2{width: 12.5%;max-width: 240px;}
.core_main .img_wrapper1_3{width: 9.5%;max-width: 178px;}

.core_main .img_wrapper2_1{width: 56;max-width: 1080px;}

.core_main_intro{width: 58%;max-width: 1100px;color: #fff;font-size: 22px;line-height: 40px;margin:0 auto 25px auto;}
.core_main_intro .tit{font-size: 50px;margin-bottom: 25px;}

.core_main_intro2{width: 860px;color: #fff;font-size: 22px;line-height: 40px;margin:0 0 0 29%;position: absolute;top:-160px;text-align: justify ;}
.core_main2{margin-bottom: -140px;}
.core_main_intro2 .tit{font-size: 40px;color:#982D35;margin-bottom: 25px;}

.core_main_intro3{width: 920px;color: #fff;font-size: 22px;line-height: 40px;margin:0 0 0 15%;position: absolute;top:-160px;text-align: justify ;}
.core_main3{margin-bottom: -140px;}
.core_main_intro3 .tit{font-size: 40px;color:#1A97F4;margin-bottom: 25px;}
.core_btn_outer{position: absolute;right:-400px;top:30px;}
.core_btn_outer .idea_btn{width: 236px;height: 48px;background: transparent url('../img/arrowBg4.png');display: flex;align-items: center;color: #fff;font-size: 18px;cursor: pointer;margin-bottom: 10px;}                
.core_btn_outer .idea_btn .txt{width: 186px;padding:8px 12px;}
.core_btn_outer .idea_btn .icon{width:56px;height: 48px;background: transparent url('../img/arrowBg2.png');display: flex;align-items: center;justify-content: center;}
.core_btn_outer .idea_btn .icon i{font-size: 24px;}
.core_main_intro2 .core_btn_outer{right:-260px;}
.core_main_intro3 .core_btn_outer{right:-400px;}
.core_slide1_tab2,.core_slide1_tab3{display: none;position: relative;}

.core2_main{width:80%;max-width: 1460px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.core2_main .img_outer{width: 32%;max-width: 464px;margin-bottom:20px ;}
.core2_main_tit{position: absolute;top: 240px;left: 130px;font-size: 50px;margin-bottom: 25px;color:#1A97F4;}
.core2_logo{position: absolute;top: 160px;left: 130px;}
.core2_main{margin-bottom: -130px;}

.core3_main{width: 1650px;display: flex;justify-content: space-between;align-items: center;margin-top: -40px;}
.core3_main_tit2{width: 600px;}
.core3_logo{margin-bottom: 35px;width: 243px;}
.core3_main .p{width: 100%;color: #fff;font-size: 22px;line-height: 40px;text-align: justify;}
.core3_main .h{width: 556px;font-size: 50px;margin-bottom: 35px;color:#1A97F4;}
.core3_main .img_out{max-width: 950px;}

.core_slide1 .core_idea_tab{display: none;margin-left:-130px ;margin-right: 200px;}
.core_slide1 .idea_intro{color: #fff;height: 196px;width:640px;margin-top: -6px;margin-left:20px;}
.core_slide1 .idea_intro p{width: 100%;font-size: 22px;line-height: 40px;color:rgba(255,255,255,.5);margin-top: 20px;}
.core_slide1 .idea1_tab{margin-top: -50px;}
.core_slide1 .idea1_tab .intro_outer{padding-top: 25px;}

.idea_img_outer{width: 745px;}

body.body_yyly{background: #121212;}
.yyly_nav,.yyly_nav2{width:330px ;}
.main_left{width: 74%;display: flex;align-items: center;justify-content: space-between;}
.main_left_4{width: 1340px;}
.yyly_nav .m,.yyly_nav2 .m{height: 100px;}
.yyly_nav .w,.yyly_nav2 .w{margin-left: 72px;}
.yyly_nav .wf .o,.yyly_nav2 .wf .o{height: 100px;}
.yyly_nav .ws .o{height: 80px;}
.yyly_nav2 .ws .o{height: 80px;}
.yyly_nav .wf .o:last-child,.yyly_nav2 .wf .o:last-child{height: 62px;}
.yyly_nav .ws .o:last-child,.yyly_nav2 .ws .o:last-child{height: 54px;}
.yyly_nav img,.yyly_nav2 img{display: block;cursor: pointer;}
.yyly_nav .a,.yyly_nav2 .a{display: none;}
.yyly_nav .h,.yyly_nav2 .h{display: none;}
.yyly_nav .m:first-child .a,.yyly_nav2 .m:first-child .a{display: block;}
.yyly_nav .m:first-child .n,.yyly_nav2 .m:first-child .n{display: none;}
.yyly_nav .w:last-child,.yyly_nav2 .w:last-child{display: none;}
.yyly_mask{width: 100%;height: 100%;position: absolute;background: transparent url('../img/yyly_mask.png') center center no-repeat;background-size: cover;}
.yyly_logo{position: absolute;top: 160px;left: 120px;}
.yyly1_main,.yyly2_main{width:88%;max-width:1680px ;display: flex;justify-content: space-between;align-items: center;margin-top: -50px;}
.yyly1_main .img_outer{width: 44%;max-width: 557px;}
.yyly2_main .img_outer{width: 57%;max-width: 717px;}
.yyly1_main .img_outer_1_1{width: 60%;max-width: 732px;margin-left: 40px;}
.yyly1_main .img_outer_1_3{width: 68%;max-width: 852px;margin-left: 40px;}
.yyly1_main .img_outer_1_4{width: 62%;max-width: 772px;margin-left: 40px;}
.yyly1_main .img_outer_2_1{width:70%;max-width: 880px;margin-left: 40px;}
.img_outer_2_2{width:64%;max-width: 800px;margin-left: 60px;}
.yyly2_main .img_outer_1_1{width:32%;max-width: 400px;margin:0 100px;}
.yyly_intro{width:546px; color:#fff;}
.yyly2_intro{width: 437px;}
.yyly1_main .main_left .intro_right{width: 51%;max-width: 644px;}
.yyly1_main .main_left .intro_right2{display: none;}
.yyly1_main .main_left .intro_right3{display: none;}
.intro_right .p{margin-left: 10%;width:90%;font-size: 22px;line-height: 40px;text-align: justify;color: rgba(255,255,255,.5);}
.intro_right3 .p{width: 100%;margin-left: 0;margin-top: 20px;}
.yyly_intro .h{font-size: 36px;margin-bottom: 30px;}
.yyly_intro .p{width:100%;font-size: 22px;line-height: 40px;text-align: justify;color: rgba(255,255,255,.5);}

.yyly_intro.yyly_intro_2{display: flex;flex-wrap: wrap;align-content:space-between;height: 562px;}
.yyly_intro.yyly_intro_3{align-self: flex-end;margin-left: 30px;}

.yyly_tab{cursor: pointer;width: 340px;height: 54px;margin-bottom: 16px;border:1px solid #fff;font-size: 18px;display: flex;justify-content: space-between;background: rgba(255,255,255,.12);line-height: 54px;}
.yyly_tab .num,.yyly_tab .icon{width: 54px;height: 54px;text-align: center;}
.yyly_tab .txt{width: 275px;}
.yyly_tab .icon .ci_plus{font-size: 20px;}
.yyly_tab .icon .ci_arrow_right{font-size: 26px;}
.yyly_tab:hover {border:1px solid red;background: rgba(255,0,0,.2);color:#f00;}
.yyly_tab.active{border:1px solid red;background: rgba(255,0,0,.2);color:#f00;}
.tab_img{width: 298px;}

.main_left_2{display: none;}
.m_left{display: none;}
.yyly1_main:nth-child(2) .m_left:first-child{display: flex;}
.yyly2_main .m_left:first-child{display: flex;}

.swiper-pagination{bottom: 100px !important;padding:0 120px !important;box-sizing: border-box !important;text-align: center !important;}
.swiper-pagination span{width:50% !important;max-width: 875px !important;height: 60px !important;border-radius: 0 !important;font-size: 30px !important;font-weight: bold !important;margin:0 !important;}
.swiper-pagination-bullet{opacity: 0.5 !important;background:transparent url('../img/about_btn.png') no-repeat bottom !important;color: rgba(255,255,255,.5) !important;}
.swiper-pagination-bullet-active{opacity: 1 !important;background:transparent url('../img/about_btn_active.png') no-repeat bottom !important;color: #1A97F4 !important;}
.footer{width:100%;position:absolute;bottom: 0px;z-index: 100;color: rgba(255,255,255,.5);font-size: 12px;text-align: center;}
@media (max-width:1900px) {#nav{font-size: 17px;} #nav a{height: 36px;} .aboutus{height:20px;top: 80px;left: 100px;} .swiper-pagination{bottom: 100px !important;padding:0 100px !important;}
.swiper-pagination span{height: 50px !important;font-size: 24px !important;}}