@charset "utf-8";
@import url(reset.css);
@import url(layout.css);
@import url(public.css);
body{background: #fff;}


#index{}
.screenBox{background-repeat: no-repeat;background-size: cover;background-position: center;}

.section1{background-image: url(../image/indexImg/bg1.jpg); background-color: #242529;background-size: 100%;background-position: top center;height: 100vh !important;}
.section1 .bannerBox{background: url(../image/computer_bg3.png);width: 880px;height: 500px;padding: 40px 260px 266px 260px;position: absolute;left: 50%;top: 50%;margin-left: -700px;margin-top: -400px;}
.section1 .bannerBox .inBox{width: 880px;height: 500px;overflow: hidden;position: relative;}
.section1 .bannerBox .inBox .ulPic{overflow: hidden;}
.section1 .bannerBox .inBox .ulPic li{width: 100%;height: 500px;display: none;}
.section1 .bannerBox .inBox .ulPic li img{width: 100%;height: 100%;object-fit: cover;}

.section1 .bannerBox .inBox .navigation{text-align: center;position: absolute;left: 0;bottom: 20px;width: 100%;}
.section1 .bannerBox .inBox .navigation li{width: 40px;height: 5px;background: rgba(102,102,102,0.5);display: inline-block;margin:0 7px;cursor: pointer;}
.section1 .bannerBox .inBox .navigation li.on{background: rgba(255,0,0,1);}


.section2{background-image: url(../image/indexImg/bg2.jpg);}
.section2 .wrap{width: 1400px;height: 100%;margin: 0 auto;display: table;}
.section2 .wrap .sBox{display: table-cell;vertical-align: middle;}
.section2 .wrap .sBox h1{position: relative;top: -800px;transition: all 1s;opacity: 0;}
.section2.active .wrap .sBox h1{position: relative;top: 0;opacity: 1;}

.section2 .wrap .sBox .profile{font-size: 24px;color: #fff;line-height: 44px;position: relative;top: -700px;transition: all 1s;opacity: 0;}
.section2.active .wrap .sBox .profile{top: 0;opacity: 1;}

.section2 .wrap .sBox .summary{font-size: 24px;color: #fff;line-height: 44px;opacity: 0.4;margin-top: 70px;position: relative;bottom: -800px;opacity: 0;transition: all 1s;}
.section2.active .wrap .sBox .summary{bottom: 0;opacity: 1;}

.section2 .wrap .sBox .cateBox{overflow: hidden;margin-top: 70px;left: -1000px;position: relative;transition: all 1s;}
.section2.active .wrap .sBox .cateBox{left: 0px;opacity: 1;}

.section2 .wrap .sBox .cateBox li{float: left;margin-right: 30px;text-align: center;}
.section2 .wrap .sBox .cateBox li .outBox{border: 1px solid #fff;border-radius: 50%;}
.section2 .wrap .sBox .cateBox li:hover .outBox{background: #fff;}
.section2 .wrap .sBox .cateBox li .inBox{position: relative;width: 120px;height: 120px;transform: rotateY(0deg);transform-style: preserve-3d;transition: 0.4s;}
.section2 .wrap .sBox .cateBox li:hover .inBox{transform: rotateY(180deg);}
.section2 .wrap .sBox .cateBox li .inBox img{width: 70px;height: 70px;position: absolute;left: 25px;top: 25px;}
.section2 .wrap .sBox .cateBox li .inBox img:first-child{transform: translateZ(1px);}
.section2 .wrap .sBox .cateBox li:hover .inBox img:first-child{display: none;}
.section2 .wrap .sBox .cateBox li .inBox img:last-child{transform:translateZ(-1px);transform: rotateY(180deg);display: none;}
.section2 .wrap .sBox .cateBox li:hover .inBox img:last-child{display: block;}

.section2 .wrap .sBox .cateBox li p{font-size: 24px;color: #fff;font-weight: bold;height: 34px;line-height: 34px;overflow: hidden;margin-top: 15px;}

.section2 .rBox{position: absolute;right: 0;top: 0;width: 45%;height: 100%;background: url(../image/serviceBg.png) no-repeat;background-size: cover; text-align: left;display: table;}
.section2 .rBox .inBox{display: table-cell;vertical-align: middle;}
.section2 .rBox .inBox img{position: relative;left: 1000px;transition: all 0.5s;transform: scale(0);}
.section2.active .rBox .inBox img{left: 0;transform: scale(1);}


.section3{background-color: #1c1d21;}
.section3 .wrap{width: 1400px;height: 100%;background: url(../image/indexImg/redBg.png) no-repeat;background-size:1400px 930px;background-position: center;margin: 0 auto;overflow: hidden;}
.section3 .wrap .ulBanner{width: 100%;height: 100%;overflow: hidden;display: table;position: relative;left: 0; transition: left 0.5s;}
.section3 .wrap .ulBanner li{width: 1400px;height: 678px;display: table-cell;vertical-align: middle;}
.section3 .wrap .ulBanner li img{width: 100%;height: 100%;object-fit: cover;}

.section3 .wrap .navigation{text-align: center;position: absolute;left: 0;top: 50%;margin-top: 314px;width: 100%;}
.section3 .wrap .navigation li{width: 40px;height: 5px;background: rgba(102,102,102,0.5);display: inline-block;margin:0 7px;cursor: pointer;}
.section3 .wrap .navigation li.on{background: rgba(255,0,0,1);}


.section4{background-image: url(../image/indexImg/bg4.jpg);background-size: cover;}
.section4 .fp-tableCell {vertical-align: top !important;}
.section4 .wrap{width: 1000px;padding-left: 400px;margin: 0 auto;padding-top: 80px;}
.section4 .wrap h1{font-size: 50px;height: 50px;line-height: 50px;color: #fff;font-weight: bold;}
.section4 .wrap h1 span{transition: all 0.5s;opacity: 0;color: #f00;}
.section4.active .wrap h1 span{opacity: 1;color: #fff;}
.section4 .wrap h1 span:nth-child(1){transition-delay: 0s;}
.section4 .wrap h1 span:nth-child(2){transition-delay: 0.2s;}
.section4 .wrap h1 span:nth-child(3){transition-delay: 0.4s;}
.section4 .wrap h1 span:nth-child(4){transition-delay: 0.6s;}
.section4 .wrap h1 span:nth-child(5){transition-delay: 0.8s;}
.section4 .wrap h1 span:nth-child(6){transition-delay: 1s;}

.section4 .wrap .profile{font-size: 24px;line-height: 50px;color: #fff;margin-top: 35px;}
.section4 .wrap .profile p{position: relative;bottom: -1000px;transition:all 1s;opacity: 0;font-size: 24px;line-height: 50px;}
.section4 .wrap .profile p:nth-child(1){transition-delay: 1s;}
.section4 .wrap .profile p:nth-child(2){transition-delay: 1.2s;}
.section4 .wrap .profile p:nth-child(3){transition-delay: 1.4s;}
.section4.active .wrap .profile p{bottom: 0;opacity: 1;}

.section5{background-image: url(../image/indexImg/bg5.jpg);}
.section5 .wrap{width: 1400px;height: 100%;margin: 0 auto;position: relative;}
.section5 .wrap .inBox{width: 1400px;height: 730px;background: #fff;border-radius: 10px;position: absolute;left: 0;top: 50%;margin-top: -365px;transition: all 1s;opacity: 0;transform: scale(0);transform-origin: center;}
.section5.active .wrap .inBox{opacity: 1;transform: scale(1);}
.section5 .wrap .inBox .rImg{position: absolute;right: 0;top: 0;}

.section5 .wrap .inBox .introBox{padding: 128px 0 0 97px;}
.section5 .wrap .inBox .introBox h1{font-size: 50px;color: #3f0d86;font-weight: bold;height: 50px;line-height: 50px;}
.section5 .wrap .inBox .introBox h1 span{color: #ff3d89;}
.section5 .wrap .inBox .introBox h5{font-size: 24px;color: #000;margin-top: 40px;}
.section5 .wrap .inBox .introBox ul{overflow: hidden;width: 675px;margin-top: 70px;}
.section5 .wrap .inBox .introBox ul li{float: left;width: 195px;margin-right: 45px;margin-bottom: 55px;cursor: pointer;}
.section5 .wrap .inBox .introBox ul li:nth-child(3n){margin-right: 0;}
.section5 .wrap .inBox .introBox ul li .title{font-size: 22px;color: #000;height: 42px;line-height: 42px;position: relative;display: inline-block;}
.section5 .wrap .inBox .introBox ul li .title::after{content: ''; width: 29px;height: 2px;background: #ff3d89;position: absolute;left: 0;bottom: 0;transition:all 0.5s;}
.section5 .wrap .inBox .introBox ul li:hover .title::after{width: 100%;}
.section5 .wrap .inBox .introBox ul li .title img{margin-right: 7px;position: relative;top: -1px;}
.section5 .wrap .inBox .introBox ul li .summary{font-size: 16px;color: #999;line-height: 26px;}
.section5 .wrap .inBox .introBox ul li:hover .summary{color: #333;}

.section6{background-image: url(../image/indexImg/bg6.jpg);}
.section6 .lImg{position: absolute;left: -500px;bottom: -500px;width: 42%;transition: all 0.5s;transform: scale(0);}
.section6.active .lImg{left: 0;bottom: 0;transform: scale(1);}

.section6 .wrap{width: 1400px;margin: 0 auto;text-align: center;overflow: hidden;}
.section6 .wrap .topBox{background: url(../image/indexImg/txtBg.png) no-repeat;width: 993px;height: 205px;text-align: center;display: table;margin: 0 auto;position: relative;top: -800px;transition: all 0.5s;opacity: 0;}
.section6.active .wrap .topBox{top: 0;opacity: 1;}

.section6 .wrap .topBox .inBox{display: table-cell;vertical-align: middle;position: relative;}


.section6 .wrap .processBox{width: 859px;padding-left: 43px;height: 397px;padding-top: 3px;background: url(../image/indexImg/processBg.png) no-repeat;margin-top: 90px;float: right;position: relative;right: -800px;transition: all 0.5s;}
.section6.active .wrap .processBox{right: 0;}

.section6 .wrap .processBox ul{overflow: hidden;}
.section6 .wrap .processBox ul li{width: 175px;padding-left: 69px;float: left;height: 40px;line-height: 40px;margin-bottom: 60px;font-size: 20px;color: #000;margin-right: 24px;text-align: center;}
.section6 .wrap .processBox ul li:nth-child(3n+1){width: 171px;padding-left: 79px;}

.section7{background-image: url(../image/indexImg/bg7.jpg);}
.section7 .wrap{width: 1400px;margin: 0 auto;}
.section7 .wrap h1{font-size: 0;color: #00f0ff;font-weight: bold;height: 40px;line-height: 40px;text-align: center;margin-bottom: 60px;transition: all 1s;transform-origin: center;opacity: 0;}
.section7.active .wrap h1{font-size: 40px;opacity: 1;}

.section7 .wrap ul{background: url(../image/indexImg/lineBg.png) no-repeat;width: 1296px;height: 583px;margin: 0 auto;}
.section7 .wrap ul li{float: left;width: 216px;height: 194px;display: table;position: relative;}
.section7 .wrap ul li a{display: table-cell;vertical-align: middle;text-align: center;position: relative;transition: all 1.5s;opacity: 0;}
.section7 .wrap ul li a img{transform: rotateY(360deg);transition: all 0.5s;}
.section7 .wrap ul li:hover a img{transform: rotateY(0);}

.section7 .wrap ul li P{font-size: 22px;color: #698b9e;height: 32px;line-height: 32px;margin-top: 20px;}
.section7 .wrap ul li .dot{position: absolute;right: -4px;bottom: -5px;animation: flash 1s alternate infinite;}
@keyframes flash {
    0%{opacity: 0;}
    100%{opacity: 1;}
}
.section7 .wrap ul li:hover .dot{transform: scale(1.5, 1.5) !important;transition: all 0.5s;}
.section7 .wrap ul li:nth-child(6n) .dot{display: none;}

.section8{background-image: url(../image/indexImg/bg8.jpg);}
.section8 .wrap{width: 1400px;height: 730px;border-radius: 10px; margin: 0 auto;background: #fff;position: relative;opacity: 0;transition: 1s;transition-delay: 0.5s;}
.section8.active .wrap{opacity: 1;}

.section8 .wrap h1{font-size: 40px;color: #529c03;font-weight: bold;height: 40px;line-height: 40px;text-align: center;margin-top: 70px;}
.section8 .wrap .dot_l{position: absolute;left: 30px;top: 30px;}
.section8 .wrap .dot_r{position: absolute;right: 30px;top: 30px;}

.section8 .wrap .ulBox{border: 1px solid #eee;width: 1200px;margin: 50px auto 0;}
.section8 .wrap .ulBox .ulTop{overflow: hidden;}
.section8 .wrap .ulBox .ulTop li{float: left;width: 239px;height: 79px;float: left;border-right: 1px solid #eee;border-bottom: 1px solid #eee;overflow: hidden;text-align: center;position: relative;}
.section8 .wrap .ulBox .ulTop li:hover:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.1);}

.section8 .wrap .ulBox .ulTop li:nth-child(5n){width: 240px;border-right: none;}
.section8 .wrap .ulBox .ulTop li a{display: block;}
.section8 .wrap .ulBox .ulTop li img{max-width: 100%;}

.section8 .wrap .ulBox .ulBot{overflow: hidden;}
.section8 .wrap .ulBox .ulBot li{float: left;width: 149px;height: 109px;float: left;border-right: 1px solid #eee;border-bottom: 1px solid #eee;overflow: hidden;text-align: center;position: relative;}
.section8 .wrap .ulBox .ulBot li:hover:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.1);}
.section8 .wrap .ulBox .ulBot li:nth-child(8n){width: 150px;border-right: none;}
.section8 .wrap .ulBox .ulBot li a{display: block;}
.section8 .wrap .ulBox .ulBot li img{max-width: 100%;}

.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;
}

.section8 .plant_l{position: absolute;left: 0;top: 0;}
.section8 .plant_r{position: absolute;right: 0;top: 0;animation: move 4s alternate infinite;transform:rotate(1deg);transform-origin: right top;}
@keyframes move {
    0%,100%{transform: rotate(1deg);}
    50%{transform: rotate(0);}
}

        
.section9{background-image: url(../image/indexImg/bg9.jpg);}
.section9 .wrap{width: 1400px;margin: 0 auto;}
.section9 .wrap h1{font-size: 40px;color: #fff;font-weight: bold;text-align: center;height: 40px;line-height: 40px;margin-bottom: 110px;position: relative;top: -600px;transition: all 0.5s;}
.section9.active .wrap h1{top: 0;}

.section9 .wrap .topBox{font-size: 22px;color: #fff;position: relative;}
.section9 .wrap .topBox .inputBox{float: left;margin-bottom: 40px;}

.section9 .wrap .topBox .inputBox.name{width: 516px;position: relative;left: -1000px;transition: all 0.5s;}
.section9.active .wrap .topBox .inputBox.name{left: 0;}

.section9 .wrap .topBox .inputBox.contacts{margin-bottom: 0;position: relative;left: -1000px;transition: all 0.5s;}
.section9.active .wrap .topBox .inputBox.contacts{left: 0;}

.section9 .wrap .topBox .inputBox input{width: 328px;height: 68px;border: 1px solid rgba(255,255,255,0.5);background: rgba(1,0,30,0.5);border-radius: 10px;font-size: 22px;color: #fff;margin-left: 15px;text-indent: 10px;}

.section9 .wrap .topBox .inputBox.demand{position: relative;right: -1200px;transition: all 0.5s;}
.section9.active .wrap .topBox .inputBox.demand{right: 0;}

.section9 .wrap .topBox .inputBox.demand input{width: 794px;}
.section9 .wrap .topBox .inputBox input::-webkit-input-placeholder{color: #636880;}

.section9 .wrap .topBox .inputBox .title{display: inline-block;width: 136px;text-align: right;}

.section9 .wrap .topBox .submitBtn{position: absolute;right: 0;bottom: 0;width: 250px;height: 70px;background: #0374ff;color: #fff;border: none;border-radius: 35px;font-size: 24px;transition: all 1s;transform: rotate(360deg) scale(0);opacity: 1;}
.section9.active .wrap .topBox .submitBtn{transform: rotate(0) scale(1);opacity: 1;}
.section9 .wrap .topBox .submitBtn:hover{background: #ff3d89;}


.section9 .wrap .botBox{margin-top: 150px;border-top: 1px solid rgba(255,255,255,0.2);padding-top: 40px;position: relative;bottom: -1000px;transition: all 1s;opacity: 0;transform: scale(0);}
.section9.active .wrap .botBox{bottom: 0;opacity: 1;transform: scale(1);}

.section9 .wrap .botBox .lBox{overflow: hidden;}
.section9 .wrap .botBox .lBox li{float: left;margin-right: 30px;}
.section9 .wrap .botBox .lBox li.address{width: 350px;}
.section9 .wrap .botBox .lBox li.phoneNumber{width: 200px;}
.section9 .wrap .botBox .lBox li h5{font-size: 22px;color: #636880;height: 24px;line-height: 24px;margin-bottom: 30px;}
.section9 .wrap .botBox .lBox li p{font-size: 16px;color: #636880;}

.section9 .wrap .botBox .rBox{position: absolute;right: 0;top: 40px;}
.section9 .wrap .botBox .rBox img{margin-left: 7px;width:70px;height: 70px;}


#index .pubSwitchNav ul li{background: #fff;}
#index .pubSwitchNav.on ul li{background: #000;}

#index .pubSwitchNav span{color: #fff;}
#index .pubSwitchNav.on span{color: #000;}


.pubRlogo{position: absolute;right: 60px;top: 60px;z-index: 999;}
.pubRlogo img{width: 106px;}

.startPage{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 300;transition: all 0.5s;}
.startPage.on{height: 0;}
.startPage img{width: 100%;height: 100%;object-fit: cover;}
.startPage .secs{position: absolute;right: 60px;top: 60px;background: rgba(0,0,0,0.6);width: 60px;height: 30px;line-height: 30px;border-radius: 15px;text-align: center;font-size: 15px;color: #fff;cursor: pointer;}


/*头部封面图共用*/
.pubTopCover {text-align: center;width: 100%;height:380px;overflow: hidden;}
.pubTopCover img {height:380px;margin: 0 -100%;}

/*共用详情*/
.pubDetail{color: #000;font-size: 16px;line-height: 36px;border:1px solid #ddd;padding:100px;box-sizing: border-box;}
.pubDetail img{display: block;margin: 0 auto;max-width: 100%;}
.pubDetail p{line-height: inherit;}


/*01企业简介*/
#company_profile{}
#company_profile .wrap{width:1200px;display: block;margin: 0 auto;margin-top:40px;}


/*03服务支持*/
#service_support{}
#service_support .content{margin-bottom: 60px;}
#service_support .wrap{width:1200px;display: block;margin: 0 auto;margin-top:40px;}


/*04精品案例-1列表*/
#case_list{}
#case_list .wrap{width:1200px;display: block;margin: 0 auto;}
#case_list .header{}
#case_list .header .nav{overflow: hidden;padding:0 220px;}
#case_list .header .nav li{float:left;margin-right:50px;height: 100px;text-align: center;padding:30px 0;box-sizing: border-box;}
#case_list .header .nav li:last-child{margin-right:0;}
#case_list .header .nav li a{display:inline-block;color: #000;font-size: 20px;height:40px;line-height: 40px;}
#case_list .header .nav li.on a{color: #ff0000;font-weight: bold;background: url(../image/line.jpg) no-repeat center bottom;background-size:30px 3px;}

#case_list .menuBox{background: #fff;width:1200px;height: 100px;text-align: center;}
#case_list .menuBox .ulMenu.fixed{overflow: hidden;position: fixed;top:0;left:50%;margin-left: -600px; z-index: 9;width: 1200px;height: 100px;background: rgba(255,255,255,0.9);}
#case_list .menuBox .ulMenu{}
#case_list .menuBox .ulMenu li{display: inline-block;margin-right:50px;height: 100px;text-align: center;padding:30px 0;box-sizing: border-box;}
#case_list .menuBox .ulMenu li:last-child{margin-right:0;}
#case_list .menuBox .ulMenu li a{display:inline-block;color: #000;font-size: 20px;height:40px;line-height: 40px;}
#case_list .menuBox .ulMenu li.on a{color: #ff0000;font-weight: bold;background: url(../image/line.jpg) no-repeat center bottom;background-size:30px 3px;}
#case_list .menuBox .ulMenu li:hover a{color: #ff0000;font-weight: bold;background: url(../image/line.jpg) no-repeat center bottom;background-size:30px 3px;}

#case_list .listBox{}
#case_list .listBox li{border:1px solid #ddd;padding:100px 100px 100px 676px;position: relative;margin-bottom:40px;}
#case_list .listBox li:nth-child(2n){padding-left: 100px;padding-right:676px;}
#case_list .listBox li .caseImg{width:536px;height: 335px;position: absolute;left: 100px;top:100px;}
#case_list .listBox li:nth-child(2n) .caseImg{right: 100px;left: auto;}

#case_list .listBox li .rBox{}
#case_list .listBox li .rBox .rTopBox{height: 70px;position: relative;padding-left:90px;margin-bottom: 30px;}
#case_list .listBox li .rBox .rTopBox .caseLogo{width:70px;height: 70px;position: absolute;left: 0;top:0;border: 1px solid #ccc;border-radius: 10px;}
#case_list .listBox li .rBox .rTopBox .title{color: #000;font-size: 24px;font-weight: bold;line-height: 24px;margin-bottom: 20px;}
#case_list .listBox li .rBox .rTopBox .develop_cycle{color: #999;font-size: 16px;line-height: 22px;}
#case_list .listBox li .rBox .profile{color: #999;font-size: 16px;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;text-overflow:ellipsis;margin-bottom: 20px;}

/*带二维码*/
#case_list .listBox li .rBox .codeBox{position: relative;height: 100px;padding-left: 140px;text-align: center;}
#case_list .listBox li .rBox .codeBox .code{width:100px;height: 100px;position: absolute;left: 0;top:0;}
#case_list .listBox li .rBox .codeBox .tips{color: #000;font-size: 20px;line-height:50px;}
#case_list .listBox li .rBox .lookDetailBtn{display: inline-block;width:200px;height: 50px;border: 1px solid #ddd;border-radius: 25px;color: #000;font-size: 16px;line-height: 50px;box-sizing: border-box;text-align: center;}
#case_list .listBox li .rBox .lookDetailBtn:hover{background: #ff0000;border: 0;color: #fff;}

/*无二维码，有网址*/
#case_list .listBox li.noCode .rBox{}
#case_list .listBox li.noCode .rBox .linkBox{height:24px;position: relative;padding-left: 30px;margin-bottom: 20px;}
#case_list .listBox li.noCode .rBox .linkBox .linkIcon{width:24px;height: 24px;position: absolute;left: 0;top:0;}
#case_list .listBox li.noCode .rBox .linkBox .website{color: #000;font-size: 16px;line-height:24px;}


/*04精品案例-2详情*/
#case_details{}
#case_details .content{margin-bottom: 60px;}
#case_details .wrap{width:1200px;display: block;margin: 0 auto;}
#case_details .wrap .topBox li{border: 1px solid #ddd;padding:100px;box-sizing: border-box;position:relative;margin-bottom: 40px;}  
#case_details .wrap .topBox li .returnBtn{display: inline-block;width:100px;height: 100px; position: absolute;right: 0;top:0;color: #000;font-size: 16px;line-height: 100px;text-align: left;}
#case_details .wrap .topBox li .returnBtn img{width:20px;height: 17px;}

#case_details .wrap .topBox li .infoBox{position: relative;height: 180px;padding-left:328px;padding-right: 220px;}
/*没有二维码时，“infoBox”的padding-right为0*/
#case_details .wrap .topBox li.noCode .infoBox{position: relative;height: 180px;padding-left:328px;padding-right:0;}
#case_details .wrap .topBox li .infoBox .mainImg{width:288px;height: 180px;position: absolute;left: 0;top:0;}
#case_details .wrap .topBox li .infoBox .rBox{}
#case_details .wrap .topBox li .infoBox .rBox .rTopBox{position: relative;padding-left:90px;height: 70px;margin-bottom: 30px;}
#case_details .wrap .topBox li .infoBox .rBox .rTopBox .caseLogo{position: absolute;left: 0;top:0;width:70px;height:70px;border:1px solid #ccc;border-radius:10px;}
#case_details .wrap .topBox li .infoBox .rBox .rTopBox .title{color: #000;font-size: 24px;font-weight: bold;line-height: 24px;margin-bottom: 20px;}
#case_details .wrap .topBox li .infoBox .rBox .rTopBox .develop_cycle{color: #999;font-size: 16px;line-height: 22px;}
#case_details .wrap .topBox li .infoBox .rBox .profile{color: #999;font-size: 16px;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;margin-bottom: 10px;}

/*有网址，无二维码*/
#case_details .wrap .topBox li .infoBox .rBox .linkBox{height: 20px;position: relative;padding-left: 30px;}
#case_details .wrap .topBox li .infoBox .rBox .linkBox img{width:20px;height: 20px;position: absolute;left: 0;top:0;}
#case_details .wrap .topBox li .infoBox .rBox .linkBox .website{color: #000;font-size: 16px;line-height:20px;}

/*有二维码*/
#case_details .wrap .topBox li .infoBox .codeBox{position: absolute;right: 0;top:0;border:1px solid #ddd;width:180px;height:180px;padding:25px;box-sizing: border-box;text-align: center;}
#case_details .wrap .topBox li .infoBox .codeBox img{width:100px;height: 100px;}
#case_details .wrap .topBox li .infoBox .codeBox .tips{color: #000;font-size: 16px;line-height: 50px;}

#case_details .wrap .topBox li .arrowDown{width:58px;height:31px; position: absolute;bottom:-31px;left: 50%;margin-left: -29px;}


/*08原圈事-1新闻列表*/
#news_list{}
#news_list .content{margin-bottom: 60px;}
#news_list .wrap{width:1200px;display: block;margin: 0 auto;margin-top:40px;}
#news_list .wrap .listBox{}
#news_list .wrap .listBox li{border: 1px solid #ddd;padding:100px 100px 100px  500px;height:360px;position: relative;margin-bottom:40px;}
#news_list .wrap .listBox li:last-child{margin-bottom: 0;}
#news_list .wrap .listBox li:nth-child(2n){padding-left: 100px;padding-right: 500px;}
#news_list .wrap .listBox li .mainImg{width:360px;height: 360px;position: absolute;left: 100px;top: 100px;}
#news_list .wrap .listBox li:nth-child(2n) .mainImg{right: 100px;left:auto;}

#news_list .wrap .listBox li .infoBox{}
#news_list .wrap .listBox li .infoBox .dateBox{font-size: 20px;line-height: 23px;margin-bottom:25px;}
#news_list .wrap .listBox li .infoBox .dateBox .date{color: #f00;}
#news_list .wrap .listBox li .infoBox .dateBox .line{color: #ddd;margin:0 5px;}
#news_list .wrap .listBox li .infoBox .dateBox .time{color: #ddd;}

#news_list .wrap .listBox li .infoBox .title{color: #010101;font-size: 30px;line-height: 50px;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;margin-bottom:25px;}

#news_list .wrap .listBox li .infoBox .profile{color: #999;font-size: 16px;line-height: 36px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}

#news_list .wrap .listBox li .moreBtn{display: inline-block;border:1px solid #ddd;width:200px;height: 50px;box-sizing: border-box; border-radius: 25px;color: #000;font-size: 16px;line-height: 50px;text-align: center;margin-top: 25px;}
#news_list .wrap .listBox li .moreBtn:hover{background: #ff0000;border: 0;color: #fff;transition-duration:0.5s;}


/*08原圈事-2新闻详情*/
#news_details{}
#news_details .content{margin-bottom: 60px;}
#news_details .wrap{width:1200px;display: block;margin: 0 auto;}
#news_details .wrap .topBox{border: 1px solid #ddd;padding:100px;box-sizing: border-box;position:relative;}  
#news_details .wrap .topBox .returnBtn{display: inline-block;width:100px;height: 100px; position: absolute;right: 0;top:0;color: #000;font-size: 16px;line-height: 100px;text-align: left;}
#news_details .wrap .topBox .returnBtn img{width:20px;height: 17px;}
#news_details .wrap .topBox .arrowDown{width:58px;height:31px; position: absolute;bottom:-31px;left: 50%;margin-left: -29px;}

#news_details .wrap .topBox .infoBox{position: relative;padding-left:220px;height: 180px;}
#news_details .wrap .topBox .infoBox .mainImg{width:180px;height:180px;position: absolute;left: 0;top:0;}
#news_details .wrap .topBox .infoBox .rBox{}
#news_details .wrap .topBox .infoBox .rBox a{display: block;}
#news_details .wrap .topBox .infoBox .rBox .dateBox{font-size: 20px;line-height: 23px;margin-bottom: 40px;}
#news_details .wrap .topBox .infoBox .rBox .dateBox .date{color: #f00;}
#news_details .wrap .topBox .infoBox .rBox .dateBox .line{color: #ddd;margin:0 5px;}
#news_details .wrap .topBox .infoBox .rBox .dateBox .time{color: #ddd;}

#news_details .wrap .topBox .infoBox .rBox .title{color: #010101;font-size: 30px;line-height: 50px;font-weight: bold;/*display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;*/}

#news_details .wrap .pubDetail{margin-top: 40px;}


/*09英雄帖*/
#recruit{}
#recruit .content{margin-bottom: 60px;}
#recruit .wrap{width:1200px;display: block;margin: 0 auto;margin-top:40px;}


/*10邀您在Call*/
#contact_us{}
#contact_us .content{margin-bottom: 60px; padding-bottom: 60px;}
#contact_us .wrap{width:1200px;display: block;margin: 0 auto;}

#contact_us .wrap .topBox{border: 1px solid #ddd;padding:100px 100px 100px 320px;position: relative;margin-bottom: 40px;}
#contact_us .wrap .topBox .logo{position: absolute;left: 100px;top:100px;width:120px;height:136px;}
#contact_us .wrap .topBox .rInfo{color: #000;font-size: 20px;line-height: 40px;}

#contact_us .wrap .department{overflow: hidden;margin-bottom: 40px;}
#contact_us .wrap .department li{float: left;width:31.33%;margin-right:3%;padding:40px 50px;border: 1px solid #ddd;height: 260px;box-sizing: border-box;color: #000; font-size: 20px;line-height: 40px;}
#contact_us .wrap .department li:last-child{margin-right:0;}
#contact_us .wrap .department li .title{font-weight: bold;}

#contact_us .wrap .inputArea{margin-bottom: 40px;background:-webkit-linear-gradient(0deg,#082d7b 30%,#ef245c 50%,#ff6353 80%);height:50px;padding:25px 240px 25px 155px;overflow: hidden;}
#contact_us .wrap .inputArea  .logo{width:83px;height: 80px;float: left;position: relative;top:-15px;}
#contact_us .wrap .inputArea  .tips{color: #fff;font-size: 20px;line-height: 50px;float: left;margin-right:20px;}
#contact_us .wrap .inputArea  .inputBox{width:300px;height: 50px;float: left;position: relative;border:1px solid #fff;border-radius:6px; overflow: hidden;}
#contact_us .wrap .inputArea  .inputBox input{width:210px;height: 50px;background: rgba(255,255,255,0.4);padding:0;border:0;color: #fff;font-size: 16px;padding-left: 20px;box-sizing: border-box;}
#contact_us .wrap .inputArea  .inputBox input::-webkit-input-placeholder{color: #fff;}
#contact_us .wrap .inputArea  .inputBox .submitBtn{width:90px;height: 50px;float: left;padding:0;border:0;background: #fff;position: absolute;right: 0;top:0;font-size: 16px;}

#contact_us .wrap .map{height:300px;border: 1px solid #ddd;overflow: hidden;box-sizing: border-box;}

.pubContactType{position: absolute;right: 70px;bottom: 30px;display: table;height: 100px;width: 328px;z-index: 99;}
.pubContactType .lBox{display: table-cell;vertical-align: middle;height: 55px;}
.pubContactType .lBox .inBox{background: #fff;border-radius: 5px 0 0 5px;position: relative;padding-left: 55px;height: 38px;padding:9px 10px 8px 65px;box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.pubContactType .lBox .inBox img{padding:9px 10px;border-right: solid 1px #ccc;position: absolute;left: 0;top: 0;}
.pubContactType .lBox .inBox .contact{display: inline-block;}
.pubContactType .lBox .inBox .contact .title{font-size: 12px;color: #666;height: 12px;line-height: 12px;}
.pubContactType .lBox .inBox .contact .num{font-size: 24px;color: #ff3d89;height: 24px;line-height: 24px;margin-top: 5px;transition: color 0.5s;animation: colorTrans 5s infinite;}


@keyframes colorTrans{
    0%,100%{color: #ff3d89;}
    15%{color: purple;}
    30%{color: blue;}
    45%{color: orangered;}
    60%{color: red;}
    75%{color: green;}
}



.pubContactType .headImg{border: 4px solid #fff;width: 92px;height: 92px;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.5);}