@charset "utf-8";
/* CSS Document*/
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,input{margin: 0;padding: 0;border: 0;outline: 0;font-size: 13px;}
ol, ul{list-style: none;}
a{text-decoration: none;}
i{font-style:normal;}
li{list-style:none;}
html, body{font-size: 13px;position: relative;height: 100%;background-color: #fff;font-family: '微软雅黑'; min-width:1100px;}
.nav{width: 100%;height: 70px;background-color: rgba(255,255,255,.9);position: fixed;top:0;left:0;z-index: 998;border-bottom:solid 1px #f1f1f1;}
#menu{width: 80%;height: 100%;margin: 0px auto;background: url(../images/logo.png) no-repeat left;background-size: 180px;}
#menu li{float: right;}
#menu a{display: block;width: 130px;height: 70px;color: #000;text-decoration: none;font-size: 12px;text-align: center;}
#menu .active a{color: #fff;background-color: #d80000;}
#menu li i{display: block;font-size: 16px;line-height: 30px;text-align: center;margin-top: 12px;}
#menu li a:hover{background-color: #d80000;color:#fff;cursor: pointer;}
.section{text-align: center;font: 50px "Microsoft Yahei";color: #fff;}
.section1_1{background: url(../images/home1.jpg) no-repeat center;background-size: cover;}
.section1_2{background: url(../images/home2.jpg) no-repeat center;background-size: cover;}
.section1_3{background: url(../images/home3.jpg) no-repeat center;background-size: cover;}
.section1_4{background: url(../images/home4.jpg) no-repeat center;background-size: cover;}
.section5{background: url(../images/about.jpg) no-repeat center;background-size: cover;}
.page_content_1{width: 270px;height: 270px;margin: 0px auto;position: relative;opacity: 0;transition:opacity 0.8s;-moz-transition:opacity 0.8s;/* Firefox 4*/-webkit-transition:opacity 0.8s;/* Safari and Chrome*/-o-transition:opacity 0.8s;/* Opera*/}
.page_content_1_content{width:100%;height:100%;background-color: #d80001;position: absolute;z-index:2;left: -30px;transition:left 0.4s linear 0.3s;-moz-transition:left 0.4s linear 0.3s;/* Firefox 4*/-webkit-transition:left 0.4s linear 0.3s;/* Safari and Chrome*/-o-transition:left 0.4s linear 0.3s;/* Opera*/}
.center{width: 75%;margin: 0px auto;padding-top: 35px;}
.center_tit{width: 150px;height: 38px;margin: 0px auto;border:solid 2px #fff;}
.center_tit span{display: block;width: 65%;margin: 0px auto;height: 30px;margin-top: -15px;font-size: 22px;line-height: 30px;background-color: #d80001;padding-bottom: 5px;}
.center_cont{text-align: left;line-height: 17px;font-size: 12px;margin-top: 26px; text-indent:2em; text-align:justify;  word-break:break-all;}
.page_right_1{width: 130px;height: 130px;border:solid 3px #d80001;position: absolute;top:-25px;right: 0px;z-index: 1;transition:right 0.3s linear 0.3s;-moz-transition:right 0.3s linear 0.3s;/* Firefox 4*/-webkit-transition:right 0.3s linear 0.3s;/* Safari and Chrome*/-o-transition:right 0.3s linear 0.3s;/* Opera*/}
.page_right_2{width: 35px;height: 35px;border:solid 2px #fff;position: absolute;bottom: -18px;right: 0px;z-index: 1;transition:right 0.3s linear 0.3s;-moz-transition:right 0.3s linear 0.3s;/* Firefox 4*/-webkit-transition:right 0.3s linear 0.3s;/* Safari and Chrome*/-o-transition:right 0.3s linear 0.3s;/* Opera*/}
.page_left{width: 110px;height:110px;border:solid 3px #fff;position: absolute;bottom: 20px;left: 80px;background: url(../images/page_1.png) no-repeat center;background-size: 70px;z-index: 2;transition:left 0.3s linear 0.3s;-moz-transition:left 0.3s linear 0.3s;/* Firefox 4*/-webkit-transition:left 0.3s linear 0.3s;/* Safari and Chrome*/-o-transition:left 0.3s linear 0.3s;/* Opera*/}
.page_left_2{background: url(../images/page_2.png) no-repeat center;background-size: 70px;}
.page_left_3{background: url(../images/page_3.png) no-repeat center;background-size: 70px;}
.page_left_4{background: url(../images/page_4.png) no-repeat center;background-size: 70px;}
.foot{background-color: #0f0f12;width: 100%;height: 80px;position: absolute;bottom:0;color:#999;}
.foot_content{width: 1050px;height: 100%;margin: 0px auto;text-align: center;}
.foot_content p{width: 100%;float: left;text-align: center;margin-top: 15px;}
.foot_content p span{ margin-right: 20px;margin-left: 5px;font-size: 14px;margin-top: 6px;}
.about_cen{width: 1050px;height: 400px;position: absolute;top:0;left:0;right: 0;bottom:0;margin: auto;}
.big_title{width: 236px;height: 80px;margin: 0px auto;/*padding-top: 40px;*/}
.big_title ul{width: 100%;}
.big_title ul li{float: left;}
.big_title_left{width: 50px;height: 50px;border:solid 2px #fff;border-right: none;}
.big_title_center{width: 130px;height: 52px;text-align: center;color:#fff;border-bottom: solid 2px #fff;position: relative;}
.big_title_center i{font-size: 29px;display: block;margin-top: -20px;}
.big_title_center span{display: block;position: absolute;left: -50px;top:20px;width: 230px;text-align: center;font-size: 18px;}
.big_title_right{width: 50px;height: 50px;border:solid 2px #fff;border-left: none;}
.about_content{width: 1050px;margin: 0px auto;padding-top: 2%;}
.about_content p{ font-size: 16px;line-height: 26px;color:#fff; text-align:left; padding-top:10px; text-indent:2em;}

.more{width: 100%;text-align: center;padding-top: 2vw;}
.more p{width: 150px;height: 48px;border-radius: 6px;background-color: #d80000;color:#fff;font-size: 23px;text-align: center;line-height: 50px;letter-spacing: 2px;cursor: pointer;margin: 0px auto; padding:0; text-indent:0;}
.successful_cen{width: 1000px;height: 400px;position: absolute;top:0;left:0;right: 0;bottom: 0;margin: auto;}
.marketing_slide{width: 90%;margin: 0px auto;height: 330px;border:solid 1px #c1c1c1;color:#666;line-height: 21px;text-align: center;cursor: pointer;}
.marketing_slide:hover{border:solid 1px #e34b4b;}
.marketing_slide p{width: 120px;height: 120px;margin: 0px auto;margin-top: 35px;background: url(../images/mark_icon.png) no-repeat;background-size: 700px;}
.marketing_slide span{display: block;width: 100%;text-align: center;font-size: 16px;color:#000;margin-top: 15px;margin-bottom: 32px;}
.marketing_slide img{width: 55px;position: absolute;top:1px;right: 5%;display: none;}
#marketing_slide_dsp{background-position: -10px -10px;}
#marketing_slide_wechart{background-position: -150px -10px;}
#marketing_slide_edm{background-position: -290px -10px;}
#marketing_slide_wifi{background-position: -430px -10px;}
#marketing_slide_phone{background-position: -570px -10px;}
#list_ul{width: 100%;margin: 0px auto;height: 320px;padding-top: 100px;margin-top: 20px;overflow: hidden;}
#list_ul li{width: 100%;float: left;/*margin-top: -80px;*/}
#list_ul li span{width: 180px;display: block;float: left;margin-left: 10px;margin-right: 10px;}
#list_ul li span img{width: 100%;}
#successful_content_li{width: 800px;margin-left: 100px;}
.successful_content_c{width: 100%;height: 350px;margin-top: 50px;}
.successful_content_c p{float: left;}
.case_img{width: 380px;height: 380px;background: url(../images/mac.png) no-repeat center;background-size: 100%;}
.case_img img{width: 350px;margin-left: 15px;margin-top: 51px;}
.case_text{width: 550px;margin-left: 50px;height: 300px;color:#fff;line-height: 28px;font-size: 15px;}
.case_text span{display: block;width: 100%;text-align: center;font-size: 22px;line-height: 40px;margin-bottom: 20px;margin-top: 20px;}
/* 弹框*/
.z_model{width: 100%;height: 100%;position: fixed;background-color: rgba(0,0,0,.6);top:0;left: 0;z-index: 999;}
.home_box{display: none;}
.home_box div{width: 500px;height: 650px;position: fixed;top:0;left: 0;right: 0;bottom: 0;margin: auto;background-color: #fff;z-index: 1000;}
.home_tab_detaild{width: 88%;margin: 0px auto;color:#1d1d1d;margin-top: 50px;}
.home_tab_detaild td{line-height: 23px;}
.home_tab_detaild img{width: 35px;margin-top: 3px;}
#home_box_title{font-size: 22px;color:#c80000;line-height: 40px;}
.about_box{display: none;}
#about_box_div{width:600px;height: 650px;position: fixed;top:0;left: 0;right: 0;bottom: 0;margin: auto;background-color: #fff;z-index: 1000;}
.about_box_tab{width: 94%;margin-left:3%;margin-top: 60px;float: left;}
.about_box_tab li{width: 115px;height: 40px;border:solid 2px #c80000;background-color: #fff;float: left;margin-left: 18px;text-align: center;line-height: 40px;color:#c80000;font-size: 17px;cursor: pointer;}
.about_box_tab li:hover{background-color: #c80000;color:#fff;}
.about_box_introduction{width: 88%;margin-left: 6%;float: left;margin-top: 20px;}
.about_box_introduction img{width: 100%;}
.about_box_introduction p{width: 100%;line-height: 23px;font-size: 14px;color:#191818;margin-top: 20px;}
.about_box_event{width: 88%;margin-left: 6%;float: left;margin-top: 20px;display: none;}
.about_box_event div table{border-collapse: collapse;margin-top: 15px;}
.about_box_event div table td{font-size: 13px;color:#1f1f1f;border-width: 0px;vertical-align: top;line-height: 37px;}
.about_box_event div table td p{width: 28px;height: 372px;background: url(../images/about_banner_2_icon2.jpg) repeat-y top;background-size: 22px;}
.about_box_culture{width: 88%;margin-left: 6%;float: left;margin-top: 20px;display: none;}
.about_box_culture p{margin-top: 15px;width: 100%;color:#1c1c1c;line-height: 20px;}
.about_box_culture p span{display: block;font-size: 16px;color:#1c1c1c;line-height: 30px;}
.about_box_us{width: 88%;margin-left: 6%;float: left;margin-top: 20px;display: none;}
.about_box_us p{margin-top: 20px;line-height: 40px;font-size: 16px;color:#1d1d1d;}
.close{position: absolute;width: 65px;height: 26px;border:solid 1px #000000;right: 34px;top:15px;background: url(../images/close.jpg) no-repeat right;background-size: 12px;cursor: pointer;background-position: 43px;line-height: 26px;text-indent: 5px;font-size: 15px;}
.Marketing_box_mod{width: 84%;margin: 0px auto;margin-top: 50px;line-height: 23px;font-size: 14px;display: none;}
.Marketing_box_mod span{display: block;width: 100%;font-size: 22px;color:#c80000;line-height: 50px;}
#Marketing_box_div{width:400px;height: 450px;position: fixed;top:0;left: 0;right: 0;bottom: 0;margin: auto;background-color: #fff;z-index: 1000;display: none;}
.Marketing_box{display: none;}
#about_box_tab_select{background-color: #c80000;color:#fff;}
#marketing_title,#successful_title,#contract_title,#about_title{visibility: hidden;}
#marketing_slide_1,#marketing_slide_2,#marketing_slide_3,#marketing_slide_4{visibility: hidden;}
#successful_animate,#contract_animate,#about_animate{visibility: hidden;}
.section4{background-image:url(../images/server.png); background-position:bottom; background-repeat:no-repeat;}
/*
.c_img_1{width: 940px;height: 180px;margin:0px auto;background: url(../images/c1.png) no-repeat 0px 0px, url(../images/c2.png) no-repeat 190px 0px, url(../images/c3.png) no-repeat 380px 0px, url(../images/c4.png) no-repeat 570px 0px, url(../images/c5.png) no-repeat 760px 0px;background-size: 180px;}
.c_img_2{width: 750px;height: 180px;margin:0px auto;background: url(../images/c6.png) no-repeat 0px 0px, url(../images/c7.png) no-repeat 190px 0px, url(../images/c8.png) no-repeat 380px 0px, url(../images/c9.png) no-repeat 570px 0px;background-size: 180px;margin-top: -80px;}
.c_img_3{width: 940px;height: 180px;margin:0px auto;background: url(../images/c10.png) no-repeat 0px 0px, url(../images/c11.png) no-repeat 190px 0px, url(../images/c12.png) no-repeat 380px 0px, url(../images/c13.png) no-repeat 570px 0px, url(../images/c14.png) no-repeat 760px 0px;background-size: 180px;margin-top: -80px;}
.c_img_4{width: 940px;height: 180px;margin:0px auto;background: url(../images/c15.png) no-repeat 0px 0px, url(../images/c16.png) no-repeat 190px 0px, url(../images/c17.png) no-repeat 380px 0px, url(../images/c18.png) no-repeat 570px 0px, url(../images/c19.png) no-repeat 760px 0px;background-size: 180px;}
.c_img_5{width: 750px;height: 180px;margin:0px auto;background: url(../images/c20.png) no-repeat 0px 0px, url(../images/c21.png) no-repeat 190px 0px, url(../images/c22.png) no-repeat 380px 0px, url(../images/c23.png) no-repeat 570px 0px;background-size: 180px;margin-top: -80px;}
.c_img_6{width: 940px;height: 180px;margin:0px auto;background: url(../images/c24.png) no-repeat 0px 0px, url(../images/c25.png) no-repeat 190px 0px, url(../images/c26.png) no-repeat 380px 0px, url(../images/c27.png) no-repeat 570px 0px, url(../images/c28.png) no-repeat 760px 0px;background-size: 180px;margin-top: -80px;}
.c_img_7{width: 940px;height: 180px;margin:0px auto;background: url(../images/c29.png) no-repeat 0px 0px, url(../images/c30.png) no-repeat 190px 0px, url(../images/c31.png) no-repeat 380px 0px, url(../images/c32.png) no-repeat 570px 0px, url(../images/c33.png) no-repeat 760px 0px;background-size: 180px;}
.c_img_8{width: 750px;height: 180px;margin:0px auto;background: url(../images/c34.png) no-repeat 0px 0px, url(../images/c35.png) no-repeat 190px 0px, url(../images/c36.png) no-repeat 380px 0px, url(../images/c37.png) no-repeat 570px 0px;background-size: 180px;margin-top: -80px;}
.c_img_9{width: 940px;height: 180px;margin:0px auto;background: url(../images/c38.png) no-repeat 0px 0px, url(../images/c39.png) no-repeat 190px 0px, url(../images/c40.png) no-repeat 380px 0px, url(../images/c41.png) no-repeat 570px 0px, url(../images/c42.png) no-repeat 760px 0px;background-size: 180px;margin-top: -80px;}
*/
.bgred{ background-color:#ff2e54; height:320px; width:265px; margin:0 auto; cursor:pointer; position:relative;}
.bgred img{ width:100%; }
.bgred:hover:before{ content:''; background-image:url(../images/search-left.png); position:absolute; left:0; top:0; display:block; height:76px; width:76px;}
.bgred .number{ font-family:"Courier New"; text-align:center; font-size:28px; padding-top:10px;}
.bgred .title{ padding-top:10px; font-size:16px;}
.bgred .info{  font-size:14px; padding:10px; text-align:justify; color:#f4f2dc;}


.luara-top{position:relative;padding:0;overflow: hidden;}
.luara-top ul{position: relative;padding: inherit;margin: 0;}
.luara-top ul li{padding: inherit;margin: inherit;list-style: none;}
.example1{width: 1000px;margin: 0px auto;height: 410px;overflow:hidden;}
.example1 ol{position:relative;width: 80px;height: 20px;top:-30px;left:60px;}
.example1 ol li{width: 100%; height: 410px; float:left;background: #fff;}
.example1 ol li.seleted{background: #1AA4CA;}
.example1 li{ width: 1000px; height: 410px;}

.section3 .swiper-slide{ width:100% !important;text-align:left;}
.caseName{  font-size:3vh; line-height:6;}
.caseLogo{ position:absolute; top:0; right:0;}
.caseLogo img{ width:200px;}
.caseTitle{ font-weight:bold; font-size:3vh; padding-bottom:.5vh;}
.caseInfo{ line-height:2; font-size:2vh;}

.font26{ font-size:2.2vh;}
.positionImg{ position:absolute; left:0; top:18vh; width:16vw;}

#swiper-case{ height:100%;}