﻿
/*recruit*/

.about-page{width: 100%;}
.about-page .about-wrap{width: 1240px;height: auto;margin: 50px auto;}
.about-page .about-wrap>.list-box .list{float:left;width:370px;height: auto;padding: 10px 20px;background: #f9f9f9;cursor: pointer;transition: all .3s;margin-right: 65px;margin-bottom: 60px;}
.about-page .about-wrap>.list-box .list:nth-child(3n){margin-right: 0;}
.about-page .about-wrap>.list-box .list .title{border-bottom: 1px solid #e6e6e6;} 
.about-page .about-wrap>.list-box .list span{transition: all .3s;}
.about-page .about-wrap>.list-box .list .title .sp-1{font-size:12px;color: #cccccc;line-height:12px;}
.about-page .about-wrap>.list-box .list .title .p-1{font-size:16px;color: #000;line-height:30px;margin-bottom: 5px;transition: all .3s;}
.about-page .about-wrap>.list-box .list .h-1{display:block;color: #787878;margin-top: 10px;}
.about-page .about-wrap>.list-box .list .art{height:80px;padding: 10px 0;font-size:12px;color: #9b9898;line-height:20px;transition: all .3s;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.about-page .about-wrap>.list-box .list .sp-2{display: inline-block;border: 1px solid #cccccc;border-radius:5px;height:25px;line-height:25px;padding:0 10px;font-size:12px;color:#cccccc;}
.about-page .about-wrap>.list-box .list:hover{background: #b72125;}
.about-page .about-wrap>.list-box .list:hover .title{border-bottom: 1px solid #fff;}
.about-page .about-wrap>.list-box .list:hover span{color: #FFFFFF !important;}
.about-page .about-wrap>.list-box .list:hover .p-1{color: #FFFFFF;}
.about-page .about-wrap>.list-box .list:hover .art{color: #fff;}
.about-page .about-wrap>.list-box .list:hover .sp-2{border: 1px solid #fff;}
.about-page .about-wrap .popup-box{display:none;position: fixed;width: 100%;height: 100%;left: 0;right: 0;top: 0;right: 0;background: rgba(0,0,0,.5);z-index: 3;}
.about-page .about-wrap .popup-box .box-wrap{position: relative;width:1100px;height: auto;margin: 0 auto;margin-top:10%;background:#fff;padding:30px;border-radius:20px;}
.about-page .about-wrap .popup-box .box-wrap .img{position: absolute;right:-40px;top:-10px;cursor: pointer;}
.about-page .about-wrap .popup-box .box-wrap .h-1{font-size:16px;color: #ffffff;line-height:48px;background: #d20505;padding: 0 15px;}
.about-page .about-wrap .popup-box .box-wrap .d-1{font-size:14px;color: #666666;line-height:38px;margin-top: 5px;padding: 0 5px;}
.about-page .about-wrap .popup-box .box-wrap .art{font-size:14px;color: #333333;line-height:36px;padding: 0 5px;height:300px;overflow-y: scroll}
.about-page .about-wrap .popup-box .box-wrap .art::-webkit-scrollbar {display:none}
.about-page .about-wrap .popup-box .box-wrap .a-1{display: inline-block;padding:0 20px;line-height: 40px;font-size:16px;color: #fff;background: #d20505;margin: 0 5px;margin-top: 10px;border-radius:5px;}
.about-page .about-wrap .popup-box .box-wrap .sp-1{display: block;font-size:16px;color: #333333;line-height:48px;padding: 0 5px;}
.about-page .about-wrap .popup-box .box-wrap .sp-1:hover a{color:#f3040a;text-decoration:underline;}
.nav-page{font-size: 0;text-align: center;vertical-align: top;}
.nav-page a{display: inline-block;font-size:20px;color:#999999;line-height:32px;margin: 0 15px;width: 12px;height: 32px;}
.nav-page a.on{color: #d80d18;}
.about-page .about-wrap .envir-box .s-box>div{float: left;}
.about-page .about-wrap .envir-box .s-box .l-box{width:415px;height:480px;text-align: right;background: #fbb802;color: #fff;padding: 0 35px;}
.about-page .about-wrap .envir-box .s-box .l-box .box{display: none;}
.about-page .about-wrap .envir-box .s-box .l-box .box.on{display: block;}
.about-page .about-wrap .envir-box .s-box .l-box .title{font-size: 16px;margin-top:40%;margin-bottom: 20px;}
.about-page .about-wrap .envir-box .s-box .l-box .title .h-1{font-size: 40px;}
.about-page .about-wrap .envir-box .s-box .l-box .art{font-size: 16px;line-height: 24px;}
.about-page .about-wrap .envir-box .s-box .r-box{width:825px;height:480px;position: relative;}
.about-page .about-wrap .envir-box .s-box .banner-1{position: relative;}
.about-page .about-wrap .envir-box .s-box .banner-1 .view .arrow-left {background:rgba(0,0,0,.5) url(img/img3.png) no-repeat center;position: absolute;left: 0;top: 50%;margin-top: -50px;width: 45px;height:100px;z-index: 10;}
.about-page .about-wrap .envir-box .s-box .banner-1 .view .arrow-right {background: rgba(0,0,0,.5) url(img/img2.png) no-repeat center;position: absolute;right: 0;top: 50%;margin-top: -50px;width: 45px;height:100px;z-index: 10;}
.about-page .about-wrap .envir-box .s-box .banner-1 .preview {width: 100%;height:140px;position:absolute;bottom: 0;padding: 20px 0;background:rgba(10,10,10,.4);z-index: 2;}
.about-page .about-wrap .envir-box .s-box .banner-1 .preview .swiper-container {width: 468px;height:100px;margin-left: 35px;margin: 0 auto;}
.about-page .about-wrap .envir-box .s-box .banner-1 .preview .swiper-slide {width: 136px;height:96px;cursor:pointer;margin-right: 30px;}
.about-page .about-wrap .envir-box .s-box .banner-1 .preview .swiper-slide img{border: 2px solid #fff;}
.about-page .about-wrap .envir-box .s-box .banner-1 .preview .active-nav img{border: 2px solid #b72125 !important;}
.about-page .about-wrap .envir-box .s-box .banner-1 .preview .arrow-left {background: url(img/img3.png) no-repeat left top;position: absolute;left:100px;top: 50%;margin-top: -19px;width: 20px;height: 38px;z-index: 10;}
.about-page .about-wrap .envir-box .s-box .banner-1 .preview .arrow-right {background: url(img/img2.png) no-repeat left bottom;position: absolute;right: 100px;top: 50%;margin-top: -19px;width: 20px;height: 38px;z-index: 10;}
.about-page .about-wrap .envir-box .s-box .banner-1 .preview .active-nav img {padding: 0;border: 1px solid #F00;}
.about-page .about-wrap .envir-box .x-box>div{float:right;}
.about-page .about-wrap .envir-box .x-box .l-box{width:415px;height:480px;text-align:left;background: #8302fb;color: #fff;padding: 0 35px;}
.about-page .about-wrap .envir-box .x-box .l-box .box{display:none;}
.about-page .about-wrap .envir-box .x-box .l-box .box.on{display:block;}
.about-page .about-wrap .envir-box .x-box .l-box .title{font-size: 16px;margin-top:40%;margin-bottom: 20px;}
.about-page .about-wrap .envir-box .x-box .l-box .title .h-1{font-size: 40px;}
.about-page .about-wrap .envir-box .x-box .l-box .art{font-size: 16px;line-height: 24px;}
.about-page .about-wrap .envir-box .x-box .r-box{width:825px;height:480px;position: relative;}
.about-page .about-wrap .envir-box .x-box .banner-2{position: relative;}
.about-page .about-wrap .envir-box .x-box .banner-2 .view .arrow-left {background:rgba(0,0,0,.5) url(img/img3.png) no-repeat center;position: absolute;left: 0;top: 50%;margin-top: -50px;width:45px;height:100px;z-index: 10;}
.about-page .about-wrap .envir-box .x-box .banner-2 .view .arrow-right {background: rgba(0,0,0,.5) url(img/img2.png) no-repeat center;position: absolute;right: 0;top: 50%;margin-top: -50px;width:45px;height:100px;z-index: 10;}
.about-page .about-wrap .envir-box .x-box .banner-2 .preview {width: 100%;position:absolute;bottom: 0;padding: 20px 0;background:rgba(10,10,10,.4);z-index: 2;}
.about-page .about-wrap .envir-box .x-box .banner-2 .preview .swiper-container {width: 634px;height:100px;margin-left: 35px;margin: 0 auto;}
.about-page .about-wrap .envir-box .x-box .banner-2 .preview .swiper-slide {width: 136px;height:96px;cursor:pointer;margin-right: 30px;}
.about-page .about-wrap .envir-box .x-box .banner-2 .preview .swiper-slide img{border: 2px solid #fff;}
.about-page .about-wrap .envir-box .x-box .banner-2 .preview .active-nav img{border: 2px solid #b72125 !important;}
.about-page .about-wrap .envir-box .x-box .banner-2 .preview .arrow-left {background: url(img/img3.png) no-repeat left top;position: absolute;left:50px;top: 50%;margin-top: -19px;width: 20px;height: 38px;z-index: 10;}
.about-page .about-wrap .envir-box .x-box .banner-2 .preview .arrow-right {background: url(img/img2.png) no-repeat left bottom;position: absolute;right: 50px;top: 50%;margin-top: -19px;width: 20px;height: 38px;z-index: 10;}
.about-page .about-wrap .envir-box .x-box .banner-2 .preview .active-nav img {padding: 0;border: 1px solid #F00;}
.about-page .about-wrap .cultu-box .img-box .img{width: 100%;height: auto;position: relative;}
.about-page .about-wrap .cultu-box .img-box .img .box{position:absolute;top:25%;width: 100%;text-align: center;}
.about-page .about-wrap .cultu-box .img-box .img .box .text{display: inline-block;width:660px;height: auto;background: rgba(0,0,0,.5);padding: 50px 70px;color: #FFFFFF;}
.about-page .about-wrap .cultu-box .img-box .img .box .text .h-1{font-size: 20px;}
.about-page .about-wrap .cultu-box .img-box .img .box .text .sp-1{display:block;width:300px;height:1px;margin:10px auto 15px;background: #fff;}
.about-page .about-wrap .cultu-box .img-box .img .box .text .art{font-size: 24px;}
.about-page .about-wrap .cultu-box .img-box .a-1{display: block;text-align: center;margin-top:40px;}
.about-page .about-wrap .develo-box .banner{position: relative;}
.about-page .about-wrap .develo-box .banner .swip1{padding:100px 0;}
.about-page .about-wrap .develo-box .banner .swip1 .swiper-slide .img-box{width: 206px;height: 112px;background: url(img/img97.jpg) no-repeat;background-size:100% auto;}
.about-page .about-wrap .develo-box .banner .swip1 .swiper-slide:nth-child(2n) .img-box{background: url(img/img98.jpg) no-repeat;background-size:100% auto;}
.about-page .about-wrap .develo-box .banner .swip-btn{width:22px;height:40px;margin-top:-6px;transition: all .3s;}
.about-page .about-wrap .develo-box .banner .swiper-button-prev{left:-40px;background: url(img/img96.jpg) center no-repeat;}
.about-page .about-wrap .develo-box .banner .swiper-button-next{right:-40px;background: url(img/img101.jpg) center no-repeat;}
.about-page .about-wrap .develo-box .banner .swiper-slide .text{position: absolute;top: 100px;text-align: center;font-size:18px;color:#404040;padding-top:10px;}
.about-page .about-wrap .develo-box .banner .swiper-slide .text p{font-size:14px;color: #404040;}
.about-page .about-wrap .develo-box .banner .swiper-slide:nth-child(2n) .text{top:-100px;}
.about-page .about-wrap .develo-box .banner .swiper-slide-active .img-box .text{color: #f3040a;}
.about-page .about-wrap .develo-box .banner .swiper-slide-active .img-box .text p{color: #f3040a;}
.about-page .about-wrap .team-box .list-box{padding: 0 35px;}
.about-page .about-wrap .team-box .list-box .list{float: left;width:262px;height: auto;text-align: center;font-size:14px;color: #3b3a3a;margin-right: 40px;margin-bottom: 60px;cursor: pointer;}
.about-page .about-wrap .team-box .list-box .list:nth-child(4n){margin-right: 0;}
.about-page .about-wrap .team-box .list-box .list span{display: inline-block;margin-top: 10px;}
.about-page .about-wrap .team-box .list-box .list .img{width:262px;border: 1px solid #666;padding: 5px;transition: all .3s;}
.about-page .about-wrap .team-box .list-box .list:hover .img{border: 1px solid #f3040a;}
.about-page .about-wrap .team-box .d-1{text-align: center;}
.about-page .about-wrap .team-box .d-1 a{display: inline-block;font-size:16px;color: #fff;padding:0 30px;height:65px;line-height:65px;background: #f3040a;border-radius:5px;}
.about-page .about-wrap .team-box .box{display:none;position:fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 3;}
.about-page .about-wrap .team-box .box .box-wrap{position:relative;top:30%;left:50%;margin-left:-600px;width: 1200px;padding:60px 60px 40px;background: #FFFFFF;}
.about-page .about-wrap .team-box .box .box-wrap>div{float: left;}
.about-page .about-wrap .team-box .box .box-wrap .r-box{width:830px;padding: 0 40px;}
.about-page .about-wrap .team-box .box .box-wrap .r-box .h1{font-size:24px;color: #222222;line-height: 30px;}
.about-page .about-wrap .team-box .box .box-wrap .r-box .art{font-size:16px;color: #010101;line-height: 36px;margin-top:50px;}
.about-page .about-wrap .team-box .box .box-wrap .close{position: absolute;top:10px;right:10px;cursor: pointer;}
.about-page .about-wrap .introd-box .art{font-size: 16px;color: #666;line-height: 30px;}
.about-page .about-wrap .about-nav{width: 100%;height:auto;font-size: 0;margin-bottom:30px;text-align: center;}
.about-page .about-wrap .about-nav a{display: inline-block;font-size:14px;color:#FFFFFF;line-height:30px;margin:0 10px;padding: 0 25px;background:#d7d7d7;border-radius:20px;transition: all .3s;}
.about-page .about-wrap .about-nav a.on{background:#f3040a;}
.about-page .about-wrap .about-nav a:hover{background:#f3040a;}
.about-page .about-wrap .form-box{background: #d7d7d7;padding: 25px 0;}
.about-page .about-wrap .form-box .label1{float: left;display: block;line-height:48px;margin:0px 80px 0 30px;background: url(img/img122.jpg) right no-repeat;padding-right: 48px;}
.about-page .about-wrap .form-box .label2{float: left;display: block;line-height:48px;margin:0px 80px 0 30px; padding-right: 48px;}
.about-page .about-wrap .form-box label select{display: block;width: 250px;height:48px;border: 0;border-radius:5px;padding: 0 10px;font-size:16px;color: #d8d8d8;}
.about-page .about-wrap .form-box label .text{display:inline-block;width:310px;height:48px;float: left;border-radius:5px;padding: 0 10px;font-size:16px;color: #d8d8d8;}
.about-page .about-wrap .form-box label .text::-webkit-input-placeholder{color: #d8d8d8;}    
.about-page .about-wrap .form-box label .text:-moz-placeholder{color: #d8d8d8;}                 
.about-page .about-wrap .form-box label .text::-moz-placeholder{color: #d8d8d8;}                
.about-page .about-wrap .form-box label .text:-ms-input-placeholder{color: #d8d8d8;}
.about-page .about-wrap .form-box label:last-child{background:none;padding-right: 0;margin-right: 0;}
.about-page .about-wrap .form-box label .btn{background: url(img/img123.jpg) no-repeat;width: 48px;height: 48px;float: left;cursor: pointer;}
.about-page .about-wrap .table-box{width: 100%;height: auto;margin-top:20px;margin-bottom: 50px;}
.about-page .about-wrap .table-box thead th{font-size:14px;color: #666;line-height:60px;font-weight: 400;border-bottom: 3px solid #efefef;}
.about-page .about-wrap .table-box tbody tr{cursor: pointer;}
.about-page .about-wrap .table-box tbody tr:hover td{color: #f3040a;text-decoration: underline;}
.about-page .about-wrap .table-box tbody tr td{font-size:14px;color: #333;line-height: 50px;text-align: center;border-bottom:1px dashed #ededed;transition: all .3s;}


/*contact*/
.cont-page .cont-wrap .cont-box{width: 1240px;padding: 60px 0;height: auto;margin: 0 auto;}
.cont-page .cont-wrap .cont-box .addre .list-box{padding:50px 0;}
.cont-page .cont-wrap .cont-box .addre .list-box .list{float:left;width:33.33%;margin-bottom: 40px;}
.cont-page .cont-wrap .cont-box .addre .list-box .list:last-child{width: auto;}
.cont-page .cont-wrap .cont-box .addre .list-box .list>div{float: left;}
.cont-page .cont-wrap .cont-box .addre .list-box .list .img{width:69px;height:60px;line-height:60px;border-right:1px solid #eaeaea;padding-right:20px;}
.cont-page .cont-wrap .cont-box .addre .list-box .list .text{padding-left:20px;font-size:16px;color: #666666;line-height: 22px;}
.cont-page .cont-wrap .cont-box .addre .list-box .list .text .h-1{font-size:16px;color: #010101;line-height: 36px;font-weight: bold;}
.cont-page .cont-wrap .cont-box .addre .form{width: 770px;height: auto;margin: 0 auto;font-size: 0;}
.cont-page .cont-wrap .cont-box .addre .form .h-1{font-size:42px;color: #010101;text-align: center;margin-bottom:25px;}
.cont-page .cont-wrap .cont-box .addre .form .inp-1{width: 49%;height: 50px;line-height: 50px;border-radius:10px;border: 1px solid #ddd;font-size:14px;color: #a0aab1;margin-right:2%;padding:0 40px;background: url(img/img44.jpg) 13px no-repeat;}
.cont-page .cont-wrap .cont-box .addre .form .inp-1:focus{border:1px solid #f3040a;}
.cont-page .cont-wrap .cont-box .addre .form .inp-2:focus{border:1px solid #f3040a;}
.cont-page .cont-wrap .cont-box .addre .form .inp-2{width: 49%;height: 50px;line-height: 50px;border-radius:10px;border: 1px solid #ddd;font-size:14px;color: #a0aab1;padding:0 40px;background: url(img/img42.jpg) 13px no-repeat;}
.cont-page .cont-wrap .cont-box .addre .form textarea{width: 100%;height:210px;margin-top: 20px;border-radius:10px;border: 1px solid #ddd;font-size:14px;color: #a0aab1;padding: 15px 40px;background: url(img/img42.jpg) 13px 15px no-repeat;}
.cont-page .cont-wrap .cont-box .addre .form textarea:focus{border:1px solid #f3040a;}
.cont-page .cont-wrap .cont-box .addre .form .btn{display: block;width:170px;height:40px;line-height: 40px;font-size:12px;color:#fff;margin: 0 auto;margin-top:20px;background: #f3040a;border-radius:5px;border: 0;cursor: pointer;}

/*news*/
.video-box{width:1240px;height:auto;padding: 60px 0;margin: 0 auto;}
.video-box .banner{position: relative;text-align: center;}
.video-box .swip1 a{display: block;cursor: pointer;}
.video-box .swip1 .img-box{position: relative;display:inline-block;width:330px;height:240px;}
.video-box .swip1 .img-box .text{position:absolute;left:0;top:240px;width:100%;height: 100%;background: rgba(0,0,0,.6);transition: all .4s;}
.video-box .swip1 .img-box .text .img{margin:90px 0 70px;}
.video-box .swip1 .img-box .text .sp-1{font-size:16px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.video-box .swip-btn{width:52px;height:52px;transition: all .3s;}
.video-box .swiper-button-prev{left: -30px;background: url(img/img4.png) center no-repeat;}
.video-box .swiper-button-next{right: -30px;background: url(img/img6.png) center no-repeat;}
.video-box .swiper-button-prev:hover{background: url(img/img7.png) center no-repeat;}
.video-box .swiper-button-next:hover{background: url(img/img5.png) center no-repeat;}
.video-box .swip1 .img-box:hover .text{top:0;}
.video-wrap{display:none;position:fixed;top:0;left:0;width: 100%;height:100vh;background: rgba(0,0,0,.5);z-index: 4;}
.video-wrap .video{position:relative;top:50%;left:50%;width:758px;height:480px;margin-top:-240px;margin-left: -379px;}
.video-wrap .video .close{position: absolute;right:-40px;top: 0;cursor: pointer;}
.news-page .news-wrap .atlas-box{width:1240px;height:auto;padding: 60px 0;margin: 0 auto;}
.news-page .news-wrap .atlas-box .list-box .list{float: left;text-align: center;width:292px;height: auto;margin-right:24px;margin-bottom:60px;}
.news-page .news-wrap .atlas-box .list-box .list:nth-child(4n){margin-right: 0;}
.news-page .news-wrap .atlas-box .list-box .list .img{transition: all .3s;width:292px;height:342px;border: 1px solid #fff;}
.news-page .news-wrap .atlas-box .list-box .list .p-1{font-size:16px;color: #292828;margin: 5px 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-page .news-wrap .atlas-box .list-box .list .sp-1{display:inline-block;font-size:18px;color: #fff;width:150px;height:50px;line-height:50px;background: #666 url(img/img9.png) 35% no-repeat;border-radius:5px;padding-left:25px;transition: all .3s;}
.news-page .news-wrap .atlas-box .list-box .list:hover .img{border: 1px solid #ff0000;}
.news-page .news-wrap .atlas-box .list-box .list:hover .sp-1{background: #f3040a url(img/img9.png) 35% no-repeat;}
.news-page .news-wrap .news-box{width:1240px;height:auto;padding: 60px 0;margin: 0 auto;}
.news-page .news-wrap .news-box .news-nav{width: 100%;height:auto;font-size: 0;margin-bottom:30px;text-align: center;}
.news-page .news-wrap .news-box .news-nav a{display: inline-block;font-size:14px;color:#FFFFFF;line-height:30px;margin:0 10px;padding: 0 25px;background:#e50012;border-radius:20px;transition: all .3s;}
.news-page .news-wrap .news-box .news-nav a.on{background:#d7d7d7;}
.news-page .news-wrap .news-box .news-nav a:hover{background:#e50012;}
.news-page .news-wrap .news-box .list-box .list{float:left;width: 387px;height: auto;border: 1px solid #fff;transition: all .3s;margin-right: 20px;margin-bottom: 30px;}
.news-page .news-wrap .news-box .list-box .list:nth-child(3n){margin-right: 0;}
.news-page .news-wrap .news-box .list-box .list .img{width:385px;height: 220px;position: relative;}
.news-page .news-wrap .news-box .list-box .list .img .time{position: absolute;top: 10px;left: 10px;width:70px;height:70px;padding-top:7px;font-size:26px;color:#fff;line-height:30px;text-align:center;background: rgba(0,0,0,.5);}
.news-page .news-wrap .news-box .list-box .list .img .time span{display:block;font-size:14px;}
.news-page .news-wrap .news-box .list-box .list .text{padding:15px 25px;line-height: 20px;}
.news-page .news-wrap .news-box .list-box .list .text .h-1{font-size:16px;color: #000;margin-bottom:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .3s;}
.news-page .news-wrap .news-box .list-box .list .text .art{font-size:14px;color: #999;height:40px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-page .news-wrap .news-box .list-box .list .text .sp-1{display:block;color: #f3040a;margin-top: 5px;}
.news-page .news-wrap .news-box .list-box .list:hover{border: 1px solid #f3040a;}
.news-page .news-wrap .news-box .list-box .list:hover .h-1{color: #f3040a;}
.news-page .news-wrap .news-box .a-1{display: block;text-align: center;margin-top:30px;}
.news-page .news-wrap .news-box .text-box .title{text-align: center;font-size:14px;color: #999;line-height:24px;border-bottom: 1px dashed #cecece;padding-bottom:30px;}
.news-page .news-wrap .news-box .text-box .title .h-1{font-size:24px;color: #000;line-height: 30px;margin-bottom:5px;}
.news-page .news-wrap .news-box .text-box .art{font-size: 16px;color: #666;line-height: 40px;padding: 30px 0 20px;border-bottom: 1px solid #e9e9e9;}
.news-page .news-wrap .news-box .return{text-align: right;padding: 30px 40px;}
.news-page .news-wrap .news-box .return a{font-size:16px;color: #999;transition: all .3s;}
.news-page .news-wrap .news-box .return a:hover{color: #f3040a;}

/*service*/
.servi-page .servi-wrap .invest-box{width:1240px;height:auto;padding: 60px 0;margin: 0 auto;}
.servi-page .servi-wrap .invest-box>.h-1{font-size:36px;color: #222;line-height: 48px;margin-bottom: 30px;}
.servi-page .servi-wrap .invest-box .box{margin-bottom: 50px;}
.servi-page .servi-wrap .invest-box .box>div{float:left;}
.servi-page .servi-wrap .invest-box .box .l-box{width:400px;height:300px;border: 1px solid #e60303;padding:14px;}
.servi-page .servi-wrap .invest-box .box .l-box .swip1 .swip-btn{width: 30px;height: 30px;margin-top:-15px;transition: all .3s;}
.servi-page .servi-wrap .invest-box .box .l-box .swip1 .swiper-button-prev{background: url(img/img12.png) no-repeat;background-size:100% auto;}
.servi-page .servi-wrap .invest-box .box .l-box .swip1 .swiper-button-next{background: url(img/img14.png) no-repeat;background-size:100% auto;}
.servi-page .servi-wrap .invest-box .box .l-box .swip1 .swiper-button-prev:hover{background: url(img/img15.png) no-repeat;background-size:100% auto;}
.servi-page .servi-wrap .invest-box .box .l-box .swip1 .swiper-button-next:hover{background: url(img/img13.png) no-repeat;background-size:100% auto;}
.servi-page .servi-wrap .invest-box .box .r-box{width: 840px;height:300px;background: #f7f7f7;padding: 20px 30px 0 50px;font-size:16px;color:#555;line-height: 32px;}
.servi-page .servi-wrap .invest-box .box-1{text-align: center;}
.servi-page .servi-wrap .invest-box .box-1 .swip2 a{display: block;position: relative;}
.servi-page .servi-wrap .invest-box .box-1 .swip2 a .h-1{position: absolute;left:0;top:290px;width: 100%;height: 100%;line-height:290px;text-align: center;font-size:24px;color: #fff;transition: all .5s;background: rgba(0,0,0,.5);}
.servi-page .servi-wrap .invest-box .box-1 .swip2 a:hover .h-1{top:0;}
.servi-page .servi-wrap .invest-box .box-1 .swip2 .swip-btn{width:70px;height:70px;margin-top:-35px;transition: all .3s;}
.servi-page .servi-wrap .invest-box .box-1 .swip2 .swiper-button-prev{left:25px;background: url(img/img12.png) no-repeat;background-size:100% auto;}
.servi-page .servi-wrap .invest-box .box-1 .swip2 .swiper-button-next{right:25px;background: url(img/img14.png) no-repeat;background-size:100% auto;}
.servi-page .servi-wrap .invest-box .box-1 .swip2 .swiper-button-prev:hover{background: url(img/img15.png) no-repeat;background-size:100% auto;}
.servi-page .servi-wrap .invest-box .box-1 .swip2 .swiper-button-next:hover{background: url(img/img13.png) no-repeat;background-size:100% auto;}
.servi-page .servi-wrap .invest-box .box-2{font-size:16px;color:#444;line-height:36px;text-align: center;}
.servi-page .servi-wrap .invest-box .box-2 .h1{font-size: 36px;color: #333333;margin-bottom: 20px;}
.servi-page .servi-wrap .invest-box .box-3{font-size: 0;text-align: center;margin: 60px 0 70px;}
.servi-page .servi-wrap .invest-box .box-3 p{width:25%;display:inline-block;font-size:20px;color: #666;}
.servi-page .servi-wrap .invest-box .box-3 p span{display: block;font-size:60px;color: #111;line-height: 60px;}
.servi-page .servi-wrap .invest-box .box-4>div{float: left;}
.servi-page .servi-wrap .invest-box .box-4 .l-box{width:520px;height: 480px;font-size:16px;color: #fff;line-height:32px;background: #fecd3e;padding:60px 20px 20px 60px;}
.servi-page .servi-wrap .invest-box .box-4 .l-box .h1{font-size: 20px;line-height: 36px;font-weight: bold;}
.servi-page .servi-wrap .invest-box .box-4 .r-box{width:720px;height: 480px;}
.servi-page .servi-wrap .invest-box .box-5{padding-top:50px;background: #fbf7ff;}
.servi-page .servi-wrap .invest-box .box-5 .h1{font-size: 36px;color: #333333;margin-bottom: 10px;text-align: center;}
.servi-page .servi-wrap .invest-box .box-5 p{font-size:16px;color:#444;line-height:22px;text-align: center;}
.servi-page .servi-wrap .invest-box .box-5 .banner .swip1{padding: 40px 0 10px;position: relative;}
.servi-page .servi-wrap .invest-box .box-5 .banner .list-box .list{float: left;width: 50%;margin-bottom: 40px;}
.servi-page .servi-wrap .invest-box .box-5 .banner .list-box .list>div{float: left;}
.servi-page .servi-wrap .invest-box .box-5 .banner .list-box .list .l-box{width:88px;height:88px;font-size:20px;color: #f3040a;line-height: 88px;text-align: center;background: url(img/img112.png) no-repeat;}
.servi-page .servi-wrap .invest-box .box-5 .banner .list-box .list .r-box{width:439px;height:81px;font-size:16px;color: #333333;line-height:61px;background: url(img/img111.png) no-repeat;padding: 10px 20px;}
.servi-page .servi-wrap .invest-box .box-5 .banner .swiper-pagination-bullet-active{background: #f3040a;}
.servi-page .servi-wrap .devel-box{width:1240px;height:auto;padding: 60px 0;margin: 0 auto;}
.servi-page .servi-wrap .devel-box>.list-box>.list{float: left;width:366px;height: auto;margin-right: 70px;margin-bottom: 60px;}
.servi-page .servi-wrap .devel-box>.list-box .list:nth-child(3n){margin-right: 0;}
.servi-page .servi-wrap .devel-box>.list-box .list .img{position: relative;width: 366px;height: 278px;}
.servi-page .servi-wrap .devel-box>.list-box .list .img .h-1{position: absolute;bottom: 0;left: 0;width: 100%;font-size:20px;color:#fff;height:40px;line-height:40px;padding:0 20px;background: rgba(0,0,0,.6);}
.servi-page .servi-wrap .devel-box>.list-box .list .img .h-1 p{max-width:288px;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.servi-page .servi-wrap .devel-box>.list-box .list .img .h-1 span{float: left;display:inline-block;height:40px;font-size: 14px;margin-left:10px;}
.servi-page .servi-wrap .devel-box>.list-box .list .text{padding: 10px 20px 5px;background: #f8f6f6;}
.servi-page .servi-wrap .devel-box>.list-box .list .text .h-1{font-size:16px;color: #f3040a;}
.servi-page .servi-wrap .devel-box>.list-box .list .text .sp-1{display:inline-block;width:100%;font-size:14px;color: #808080;margin-top: 5px;background: url(img/img72.png) left no-repeat;padding-left:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.servi-page .servi-wrap .devel-box .d-1{text-align: center;}
.servi-page .servi-wrap .devel-box .d-1 a{display: inline-block;font-size:16px;color: #fff;padding:0 30px;height:65px;line-height:65px;background: #b72125;border-radius:5px;}
.servi-page .servi-wrap .devel-box .box{width: 100%;height:300px;background: #f5f5f5;margin-bottom: 50px;}
.servi-page .servi-wrap .devel-box .box .box-wrap>div{float:left;}
.servi-page .servi-wrap .devel-box .box .box-wrap{width: 1240px;height: 300px;margin: 0 auto;}
.servi-page .servi-wrap .devel-box .box .img{width:575px;height:300px;}
.servi-page .servi-wrap .devel-box .box .text{width:625px;height:300px;padding: 35px 35px 20px 35px;font-size:14px;color:#000;line-height:26px;}
.servi-page .servi-wrap .devel-box .box .text .h-1{font-size:24px;color: #000;margin-bottom: 10px;}
.servi-page .servi-wrap .devel-box .box .text .a-1{display: inline-block;width:550px;height:50px;line-height:50px;font-size:24px;color: #FFFFFF;background:#f3040a;text-align: center;border-radius:5px;margin-top:50px;}
.servi-page .servi-wrap .devel-box .box .form-box{display:none;position: fixed;top: 0;left: 0;width: 100%;height:100%;background: rgba(0,0,0,.5);z-index: 3;}
.servi-page .servi-wrap .devel-box .box .form{position:relative;width:900px;height: auto;top:20%;left: 50%;margin-left:-450px;background: #fff;border-radius:5px;}
.servi-page .servi-wrap .devel-box .box .form .h-1{font-size:20px;color: #666;line-height:32px;border-bottom: 1px solid #ddd;padding:0 40px;height: 60px;line-height: 60px;}
.servi-page .servi-wrap .devel-box .box .form form{padding: 40px 160px 40px 100px;}
.servi-page .servi-wrap .devel-box .box .form form label{display: block;margin-bottom:40px;height: 50px;line-height: 50px;}
.servi-page .servi-wrap .devel-box .box .form form label span{display: inline-block;width: 140px;font-size:16px;color: #777;text-align: right;}
.servi-page .servi-wrap .devel-box .box .form form label input{display: inline-block;width:500px;height: 50px;line-height: 50px;border: 1px solid #ccc;padding:0 20px;font-size:16px;color: #aaa;opacity: .8;}
.servi-page .servi-wrap .devel-box .box .form form label input::-webkit-input-placeholder{color:#aaa;opacity:.8;}
.servi-page .servi-wrap .devel-box .box .form form .btn{display: inline-block;width:430px;height:50px;line-height:50px;font-size:24px;color: #fff;background: #aaaaaa;border-radius:5px;margin-left: 140px;margin-top: 20px;cursor: pointer;}
.servi-page .servi-wrap .devel-box .box .form form p{width:430px;font-size:16px;line-height:30px;text-align: center;margin-left: 140px;margin-top: 10px;}
.servi-page .servi-wrap .devel-box .box .form .close{position: absolute;top: -15px;right: -40px;cursor: pointer;}
.servi-page .servi-wrap .devel-box .box-2{margin-bottom: 50px;}
.servi-page .servi-wrap .devel-box .box-2 .box-wrap{width: 1240px;height: auto;margin: 0 auto;}
.servi-page .servi-wrap .devel-box .box-2 .box-wrap>div{float: right;}
.servi-page .servi-wrap .devel-box .box-2 .box-wrap .banner{width: 625px;padding: 0 35px;}
.servi-page .servi-wrap .devel-box .box-2 .box-wrap .banner .swip1{width: 550px;height:500px;}
.servi-page .servi-wrap .devel-box .box-2 .box-wrap .text{width:575px;height:500px;padding:100px 0px 0 50px;font-size: 16px;color: #7f7f7f;line-height: 32px;overflow-y:scroll;}
.servi-page .servi-wrap .devel-box .box-2 .box-wrap .text::-webkit-scrollbar {display:none}
.servi-page .servi-wrap .devel-box .box-2 .box-wrap .text .h-1{text-align: right;font-size:24px;color:#0c0c0c;line-height:32px;margin-bottom: 10px;}
.servi-page .servi-wrap .devel-box .box-2 .box-wrap .banner .swip1 .swip-btn{width:52px;height:128px;margin-top:-64px;transition: all .3s;}
.servi-page .servi-wrap .devel-box .box-2 .box-wrap .banner .swip1 .swiper-button-prev{left:0;background: url(img/img16.png) no-repeat;background-size:100% auto;}
.servi-page .servi-wrap .devel-box .box-2 .box-wrap .banner .swip1 .swiper-button-next{right:0;background: url(img/img18.png) no-repeat;background-size:100% auto;}
.servi-page .servi-wrap .devel-box .box-2 .box-wrap .banner .swip1 .swiper-button-prev:hover{background: url(img/img19.png) no-repeat;background-size:100% auto;}
.servi-page .servi-wrap .devel-box .box-2 .box-wrap .banner .swip1 .swiper-button-next:hover{background: url(img/img17.png) no-repeat;background-size:100% auto;}
.servi-page .servi-wrap .devel-box .box-3{width:100%;height: auto;background: #f5f5f5;margin-bottom: 50px;}
.servi-page .servi-wrap .devel-box .box-3 .box-wrap{width: 1240px;height: auto;margin: 0 auto;padding: 30px 0;}
.servi-page .servi-wrap .devel-box .box-3 .box-wrap>ul{float:left;width:50%;/* padding-left: 60px; */}
.servi-page .servi-wrap .devel-box .box-3 .box-wrap>ul:nth-child(3){padding-left:250px;}
.servi-page .servi-wrap .devel-box .box-3 .box-wrap>ul li span{display:inline-block;width:120px;font-size:16px;color: #999;line-height:30px;}
.servi-page .servi-wrap .devel-box .box-3 .box-wrap>ul li span:nth-child(2n){color: #111;width:auto;}
.servi-page .servi-wrap .devel-box .box-3 .box-wrap .h-1{font-size:24px;color: #0c0c0c;margin-bottom: 10px;/* padding-left:60px; */}
.servi-page .servi-wrap .devel-box .box-4 .box-wrap{width: 1240px;height: auto;margin: 0 auto;}
.servi-page .servi-wrap .devel-box .box-4 .box-wrap .h-1{font-size:24px;color: #0c0c0c;margin-bottom: 10px;/* padding-left:60px; */}
.servi-page .servi-wrap .devel-box .box-4 .box-wrap .list-box .list{float: left;width: 274px;height: auto;margin-right: 40px;}
.servi-page .servi-wrap .devel-box .box-4 .box-wrap .list-box .list:nth-child(4n){margin-right: 0;}
.servi-page .servi-wrap .devel-box .box-4 .box-wrap .list-box .list .img{width: 274px;height: 264px;}
.servi-page .servi-wrap .devel-box .box-4 .box-wrap .list-box .list span{display: block;font-size:16px;color: #413d3d;height:30px;line-height:30px;background: #f5f5f5;padding: 0 20px;transition: all .3s;}
.servi-page .servi-wrap .devel-box .box-4 .box-wrap .list-box .list:hover span{color:#b72125;}
.servi-page .servi-wrap .city-box{width:1240px;height:auto;padding: 60px 0;margin: 0 auto;}
.servi-page .servi-wrap .city-box>.img{position: relative;margin-bottom: 50px;}
.servi-page .servi-wrap .city-box>.img .box{position: absolute;top:60px;right:150px;}
.servi-page .servi-wrap .city-box>.img .box .h-1{font-size:36px;color: #b72125;line-height: 36px;}
.servi-page .servi-wrap .city-box>.img .box span{display:block;font-size:26px;color: #b72125;}
.servi-page .servi-wrap .city-box>.img .box .data-box{margin-top:10px;}
.servi-page .servi-wrap .city-box>.img .box .data-box p{font-size:26px;color: #fff;line-height:48px;}
.servi-page .servi-wrap .city-box>.img .box .data-box span{display:inline-block;width:55px;height: 2px;background: #FFFFFF;margin-bottom:7px;margin-right: 5px;}
.servi-page .servi-wrap .city-box .box-1{margin-bottom: 50px;}
.servi-page .servi-wrap .city-box .box-1 .box-wrap .h-1{font-size:36px;color: #222;line-height: 48px;margin-bottom: 30px;}
.servi-page .servi-wrap .city-box .box-1 .box-wrap .h-1 a{float:right;display: inline-block;font-size: 16px;color: #333;transition: all .3s;}
.servi-page .servi-wrap .city-box .box-1 .box-wrap .h-1 a:hover{color:#f3040a;}
.servi-page .servi-wrap .city-box .box-1 .box-wrap .list-box .list{float: left;width: 380px;height: auto;cursor: pointer;margin-right: 50px;}
.servi-page .servi-wrap .city-box .box-1 .box-wrap .list-box .list:nth-child(3n){margin-right: 0;}
.servi-page .servi-wrap .city-box .box-1 .box-wrap .list-box .list .text{padding:0 0 15px;}
.servi-page .servi-wrap .city-box .box-1 .box-wrap .list-box .list .text .sp-1{float: left;font-size:18px;color: #555;line-height: 48px;}
.servi-page .servi-wrap .city-box .box-1 .box-wrap .list-box .list .text .sp-2{float: right;font-size:20px;color: #f3040a;line-height: 48px;}
.servi-page .servi-wrap .city-box .box-1 .box-wrap .list-box .list .text .sp-3{font-size:16px;color:#bbbbbb;line-height: 16px;}
.servi-page .servi-wrap .city-box .box-2{margin-bottom: 50px;}
.servi-page .servi-wrap .city-box .box-2 .box-wrap .h-1{font-size:36px;color: #222;line-height: 48px;margin-bottom: 30px;}
.servi-page .servi-wrap .city-box .box-2 .box-wrap .h-1 a{float:right;display: inline-block;font-size: 16px;color: #333;transition: all .3s;}
.servi-page .servi-wrap .city-box .box-2 .box-wrap .h-1 a:hover{color:#f3040a;}
.servi-page .servi-wrap .city-box .box-2 .box-wrap .list-box .list{float: left;width: 380px;height:auto;margin-right: 50px;border: 1px solid #bfbfbf;border-radius:5px;}
.servi-page .servi-wrap .city-box .box-2 .box-wrap .list-box .list:nth-child(3n){margin-right: 0;}
.servi-page .servi-wrap .city-box .box-2 .box-wrap .list-box .list .img{text-align: center;margin-top: 40px;}
.servi-page .servi-wrap .city-box .box-2 .box-wrap .list-box .list .img span{display: block;font-size:24px;color: #222222;line-height:30px;margin-top: 20px}
.servi-page .servi-wrap .city-box .box-2 .box-wrap .list-box .list .text{margin:40px 0;}
.servi-page .servi-wrap .city-box .box-2 .box-wrap .list-box .list .text span{display: block;font-size:16px;color:#999;line-height:30px;padding:0 50px;background: url(img/img86.jpg) 35px no-repeat;}
.servi-page .servi-wrap .city-box .nav-box{font-size: 0;margin-bottom:30px;}
.servi-page .servi-wrap .city-box .nav-box span{font-size:16px;color: #111111;}
.servi-page .servi-wrap .city-box .nav-box a{display: inline-block;font-size:16px;color: #aaaaaa;margin: 0 10px;}
.servi-page .servi-wrap .city-box .nav-box a.on{color: #fff;background:#f3040a;padding: 0 5px;border-radius:5px;}
.servi-page .servi-wrap .city-box .item-box .item .img{float:left;width:680px;height:360px;}
.servi-page .servi-wrap .city-box .item-box .item .img .swip1 .swip-btn{width:48px;height:100px;margin-top:-50px;transition: all .3s;}
.servi-page .servi-wrap .city-box .item-box .item .img .swip1 .swiper-button-prev{left:0;background: url(img/img20.png) no-repeat;background-size:100% auto;}
.servi-page .servi-wrap .city-box .item-box .item .img .swip1 .swiper-button-next{right:0;background: url(img/img22.png) no-repeat;background-size:100% auto;}
.servi-page .servi-wrap .city-box .item-box .item .img .swip1 .swiper-button-prev:hover{background: url(img/img23.png) no-repeat;background-size:100% auto;}
.servi-page .servi-wrap .city-box .item-box .item .img .swip1 .swiper-button-next:hover{background: url(img/img21.png) no-repeat;background-size:100% auto;}
.servi-page .servi-wrap .city-box .item-box .item{padding-top: 60px;margin-top: 60px;border-top: 1px solid #f0f0f0;}
.servi-page .servi-wrap .city-box .item-box .item:nth-child(1){margin: 0;padding: 0;border: 0;}
.servi-page .servi-wrap .city-box .item-box .item .text{float:left;width:560px;height:360px;padding-left: 60px;}
.servi-page .servi-wrap .city-box .item-box .item .text .title{font-size:16px;color:#bbb ;line-height:30px;}
.servi-page .servi-wrap .city-box .item-box .item .text .title .h-1{font-size:26px;color: #222;margin-bottom: 10px;}
.servi-page .servi-wrap .city-box .item-box .item .text .price{font-size: 30px;color:#f3040a;line-height:48px;margin: 50px 0 10px;}
.servi-page .servi-wrap .city-box .item-box .item .text .label{font-size: 0;height: 86px;margin-bottom: 10px;}
.servi-page .servi-wrap .city-box .item-box .item .text .label span{display: inline-block;font-size:14px;color: #555555;border: 1px solid #bfbfbf;margin-right:20px;margin-bottom:20px;padding: 0 3px;border-radius:5px;}
.servi-page .servi-wrap .city-box .item-box .item .text .d-1 .phone{float: left;font-size:20px;color: #f3040a;line-height: 50px;background: url(img/img88.jpg) left no-repeat;padding-left: 40px;}
.servi-page .servi-wrap .city-box .item-box .item .text .d-1 .btn{float: right;width:250px;height:50px;line-height:50px;font-size:24px;color:#fff;text-align:center;background: #f3040a;border-radius:10px;transition: all .3s;}
.servi-page .servi-wrap .city-box .item-box .item:hover .text .d-1 .btn{background:#f3040a;}
.servi-page .servi-wrap .city-box .s-box>div{float: left;}
.servi-page .servi-wrap .city-box .s-box .l-box{line-height: 30px;width:60%;}
.servi-page .servi-wrap .city-box .s-box .l-box .h-1{font-size:26px;color: #222;}
.servi-page .servi-wrap .city-box .s-box .l-box p{font-size:16px;color: #bbb;}
.servi-page .servi-wrap .city-box .s-box .l-box .label{margin-top: 30px;}
.servi-page .servi-wrap .city-box .s-box .l-box .label span{display: inline-block;font-size: 14px;color: #aaa;line-height: 20px;border: 1px solid #bfbfbf;margin-right: 20px;margin-bottom: 20px;padding: 0 3px;border-radius: 5px;}
.servi-page .servi-wrap .city-box .s-box .r-box p{font-size:36px;color: #f3040a;line-height:48px;text-align: right;margin-top:15px;margin-bottom: 25px;}
.servi-page .servi-wrap .city-box .s-box .r-box .d-1 .phone{float: left;font-size:20px;color: #b72125;line-height: 50px;background: url(img/img88.jpg) left no-repeat;padding-left: 40px;}
.servi-page .servi-wrap .city-box .s-box .r-box .d-1 .btn{float: right;width:250px;height:50px;line-height:50px;font-size:24px;color:#fff;text-align:center;background: #b72125;border-radius:10px;margin-left: 20px;cursor: pointer;}
.servi-page .servi-wrap .city-box .s-box .form-box{display:none;position: fixed;top: 0;left: 0;width: 100%;height:100%;background: rgba(0,0,0,.5);z-index: 3;}
.servi-page .servi-wrap .city-box .s-box .form{position:relative;width:900px;height: auto;top:10%;left: 50%;margin-left:-450px;background: #fff;border-radius:5px;}
.servi-page .servi-wrap .city-box .s-box .form .h-1{font-size:20px;color: #666;line-height:32px;border-bottom: 1px solid #ddd;padding:0 40px;height: 60px;line-height: 60px;}
.servi-page .servi-wrap .city-box .s-box .form .box{padding:20px 40px;}
.servi-page .servi-wrap .city-box .s-box .form .box>div{float: left;}
.servi-page .servi-wrap .city-box .s-box .form .box .img{width:576px;height: 120px;}
.servi-page .servi-wrap .city-box .s-box .form .box .text{width:244px;height:120px;padding: 0 20px;position: relative;}
.servi-page .servi-wrap .city-box .s-box .form .box .text span{display: block;}
.servi-page .servi-wrap .city-box .s-box .form .box .text .sp-1{font-size: 18px;color: #222;line-height:30px;}
.servi-page .servi-wrap .city-box .s-box .form .box .text .sp-2{font-size: 20px;color: #f3040a;line-height:30px;}
.servi-page .servi-wrap .city-box .s-box .form .box .text .sp-3{position:absolute;bottom:5px;font-size: 16px;color: #f31419;line-height:24px;background: url(img/img88.jpg) left no-repeat;padding-left:40px;background-size:24px auto;}
.servi-page .servi-wrap .city-box .s-box .form form{padding: 40px 160px 40px 100px;}
.servi-page .servi-wrap .city-box .s-box .form form label{display: block;margin-bottom:40px;height: 50px;line-height: 50px;}
.servi-page .servi-wrap .city-box .s-box .form form label span{display: inline-block;width: 140px;font-size:16px;color: #777;text-align: right;}
.servi-page .servi-wrap .city-box .s-box .form form label input{display: inline-block;width:500px;height: 50px;line-height: 50px;border: 1px solid #ccc;padding:0 20px;font-size:16px;color: #aaa;opacity: .8;}
.servi-page .servi-wrap .city-box .s-box .form form label input::-webkit-input-placeholder{color: #aaa;opacity:.8;}
.servi-page .servi-wrap .city-box .s-box .form form .btn{display: inline-block;width:430px;height:50px;line-height:50px;font-size:24px;color: #fff;background: #aaaaaa;border-radius:5px;margin-left: 140px;margin-top: 20px;cursor: pointer;}
.servi-page .servi-wrap .city-box .s-box .form form p{width:430px;font-size:16px;line-height:30px;text-align: center;margin-left: 140px;margin-top: 10px;}
.servi-page .servi-wrap .city-box .s-box .form .close{position: absolute;top: -15px;right: -40px;cursor: pointer;}
.servi-page .servi-wrap .city-box .x-box{margin-top: 80px;}
.servi-page .servi-wrap .city-box .x-box .box-1 .title{font-size:18px;color: #222;line-height:20px;border-left:3px solid #e8b919;padding-left:15px;}
.servi-page .servi-wrap .city-box .x-box .box-1 .title span{display:inline-block;font-size:12px;color: #ccc;}
.servi-page .servi-wrap .city-box .x-box .box-1 .title a{display: inline-block;float: right;font-size:14px;color: #999;transition:all .3s;}
.servi-page .servi-wrap .city-box .x-box .box-1 .title a:hover{color:#f3040a;}
.servi-page .servi-wrap .city-box .x-box .box-1 .list-box{margin-top:30px;}
.servi-page .servi-wrap .city-box .x-box .box-1 .list-box .list{position: relative;float: left;margin-bottom: 30px;margin-right: 35px;}
.servi-page .servi-wrap .city-box .x-box .box-1 .list-box .list:nth-child(3){margin-right:0;}
.servi-page .servi-wrap .city-box .x-box .box-1 .list-box .list:nth-child(4){margin-right:40px;}
.servi-page .servi-wrap .city-box .x-box .box-1 .list-box .list:nth-child(5){margin-right:0;}
.servi-page .servi-wrap .city-box .x-box .box-1 .list-box .list span{display: inline-block;position: absolute;bottom: 10px;left: 10px;width:60px;font-size:12px;color:#444;line-height:30px;text-align:center;background: rgba(255,225,225,.6);}
.servi-page .servi-wrap .city-box .x-box .box-1 .art{font-size:14px;color: #666;line-height: 36px;padding-top: 30px;}
.servi-page .servi-wrap .city-box .x-box .box-1 .list-box2{padding-top: 30px;}
.servi-page .servi-wrap .city-box .x-box .box-1 .list-box2 .list{float: left;width: 380px;height: auto;cursor: pointer;margin-right: 50px;}
.servi-page .servi-wrap .city-box .x-box .box-1 .list-box2 .list:nth-child(3n){margin-right: 0;}
.servi-page .servi-wrap .city-box .x-box .box-1 .list-box2 .list .text{padding:0 0 15px;}
.servi-page .servi-wrap .city-box .x-box .box-1 .list-box2 .list .text .sp-1{float: left;font-size:18px;color: #555;line-height: 48px;}
.servi-page .servi-wrap .city-box .x-box .box-1 .list-box2 .list .text .sp-2{float: right;font-size:20px;color: #f3040a;line-height: 48px;}
.servi-page .servi-wrap .city-box .x-box .box-1 .list-box2 .list .text .sp-3{font-size:16px;color:#bbbbbb;line-height: 16px;}
.servi-page .servi-wrap .intima-box{width:1240px;height:auto;padding: 60px 0;margin: 0 auto;}
.servi-page .servi-wrap .intima-box>div{float: left;}
.servi-page .servi-wrap .intima-box .l-box{width:300px;height: auto;margin-right: 40px;border: 1px solid #bfbfbf;}
.servi-page .servi-wrap .intima-box .l-box .h-1{font-size:20px;color: #555555;line-height: 48px;padding: 0 20px;border-bottom: 1px solid #bfbfbf;}
.servi-page .servi-wrap .intima-box .l-box .l-nav li{font-size:20px;color: #555555;line-height: 48px;border-bottom: 1px solid #bfbfbf;background: url(img/img91.jpg) 95% 20px no-repeat;cursor: pointer;}
.servi-page .servi-wrap .intima-box .l-box .l-nav li span{display: inline-block;padding-left:40px;background: url(img/img93.jpg) 20px no-repeat;}
.servi-page .servi-wrap .intima-box .l-box .l-nav li .box{display: none;}
.servi-page .servi-wrap .intima-box .l-box .l-nav li .box a{display: block;color: #555555;padding-left:40px;transition: all .3s;}
.servi-page .servi-wrap .intima-box .l-box .l-nav li.on .span{color: #b72125;}
.servi-page .servi-wrap .intima-box .l-box .l-nav li.on .box{display: block;}
.servi-page .servi-wrap .intima-box .l-box .l-nav li .box a.on-2{color:#fff;background: #f3040a;}
.servi-page .servi-wrap .intima-box .l-box .l-nav li:hover span{color: #b72125;}
.servi-page .servi-wrap .intima-box .r-box{width:900px;height: auto;}
.servi-page .servi-wrap .intima-box .r-box .h-1{font-size:24px;color:#111111;line-height:48px;text-align: center;margin-bottom: 10px;}
.servi-page .servi-wrap .intima-box .r-box .art{border: 1px solid #bfbfbf;padding: 30px 50px;font-size:14px;color: #777777;line-height:36px;}

/**/
.main .search-page{width:100%;height:auto;}
.main .search-page .s-box{width:100%;height:auto;background: #f5f5f5;padding: 60px 0;}
.main .search-page .s-box .box-1{width: 1240px;height:auto;margin: 0 auto;text-align: center;font-size: 0;}
.main .search-page .s-box .box-1 .form{float:left;display: inline-block;width:800px;height:60px;padding: 0 30px 0 40px;background: #fff;border-radius:8px;}
.main .search-page .s-box .box-1 .close{float:left;display: inline-block;width:32px;margin-left:30px;margin-top:17px;cursor: pointer;}
.main .search-page .s-box .box-1 .form input{float:left;}
.main .search-page .s-box .box-1 .form .inp-1{width: 703px;height: 40px;line-height: 40px;margin-top: 10px;border: 0;font-size: 14px;color: #999999;}
.main .search-page .s-box .box-1 .form .btn{width:17px;height: 19px;background: url(img/img111.jpg) no-repeat;margin-left: 10px;border: 0;cursor: pointer;margin-top:20px;}
.main  .search-page .box-page .x-box{width: 100%;height: auto;background:rgba(238,238,238,.8);padding: 50px 0;}
.main  .search-page .box-page .x-box .box-1{width: 1240px;height: auto;margin: 0 auto;}
.main  .search-page .box-page .x-box .box-1 .title{font-size:14px;color: #666;line-height: 50px;} 
.main  .search-page .box-page .x-box .box-1 .item-box .item{padding: 10px 0 30px;border-bottom: 1px solid #ddd;margin-bottom: 20px;}
.main  .search-page .box-page .x-box .box-1 .item-box .item .h-1{font-size:18px;color: #000;line-height:20px;}
.main  .search-page .box-page .x-box .box-1 .item-box .item .art{font-size:14px;color: #999;line-height:20px;margin: 10px 0;}
.main  .search-page .box-page .x-box .box-1 .item-box .item span{display: inline-block;font-size:14px;color: #bbb;margin-right: 15px;}
.main  .search-page .box-page .x-box .box-1 .item-box .item:last-child{border: 0;}

@media screen and (max-width:1440px) {
   .about-page .about-wrap .popup-box .box-wrap{margin-top:3%;}
   .servi-page .servi-wrap .devel-box .box .form{top: 10%;}
   .servi-page .servi-wrap .devel-box .box .form form label{margin-bottom:30px;}
   .servi-page .servi-wrap .city-box .s-box .form{top:5%;}
   .servi-page .servi-wrap .city-box .s-box .form form{padding: 0px 160px 20px 100px}
   .servi-page .servi-wrap .city-box .s-box .form form label{margin-bottom:20px;}
   .servi-page .servi-wrap .city-box .s-box .form form .btn{margin-top: 10px;}
}












































