.header{position: relative;} .write{padding: 15px 0;transition: 600ms;} .write .header-top{display: none;} /*.write .logo{display: none;}*/ .write .nav{padding-top: 3px;} .write .nav >ul >li >a{padding-bottom: 19px;} .xia-nav{position: absolute;width: 100%;background: #F9F9F9;left: 0;top: 100%;padding: 70px 0;display: none;z-index: 999;} .xia-nav .container{width: 1100px;margin: 0 auto;} .xia-nav-ul{height: 210px;border-left: solid 1px #E3E3E3;float: left;width: 170px;padding-left: 30px;} .xia-nav-ul span{color: #EA5B24;font-size: 14px;font-weight: 600;display: block;padding-bottom: 20px;padding-top: 5px;} .xia-nav-ul ul li{margin-bottom: 10px;} .xia-nav-ul ul li a{color: #666;font-size: 14px;} .xia-nav-ul ul li a:hover{color: #EA5B24;} .xia-nav span.slide {display: block;width: 40px;margin: 0 auto;height: 40px; background: url(../images/button.png) no-repeat;background-position: -225px -981px;position: absolute;top: 24px;left: 50%;cursor: pointer;animation: colorChange 1s linear infinite;-webkit-animation: colorChange 1s linear infinite;} @keyframes colorChange {0% {transform: scale(1) } 50% {transform: scale(1.5) } 100% {transform: scale(1) }} @-webkit-keyframes colorChange {0% {-webkit-transform: scale(1) } 50% {-webkit-transform: scale(1.5) } 100% {-webkit-transform: scale(1) }} /*Mozilla*/ @-moz-keyframes colorChange {0% {-moz-transform: scale(1) } 50% {-moz-transform: scale(1.5) } 100% {-moz-transform: scale(1) }} /*Opera*/ @-o-keyframes colorChange {0% {-o-transform: scale(1) } 50% {-o-transform: scale(1.5) } 100% {-o-transform: scale(1) }} @-ms-keyframes colorChange {0% {-ms-transform: scale(1) } 50% {-ms-transform: scale(1.5) } 100% {-webkit-transform: scale(1) }} .xia-nav-left{width: 700px;} .xia-nav-note{width: 390px;} .xia-nav-note p{overflow: hidden;font-size: 12px;color: #848484;line-height: 36px;} .xia-nav-right ul{width: 160px;border-left: solid 1px #E3E3E3;border-right: solid 1px #E3E3E3;float: left;} /* .xia-nav-right ul:first-child{border-right: 0;} */ .xia-nav-right ul li{text-align: center;} .xia-nav-right ul li a{line-height: 40px;display: block;font-size: 14px;color: #666;font-weight: bold;} .xia-nav-right ul li a:hover{color: #EA5B24;} .header-cont{position: fixed;width: 100%;z-index: 999;border-bottom: 1px solid #ea5b24;background: #fff;transition: 600ms;} .header-note{width: 96.094%;margin: 0 auto;min-width: 1200px;} .header-top{text-align: right;padding: 20px 0 11px;} .header-top a{margin-left: 14px;} /*.header-top a:first-child{margin-left: 0;}*/ .header-top a span{color: #666666;font-size: 14px;padding-left: 10px;} .header-top a span:hover{color: #ea5b24;} .logo{padding: 25px 0 15px;} .nav >ul >li{float: left;margin-left: 38px;} /*.nav >ul >li:first-child{margin-left: 0;}*/ .nav >ul >li >a{color: #555555;font-size: 18px;padding-bottom: 22px;} .nav >ul >li >a:hover,.nav >ul >li.dang >a{color: #ea5b24;border-bottom: 2px solid #ea5b24;} .header-contact{margin-left: 45px;} .header-contact ul li{float: left;width: 88px;height: 30px;line-height: 30px;border: 1px solid #f27000;text-align: center;border-radius: 13px;margin-left: 10px;} .header-contact ul li a{color: #f27300;font-size: 12px;display: block} .header-contact ul li a:before{content: "";display: inline-block;width: 12px;height: 13px;margin-right: 4px;margin-bottom: -1.5px;} .header-contact ul li.header-icon1 a:before{background: url(../images/header-icon1-1.png) no-repeat;} .header-contact ul li.header-icon2 a:before{background: url(../images/header-icon2-1.png) no-repeat;} .header-contact ul li:hover a{color: #fff;} .header-contact ul li.header-icon1:hover a:before{background: url(../images/header-icon1.png);} .header-contact ul li.header-icon2:hover a:before{background: url(../images/header-icon2.png);} .header-contact ul li:hover{background:linear-gradient(to top,#f27000,#f29f00);border:0;width: 90px;height: 32px;line-height: 32px;} .header-text{background: rgba(234,91,36,.1);border-radius: 10px;z-index: 99;position: absolute;top: 50%;right: 10.05%;transform: translateY(-50%);padding: 21px 0 18px 13px; } @media (max-width: 1440px){ .header-text{ right: 0; } } .header-text-left{width: 210px;border: 1px solid #bcc0c0;background: rgba(0,0,0,.3);} .header-text-left ul li{padding: 15px 0 11px;padding-left: 84px;border-bottom: 1px solid #bcc0c0;} .header-text-left ul li:last-child{border-bottom: 0;} .header-text-left ul li span{font-size: 16px;display: block;} .header-text-left ul li p{font-size: 12px;} .header-text-left ul li span,.header-text-left ul li p{font-family:siyuan;color: #fff;} .header-text-left ul li.text-icon1{background: url(../images/header-icon3.png)25px no-repeat;} .header-text-left ul li.text-icon2{background: url(../images/header-icon5.png)25px no-repeat;} .header-text-left ul li.text-icon3{background: url(../images/header-icon6.png)31px no-repeat;} .header-text-left ul li:hover span,.header-text-left ul li:hover p{color: #ea5b24;} .header-text-left ul li.text-icon1:hover{background: url(../images/header-icon3-1.png)25px no-repeat #d0d0d0;} .header-text-left ul li.text-icon2:hover{background: url(../images/header-icon5-1.png)25px no-repeat #d0d0d0;} .header-text-left ul li.text-icon3:hover{background: url(../images/header-icon6-1.png)31px no-repeat #d0d0d0;} .header-text-right{padding: 3px 29px 0 18px;margin-left: 20px;position: relative;} .header-text-right:before{width: 1px;height: 210px;background: #bcbebf;content: "";display: inline-block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .header-text-right ul li{margin-bottom: 40px;} .header-text-right ul li:last-child{margin-bottom: 0;} .header-lunbo{position: relative;padding-top: 100px;text-align: center;} .header-lunbo .swiper-pagination{margin-bottom: 10px;} .header-lunbo .swiper-pagination-bullet{width: 16px;height: 16px;background: url(../images/yuan1.png);opacity: 1;outline: none;} .header-lunbo .swiper-pagination-bullet-active{width: 50px;height: 16px;border-radius: 0;background: url(../images/yuan2.png);} .header-lunbo .swiper-button-prev,.header-lunbo .swiper-button-next{width: 50px;height: 50px;outline: none;} .header-lunbo .swiper-button-prev{background: url(../images/index-prve.png) no-repeat;left: 15.625%;} .header-lunbo .swiper-button-next{background: url(../images/index-prve-1.png) no-repeat;right: 15.625%;} .header-lunbo .swiper-button-prev:hover{background: url(../images/index-next.png) no-repeat;} .header-lunbo .swiper-button-next:hover{background: url(../images/index-next-1.png) no-repeat;} .product{background: url(../images/product-bg.png) no-repeat center top;padding-bottom: 80px;background-size: cover;} .product-title{text-align: center;padding: 75px 0 40px;} .product-title span{display: block;color: #ea5b24;font-size: 30px;padding-bottom: 5px;} .product-list ul li{width: 277px;float: left;margin-left: 30px;} .product-list ul li:nth-child(4n+1){margin-left: 0;} .li-product-pic{height: 300px;position: relative;background: #eeeeee;transition: all 0.6s;} .li-product-pic img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .li-product-note{text-align: center;padding: 27px 0 22px;background: #cccccc;transition: all 0.6s;} .li-product-note p{color: #666666;font-size: 16px;transition: all 0.6s;} .product-list ul li:hover .li-product-pic{background: #fff;} .product-list ul li:hover .li-product-note{background: #ea5b24;} .product-list ul li:hover .li-product-note p{color: #fff;} .solution-cont{background: url(../images/solution-bg.png) no-repeat center top;background-size: cover;padding-top: 148px;} .solution-title{padding: 19px 0;} .solution-cont .container{background: url(../images/solution-pic.png) center top no-repeat;height: 360px;position: relative;padding-bottom: 130px;} .solution-pic ul li{width: 218px;} .solution-pic ul li span{color: #333333;font-size: 20px;padding-bottom: 5px;display: block;text-align: center;} .solution-pic ul li p{line-height: 24px;color: #333333;font-size: 14px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .li-solution1{position: absolute;left: 260px;top: -138px;} .li-solution-pic{margin-bottom: 12px;text-align: center;} .li-solution-pic img{transition: all 0.6s;} .solution-pic ul li:hover .li-solution-pic img{transform: rotateY(180deg);} .solution-pic ul li:hover span{color: #ea5b24;} .li-solution2{position: absolute;right: 260px;top: -138px;} .li-solution3{padding-left: 150px;padding-top: 92px;} .li-solution4{margin-left: 810px;margin-top: -132px;} .li-solution5{padding-left: 150px;padding-top: 26px;} .li-solution6{margin-left: 833px;margin-top: -120px;} .service{background: url(../images/service-bg.png) no-repeat center top;background-size: cover;padding-bottom: 80px;} .service-title{padding: 80px 0 40px;} .service-list ul li{width: 220px;float: left;margin-left: 25px;} .service-list ul li:first-child{margin-left: 0;} .li-service-pic{position: relative;overflow: hidden;} .li-service-pic>img{transition: all 0.6s;} .service-list ul li:hover .li-service-pic >img{transform: scale(1.1);} .service-list ul li:hover .li-service-ding img{transform:translate(-50%,-50%) rotate(360deg);} .li-service-ding{position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);width: 84px;height: 84px;border-radius: 100%;background: rgba(255,255,255,.1);box-shadow: 0px 0px 5px rgba(0,0,0,.1);} .li-service-ding img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all 0.6s;} .service-list ul li p{color: #333333;font-size: 20px;letter-spacing: 3px;text-align: center;padding-top: 15px;} .cooperation{background: url(../images/cooperation-bg.png) no-repeat center top;background-size: cover;padding-bottom: 80px;} .cooperation-title{padding: 75px 0 35px;} .cooperation-list ul li{width: 160px;border-bottom: 6px solid #ea5b24;text-align: center;position: relative;overflow: hidden;float: left;margin-left: 13px;} .cooperation-list ul li span{color: #ea5b24;font-size: 18px;padding-bottom: 10px;display: block;} .li-cooperation-pic{height: 70px;padding-bottom: 30px;} .cooperation-list ul li img{} .cooperation-list ul li:hover .li-cooperation-ding{bottom: 0;} .li-cooperation-ding{position: absolute;width: 100%;height: 100%;background: #EA5B24;bottom: -100%;left: 0;transition: all 0.6s;} .li-cooperation-ding span{color: #fff !important;display: block;padding: 25px 0 40px !important;} .li-cooperation-ding p{color: #ffffff;font-size: 14px;background: url(../images/gou.png)23px no-repeat;padding-left: 10px;} /*让管理变得更轻松*/ .manage{margin-bottom: -97px;} /*.manage{background: url(../images/manage-bg.png) no-repeat center top;}*/ .manage-title{text-align: center;padding: 75px 0 16px;} .manage-title p{color: #666666;font-size: 24px;padding-bottom: 14px;} .manage-nav ul{display: table;margin: 0 auto;padding-bottom: 60px;} .manage-nav ul li{transition: 600ms;width: 140px;height: 40px;line-height: 40px;border: 1px solid #ea5b24;background: #ea5b24;text-align: center;float: left;border-radius: 20px;margin-left: 40px;} .manage-nav ul li:first-child{margin-left: 0;} .manage-nav ul li a{color: #fff;display: block;} .manage-nav ul li:hover{background: #fff;} .manage-nav ul li:hover a{color: #EA5B24;} .manage-list ul li{width: 230px;height: 230px;border-radius: 100%;position: relative;text-align: center;overflow: hidden;float: left;margin-left: 93px;} .manage-list ul li:first-child{margin-left: 0;} .li-manage-note{position: absolute;left: 0;bottom: 0;width: 100%;background: #ffffff;padding: 15px 0 24px;} .li-manage-note p{color: #ea5b24;font-size: 18px;padding-bottom: 5px;} .manage-text{padding: 0 0 85px;} .manage-text span{display: block;color: #fffefe;font-size: 36px;} .manage-text p{color: #fffefe;font-size: 24px;padding: 20px 0 26px;} .manage-bg{height: 2px;width: 70px;background: #ffffff;} .manage-link{padding-bottom: 84px;} .manage-link p:first-child{margin-left: 0;} .manage-link p{color: #ffffff;display: inline-block;margin-left: 158px;} .footer-botoom{background: url(../images/footer-bg.png) no-repeat center top;background-size: 100% 100%;margin-top: -16px;} .footer-top{background: #333;padding-top: 135px;} .footer-note{width: 670px;padding-top: 50px;} .footer-left{border-bottom: 1px solid #f4ad91;padding-bottom: 10px;} .footer-nav ul{float: left;margin-left: 70px;} .footer-nav ul li{padding-bottom: 10px;} .footer-nav ul:first-child{margin-left: 0;} .footer-nav ul li a{color: #666666;font-size: 14px;display: block;} .footer-nav ul li a:hover{color: #EA5B24;} .footer-nav ul li.footer-li a{color: #f27300;font-size: 12px;background: url(../images/footer-icon1.png)10px 9px no-repeat;padding-left: 20px;} .footer-nav ul li.footer-li{width: 90px;height: 32px;background: url(../images/border-color.png) no-repeat;margin-left: -17px;text-align: center;line-height: 30px;margin-top: 25px;} .footer-weima{width: 320px;} .footer-weima img{margin-right: 15px;} .footer-text{padding: 11px 0 14px;} .footer-text p,.footer-text a{color: #666666;font-size: 12px;line-height: 24px;} .footer-right{width: 445px;padding-top: 30px;padding-bottom: 10px;} .footer-right p{line-height: 30px;color: #ffffff;font-size: 14px;} .footer-right p span{font-size: 14px;} .footer-p1{background: url(../images/footer-icon2.png) 3px no-repeat;padding-left: 23px;} .footer-p2{background: url(../images/footer-icon3.png) 3px no-repeat;} .footer-p3{background: url(../images/footer-icon5.png) 16px no-repeat;} .footer-p4{background: url(../images/footer-icon4.png) 3px no-repeat;padding-left: 23px;} .footer-p5{background: url(../images/footer-icon6.png) 57px no-repeat;padding-left: 82px !important;} .footer-right p span:first-child{padding-left: 26px;} .footer-right p span:last-child{padding-left: 40px;} /*----------------产品中心---------------*/ .main-nav{background: #f6f6f6;line-height: 64px;height: 64px;} .main-nav a{color: #555555;font-size: 14px;} .main-nav a:first-child{background: url(../images/ny1-address_05.png) no-repeat;padding-left: 25px;} .main-nav a:after{content: "/";display: inline-block;margin-left: 5px;} .main-nav a:last-child:after{content: none;} .main-nav a.dang,.main-nav a:hover{color: #ea5b24;} /*产品特点*/ .cpzx-box .container{background: url(../images/cpzx-bg.png) no-repeat;padding: 80px 0 78px;} .cpzx-box-left{width: 335px;padding-left: 40px;} .cpzx-box-left span{color: #fff;font-size: 30px;padding: 70px 0 15px;display: block;} .cpzx-box-left p{color: #ea5b24;padding-bottom: 75px;} .cpzx-box-bg{width: 40px;height: 2px;background: #ffffff;} .cpzx-box-right{width: 820px;} .cpzx-box-right ul li {width: 212px;/*height: 120px;*/box-shadow: 0px 0px 10px rgba(38,38,38,.2);padding-bottom: 15px;float: left;margin-left: 17px;margin-bottom: 16px;transition: 600ms;} .cpzx-box-right ul li:first-child{margin-left: 150px;} .cpzx-box-right ul li span{color: #666666;font-size: 18px;display: block;padding: 14px 0 11px 18px;} .cpzx-box-right ul li p{color: #666666;font-size: 12px;line-height: 18px;margin: 0 30px 0 18px;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .li-cpzx-bg{width: 20px;height: 1px;background: #EA5B24;margin: 18px 0 0 18px;} .cpzx-box-right ul li:hover{background: #ea5b24;} .cpzx-box-right ul li:hover .li-cpzx-bg{background: #fff;transition: 600ms;} .cpzx-box-right ul li:hover p,.cpzx-box-right ul li:hover span{color: #fff;} /*产品中心*/ .cpzx-product,.cpzx-product-list ul li .li-product-pic{background: #f6f6f6;} .cpzx-product-title{padding: 75px 0 15px;} /*淘漉科技全程一体化管理体系*/ .cpzx-box2{background: #ea5b24;padding: 43px 0 30px;} .cpzx-box2 span{display: block;font-size: 18px;color: #ffffff;text-align: center;padding-bottom: 24px;} .cpzx-box2 ul{display: table;margin: 0 auto;} .cpzx-box2 ul li{width: 134px;height: 40px;line-height: 40px;border: 1px solid #fff;border-radius: 15px;text-align: center;float: left;margin-left: 16px;} .cpzx-box2 ul li:first-child{margin-left: 0;} .cpzx-box2 ul li a{color: #ffffff;font-size: 14px;display: block;} .cpzx-box2 ul li:hover{background: #fff;} .cpzx-box2 ul li:hover a{color: #EA5B24;} /*成功客户*/ .cpzx-box3{background: #f6f6f6;padding-bottom: 78px;} .cpzx-box3-lunbo{width: 1060px;margin: 0 auto;position: relative;} .cpzx-box3-list ul li{float: left;margin-left: 16px;} .cpzx-box3-list ul li:first-child{margin-left: 0;} .cpzx-box3-list ul li img{border: 1px solid #fff ;} .cpzx-box3-list ul li img:hover{border: 1px solid #ea5b24;} .cpzx-box3-lunbo .swiper-button-prev,.cpzx-box3-lunbo .swiper-button-next{width: 18px;height: 32px;outline: none;top: 60%;} .cpzx-box3-lunbo .swiper-button-prev{background: url(../images/cpzx-next1.png) no-repeat;left: -45px;} .cpzx-box3-lunbo .swiper-button-next{background: url(../images/cpzx-next.png) no-repeat;right: -45px;} .cpzx-box3-lunbo .swiper-button-prev:hover{background: url(../images/cpzx-prve.png) no-repeat;} .cpzx-box3-lunbo .swiper-button-next:hover{background: url(../images/cpzx-prve1.png) no-repeat;} /*免费试用*/ .cpzx-box4-title{padding: 80px 0 40px;} .cpzx-box4-list{padding-bottom: 80px;} .cpzx-box4-list ul li{float: left;width: 238px;height: 238px;border: 1px solid #fff;} .cpzx-box4-list ul li:hover{border: 1px solid #dddddd;} .cpzx-box5{padding: 75px 0 80px;} .cpzx-box5-left{width: 441px;padding: 70px 0 0 60px;} .cpzx-box5-right{width: 635px;} .cpzx-box5-right p{color: #666666;font-size: 14px;line-height: 36px;letter-spacing: 1px;} .cpzx-box5-right span{width: 545px;font-size: 14px;letter-spacing: 1px;} .cpzx-box5-table ul{padding-bottom: 0;padding-top: 40px;} .cpzx-box5-table ul li a{font-size: 14px;} /*软件功能架构*/ .cpzx-box6{background: #f6f6f6;padding-bottom: 75px;} .cpzx-box6-title{padding: 80px 0 40px;} .cpzx-box6-title span{display: block;font-size: 24px;color: #ea5b24;background: url(../images/cpzx-title.png) no-repeat center;text-align: center;letter-spacing: 1px;} .cpzx-box6-yuan{width: 110px;height: 110px;background: #ea5b24;border-radius: 100%;text-align: center;line-height: 110px;margin: 0 auto 70px;position: relative;} .cpzx-box6-yuan:before{position: absolute;left: 50%;bottom: -57px;width: 12px;height: 50px;background: url(../images/cpzx-jian.png) no-repeat;content: "";transform: translateX(-50%);} .cpzx-box6-yuan span{display: block;color: #fff;font-size: 24px;} .cpzx-box6-nav{background: #ea5b24;height: 56px;line-height: 56px;border-radius: 30px;} .cpzx-box6-nav ul li{float: left;width: 240px;text-align: center;position: relative;} .cpzx-box6-nav ul li:after{content: "";width: 1px;height: 16px;background: #ffffff;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .cpzx-box6-nav ul li:last-child:after{content: none;} .cpzx-box6-nav ul li a{color: #fff;display: block;} .cpzx-box6-word{padding: 30px 0 40px;} .cpzx-box6-note{width: 180px;text-align: center;float: left;margin-left: 20px;} .cpzx-box6-note:first-child{margin-left: 10px;} .cpzx-box6-note p{color: #666666;font-size: 12px;} .cpzx-box6-note ul{padding: 28px 0;background: #fff;} .cpzx-box6-note ul li{padding-bottom: 10px;} .cpzx-box6-note ul li:last-child{padding-bottom: 0;} .cpzx-box6-note span{display: block;height: 46px;background: #f0b265;line-height: 44px;font-size: 12px;color: #825e2f;} .cpzx-box6-span{border-top-left-radius: 18px;border-top-right-radius: 18px;} .cpzx-box6-span1{border-bottom-left-radius: 18px;border-bottom-right-radius: 18px;} .cpzx-box6-text{padding: 0 10px;} .cpzx-box6-zi{width: 280px;float: left;margin-left: 20px;} .cpzx-box6-zi:first-child{margin-left: 0px;} .cpzx-box6-zi span{width: 180px;height: 46px;line-height: 46px;text-align: center;background: #96e3ce;letter-spacing: 0.5px;color: #fff;display: block;border-radius: 23px;margin: 0 auto;} .cpzx-box6-con{width: 280px;height: 280px;background: #96e3ce;border-radius: 100%;margin: 15px auto;} /*.cpzx-box6-con p{color: #ffffff;font-size: 14px;display: inline-block;letter-spacing: 1px;}*/ /*修改*/ /*.cpzx-box6-con p{color: #ffffff;font-size: 14px;display: inline-block;letter-spacing: 1px;}*/ .cpzx-box6-con p{text-align: center;} .cpzx-box6-con p small{color: #ffffff;font-size: 14px;display: inline-block;letter-spacing: 1px;} .com-width1 small{width: 42%;padding: 50px 0 40px;} .small-left{text-align: right;} .small-right{text-align: left;} /*.com-width2{padding-bottom: 45px;}*/ .com-width2 small{width: 32%;} /*修改*/ /*.cpzx-box6-p2{padding-left: 60px;} .cpzx-box6-p3{padding-left: 41px;} .cpzx-box6-p4{padding:0 60px;} .cpzx-box6-p1,.cpzx-box6-p2,.cpzx-box6-p9,.cpzx-box6-p10,.cpzx-box6-p15,.cpzx-box6-p16,.cpzx-box6-p22{padding-top: 50px;padding-bottom: 40px;} .cpzx-box6-p3,.cpzx-box6-p4,.cpzx-box6-p5,.cpzx-box6-p11,.cpzx-box6-p12,.cpzx-box6-p13,.cpzx-box6-p17,.cpzx-box6-p17,.cpzx-box6-p19,.cpzx-box6-p22,.cpzx-box6-p23,.cpzx-box6-p24{padding-bottom: 45px;} .cpzx-box6-p6,.cpzx-box6-p7,.cpzx-box6-p14,.cpzx-box6-p20,.cpzx-box6-p26{padding-bottom: 35px;} .cpzx-box6-p6{padding:0 61px 0 76px;} .cpzx-box6-p8{padding-left: 130px;} .cpzx-box6-p1{padding-left: 80px;} .cpzx-box6-p9{padding-left: 70px;} .cpzx-box6-p10{padding-left: 45px;} .cpzx-box6-p11{padding-left: 35px;} .cpzx-box6-p12{padding: 0 35px;} .cpzx-box6-p14{padding-left: 113px;} .cpzx-box6-p15{padding-left: 60px;padding-right: 25px;} .cpzx-box6-p17{padding-left: 13px;} .cpzx-box6-p18{padding-left: 10px;padding-right: 10px;} .cpzx-box6-p20{padding-left: 113px;} .cpzx-box6-p21{padding-left: 62px;padding-right: 35px;} .cpzx-box6-p23{padding-left: 27.5px;} .cpzx-box6-p24{padding-left: 20px;padding-right: 20px;} .cpzx-box6-p26{padding-left: 110px;padding-right: 20px;}*/ .cpzx-box6-manage{width: 100%;height: 56px;line-height: 56px;background: #ea5b24;border-radius: 28px;text-align: center;margin: 32px auto 63px;position: relative;} .cpzx-box6-manage:before{position: absolute;left: 50%;bottom: -56px;width: 12px;height: 50px;background: url(../images/cpzx-jian.png) no-repeat;content: "";transform: translateX(-50%);} .cpzx-box6-manage span,.cpzx-box6-people span{color: #fff;letter-spacing: 1px;display: block;} .cpzx-box6-people{width: 74px;height: 74px;background: #ea5b24;border-radius: 100px;text-align: center;line-height: 74px;margin: 0 auto;} /*产品优势*/ .cpzx-box7-nav ul{padding: 30px 0 0px;} .cpzx-box7-nav span{font-size: 14px;} .cpzx-box7-title{padding: 80px 0 40px;} .cpzx-box7-list ul{padding: 0 10px 80px 10px;} .cpzx-box7-list ul li{transition: 600ms;width: 180px;height: 208px;background: url(../images/cpzx-icon1.png) no-repeat;line-height: 208px;text-align: center;float: left;margin-left: 20px;} .cpzx-box7-list ul li:hover,.cpzx-box7-list ul li:hover p{transform: rotateY(180deg);} .cpzx-box7-list ul li:first-child{margin-left: 0;} .cpzx-box7-list ul li p{color: #FFf;font-size: 18px;transition: 600ms;} .cpzx-box8{background: #f6f6f6;padding-bottom: 80px;} .cpzx-box8-title{padding: 75px 0 55px;} .cpzx-box8-list ul{padding: 0 10px;} .cpzx-box8-list ul li:first-child{margin-left: 0;} .cpzx-box8-list ul li{width: 180px;background: #dddddd;float: left;text-align: center;padding: 37px 0 25px;margin-left: 20px;transition: all 0.8s;} .cpzx-box8-list ul li span{display: block;font-size: 18px;color: #666666;transition: all 0.8s;} .cpzx-box8-list ul li p{color: #666666;font-size: 12px;/*padding-bottom: 17px;*/transition: all 0.8s;line-height: 32px;} .cpzx-box8-list ul li p:last-child{padding-bottom: 0;} .li-cpzx-bg{width: 30px;height: 1px;background: #666666;margin: 20px auto 16px;} .cpzx-box8-list ul{padding-bottom: 40px;} .cpzx-box8-list ul li:hover{background: #ea5719;transform: rotateY(180deg);} .cpzx-box8-list ul li:hover .li-cpzx-bg{background: #fff;} .cpzx-box8-list ul li:hover span,.cpzx-box8-list ul li:hover p{color: #fff;transform: rotateY(180deg);} .cpzx-box8-more{width: 144px;background: #ea5b24;height: 40px;border: 1px solid #ea5b24;text-align: center;line-height: 40px;border-radius: 20px;margin: 0 auto;transition: 600ms;} .cpzx-box8-more:hover{background: #fff;} .cpzx-box8-more:hover a{color: #ea5b24;} .cpzx-box8-more a{color: #fff;font-size: 14px;} /*核心功能*/ .cpzx-box9{width: 1180px;margin: 80px auto 0;} .cpzx-box9-nav ul li{width: 280px;height: 56px;line-height: 56px;text-align: center;background: url(../images/cpzx-bg1.png) no-repeat;float: left;margin-left: 20px;} .cpzx-box9-nav ul li:first-child{margin-left: 0;} .cpzx-box9-nav ul li a{color: #666666;font-size: 16px;display: block;} .cpzx-box9-nav ul li.active{background: url(../images/cpzx-bg2.png) no-repeat;} .cpzx-box9-nav ul li.active a{color: #ea5b24;} .cpzx-box9-li{background: #fff5f1;width: 100%;} .cpzx-box9-li ul{padding: 0 74px;} .cpzx-box9-li ul li{float: left;height: 60px;line-height: 60px;margin-left: 93px;} .cpzx-box9-li ul li:first-child{margin-left: 0;} .cpzx-box9-li ul li.active a,.cpzx-box9-xun ul li.active a{color: #ea5b24;} .cpzx-box9-li ul li a{color: #666666;font-size: 16px;} .cpzx-box9-left{width: 180px;background: #fff5f1;} .cpzx-box9-xun ul{padding: 25px 0;} .cpzx-box9-xun ul li{text-align: center;margin-bottom: 10.5px;width: 180px;} .cpzx-box9-xun ul li:last-child{margin-bottom: 0;} .cpzx-box9-xun ul li a{color: #666666;font-size: 14px;display: block;} .cpzx-box9-cont{margin-top: 10px;} .cpzx-box9-right{background: #fff5f1;width: 990px;} .cpzx-box9-note{padding: 0 235px 14px 25px;} .cpzx-box9-right h4{color: #444444;font-size: 16px;padding: 25px 0 18px 0;border-bottom: 1px solid #cccccc;letter-spacing: 1px;margin-left: 25px;} .cpzx-box9-manage {background: #ea5b24;width: 120px;height: 26px;line-height: 26px;text-align: center;border-radius: 13px;margin: 20px 0;} .cpzx-box9-manage span{color: #fff;font-size: 14px;display: block;} .cpzx-box9-word span{display: block;color: #ea5b24;font-size: 14px;position: relative;margin-top: 7px !important;} .cpzx-box9-word span:before{width: 2px;height: 14px;background: #ea5b24;content: "";display: inline-block;margin-bottom: -2px;margin-right: 25px;} .cpzx-box9-word span:first-child{margin-top: 0;} .cpzx-box9-ul{margin-top: 6px;} .cpzx-box9-ul ul{width: 140px;float: left;} .cpzx-box9-ul ul:first-child{margin-left: 27px;} .cpzx-box9-ul ul li p{color: #666666;font-size: 14px;line-height: 32px;} .cpzx-box9-xuan .cpzx-box9-list,.cpzx-box9-xun ul,.cpzx-box9-right .cpzx-box9-srcoll{display: none;} .cpzx-box9-xuan .cpzx-box9-list:first-child,.cpzx-box9-xun ul:first-child,.cpzx-box9-right .cpzx-box9-srcoll:first-child{display: block;} /*软件使用说明*/ .cpzx-box10-title{padding: 75px 0 35px;} .cpzx-box10-list{padding-bottom: 40px;} .cpzx-box10-list ul li{border: 1px solid #eeeeee;height: 46px;width: 100%;overflow: hidden;border-radius: 8px;margin-bottom: 20px;transition: 600ms;} .cpzx-box10-list ul li:hover{border: 1px solid #EA5B24;} .cpzx-box10-list ul li:hover span{color: #EA5B24;} .cpzx-box10-list ul li span{color: #666666;font-size: 16px;display: block;line-height: 48px;padding-left: 40px;} .cpzx-box10-list ul li a{color: #ffffff;font-size: 14px;width: 88px;height: 28px;background: #ea5b24;display: block;text-align: center;border: 1px solid #EA5B24;line-height: 28px;border-radius: 14px;margin-top: 8px;margin-right: 12px;} .cpzx-box10-list ul li:hover a{background: #fff;color: #EA5B24;} /*---------------------解决方案------------------*/ /*方案概述*/ .jjfn-box1-title{padding: 75px 0 55px;} .jjfn-box1-text {margin-bottom: 80px;} .jjfn-box1-text p{color: #666666;line-height: 30px;font-size: 16px;} .jjfn-box2{background: #f6f6f6;} .jjfn-box2-title{padding: 75px 0 40px;} .jjfn-box2-cont{background: url(../images/jjfn-bg.png) center top no-repeat;padding-top: 199px;background-size: cover;padding-bottom: 180px;} .jjfn-box2-list span{color: #ea5b24;font-size: 16px;display: block;text-align: center;padding: 55px 0 20px;} .jjfn-box2-list ul{padding: 0 76px;} .jjfn-box2-list ul li{width: 66px;height: 66px;background: #666;border-radius: 100%;line-height: 66px;text-align: center;float: left;margin-left: 56px;transition: 600ms;} .jjfn-box2-list ul li:hover{background: #EA5B24;} .jjfn-box2-list ul li:first-child{margin-left: 0;} .jjfn-box2-list ul li p{color: #fff;font-size: 16px;} .jjfn-box2-nav ul li{width: 98px;height: 26px;border: 1px solid #ea5b24;text-align: center;line-height: 26px;float: left;background: #EA5B24;border-radius: 9px;margin-left: 8px;transition: 600ms;} .jjfn-box2-nav ul{display: table;margin: 0 auto;padding-top: 30px;} .jjfn-box2-nav ul li:first-child{margin-left: 0;} .jjfn-box2-nav ul li a{display: block;color: #fff;display: block;font-size: 14px;} .jjfn-box2-nav ul li:hover{background: #fff;} .jjfn-box2-nav ul li:hover a{color: #EA5B24;} /*珠宝ERP订单运作流程图*/ .jjfn-box3{background: #333333;padding: 38px 0;} .jjfn-box3 p {text-align: center;} .jjfn-box3 span{text-align: center;font-size: 24px;color: #fff;} .jjfn-box3 p a{width: 98px;height: 26px;border: 1px solid #ea5b24;text-align: center;line-height: 26px;background: #EA5B24;display: inline-block;background: #EA5B24;border-radius: 10px;color: #fff;font-size: 14px;margin-left: 25px;transition: 600ms;} .jjfn-box3 p a:hover{background: #fff;color: #EA5B24;} /*方案价值*/ .jjfn-box4-title{padding: 25px 0 40px;} .jjfn-box4-nav{margin-bottom: 40px;} .jjfn-box4-nav ul li{float: left;width: 193px;height: 40px;border: 1px solid #ea5b24;text-align: center;line-height: 40px;margin-left: 5px;} .jjfn-box4-nav ul li:first-child{margin-left: 0;} .jjfn-box4-nav ul li a{color: #ea5b24;font-size: 16px;display: block;} .jjfn-box4-nav ul li.active{background: #EA5B24;} .jjfn-box4-nav ul li.active a{color: #fff;} .jjfn-box4-note .jjfn-box4-text{display: none;} .jjfn-box4-note .jjfn-box4-text:first-child{display: block;} .jjfn-box4-text{background: #f9f9f9;margin-bottom: -70px;position: relative;} .jjfn-box4-right{width: 687px;padding: 55px 50px 0 50px;} .jjfn-box4-right>p{color: #666666;line-height: 36px;} .jjfn-box4-right ul{padding-top: 28px;} .jjfn-box4-right ul li{float: left;margin-bottom: 40px;width: 149px;margin-left: 30px;} .jjfn-box4-right ul li:nth-child(1),.jjfn-box4-right ul li:nth-child(5){margin-left: 0;} .jjfn-box4-right ul li span{color: #ea5b24;display: inline-block;margin-left: 10px;} .jjfn-box4-right ul li img{transition: 600ms;} .jjfn-box4-right ul li:hover img{transform: rotate(360deg);} .jjfn-footer-top{padding-top: 150px;} .jjfn-footer{background: #fff;padding: 25px 0 45px;} .jjfn-footer span{display: block;color: #666666;font-size: 16px;text-align: center;} .jjfn-manage-text{padding-top: 45px;} /*---------------------服务中心------------------*/ .fwzx-title{text-align: center;padding: 78px 0 45px;} .fwzx-title span{display: block;color: #ea5b24;font-size: 30px;padding-bottom: 15px;} .fwzx-title p{color: #666666;font-size: 16px;} .fwzx-box1-list{margin-bottom: 80px;} .fwzx-box1-list ul li{background: -webkit-linear-gradient(90deg,#f27000,#f29f00);width: 285px;padding: 0 50px 15px 30px;min-height: 279px;float: left;margin-left: 52px;} .fwzx-box1-list ul li:first-child{margin-left: 0;} .fwzx-box1-list ul li h4{color: #ffffff;font-size: 24px;padding: 28px 0 15px;} .fwzx-box1-list ul li p{line-height: 30px;line-height: 30px;color: #fff;} .fwzx-box1-list ul li .fwzx-bg{width: 250px;height: 1px;background: #f6b54d;margin-bottom: 9px;} .fwzx-box2{background: #f6f6f6;padding-bottom: 68px;} .fwzx-box2-list ul li{width: 188px;border: 1px solid #cccccc;background: #fff;min-height: 240px;float: left;margin-left: 12px;margin-bottom: 12px;} .fwzx-box2-list ul li:nth-child(1),.fwzx-box2-list ul li:nth-child(7){margin-left: 0;} .fwzx-box2-list ul li:hover{box-shadow: 0 0 10px rgba(102,102,102,.36);} .fwzx-box2-list ul li h5{color: #666;font-size: 18px;padding: 30px 0 20px 35px;} .fwzx-box2-list ul li p{color: #666666;font-size: 14px;line-height: 24px;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 4px;margin: 0 12px;text-align: justify;} .fwzx-box2-bg{width: 108px;height: 1px;background: #ea5b24;margin-left: 25px;margin-bottom: 20px;} /*专业服务*/ .fwzx-box3{background: #ea5b24;padding-bottom: 80px;} .fwzx-box3-title {padding: 75px 0 45px;} .fwzx-box3-title span,.fwzx-box3-title p{color: #fff;} .fwzx-box3-list ul{padding: 0 102px;} .fwzx-box3-list ul li{text-align: center;width: 200px;float: left;margin-left: 65px;} .fwzx-box3-list ul li:first-child{margin-left: 0;} .fwzx-box3-list ul li .li-fwzx-box3{transition: 500ms;width: 142px;height: 142px;border-radius: 100%;border: 1px solid #fff;position: relative;margin: 0 auto;} .li-fwzx-box3 img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .fwzx-box3-list ul li:hover .li-fwzx-box3{background: #fff;} .li-fwzx-box3 .pic1,.fwzx-box3-list ul li:hover .li-fwzx-box3 .pic2{display: block;} .li-fwzx-box3 .pic2,.fwzx-box3-list ul li:hover .li-fwzx-box3 .pic1{display: none;} .fwzx-box3-list ul li h5{color: #fff;font-size: 18px;padding: 15px 0 16px;} .fwzx-box3-list ul li p{color: #fff;font-size: 14px;} /*常见问题*/ .fwzx-box4-note{width: 600px;} .fwzx-box4-note h5{color: #333333;font-size: 18px;padding-left: 20px;padding-bottom: 10px;} .fwzx-box4-text{background: #f6f6f6;padding: 12px 0 20px 20px;} .fwzx-box4-text p{color: #666666;line-height: 30px;} .fwzx-box4-bg{width: 400px;height: 1px;background: #5a5a5a;margin-bottom: -1px;position: relative;} .fwzx-box5-list{margin: 35px 0 80px;} .fwzx-footer-top{padding-top: 90px;} /* ------------------------------------------- */ /* 内页标题 */ .banner {margin-top: 101px;position: relative;height: 459px;} .banner img {height: 100%;object-fit: cover;} .bantxt {position: absolute;top: 0;left: 50%;height: 100%;transform: translateX(-50%);padding-left: 70px;box-sizing: border-box;} .bantxt p:first-child {font-size: 48px;color: #ffffff;font-family: siyuan;margin-top: 150px;} .bantxt p:nth-child(2) {font-size: 18px;color: #ffffff;line-height: 36px;font-family: siyuan;margin-top: 56px;} .banbtn {font-size: 0;margin-left: 530px;margin-top: -20px;} .banbtn a {display: inline-block;width: 110px;height: 36px;text-align: center;line-height: 36px;color: #fff;background: -moz-linear-gradient( 90deg, rgb(242,112,0) 0%, rgb(242,159,0) 100%);background: -webkit-linear-gradient( 90deg, rgb(242,112,0) 0%, rgb(242,159,0) 100%);background: -ms-linear-gradient( 90deg, rgb(242,112,0) 0%, rgb(242,159,0) 100%);border-radius: 20px;} .banbtn a:last-child {background: #fff;color: #ea5b24;margin-left: 20px;} /*关于我们*/ /* 公司简介 */ .about-tit {font-size: 30px;color: #ea5b24;text-align: center;padding: 72px 0 36px;} .gywm-box1-main {display: table;margin-bottom: 42px;} .gywm-img {display: table-cell;width: 888px;vertical-align: middle;} .gywm-txt {display: table-cell;width: 644px;vertical-align: middle;padding-left: 30px;} .gywm-logo {width: 236px;border-bottom: 1px solid #eeeeee;padding-bottom: 26px;margin-bottom: 16px;} .gywm-txt p {font-size: 14px;color: #666666;line-height: 36px;text-indent: 28px;} .gywm-txt a {background: url(../images/about-03_03.png) no-repeat right center;font-size: 12px;color: #666666;height: 20px;line-height: 20px;padding-right: 28px;display: inline-block;margin-top: 26px;} /* 发展历程 */ .gywm-box2 {background: #f6f6f6;padding-bottom: 80px;} .gywm-box2-main {position: relative;} .gywm-box2-lay {width: 840px;margin: 0 auto;height: 272px} /* */ /* .gywm-box2-lay .swiper-container{height: 272px;margin: 0 -26px;padding: 0 26px;} */ /* */ .gywm-box2-lay li {float: left;text-align: center;position: relative;} .gywm-box2-lay li:nth-child(odd) {width: 195px;} .gywm-box2-lay li:nth-child(odd) .gywm-box2-img {padding-bottom: 41px;border-bottom: 2px solid #ea561c;position: relative;margin-bottom: 16px;} .gywm-box2-lay li:nth-child(odd) .gywm-box2-img::after {content: '';background: url(../images/about-05_03.png) no-repeat center;position: absolute;width: 10px;height: 47px;bottom: -6px;left: 50%;transform: translateX(-50%);} .gywm-box2-lay li:nth-child(even) {margin-top: 76px;width: 450px;} .gywm-box2-lay li:nth-child(even) .gywm-box2-img {padding-top: 41px;border-top: 2px solid #ea561c;position: relative;margin-top: 16px;} .gywm-box2-lay li:nth-child(even) .gywm-box2-img::after {content: '';background: url(../images/about-05_06.png) no-repeat center;position: absolute;width: 10px;height: 47px;top: -6px;left: 50%;transform: translateX(-50%);} .gywm-box2-date {font-size: 18px;color: #666;transition: all 1.5s;opacity: 0;margin-bottom: 35px;} .gywm-box2-lay li:nth-child(odd) .gywm-box2-date {transform: translateY(50px);} .gywm-box2-lay li:nth-child(even) .gywm-box2-date {transform: translateY(-50px);} .gywm-box2-txt {font-size: 14px;color: #666;opacity: 0;transition: all 1.5s;width: 266px;margin: 0 auto;position: absolute;left: 50%;transform: translateX(-50%);} .gywm-box2-lay li:nth-child(odd) .gywm-box2-txt {transform: translate(-50%,50px);bottom: 9px;} .gywm-box2-lay li:nth-child(even) .gywm-box2-txt {transform: translate(-50%,-50px);top: 32px;} .gywm-box2-lay .swiper-slide-active .gywm-box2-date {transform: translateY(0) !important;opacity: 1 !important;} .gywm-box2-lay .swiper-slide-active .gywm-box2-txt {opacity: 1 !important;transform: translate(-50%,0) !important;} /* */ /* .swiper-btn {width: 45px;text-align: center;position: absolute;left: 10px;top: 50%;transform: translateY(-50%);height: 100px;} */ /* .swiper-btn .swiper-button-next {position: relative;margin: 0 auto;right: 0;background: url(../images/about-06_06.png) no-repeat center;width: 12px;height: 6px;outline: none;} .swiper-btn .swiper-button-prev {position: relative;margin: 0 auto;left: 0;background: url(../images/about-06_03.png) no-repeat center;width: 12px;height: 6px;outline: none;} */ /* */ .swiper-btn .swiper-pagination {position: relative;margin: 11px 0;} .swiper-btn .swiper-pagination-bullet {background: none;width: auto;height: auto;display: block;font-size: 14px;color: #999999;opacity: 1;outline: none;transition: all .3s;} .swiper-btn .swiper-pagination-bullet:not(:last-child) {margin-bottom: 1px;} .swiper-btn .swiper-pagination-bullet-active {font-size: 18px;color: #ea561c;} .gywm-box2 > a {display: block;width: 154px;height: 38px;line-height: 38px;text-align: center;background: #ea561c;color: #fff;font-size: 14px;margin: 60px auto 0;border-radius: 20px;box-sizing: border-box;} .gywm-box2 > a:hover {border: 1px solid #ea561c;background: #fff;color: #ea561c;} /* */ .swiper-btn {width: 150px;text-align: center;position: absolute;left: -60px;top: 50%;transform: translateY(-50%);} .gywm-box2-lay .swiper-container.gallery-top {height: 272px;/* margin: 0 -26px;padding: 0 26px; */} .gywm-box2-lay .swiper-button-next {background: url(../images/about-06_06.png) no-repeat center;width: 12px;height: 6px;outline: none;left: 10px;top: 71%;} .gywm-box2-lay .swiper-button-prev {background: url(../images/about-06_03.png) no-repeat center;width: 12px;height: 6px;outline: none;top: 43%;} .gywm-box2-lay .gallery-thumbs .swiper-slide{background: none;width: auto;height: auto;display: block;font-size: 14px;color: #999999;opacity: 1;outline: none;transition: all .3s;cursor: pointer;} .gywm-box2-lay .gallery-thumbs .swiper-slide-thumb-active { font-size: 18px; color: #ea561c;} /* */ /*.gywm-box2-lay .swiper-container {height: 272px;margin: 0 -26px;padding: 0 26px;} .gywm-box2-lay li {float: left;text-align: center;position: relative;} .gywm-box2-lay li:nth-child(odd) {width: 195px;} .gywm-box2-lay li:nth-child(odd) .gywm-box2-img {padding-bottom: 41px;border-bottom: 2px solid #ea561c;position: relative;margin-bottom: 16px;} .gywm-box2-lay li:nth-child(odd) .gywm-box2-img::after {content: '';background: url(../images/about-05_03.png) no-repeat center;position: absolute;width: 10px;height: 47px;bottom: -6px;left: 50%;transform: translateX(-50%);} .gywm-box2-lay li:nth-child(even) {margin-top: 76px;width: 450px;} .gywm-box2-lay li:nth-child(even) .gywm-box2-img {padding-top: 41px;border-top: 2px solid #ea561c;position: relative;margin-top: 16px;} .gywm-box2-lay li:nth-child(even) .gywm-box2-img::after {content: '';background: url(../images/about-05_06.png) no-repeat center;position: absolute;width: 10px;height: 47px;top: -6px;left: 50%;transform: translateX(-50%);} .gywm-box2-date {font-size: 18px;color: #666;transition: all 1.5s;opacity: 0;margin-bottom: 35px;} .gywm-box2-lay li:nth-child(odd) .gywm-box2-date {transform: translateY(50px);} .gywm-box2-lay li:nth-child(even) .gywm-box2-date {transform: translateY(-50px);} .gywm-box2-txt {font-size: 14px;color: #666;opacity: 0;transition: all 1.5s;width: 266px;margin: 0 auto;position: absolute;left: 50%;transform: translateX(-50%);} .gywm-box2-lay li:nth-child(odd) .gywm-box2-txt {transform: translate(-50%,50px);bottom: 9px;} .gywm-box2-lay li:nth-child(even) .gywm-box2-txt {transform: translate(-50%,-50px);top: 32px;} .gywm-box2-lay .swiper-slide-active .gywm-box2-date {transform: translateY(0) !important;opacity: 1 !important;} .gywm-box2-lay .swiper-slide-active .gywm-box2-txt {opacity: 1 !important;transform: translate(-50%,0) !important;} .swiper-btn {width: 45px;text-align: center;position: absolute;left: 10px;top: 50%;transform: translateY(-50%);} .swiper-btn .swiper-button-next {position: relative;margin: 0 auto;right: 0;background: url(../images/about-06_06.png) no-repeat center;width: 12px;height: 6px;outline: none;} .swiper-btn .swiper-button-prev {position: relative;margin: 0 auto;left: 0;background: url(../images/about-06_03.png) no-repeat center;width: 12px;height: 6px;outline: none;} .swiper-btn .swiper-pagination {position: relative;margin: 11px 0;} .swiper-btn .swiper-pagination-bullet {background: none;width: auto;height: auto;display: block;font-size: 14px;color: #999999;opacity: 1;outline: none;transition: all .3s;} .swiper-btn .swiper-pagination-bullet:not(:last-child) {margin-bottom: 1px;} .swiper-btn .swiper-pagination-bullet-active {font-size: 18px;color: #ea561c;} .gywm-box2 > a {display: block;width: 154px;height: 38px;line-height: 38px;text-align: center;background: #ea561c;color: #fff;font-size: 14px;margin: 60px auto 0;border-radius: 20px;box-sizing: border-box;} .gywm-box2 > a:hover {border: 1px solid #ea561c;background: #fff;color: #ea561c;}*/ /* 企业文化 */ .gywm-box3 {background: url(../images/about-07_02.jpg) no-repeat center;padding-bottom: 80px;} .gywm-box3 .about-tit {color: #fff;} .gywm-box3-main {padding: 0 36px;box-sizing: border-box;} .gywm-box3-main li {transition: 600ms;width: 356px;height: 160px;border: 1px solid #fff;box-sizing: border-box;float: left;padding-top: 44px;box-sizing: border-box;margin-bottom: 30px;background: rgba(255,255,255,.1);} .gywm-box3-main li:hover{background: rgba(0,0,0,.2);} .gywm-box3-main li:not(:nth-child(3n)) {margin-right: 30px;} .gywm-box3-img {width: 88px;text-align: center;} .gywm-box3-txt {width: 234px;} .gywm-box3-txt p:first-child {font-size: 18px;color: #ffffff;} .gywm-box3-txt p:last-child {font-size: 14px;color: #ffffff;margin-top: 14px;} .gywm-box3 > a {transition: 600ms;display: block;width: 154px;height: 38px;line-height: 38px;text-align: center;color: #fff;font-size: 14px;margin: 0 auto;border-radius: 20px;box-sizing: border-box;border: 1px solid #fff;} .gywm-box3 > a:hover{background: #EA5B24;border: 1px solid #EA5B24;} /* 荣誉资质 */ .gywm-box4 {border-bottom: 1px solid #eeeeee;} .gywm-box4-main {padding: 0 44px;box-sizing: border-box;position: relative;padding-bottom: 79px;} .gywm-box4-main .swiper-slide {width: 212px;} .gywm-box4-main .swiper-slide:not(:last-child) {margin-right: 14px;} .gywm-box4-img {width: 212px;} .gywm-box4-main .swiper-button-next {outline: none;background: url(../images/about-11_05.png) no-repeat center;width: 38px;height: 38px;right: -20px;} .gywm-box4-main .swiper-button-next:hover {background: url(../images/about-10_05.png) no-repeat center;} .gywm-box4-main .swiper-button-prev {outline: none;background: url(../images/about-10_03.png) no-repeat center;width: 38px;height: 38px;left: -20px;} .gywm-box4-main .swiper-button-prev:hover {background: url(../images/about-11_03.png) no-repeat center;} /* 联系方式 */ .gywm-box5 {padding-bottom: 80px;} .gywm-box5-img {width: 600px;} .gywm-box5-txt {margin-left: 23px;width: 468px;} .gywm-box5-txt p:first-child {font-size: 24px;color: #333333;font-weight: bold;border-bottom: 1px solid #eeeeee;padding-bottom: 34px;margin-bottom: 25px;margin-top: 12px;padding-left: 22px;} .gywm-box5-txt p:not(:first-child) {font-size: 16px;color: #666666;line-height: 36px;padding-left: 22px;} .gywm-box5-txt span {display: inline-block;width: 18px;text-align: center;vertical-align: baseline;margin-right: 10px;} /* 战略合作 */ /* 合作优势 */ .zlhz-box1 {padding-bottom: 80px;} .zlhz-box1-main li {float: left;width: 214px;text-align: center;box-sizing: border-box;padding: 60px 23px 33px;background: #f8f8f8;transition: all .5s;height: 395px;} .zlhz-box1-main li:not(:last-child) {margin-right: 10px;} .zlhz-box1-top {border-bottom: 1px solid #ededed;padding-bottom: 40px;} .zlhz-box1-img img {display: block;margin: 0 auto;} .zlhz-box1-img img:last-child {display: none;} .zlhz-box1-top p {font-size: 18px;color: #333333;font-weight: bold;margin-top: 20px;} .zlhz-box1-bot {margin-top: 20px;} .zlhz-box1-bot p {font-size: 14px;color: #666666;line-height: 36px;} .zlhz-box1-main li.onn {background: url(../images/zlhz-02_03.jpg) no-repeat center;width: 304px;padding: 60px 30px 33px;} .zlhz-box1-main li.onn .zlhz-box1-img img:last-child {display: block;} .zlhz-box1-main li.onn .zlhz-box1-img img:first-child {display: none;} .zlhz-box1-main li.onn p {color: #fff;} /* 合作体系 */ .zlhz-box2 {background: #F6F6F6;padding-bottom: 80px;} .zlhz-box2-top {background: url(../images/zlhz-04_03.png) no-repeat center;width: 827px;height: 90px;position: relative;margin: 120px auto 160px;} .zlhz-box2-top li {position: absolute;width: 82px;text-align: center;} .zlhz-box2-top li:nth-child(1) {left: -79px;top: 71px;} .zlhz-box2-top li:nth-child(2) {left: 174px;top: -63px;} .zlhz-box2-top li:nth-child(3) {left: 50%;top: 71px;transform: translateX(-50%);} .zlhz-box2-top li:nth-child(4) {right: 174px;top: -63px;} .zlhz-box2-top li:nth-child(5) {right: -79px;top: 71px;} .zlhz-box2-top p {font-size: 16px;color: #666666;margin-top: 6px;} .zlhz-box2-bot {padding-left: 120px;} .zlhz-box2-bot p {display: inline-block;width: 100px;height: 34px;text-align: center;color: #fff;line-height: 34px;border-radius: 5px;background-image: -moz-linear-gradient( 90deg, rgb(242,112,0) 0%, rgb(234,86,28) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(242,112,0) 0%, rgb(234,86,28) 100%);background-image: -ms-linear-gradient( 90deg, rgb(242,112,0) 0%, rgb(234,86,28) 100%);position: relative;font-size: 14px;font-family: siyuan;} .zlhz-box2-bot p:not(:last-child) {margin-right: 75px;} .zlhz-box2-bot span {position: absolute;top: 0;left: 0;transform: translate(-50%,-50%);width: 26px;height: 26px;background: #00a2e9;border-radius: 50%;font-size: 18px;color: #ffffff;font-family: siyuan;line-height: 26px;} .zlhz-box2-img {overflow: hidden;width: 82px;} .zlhz-box2-img img {transition: all .5s;} .zlhz-box2-top li:hover img {transform: rotateZ(360deg);} /* 合作要求 */ .zlhz-box3 {background: url(../images/zlhz-05_02.jpg) no-repeat center;padding-bottom: 50px;} .zlhz-box3 .about-tit {color: #fff;padding: 72px 0 66px;} /* 合作申请 */ .zlhz-box4 {padding-bottom: 80px;} .zlhz-box4 .about-tit {padding: 72px 0 46px;} .zlhz-form-tit {font-size: 14px;color: #fff;background: #ea561c;line-height: 66px;height: 66px;border-top-left-radius: 20px;border-top-right-radius: 20px;padding: 0 60px;} .zlhz-form-body {padding: 0 59px 39px;border: 1px solid #eeeeee;} .mb {margin-bottom: -20px;} .zlhz-form-box1 > p {font-size: 16px;color: #333;font-weight: bold;padding: 28px 0;} .zlhz-form-box1 > ul > li {margin-bottom: 20px;} .zlhz-form-box1 > ul > li:nth-child(odd) {float: left;} .zlhz-form-box1 > ul > li:nth-child(even) {float: right;} .zlhz-input {width: 509px;height: 38px;border: 1px solid #dddddd;line-height: 36px;padding-left: 12px;box-sizing: border-box;font-size: 0;} .zlhz-input span {font-size: 14px;color: #666666;display: inline-block;vertical-align: middle;} .zlhz-form-box1 span.icon::before {content: '';background: url(../images/zlhz-07_03.png) no-repeat center;width: 5px;height: 6px;display: inline-block;vertical-align: super;margin-right: 4px;} .zlhz-input input {display: inline-block;font-size: 14px;color: #666;width: 380px;height: 100%;vertical-align: middle;} .zlhz-select {position: relative;} .zlhz-select select{display: inline-block;font-size: 14px;color: #666;width: 495px;;height: 100%;vertical-align: top;padding-left: 8px;} .zlhz-select ul {position: absolute;background: #fff;width: 100%;left: -1px;top: 100%;border: 1px solid #ddd;border-top: 0;max-height: 250px;overflow-y: scroll;z-index: 9;display: none;} .zlhz-select li {font-size: 14px;color: #666;padding-left: 21px;} .zlhz-select li:hover {background: #ea561c;color: #fff;} .sbtn {background: url(../images/zlhz-08_03.jpg) no-repeat right;height: 38px;width: 38px;position: absolute;right: -1px;top: 0;z-index: 9;cursor: pointer;} .check {display: inline-block;vertical-align: middle;font-size: 0;margin-left: 30px;} .check input[type=radio] {display: inline-block;width: 12px;height: 12px;border: 1px solid #dedede;box-sizing: border-box;border-radius: 50%;cursor: pointer;margin-right: 7px;} .check input[type=radio]:checked {background: url(../images/zlhz-08_03.png) no-repeat center;} .check span {font-size: 14px;color: #666;} .cke {font-size: 0;} .cke > span {font-size: 14px;color: #333;vertical-align: middle;} .zlhz-form-btn {display: table;margin: 38px auto 0;font-size: 0;} .zlhz-form-btn input[type=submit] {display: inline-block;width: 135px;height: 35px;text-align: center;line-height: 35px;background: #ea561c;border-radius: 7px;font-size: 14px;color: #fff;} .zlhz-form-btn input[type=reset] {display: inline-block;background: url(../images/zlhz-09_03.png) no-repeat left center;font-size: 14px;color: #666666;padding-left: 25px;margin-left: 80px;} /* 体验中心 */ /* 免费试用 */ .tyzx-box1 {padding-bottom: 53px;} .tyzx-tit {font-size: 18px;color: #333333;font-weight: bold;border-bottom: 2px solid #ea5b24;padding: 0 10px 8px;box-sizing: border-box;} .tyzx-tit span {font-size: 14px;color: #ea5b24;} /* 电脑端 */ .tyzx-box1-main1 {padding-top: 16px;} .tyzx-box1-list1 {padding: 0 46px;} .tyzx-box1-list1 li {width: 525px;margin-top: 26px;} .tyzx-box1-list1 li:nth-child(odd) {float: left;} .tyzx-box1-list1 li:nth-child(even) {float: right;} .tyzx-box1-list1 a {display: inline-block;height: 30px;line-height: 30px;} .tyzx-box1-list1 a:first-child {font-size: 16px;color: #666;background: url(../images/tyzx-00_06.png) no-repeat left center;padding-left: 29px;} .tyzx-box1-list1 a:last-child {width: 110px;text-align: center;background: #cccccc;border-radius: 15px;font-size: 14px;color: #333333;} .tyzx-box1-list1 li:hover a:first-child {background-image: url(../images/tyzx-00_03.png);color: #ea5b24;} .tyzx-box1-list1 li:hover a:last-child {background: #ea5b24;color: #fff;} /* 移动端 */ .tyzx-box1-main2 {padding-top: 76px;} .tyzx-box1-list2 {padding: 36px 100px 0;} .tyzx-box1-list2 li {float: left;display: table;} .tyzx-box1-list2 li:not(:last-child) {margin-right: 171px;} .tyzx-main2-img {display: table-cell;vertical-align: middle;width: 74px;text-align: center;} .tyzx-main2-img:first-child {padding-right: 32px;border-right: 1px solid #eeeeee;} .tyzx-main2-img:last-child {padding-left: 38px;} /* 预约演示 */ .tyzx-box1-main3 {padding-top: 76px;} .tyzx-box1-list3 {padding-top: 40px;} .tyzx-main3-img {width: 360px;overflow: hidden;} .tyzx-main3-img img {transition: all .5s;} .tyzx-box1-list3 li:hover img {transform: scale(1.2);} .tyzx-main3-txt {border: 1px solid #eeeeee;width: 840px;box-sizing: border-box;height: 240px;display: table;border-left: 0;} .tyzx-box1-list3 li:hover .tyzx-main3-txt {border-color: #ea5b24;} .tyzx-box1-list3 li:not(:last-child) {margin-bottom: 30px;} .tyzx-main3-itxt {display: table-cell;vertical-align: middle;box-sizing: border-box;} .tyzx-main3-itxt:first-child {padding-left: 50px;width: 590px;} .tyzx-main3-itxt p:first-child {font-size: 18px;color: #333333;font-weight: bold;margin-bottom: 47px;} .tyzx-main3-itxt p:last-child {font-size: 16px;color: #333333;} .tyzx-main3-itxt a {font-size: 16px;color: #333;border: 1px solid #cccccc;display: block;width: 184px;height: 40px;line-height: 38px;box-sizing: border-box;text-align: center;} .tyzx-main3-itxt a:hover {color: #fff;background: #ea5b24;border-color: #ea5b24;} /* 增值体验 */ .tyzx-box1-main4 {padding-top: 76px;} .tyzx-box1-list4 {padding-top: 45px;} .tyzx-box1-list4 li {float: left;text-align: center;width: 100px;} .tyzx-box1-list4 li:not(:last-child) {margin-right: 37px;} .tyzx-box1-list4 p {font-size: 16px;color: #666666;margin-top: 6px;} .tyzx-main4-img {overflow: hidden;} .tyzx-main4-img img {transition: all .5s;} .tyzx-box1-list4 li:hover img {transform: rotateZ(360deg);} .tyzx-box1-list4 li:hover p {color: #ea5b24;} /* 使用视屏 */ .tyzx-box1-main5 {padding-top: 74px;} .tyzx-box1-list5 {padding-top: 30px;} .tyzx-box1-list5 li {float: left;} .tyzx-box1-list5 li:not(:last-child) {margin-right: 90px;} .tyzx-vid {position: relative;} .vmask {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.5) url(../images/tyzx-05_03.png) no-repeat center;display: none;cursor: pointer;} .tyzx-box1-list5 li:hover .vmask {display: block;} .tyzx-box1-list5 p:nth-of-type(1) {font-size: 18px;color: #333;margin-top: 12px;} .tyzx-box1-list5 li:hover p:nth-of-type(1) {color: #ea5b24;} .tyzx-box1-list5 p:nth-of-type(2) {font-size: 0;margin-top: 4px;} .tyzx-box1-list5 span {font-size: 12px;color: #999;} .tyzx-box1-list5 span:last-child {margin-left: 7px;} /*新增*/ /*freeuse*/ .fre_top { width: 100%; height: 40px; background: #111111; } .fre_top_con { min-width: 1000px; max-width: 1200px; height: 100%; margin: 0 auto; } .fre_top_con span { line-height: 40px; } .t_con1 { float: left; color: #fff; } .t_con3 { float: right; color: #f27300; } .t_con2 { float: right; color: #fff; } .fre_con { width: 1200px; height: 600px; margin: 20px auto 50px; } .con_left { height: 100%; width: 448px; float: left; margin-left: 5px; position: relative; border: 1px solid #fae5e5; } .left_bg { width: 100%; height: 286px; } .left_tips { width: 100%; height: 270px; padding-top: 30px; } .tips_span1 { line-height: 40px; font-size: 16px; color: #ca0000; margin-left: 10px; } .left_tips ul { display: block; width: 100%; margin-left: 20px; } .left_tips ul li { display: block; width: 195px; float: left; color: #666666; line-height: 32px; font-size: 14px; padding-left: 20px; background: url(../images/redpoint.png) left center no-repeat; } .tips_span2 { line-height: 50px; font-size: 12px; color: indianred; margin-left: 20px; } .con_right { height: 100%; width: 725px; float: left; position: relative; margin-left: 15px; border: 1px solid #fae5e5; } .right_nav { width: 100%; height: 58px; } .right_nav li { width: 241px; float: left; color: #fff; font-size: 18px; cursor: pointer; line-height: 58px; text-align: center; } #fre_register { background: #f27300; } #fre_phone { margin-left: 1px; background: #4d4d4d; } #fre_online { margin-left: 1px; background: #4d4d4d; } #tab1 { display: block; } #tab1, #tab2, #tab3 { width: 100%; height: 542px; position: absolute; top: 58px; left: 0; } #tab1 input { font-family: "Microsoft Yahei", "微软雅黑"; height: 46px; line-height: 46px; font-size: 16px; } #tab1_user,#tab1_company,#tab1_phone,#tab1_mail,#tab1_write{ width:520px; color:#777676; margin-left:65px; padding-left:60px; border:1px solid #999; } #tab1_company,#tab1_phone,#tab1_mail,#tab1_write{ margin-top:16px; } #tab1_user{ margin-top:40px; background: url('../images/fre_user.jpg') left center no-repeat; } #tab1_company{ background: url('../images/fre_company.jpg') left center no-repeat; } #tab1_phone{ background: url('../images/fre_phone.jpg') left center no-repeat; } #tab1_mail{ background: url('../images/fre_mail.jpg') left center no-repeat; } #tab1_write{ background: url('../images/fre_write.jpg') left center no-repeat; } #tab1_btn{ cursor: pointer; width:285px; margin:36px 210px; color:#fff; background: #f27300; } .star { padding-left: 10px; color: red; font-size: 16px; } #tab1{ display: block; } #tab2{ display: none; } #tab3{ display: none; } .tab1_notice { margin-left: 65px; line-height: 42px; color: red; font-size: 12px; } #tab1_notice2 { width: auto; font-size: 12px; color: red; position: absolute; top: 55px; right: 90px; display: none; } #tab1_notice3 { width: auto; font-size: 12px; color: red; position: absolute; top: 202px; *top: 209px; right: 90px; display: none; } .tab2_ul1 { width: 680px; height: 272px; margin-top: 40px; margin-left: 25px; border: 1px solid #aaaaaa; } .tab2_ul1 li { width: 551px; padding-left: 95px; padding-top: 24px; margin: 0 auto; } .advice { height: 128px; border-bottom: 1px dashed #aaaaaa; background: url(../images/advice_line.jpg) left center no-repeat; } .cphone { height: 94px; background: url(../images/company_phone.jpg) left center no-repeat; } .phone1 { line-height: 35px; font-size: 16px; color: #939393; } .phone2, .phone3 { line-height: 35px; font-size: 18px; font-weight: 600; color: #4d4d4d; } .tab2_ul1 span { font-size: 14px; font-weight: normal; } .tab2_ul2 { width: 725px; height: 120px; margin-top: 40px; } .tab2_ul2 li { width: 171px; height: 102px; float: left; padding-left: 70px; padding-top: 18px; } .tab2_bg { background: url(../images/fre_l.jpg) left center no-repeat; } .tab2_p1 { line-height: 20px; font-size: 13px; color: #939393; } .tab2_p2 { line-height: 24px; font-size: 16px; color: #4d4d4d; } .tab2_p3 { line-height: 42px; font-size: 16px; color: #4d4d4d; } #tab3 dl { width: 275px; height: 405px; border: 1px solid #c2c2c2; margin-top: 40px; float: left; } .tab3_dl1 { margin-left: 50px; } .tab3_img1 { width: 100%; height: 175px; } .tab3_img1 img, .tab3_img2 img { display: block; margin: 40px auto 0; } .tab3_line { width: 175px; height: 35px; border-bottom: 1px solid darkgrey; margin: 0 auto; } .tab3_title { width: 100px; height: 45px; background: #fff; margin: -22px auto; line-height: 45px; text-align: center; font-size: 20px; } .tab3_con, .tab3_con1 { width: 175px; height: 25px; line-height: 25px; font-size: 14px; text-align: center; color: #999; } .tab3_con { margin: 0 auto; } .tab3_con1 { margin: 24px auto 0; } .tab3_dl2 { margin-left: 75px; } .tab3_img2 { width: 100%; height: 175px; } .h_title.appoint { margin: 60px auto 30px auto; } /*.h_title { width: 100%; padding-top: 110px; padding-bottom: 100px; }*/ .h_title.appoint .div1 { width: 268px; } .h_title div { height: 38px; line-height: 38px; } .h_title div { width: 250px; text-align: center; color: #C60211; margin: 0 auto; position: relative; } .h_title div strong.fon24 { font-size: 24px; font-weight: normal; } .h_title div .span1 { left: 0px; } .h_title div .span2 { right: 0px; } .h_title div .span1, .h_title div .span2 { width: 80px; height: 1px; display: block; background: #C60211; position: absolute; top: 18px; } .appoint_ys {width: 100%;height: 620px;*height: 700px;padding-top: 100px;padding-bottom: 50px;background: url(../images/appoint1.jpg) no-repeat;background-size: 100% 100%;} .appoint_ys .box {height: 470px;min-width: 1000px;max-width: 1200px;margin: 0 auto;position: relative;} .appoint_ys .box img {position: absolute;} .appoint_ys .box .img1 {left: 0px;top: 10px;visibility: hidden;} .appoint_ys .box .img2 {right: 40px;bottom: -45px;visibility: hidden;} .appoint_ys p {text-align: center;color: #fff;} .appoint_ys .p1 {height: 120px;line-height: 150px;font-size: 32px;} .appoint_ys .p2 {font-size: 16px;} .appoint_jt {width: 100%;height: auto;padding: 105px 0px 5px 0px;} .appoint_jts {margin: 30px 0px 90px 0px;} .appoint_jt .box {min-width: 1000px;max-width: 1200px;height: auto;margin: 0 auto;} .appoint_jt .box dt {height: 64px;line-height: 64px;font-size: 16px;text-indent: 24px;color: #333;} .appoint_jt .box dd {width: 100%;height: auto;} .appoint_jt .box dd .appoint_jtl, .appoint_jt .box dd .appoint_jtr {width: 40%;height: 240px;float: left;position: relative;} .appoint_jt span {width: 348px;height: 132px;display: block;position: absolute;left: 50%;top: 50%;margin-left: -171px;margin-top: -66px;background: url(../images/appoint.png) no-repeat;} .appoint_jt .box dd .appoint_jtr {width: 60%;*width: 59.98%;} .appoint_jt .box dd .appoint_jtr .first {border: solid 1px #ddd;border-left: 0px;height: 238px;line-height: 238px;text-indent: 10%;color: #666;} .appoint_jt a {width: 153px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 5%;top: 50%;margin-top: -20px;background: url(../images/appoint.png) no-repeat;font-size: 14px;text-indent: 0px;} .appoint_jts1 .appoint_jtl {background: #C3021A;} .appoint_jts1 .appoint_jtl span {background-position: 0px 0px;} .appoint_jts1 .appoint_jtr a {background-position: 0px -420px;color: #fff;} .appoint_jts1 .appoint_jtr a:hover {background-position: -193px -420px;color: #C71414;} .appoint_jts2 .appoint_jtl {background: #90020D;} .appoint_jts2 .appoint_jtl span {background-position: 0px -140px;} .appoint_jts2 .appoint_jtr a {background-position: 0px -460px;color: #fff;} .appoint_jts2 .appoint_jtr a:hover {background-position: -193px -460px;color: #90020D;} .appoint_jts3 .appoint_jtl {background: #5E0208;} .appoint_jts3 .appoint_jtl span {background-position: 0px -280px;} .appoint_jts3 .appoint_jtr a {background-position: 0px -500px;color: #fff;} .appoint_jts3 .appoint_jtr a:hover {background-position: -193px -500px;color: #5E0208;} .appoint_lx {width: 100%;height: auto;padding: 40px 0px 120px 0px;} .appoint_lx span {width: 47px;height: 47px;display: block;margin: 0 auto;background: url(../images/appoint.png) no-repeat 0px -546px;} .appoint_lx p {text-align: center;} .appoint_lx p.p1 {height: 70px;line-height: 70px;font-size: 30px;color: #333;} .appoint_lx p.p2 {font-size: 60px;color: #000;} .solution-xtitle{position: absolute;top: 27%;left: 50%;transform: translateX(-50%);text-align: center;width: 130px;} .solution-xtitle p{color: #ffffff;font-size: 24px;line-height: 48px;} .free_div { width: 48%; *width: 47.9%; float: left; } .free_div p { color: #333; font-weight: normal; text-align: left; margin-right: 10px; line-height: 28px; margin-left: 50px; } .free_div .mianfei { width: 157px; height: 73px; line-height: 43px; margin: 34px 0; background: url(../images/product_bg.png) no-repeat; background-position: 0px -467px; margin-left: 50px; text-align: center; } .free_div .mianfei a { display: block; width: 153px; height: 42px; color: white; font-size: 15px; } /*---------------------------------产品特点开始-----------------------------------*/ /*公共标题开始*/ .h_title.buy strong,.h_title.solu strong {font-size: 16px;} .h_title.buy .div1,.h_title.solu .div1 { width: 288px; height: 18px;line-height: 18px;text-align: center;color: #ea5b24;margin: 0 auto; position: relative;} .h_title.buy span,.h_title.solu span {width: 80px; height: 1px;display: block; background:#ea5b24; position: absolute;top: 10px;} .h_title div .span1 {left: 0;} .h_title div .span2 {right: 0;} .h_title.buy,.h_title.solu {padding: 54px 0 40px 0;} /*公共标题结束*/ /*全程一体化管理开始*/ .zhuan {width: 358px;margin: 0 auto;position: relative;padding-top: 50px;padding-bottom: 118px;*padding-bottom: 43px;} .select_ban {width: 100%;height: 266px;position: relative;} .select_ban img {width: 1920px;height: auto;position: absolute;top: 0px;left: 50%;margin-left: -960px;} /*多余*/ .title {padding: 60px 0px;} /*多余*/ .box {width: 1176px;margin: 0 auto;} .adv_white p {font-size: 14px;color: #666;line-height: 26px;padding-bottom: 35px;text-align: justify;} /*控制中心开始*/ .smallFa {position: relative;width: 100px;height: 100px;top: 123px;*top: -239px; left: 131px;} .small { width: 100px;height: 100px; background: url("../images/advantagebg.png"); background-position: -198px -1797px; position: relative;} .small div {color: white;font-size: 16px;position: absolute;top: 40px;left: 20px;} /*控制中心结束*/ /*.inner {position: absolute;width: 269px;height: 269px;top: 94px;left: 43px;background: url("../images/zhuan2.png") no-repeat;}*/ /*.outer {position: relative;width: 358px;height: 358px;float: left;background: url("../images/zhuan3.png");-webkit-animation: zhua linear infinite;-o-animation: zhua linear infinite 4s;-moz-animation: zhua linear infinite 4s;-ms-animation: zhua linear infinite 4s;animation: zhua linear infinite 4s;}*/ .inner {position: absolute;width: 269px;height: 269px;top: 94px;left: 43px;/* background: url("../images/zhuan2.png") no-repeat; */} .outer {position: relative;width: 358px;height: 358px;float: left;background: url("../img/t-bg.png") no-repeat; /* -webkit-animation: zhua linear infinite;-o-animation: zhua linear infinite 4s; -moz-animation: zhua linear infinite 4s;-ms-animation: zhua linear infinite 4s;animation: zhua linear infinite 4s; */ } .inner{width: 320px;left: 21px;top: 70px;} @-webkit-keyframes zhua { 0% {transform: rotate(0deg);} 50% {transform: rotate(-180deg);} 100% { transform: rotate(-360deg);} } @-moz-keyframes zhua { 0% {transform: rotate(0deg);} 50% {transform: rotate(-180deg);} 100% { transform: rotate(-360deg);} } @-o-keyframes zhua { 0% {transform: rotate(0deg);} 50% {transform: rotate(-180deg);} 100% { transform: rotate(-360deg);} } @-ms-keyframes zhua { 0% {transform: rotate(0deg);} 50% {transform: rotate(-180deg);} 100% { transform: rotate(-360deg);} } @keyframes zhua { 0% {transform: rotate(0deg);} 50% {transform: rotate(-180deg);} 100% { transform: rotate(-360deg);} } /* 修改 */ .zhuan .inner_left, .zhuan .inner_right {position: absolute;top: 6px;} .zhuan .inner_right {right: -18px;} .zhuan .inner_left {top:-1px;/* left: 7px; */} /* .zhuan:hover .inner{transform: rotate(360deg);-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);-ms-transform: rotate(360deg); -o-transform: rotate(360deg);transition: all 1s linear; -webkit-transition: all 1s linear; -moz-transition: all 1s linear;-ms-transition: all 1s linear;-o-transition: all 1s linear;} */ /* 修改 */ /*.zhuan .inner_left, .zhuan .inner_right {position: absolute;top: 6px;} .zhuan .inner_right {right: -18px;} .zhuan .inner_left {top:-1px;left: 7px;} .zhuan:hover .inner{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg); -o-transform: rotate(360deg);transition: all 1s linear; -webkit-transition: all 1s linear; -moz-transition: all 1s linear;-ms-transition: all 1s linear;-o-transition: all 1s linear;}*/ .zhuan .inner_left li, .zhuan .inner_right li {height: 33px;line-height: 33px;} .zhuan .inner_left li.li1 {padding-left: 92px;} .zhuan .inner_left li.li2 {padding-left: 46px;position: relative;top: -7px;} .zhuan .inner_left li.li3 {padding-left: 13px;position: relative;top: -5px;} .zhuan .inner_left li.li4 {padding-left:3px;} .zhuan .inner_left li.li5 {padding-left: 1px;} .zhuan .inner_left li.li6 {padding-left: 11px;} .zhuan .inner_left li.li7 {padding-left: 32px;} .zhuan .inner_left li.li8 {padding-left: 78px;} .zhuan .inner_right li.li1 {padding-right: 92px;} .zhuan .inner_right li.li2 {padding-left: 39px;} .zhuan .inner_right li.li3 {padding-left: 58px;} .zhuan .inner_right li.li4 {padding-left: 68px;} .zhuan .inner_right li.li5 {padding-left: 71px;} .zhuan .inner_right li.li6 {padding-left: 56px;} .zhuan .inner_right li.li7 { padding-left: 33px;} .zhuan .inner_right li.li8 {position: relative;top: -5px; left: -12px;} .out_right, .out_left {position: absolute;z-index: 100;float: left;} .out_left {top: 14px;left: -30px;} .out_right {right: -73px;top: 97px;} .out_left li, .out_right li { width: 90px;position: relative;height: 82px;} .out1 {left: 185px;} .out2 { left: -3px;} .out3 {left: -36px;} .out4 {left: -42px;} .out5 {left: -12px;} .out6 { right: -1px;} .out7 {left: 39px;} .out8 {left: 32px;} .out9 {left: -1px;} .out10 {left: -174px;*top:-15px;} .out_left li div, .out_right li div {font-size: 16px;font-weight: bold;color: #333; padding-bottom: 5px;} .out_left li span, .out_right li span {display: block; position: absolute; width: 30px; height: 30px;background: url("../images/advantagebg.png");} /* */ .out1{ left: 100px; } .out2 { left: 0px; top: 15px; } /* .out3 { left: 0px; top: 15px; } */ .out3 { left: -65px; top: 82px; } .out4 { left: 47px; top: 130px; } .out5 { left: 245px; top: 80px; } .out6 { top: -82px; left: -146px; right: 0; } .out7 { left: -25px; top: -88px; } .out8{ left: 13px; top: -108px; } .out9{ left: 18px; top: -118px; } .out10 { left: -12px; top: -99px; } .out_left li span.zIco1{ background: url("../img/t-icon1.png") 4px 3px no-repeat; } .out_left li span.zIco2{ background: url("../img/t-icon2.png") 4px 3px no-repeat; } .out_left li span.zIco3{ background: url("../img/t-icon3.png") 4px 3px no-repeat; left: 100%; top: 0px; } .out_left li span.zIco4{ background: url("../img/t-icon4.png") 4px 3px no-repeat; top: -3px; left: 107%; } .out_left li span.zIco5{ background: url("../img/t-icon5.png") 4px 3px no-repeat; top: -31px; left: 30%; } .out_right li span.zIco6{ background: url("../img/t-icon6.png") 0 0 no-repeat; } .out_right li span.zIco7{ background: url("../img/t-icon7.png") 0 0 no-repeat; top: 4px; left: 5px; } .out_right li span.zIco8{ background: url("../img/t-icon8.png") 0 0 no-repeat; top: 4px; left: 5px; } .out_right li span.zIco9{ background: url("../img/t-icon9.png") 0 0 no-repeat; top: 4px; left: 5px; } .out_right li span.zIco10{ background: url("../img/t-icon10.png") 0 0 no-repeat; top: 4px; left: 5px; } .out_left li div, .out_right li div{ text-align: center; } .out_left li.out2 div{ text-align: left; } .out_left li.out3{ width: 102px; text-align: left; } .out_left li.out4{ text-align: left; } .out_left li.out5{ text-align: right !important; } .out_left li{ position: relative; } .out_left li span, .out_right li span{ left: 50%; transform: translateX(-50%); top: 25px; } .zhuan .inner_left li.li1 { padding-left: 141px; margin-bottom: 10px; } .zhuan .inner_right li.li1 { padding-left: 60px; margin-bottom: 15px; padding-top: 15px; } .zhuan .inner_left li.li2 { padding-left: 60px; margin-bottom: 15px; } .zhuan .inner_left li.li3 { padding-left: 25px; margin-bottom: 25px; } .zhuan .inner_right li.li2 { padding-left: 100px; margin-bottom: 25px; } .zhuan .inner_left li.li4 { padding-left: 0px; margin-bottom: 25px; } .zhuan .inner_right li.li3 { padding-left: 127px; margin-bottom: 25px; } .zhuan .inner_left li.li5 { padding-left: 0px; margin-bottom: 25px; } .zhuan .inner_right li.li4 { padding-left: 135px; margin-bottom: 25px; } .zhuan .inner_left li.li6 { padding-left: 15px; margin-bottom: 35px; } .zhuan .inner_right li.li5 { padding-left: 122px; margin-bottom: 35px; } .zhuan .inner_right li.li6{ padding-left: 103px; margin-bottom: 25px; } .zhuan .inner_left li.li7 { padding-left: 45px; margin-bottom: 17px; } .zhuan .inner_right li.li7 { padding-left: 55px; margin-top: 5px; } .zhuan .inner_left li.li8 { padding-left: 100px; margin-bottom: 35px; } .zhuan .inner_right li.li8{ left: 0; } .zhuan .inner_left li, .zhuan .inner_right li { height: auto; line-height: 20px; } /* html在339行 */ .smallFa {position: absolute;width: 100px;height: 100px;top: 130px;*top: 0; left: 152px;} /* .out_left li span.zIco1 {background-position: -13px -11px; left: 10px;} .out_left li span.zIco2 { background-position: -72px -11px;left: 56px;top: 7px;} .out_left li span.zIco3 { background-position: -130px -11px;left: 56px; top: 2px;} .out_left li span.zIco4 { background-position: -193px -11px;left: 59px; top: -9px;} .out_left li span.zIco5 {background-position: -258px -11px; left: 63px; top: -12px;} */ .out_left li:hover span, .out_right li:hover span {transform:translateX(-50%) rotate(360deg);-webkit-transform:translateX(-50%) rotate(360deg);-moz-transform:translateX(-50%) rotate(360deg); -ms-transform:translateX(-50%) rotate(360deg);-o-transform:translateX(-50%) rotate(360deg);transition: all 0.3s linear;} /* .out_right li span.zIco6 { background-position: -258px -71px;left: -22px;top: 18px;} .out_right li span.zIco7 {background-position: -193px -71px; left: -39px; top: -1px;} .out_right li span.zIco8 {background-position: -130px -71px;left: -34px;top: -3px;} .out_right li span.zIco9 {background-position: -72px -71px;left: -31px;top: -17px;} .out_right li span.zIco10 {background-position: -13px -71px;left: 12px;top: -30px;} */ /* */ /*.out_left li div, .out_right li div {font-size: 16px;font-weight: bold;color: #333;} .out_left li span, .out_right li span {display: block; position: absolute; width: 30px; height: 30px;background: url("../images/advantagebg.png");} */ /*.out_left li span.zIco1 {background-position: -13px -11px; left: 10px;} .out_left li span.zIco2 { background-position: -72px -11px;left: 56px;top: 7px;} .out_left li span.zIco3 { background-position: -130px -11px;left: 56px; top: 2px;} .out_left li span.zIco4 { background-position: -193px -11px;left: 59px; top: -9px;} .out_left li span.zIco5 {background-position: -258px -11px; left: 63px; top: -12px;} .out_left li:hover span, .out_right li:hover span {transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg); -ms-transform: rotate(360deg);-o-transform: rotate(360deg);transition: all 0.3s linear;} .out_right li span.zIco6 { background-position: -258px -71px;left: -22px;top: 18px;} .out_right li span.zIco7 {background-position: -193px -71px; left: -39px; top: -1px;} .out_right li span.zIco8 {background-position: -130px -71px;left: -34px;top: -3px;} .out_right li span.zIco9 {background-position: -72px -71px;left: -31px;top: -17px;} .out_right li span.zIco10 {background-position: -13px -71px;left: 12px;top: -30px;}*/ .adv_white .but {padding-bottom: 65px;} .adv_white .but ul {width: 1010px; margin: 0 auto;} .adv_white .but ul li { width: 292px;float: left; text-align: center;height: 64px;line-height: 64px;border: 1px solid #ccc;margin: 0 21px; font-size: 16px;transition: 600ms;} .adv_white .but ul li:hover { border: 1px solid #ea5b24;background: #ea5b24; color: white;} /*控制中心结束*/ /*7C设计理念开始*/ .adv_7c {width: 100%;background: url("../images/adv_7c.jpg") no-repeat; padding-top: 55px;height: 550px; background-size: 100% 100%;} .h_title.adv { padding-bottom: 50px;} .adv_7c .box {width: 586px;height: 428px; margin: 0 auto; background: url("../images/adv_7c.png");} .adv_7c .box ul li { font-size: 18px; position: relative;} .adv_7c .box ul li.yuan1 { width: 98px;text-align: center; height: 98px;line-height: 98px; top: 4px; left: 2px;} .adv_7c .box ul li.yuan1:hover {background: url("../images/adv_yuan.png");background-position: -1px -1px; color: white;} .adv_7c .box ul li.yuan2 { width: 165px; text-align: center;height: 165px;line-height: 165px; top: 12px;left: 87px;} .adv_7c .box ul li.yuan2:hover {background: url("../images/adv_yuan.png");background-position: 0px -119px;color: white;} .adv_7c .box ul li.yuan3 {width: 89px;text-align: center;height: 89px;line-height: 89px;top: 34px;left: 45px;} .adv_7c .box ul li.yuan3:hover {background: url("../images/adv_yuan.png");background-position: -1px -306px;color: white;} .adv_7c .box ul li.yuan4 {width: 136px;text-align: center;height: 136px;line-height: 136px;top: -335px;left: 436px;} .adv_7c .box ul li.yuan4:hover {background: url("../images/adv_yuan.png");background-position: -1px -410px;color: white;} .adv_7c .box ul li.yuan5 {width: 77px;text-align: center;height: 77px;line-height: 77px;top: -353px;left: 319px;} .adv_7c .box ul li.yuan5:hover {background: url("../images/adv_yuan.png");background-position: -1px -578px;color: white;} .adv_7c .box ul li.yuan6 {width: 135px;text-align: center;height: 135px;line-height: 135px; top: -275px;left: 263px;} .adv_7c .box ul li.yuan6 div {width: 80px;height: 135px;margin: 0 auto;line-height: 30px;padding-top: 38px;} .adv_7c .box ul li.yuan6:hover {background: url("../images/adv_yuan.png"); background-position: -2px -678px;color: white;} .adv_7c .box ul li.yuan7 {width: 110px;text-align: center;height: 110px;line-height: 110px;top: -403px;left: 474px;} .adv_7c .box ul li.yuan7:hover {background: url("../images/adv_yuan.png");background-position: -2px -838px;color: white;} /*7C设计理念结束*/ /*全方位扩展开始*/ .h_title.adv1 {padding: 84px 0 50px 0;} .adv_quan {max-width: 1200px;min-width: 1000px;margin: 0 auto;clear: both;height: 570px;} .adv_quan p.word { width: 1172px;margin: 0 auto;font-size: 14px;color: #666;line-height: 28px;padding-bottom: 88px;} .adv_quan ul {width: 1058px;margin: 0 auto;} .adv_quan ul li {width: 174px;height: 232px;margin: 0 45px;float: left;transition: 600ms;} .adv_quan ul li a.box {position: relative;display: block;width: 174px;height: 164px;border: 1px solid #ccc;font-size: 16px;float: left;background: #f5f5f5;cursor: default;padding-top: 68px;} .adv_quan ul li a.box .span1 {display: block;width: 46px;height: 60px;margin: 0 auto;background: url("../images/advantagebg.png");} .adv_quan ul li a.box .span2{display: block;width: 19px;margin: 0 auto; height:1px;background:#9b9999 ;} .adv_quan ul li a.box:hover .span2{background:#e71822 ;} .adv_quan ul li a.box .ico0 {background-position: -254px -416px;} .adv_quan ul li a.box:hover .ico0 {background-position: -254px -707px;} .adv_quan ul li a.box .ico1 {background-position: -254px -489px;} .adv_quan ul li a.box:hover .ico1 { background-position: -254px -780.5px;} .adv_quan ul li a.box .ico2 {background-position: -254px -563px;} .adv_quan ul li a.box:hover .ico2 {background-position: -254px -853px;} .adv_quan ul li a.box .ico3 {background-position: -254px -635px;} .adv_quan ul li a.box:hover {border: 1px solid #ea5b24;background: white;} .adv_quan ul li a.box:hover .ico3 {background-position: -254px -926px;} .adv_quan ul li a.box div.con {padding-top: 47px;text-align: center;padding-bottom: 17px;} .adv_quan ul li a.box:hover div.con {color: #ea5b24;} /*全方位扩展结束*/ .h_title.adv2 {padding: 113px 0 48px 0;} /*无限制使用开始*/ .adv_wu {width: 100%;background: url(../images/adv_wu.jpg) no-repeat;-ms-behavior: url(../images/backgroundsize.min.htc);behavior: url('backgroundsize.min.htc');background-size: 100% 100%;} .adv_wu p {line-height: 28px;padding: 50px 0 50px 0; width: 1173px;margin: 0 auto; color: white;font-size: 14px;} .adv_wu ul {width: 822px;margin: 0 auto;padding-bottom: 25px;} .adv_wu ul li {width: 205px;float: left;padding: 15px 0 81px 0;position: relative;overflow: hidden;} .adv_wu ul li dl {width: 133px;height: 78px;text-align: center;margin: 0 auto;background: url("../images/advantagebg.png");background-position: -11px -391px;padding-top: 38px;padding-bottom: 30px;transition: all 0.6s ;} .adv_wu ul li:hover dl{transform: rotate(360deg);} .adv_wu ul li .q{height: 197px;width: 205px; padding-top: 100px;padding-bottom: 0px;} .adv_wu ul li.li1 .q {background: #f0eded;} .adv_wu ul li.li2 .q{ background: #e5e5e5;} .adv_wu ul li.li4 dl {height: 69px;padding-top: 52px;} .adv_wu ul li dl dt {font-size: 18px;} .adv_wu ul li dl dd {font-size: 20px;} /*安全稳定开始*/ .adv_aq p {width: 1172px;margin: 0 auto;font-size: 14px; line-height: 28px;color: #666;padding-bottom: 60px;;} .adv_bz {width: 870px;margin: 0 auto;} .adv_bz ul {float: left;} .adv_bz ul li {position: relative;} .adv_bz ul li.li1 {top: -14px;} .adv_bz ul li.li2 {top: -1px;} .adv_bz ul li.li3 {top: 75px;} .adv_bz ul li.li4 {top: 149px;} .adv_bz ul li.li5 {top: 163px;} .adv_bz ul li.li6 {top: -9px;} .adv_bz ul li.li7 {top: 7px;} .adv_bz ul li.li8 {top: 182px;} .adv_bz ul li.li9 {top: 197px;} .adv_bz ul li a {position: relative;display: block;width: 172px;height: 39px;cursor: default;} .adv_bz ul li a i {display: block;position: absolute;width: 141px;height: 1px;bottom: 0px;left: 24px;background: white;} .adv_bz ul li a span {display: block;float: left; width: 39px;height: 39px;background: url("../images/advantagebg.png");} .adv_bz ul li a span.ico1 {background-position: -3px -182px;} .adv_bz ul li a span.ico2 {background-position: -65px -182px;} .adv_bz ul li a span.ico3 {background-position: -127px -182px;} .adv_bz ul li a span.ico4 {background-position: -193px -188px;} .adv_bz ul li a span.ico5 {background-position: -257px -187px;} .adv_bz ul li a span.ico6 {background-position: -6px -328px;} .adv_bz ul li a span.ico7 {background-position: -71px -327px;} .adv_bz ul li a span.ico8 {background-position: -145px -333px;} .adv_bz ul li a span.ico9 {background-position: -218px -329px;} .adv_bz ul li a:hover i { background: #e71822;} .adv_bz ul li a:hover span.ico9 {background-position: -221px -261px;} .adv_bz ul li a:hover span.ico8 {background-position: -142px -255px;} .adv_bz ul li a:hover span.ico7 {background-position: -71px -256px;} .adv_bz ul li a:hover span.ico6 {background-position: -4px -257px;} .adv_bz ul li a:hover span.ico5 {background-position: -255px -125px;} .adv_bz ul li a:hover span.ico4 {background-position: -191px -125px;} .adv_bz ul li a:hover span.ico3 {background-position: -127px -123px;} .adv_bz ul li a:hover span.ico2 {background-position: -65px -123px;} .adv_bz ul li a:hover span.ico1 {background-position: -5px -123px;} .adv_bz ul li a dt {font-size: 14px;color: #333;} .adv_bz ul li a dd {font-size: 12px;color: #ccc;} .adv_bz .mid {position: relative; float: left;width: 510px;height: 345px;background: url("../images/zhuan5.gif");} .adv_bz .mid div {position: absolute;color: white;font-size: 18px;top: 160px;left: 212px;} .adv_bz .right li {text-align: right;} .adv_bz .right li span {position: absolute;right: 0px;} .adv_bz .right li dl {position: absolute;right: 49px;top: 5px;} .adv_bz .right li i {left: 12px;} .adv_bz .left li dl {position: absolute;left: 49px;top: 5px;} /*安全稳定结束*/ /*易安装易操作易维护开始*/ .h_title.adv3 {padding: 130px 0 54px 0;} .h_title.adv3 .div1 {width: 317px;} .adv_yi {background: url("../images/adv_yi.jpg") no-repeat;background-size: 100% 100%;} .adv_yi p {padding-top: 30px;padding-bottom: 53px; width: 1172px;margin: 0 auto;color: white;line-height: 28px;font-size: 14px;} .adv_yi .box ul {width: 915px;margin: 0 auto;padding-bottom: 47px;} .adv_yi .box ul li {float: left;margin: 0 25px;height: 366px;width: 252px;zoom: 1;transition: 600ms;} .adv_yi .box ul li a {display: block; height: 366px; width: 252px;border: 1px solid #f0e1d3;float: left;cursor: default;} .adv_yi .box ul li dl {padding-top: 55px;} .adv_yi .box ul li dt {width: 154px;height: 177px;margin: 0 auto;background: url("../images/advantagebg.png");} .adv_yi .box ul li dt.dt1 {background-position: -11px -955px;} .adv_yi .box ul li dt.dt2 {background-position: -11px -1342px;} .adv_yi .box ul li dt.dt3 {background-position: -11px -1720px;} .adv_yi .box ul li dd {padding-top: 35px;font-size: 18px;color: white;text-align: center;} .adv_yi .box ul li a:hover {border: 1px solid #ea5b24;transition: 600ms;} .adv_yi .box ul li a:hover dt.dt1 {background-position: -11px -766px;transition: 600ms;} .adv_yi .box ul li a:hover dt.dt2 {background-position: -11px -1145px;transition: 600ms;} .adv_yi .box ul li a:hover dt.dt3 {background-position: -11px -1539px;transition: 600ms;} .adv_yi .box ul li a:hover dd {color: #ea5b24;transition: 600ms;} .adv_but {padding: 62px 0 148px 0;} .adv_but .button a {font-size: 18px;} /*---------------------------------产品特点结束-----------------------------------*/ /*-----------------------预演中心--------------------*/ .tyzx-box2-list1>span{color: #555555;font-size: 30px;text-align: center;display: block;padding: 25px 0 20px;} .tyzx-box2-list1 ul{display: table;margin: 0 auto;padding-bottom: 30px;} .tyzx-box2-list1 ul li{float: left;margin-left: 35px;} .tyzx-box2-list1 li p{color: #555;font-size: 16px;padding-left: 20px;background: url(../images/tyzx-pic2.png)0px 7px no-repeat;} .tyzx-box2-list2{padding-bottom: 80px;} /*-----------------------预演中心--------------------*/ /*-----------------------解决方案-成功客户--------------------*/ /*成功客户 start*/ .home_customer .box {width: 100%;height: 630px;padding-top: 70px;background: url(../images/home2.jpg) no-repeat;background-size: 100% 100%;position: relative;} .home_customer .p1 {width: 100%;height: 74px;line-height: 74px;background: #ea5b24;color: #fff;text-align: center;font-size: 32px;position: absolute;left: 0px;bottom: 0px;margin-bottom: -34px;} /*成功客户 end*/ /*系列客户 start*/ .xlkh-title{padding: 85px 0 40px !important;} .xlkh-box{width: 100%;height: auto;background: #F0F1F2;padding-top: 34px;padding-bottom: 50px;} .xlkh-box-list1 li{width: 299px;height: 46px;line-height: 46px;float: left;background: #999;} .xlkh-box-list1 li:not(:last-child){margin-right: 1.2px;} .xlkh-box-list1 li.active{background: #EA561C;} .xlkh-box-list1 li p{text-align: center; color: #fff;font-size: 16px;cursor: pointer;} .xlkh-box-main2{background: #fff;} .xlkh-box-main2 .xlkh-box-xuan{display: none;} .xlkh-box-main2 .xlkh-box-xuan:first-child{display: block;} .xlkh-box-xuan{width: 1000px;margin: 0 auto;padding: 37px 0 40px 0px;} .xlkh-box-list2 li{float: left;width: 333px;} .xlkh-box-list2 li p{height: 36px;line-height: 36px;text-indent: 15px;display: block;font-size: 14px;padding: 0 20px;} .xlkh-box-list2 li p:before{content: "";display: inline-block;width: 3px;height: 3px;background: #434343;border-radius: 100%;margin-right: 10px;margin-bottom: 3px;} .xlkh-box-lunbo,.xlkh-box-lunbo1{position: relative;} .xlkh-box-lunbo .swiper-button-prev,.xlkh-box-lunbo .swiper-button-next,.xlkh-box-lunbo1 .swiper-button-prev,.xlkh-box-lunbo1 .swiper-button-next{width: 38px;height: 38px;outline: none;} .xlkh-box-lunbo .swiper-button-prev,.xlkh-box-lunbo1 .swiper-button-prev{background: url(../images/xlkh-prve.png) no-repeat;left: -40px;} .xlkh-box-lunbo .swiper-button-prev:hover,.xlkh-box-lunbo1 .swiper-button-prev:hover{background: url(../images/xlkh-prve-1.png) no-repeat;} .xlkh-box-lunbo .swiper-button-next,.xlkh-box-lunbo1 .swiper-button-next{background: url(../images/xlkh-next.png) no-repeat;right: -40px;} .xlkh-box-lunbo .swiper-button-next:hover,.xlkh-box-lunbo1 .swiper-button-next:hover{background: url(../images/xlkh-next-1.png);} .xlkh-box-main3{padding: 20px 0 0;} .xlkh-box-lunbo .swiper-container1{overflow: hidden;} /*系列客户 end*/ /*行业客户 start*/ .xlkh-box1{width: 1110px;margin: 0 auto;} .icoo1{color: #fff;font-size: 18px;line-height: 22px;padding-top: 8px;height: 55px;font-weight: bold;width: 64px;background: #EA561C;border-radius: 5px;display: block;text-align: center;margin-left: 23px;} .pic3{display: block;} .pic4{display: none;} .xlkh-pic{width: 37px;height: 33px;position: relative;margin: 0 auto;} .xlkh-pic img{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;transition: 600ms;} .xlkh-box1-list1 li{width: 113px;text-align: center;float: left;} .xlkh-box1-list1 li p{color: #666;font-size: 12px;margin-top: 5px;transition: 600ms;} .xlkh-box1-list1 li:hover .pic4{display: block;} .xlkh-box1-list1 li:hover .pic3{display: none;} .xlkh-box1-list1 li:hover p{color: #EA561C;} .xlkh-box1-list2{width: 1060px;margin: 0 auto;} .xlkh-box1-list2 li{float: left;margin-left: 7px;margin-bottom: 10px;} .xlkh-box1-list2 li:nth-child(1),.xlkh-box1-list2 li:nth-child(9){margin-left: 0;} .xlkh-box1-lunbo{margin-top: 60px;position: relative;} .xlkh-box1-lunbo .swiper-button-prev,.xlkh-box1-lunbo .swiper-button-next{width: 38px;height: 38px;outline: none;} .xlkh-box1-lunbo .swiper-button-prev{background: url(../images/xlkh-prve.png)no-repeat;left: -40px;} .xlkh-box1-lunbo .swiper-button-prev:hover{background: url(../images/xlkh-prve-1.png) no-repeat;} .xlkh-box1-lunbo .swiper-button-next{background: url(../images/xlkh-next.png)no-repeat;right: -40px;} .xlkh-box1-lunbo .swiper-button-next:hover{background: url(../images/xlkh-next-1.png) no-repeat;} .xlkh-box1-main2{padding: 10px 0 50px;} .xlkh-box1-main3{height: 63px;line-height: 63px;background: #EA561C;text-align: center;margin-bottom: 60px !important;} .xlkh-box1-main3 p{color: #fff;background: url(../images/xlkh-icon9.png) 330px no-repeat;} .xlkh-box1-main3 strong{font-size: 24px;margin-left: 10px;color: #fff;} /*行业客户 end*/ /*签约客户 start*/ .xlkh-box2{width: 100%;height: auto;padding-bottom: 55px;background: url(../images/home1.jpg) no-repeat;background-size: 100% 100%;} .xlkh-box2-list{margin-top: 40px;} .xlkh-box2-list li{width: 585px;height: 92px;background: #F0F0F0;transition: 600ms ;} .xlkh-box2-list li:nth-child(odd){float: left;} .xlkh-box2-list li:nth-child(even){float: right;} .xlkh-box2-list li{position: relative;margin-bottom: 80px;} .xlkh-box2-list li:hover{background: #EA561C;} .xlkh-box2-list li:hover a{color: #fff;} .xlkh-box2-list li a{color: #333;font-size: 14px;display: block;padding-left: 140px;line-height: 92px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .li-xlkh-day{width: 112px;height: 92px;background: #fff;position: absolute;left: 14px;bottom: 30px; text-align: center;} .li-xlkh-day strong{display: block;font-size: 30px;color: #EA561C;line-height: 30px;height: 30px;padding: 15px 0 12px;} .li-xlkh-day span{color: #EA561C;font-size: 16px;height: 16px;line-height: 16px;} .li-xlkh-bottom{margin-bottom: 0 !important;} .home_qts {width: 140px;height: 20px;line-height: 20px;margin: 35px auto 0;position: relative;text-align: center;} .home_qts a {color: #fff;font-size: 14px;} .home_qts .span1 {left: 0px;} .home_qts .span2 {right: 0px;} .home_qts span {width: 25px;height: 1px;background: #fff;position: absolute;top: 10px;} .xlkh-box2-list3{padding-top: 20px;} /*签约客户 end*/ /*-----------------------解决方案-成功客户--------------------*/ /*-----------------------服务中心-服务体系--------------------*/ /*服务体系开始*/ .fwzx-box6-main1{padding: 50px 0;background: #F6F6F6;margin-top: 40px;} .fwzx-box6-ul{margin-top: 10px;} .fwzx-box6-ul li {width: 197px;float: left;} .fwzx-box6-ul li p{height: 32px;line-height: 32px;display: block;text-indent: 20px;margin-left: 30px;color: #4e4e4e;font-size: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .fwzx-box6-ul li p:before{width: 4px;height: 4px;background: #696969;border-radius: 100%;content: "";display: inline-block;margin-bottom: 3px;margin-right: 16px;} /*服务体系结束*/ /*服务标准-- start*/ .process_bzs {width: 100%;height: auto;padding-bottom: 130px;padding-top: 20px;} .process_bzs .box {min-width: 1000px;max-width: 1200px;height: auto;margin: 0 auto;} .process_bzs .box li {height: 190px;border: solid 1px #ddd;margin-top: 20px;position: relative;} .process_bzs .box li .process_bt {width: 190px;height: 190px;line-height: 290px;text-align: center;font-size: 16px;color: #333;position: absolute;left: 0px;top: 0px;background: #D9E3EB;} .process_bzs .box li .process_bt.pro_bt1 {background: #eef2f6;} .process_bzs .box li .process_bt .t {width: 52px;height: 65px;display: block;position: absolute;left: 50%;top: 50%;margin-left: -22px;margin-top: -22px;background: url(../images/process.png) no-repeat;} .process_bzs .box li .process_bt .t.icoo1 {background-position: 0px -41px;} .process_bzs .box li .process_bt .t.icoo2 {width: 62px;left: 46%;top: 41%;background-position: 5px -110px;} .process_bzs .box li .process_bt .t.icoo3 {background-position: 0px -198px;} .process_bzs .box li .process_bt .t.icoo4 {background-position: 0px -275px;} .process_bzs .box li .process_bt .t.icoo5 {background-position: 0px -352px;} .process_bzs .process_wb {margin-left: 210px;} .process_bzs .process_wb p {line-height: 35px;font-size: 14px;word-break: break-all} .process_bzs .process_wb p strong {display: inline;font-size: 14px;} .process_bzs .box li:hover {background: #F6F6F6;} .process_bzs .process_wb.t1 {margin-top: 40px;} .process_bzs .process_wb.t2 {margin-top: 60px;} .process_bzs .process_wb.t3 {margin-top: 26px;} .process_bzs .process_wb.t4 {margin-top: 10px;} /*服务标准-- end*/ /*-----------------------服务中心-服务体系--------------------*/ /*-----------------------服务中心-服务特点--------------------*/ /*服务目标开始*/ .h_title.fwzx-box7-title{padding: 115px 0 60px;} .idea_con {width: 100%;height: 340px;background: #f1f1f3;} .idea_con .box {max-width: 1200px;min-width: 1000px;text-align: center;padding-top: 80px;margin: 0px auto;} .idea_con .box dt {width: 500px; height: 54px;line-height: 54px;margin: 0 auto;font-size: 24px;font-weight: bold;color: #EA561C;border: 1px solid #EA561C;border-radius: 35px;} .idea_con .box dd {font-size: 12px;padding-top: 67px;line-height: 30px;} /*服务目标结束*/ /*服务目标开始*/ /* 修改4月16日 */ /* html在295行 */ .idea-ln {width: 100%;height: 503px;padding-top: 64px;background: url("../images/serviceideabody.jpg") no-repeat;} .ideain-list ul{ display: table; margin: 0 auto; } .ideain-list ul li{ float: left; width: 240px; border: 1px solid #111; margin-left: 140px; padding-bottom: 25px; } .ideain-list ul li:first-child{ margin-left: 0; } .ideain-list{ background: #fff; padding: 180px 0 60px; } .ideain-list ul li h2{ color: #EA561C; font-size: 52px; font-weight: 500; text-align: center; background: #fff; margin-top: -40px; } .li-ideain-text{ width: 170px; margin: 0 auto; } .li-ideain-text p{ padding-top: 25px; /* color: #fff; */ letter-spacing: 2px; line-height: 26px; padding-left: 5px; } .h_title.fwzx-box8-title{padding: 117px 0 80px;} /* 修改4月16日 */ /*.h_title.fwzx-box8-title{padding: 117px 0 80px;} .idea_body {width: 100%;height: 503px;padding-top: 64px;background: url("../images/serviceideabody.jpg") no-repeat;} .idea_body .box {max-width: 1200px;min-width: 1000px;height: 390px;padding-top: 50px;margin: 0 auto;background: white;overflow: hidden;} .idea_left {float: left; width: 44%;overflow: hidden;} .idea_rigth {float: left;width: 56%;*width: 55.9%;overflow: hidden;} .idea_left li {float: left;position: relative; bottom: 55px;width: 90px;height: 210px;} .idea_left li span {position: absolute;left: 12px;bottom: 80px;display: block;width: 70px;background: url("../images/serviceideabg.png") no-repeat;} .idea_left .per1 span, .idea_left .per3 span {background-position: -1px -56px;width: 46px;height: 95px;} .idea_left .per1 span {bottom: 56px;} .idea_left .per2 span {background-position: -1px -186px; width: 87px; height: 122px;bottom: 74px; left: -8px;} .idea_left .per3 span {bottom: 40px;} .idea_left ul {margin: 180px 100px 0 0px;float: right;} .idea_left ul li div {position: absolute; bottom: 0; width: 70px;font-size: 20px;font-weight: bold; color: white; text-align: center;border-radius: 5px; box-shadow: 2px 2px 2px #ccc;background: #2f2f30;} .idea_left ul li.per1 div {height: 60px;line-height: 60px;} .idea_left ul li.per2 div {height: 80px;line-height: 80px;} .idea_left ul li.per3 div {height: 44px;line-height: 44px;} .idea_title1 {font-size: 30px;color: #EA561C;margin-bottom: 10px;} .idea_title2 {font-size: 16px;line-height: 46px;} .idea_right dl dd dl dd {line-height: 22px;color: #666;font-size: 12px;}*/ /*服务目标结束*/ /*服务架构开始*/ .idea_bot img {width: 100%;margin-top: 80px;} .fwzx-box9 {max-width: 1200px;min-width: 1000px;margin: 0 auto;position: relative;} .idea_bot_word {/*position: absolute;*/text-align: center;font-size: 12px; height: 20px;/*bottom: 100px;left: 50%;transform: translateX(-50%);*/} /*服务架构开始*/ /*五大人工服务团队开始*/ .h_title.fwzx-box10-title{padding: 80px 0 90px;} .h_title.fwzx-box10-title strong{color: #fff;} .h_title.fwzx-box10-title span{background: #fff;} .h_title.fwzx-box10-title .span1{left: -26px;} .h_title.fwzx-box10-title .span2{right: -26px;} .qiqiu{position: relative;} .qiqiu span { display: block; width: 92px;height: 112px; margin: 0px auto;background: url("../images/serviceideabg.png") no-repeat;} .qiqiu span.q1 {background-position: -406px -56px;} .qiqiu span.q2 {background-position: -406px -191px;} .qiqiu span.q3 {background-position: -270px -60px;} .qiqiu span.q4 {background-position: -270px -196px;} .qiqiu span.q5{background-position: -129px -60px;} .idea_per .line {display: block;width: 240px;height: 17px;margin: 5px auto;background: url("../images/serviceideabg.png") no-repeat;} .line.l5 {background-position: -1px -325px;;} .line.l4 {background-position: -1px -356px;;} .line.l3{background-position: -1px -388px;;} .line.l2{ background-position: -1px -420px;;} .line.l1{background-position: -1px -449px;;} .idea_per dl{padding-top: 24px;} .idea_per dt {font-size: 16px;font-weight: bold;color: white;line-height: 30px;} .idea_per dd {font-size: 14px;color: white;line-height: 30px;} .idea_per ul {float: left;width: 20%; *width: 19.9%;text-align: center;} .idea_per {background: url("../images/serviceidea2.jpg");height: 520px;} .h_title.height .div1{width: 300px;} .idea_per .box {max-width: 1200px;min-width: 1000px;margin: 0px auto;} .idea_per .wid {width: 320px;margin-bottom: 50px; margin-top: 10px;} /*五大人工服务团队结束*/ /*两条服务监察专线开始*/ .h_title.fwzx-box11-title{padding: 100px 0 20px;} .h_title.fwzx-box11-title span{background: #EA561C;} .h_title.fwzx-box11-title strong{color: #EA561C;} .idea_line {width: 100%;background: #f7f7f7;height: 620px;} .idea_line ul {position: relative;margin: 0 auto;} .idea_line .box { width: 1000px;margin: 0 auto;} .idea_line li {float: left;position: relative;} .idea_line li span {display: block;float: left;} .idea_line li span.span1, .idea_line li span.span2 {width: 50px;height: 50px;background: url("../images/serviceideabg.png");background-position: -340px -593px;} .idea_line li span.span2 {background-position: -150px -191px;} .idea_line li.span2 {width: 132px;height: 150px;border-bottom: 1px solid #ccc;} .idea_line .div_bg {position: relative;float: left;width: 220px; height: 220px;top: 40px;} .idea_line .t1, .idea_line .t2 {position: absolute;top: 0; left: 0;} .idea_line .trans {display: block;width: 100%;height: 350px;clear: both;margin-top: 70px} .idea_line .trans .transla {-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-webkit-perspective: 1000px; -moz-perspective: 1000px;-ms-perspective: 1000px;perspective: 1000px;} .idea_line .trans:hover .transla {-webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg);-o-transform: rotateX(180deg);transition: all 1s;} .idea_line .t2 {-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);-o-transform: rotateX(180deg);z-index: 1;} .idea_line .t1 {z-index: 2;} .idea_line .trans:hover .t1 {z-index: 1;} .idea_line .trans:hover .t2 {z-index: 2;} .div_bg_word {position: absolute;top: 38%;left: 18%;} .idea_line ul.idea_float li{float: left;overflow: hidden;font-size: 14px;margin-left: 20px;} .idea_float li {height: 30px;} .idea_line .mid {width: 290px;height: 290px; background: url("../images/serviceideabg.png");background-position: -210px -711px;} .idea_line .mid img { width: 100%;} .idea_line li dl { position: absolute;top: 38%; left: 18%; font-size: 18px;color: white;text-align: center;} .idea_line li dl dt {line-height: 30px;} .idea_line li.idea_right_red { float: right;} .idea_line ul.idea_pos {clear: both;} /*两条服务监察专线结束*/ /*一个客服中心开始*/ .fwzx-box12-main1{margin-top: 70px;} /*一个客服中心结束*/ .fwzx-box11-list{background: #EA561C;} .idea_fot ul {max-width: 1200px;min-width: 1000px;margin: 0 auto;overflow: hidden;padding:60px 0 115px;} .idea_fot ul li {float: left;width: 25%; *width: 24.9%;text-align: center;} .idea_fot ul li img { margin: 0 auto;} .idea_fot ul li img.t1 { position: absolute;top: 0;left: 15%;z-index: 2;} .idea_fot ul li img.t2 { position: absolute;top: 0;left: 15%; z-index: 1;} .idea_fot ul li dt {font-size: 16px;line-height: 40px;font-weight: bold; margin-top: 20px;} .idea_fot ul li dd {font-size: 13px;color: #666;} .idea_fot ul li a {display: block;height: 120px;width: 160px;margin: 0 auto;position: relative;transform-style: preserve-3d;perspective: 800px;cursor:default;} .idea_fot ul li a img {-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;backface-visibility: hidden; -webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;} .idea_fot ul li a img.t2 {transform: rotateX(-180deg);-webkit-transform: rotateX(-180deg);-moz-transform: rotateX(-180deg);-ms-transform: rotateX(-180deg);-o-transform: rotateX(-180deg);} .idea_fot ul li a:hover img.t1 { transform: rotateX(180deg);-webkit-transform: rotateX(180deg);-ms-transform: rotateX(180deg);-moz-transform: rotateX(180deg);-o-transform: rotateX(180deg);} .idea_fot ul li a:hover img.t2 {transform: rotateX(0deg);-webkit-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-o-transform: rotateX(0deg);} .idea_fot ul {max-width: 1200px;min-width: 1000px;margin: 0 auto; overflow: hidden;padding-bottom: 110px;} /*-----------------------服务中心-服务特点--------------------*/ /*---------------------------------服务中心-常见问题-----------------------------*/ /*热门问题开始*/ .que_con {width: 1108px;margin: 0 auto;position: relative;padding-bottom: 92px;} .que_con_left {float: left;width: 519px;height: 337px;border: 1px solid #dcdcdc;padding: 13px;overflow: hidden;} .que_con_left img { width: 100%;} .que_con_left:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.05); transition: 0.4s all linear;} .que_con_right {float: left;width: 495px;position: absolute;top: -28px;right: 0;} .que_con_right li {height: 25px; padding-top: 37px;border-bottom: 1px dashed #dcdcdc;position: relative;padding-left: 32px;} .que_con_right li span {display: block;float: left;width: 8px;height: 8px; background: #a1a1a1;position: absolute;top: 45px;left: 0px;} .que_con_right li a {font-size: 14px;color: #333;cursor: pointer;} .que_con_right li:hover{border-bottom:1px dashed #EA561C;} .que_con_right li:hover span { background: #EA561C;} .que_con_right li:hover a {color: #EA561C;} .fwzx-box10{width: 590px;} /*热门问题结束*/ /*---------------------------------服务中心-常见问题-----------------------------*/ /*--------------------------战略合作-合作申请---------------------*/ /* --电话QQ申请 start --*/ .h_title .div1 strong{color: #EA561C !important;} .h_title.zlhz-box5-title{padding: 80px 0 70px;} .app_phone{width:100%;height: 290px;} .app_contact{width: 700px;height:50px;margin:0 auto;} .app_contact .span1{display: block;width: 230px; height: 50px;padding-left:25px;font-size:14px;line-height: 50px;float: left;color:#3e3e3e;} .app_contact .span2{ display: block;width: 90px;height: 50px;font-size:14px;line-height: 50px; float: left;color:#3e3e3e;} .app_contact .span3{display: block;width: 38px;height: 50px;line-height: 50px;float: left;} .app_contact .span4{display: block;width: 285px;height: 50px;line-height: 50px;float: left;font-size:12px;color:#828282;} .app_contact img{width:38px;height: 30px;} /* --电话QQ申请 end --*/ /*--------------------------战略合作-合作申请---------------------*/ /*-------------------关于我们-企业文化----------------*/ /*厚德载物 start*/ .up_water {width: 928px;height: 445px;margin: 0 auto;text-align: center;} .up_water img {padding-top: 120px;width: 100%;} .up_water p {height: 30px;margin-top: 10px;color: #666;} /*厚德载物 end*/ /*企业名称 start*/ .gywm-box6-list1 .change_box{display: none;} .gywm-box6-list1 .change_box:first-child{display: block;} .cul_name {width: 100%;height: 520px;position: relative;background: url("../images/cul_name.jpg");overflow: hidden;} .cul_name .cul_name_word {max-width: 1200px;min-width: 1000px;text-align: center;margin: 58px auto;} .red_left, .white_right {float: left;width: 49.9%;height: 60px;line-height: 60px;font-size: 24px;color: #333;background: white;} .li_bg {background: #EA561C;color: white;} .change_box {margin-top: 80px;} .change_box .left {float: left;width: 187px;height: 187px;background: url("../images/zbword.png");margin-right: 50px;} .red_white {overflow: hidden;} .change_box .right {overflow: hidden;font-size: 14px;} .explain {float: left;text-align: left;line-height: 35px;border-bottom: 1px dashed white;padding-bottom: 25px;padding-right:10px;color: white;} .explain dt {text-align: center;float: left;background: #EA561C;width: 76px;height: 30px;line-height: 30px;font-size: 16px;border-radius: 20px;} .explain dd {margin-left: 90px;height: 40px;line-height: 40px;} .tar {clear: both;color: white;text-align: left;padding-top: 24px;font-weight: bold;} /*企业名称 end*/ /*企业使命 start*/ .cul_tar {max-width: 1200px;min-width: 1000px;margin: 0 auto;height: 245px;padding-top: 92px;} .cul_tar div {width: 50%;*width: 49.9%;height: 100%;float: left;} .cul_tar div .h2 {display: block;color: #EA561C;font-weight: normal;margin-bottom: 20px;height: 40px;line-height: 44px;padding-left: 50px;font-size: 24px;} .cul_tar div p {font-size: 18px;padding-top: 25px;} .cul_tar .h_left {background: url("../images/culture.png") 0 -455px no-repeat;} .cul_tar .h_right {background: url("../images/culture.png") 0 -400px no-repeat;} /*企业使命 end*/ /**/ .val .h_title .color1 .fon24{color: #000 !important;font-size: 24px;} .val .h_title .color1 span{background: #000 !important;} .val {width: 100%;height: 647px;background: url("../images/values.jpg") no-repeat;position: relative;background-size: 100% 100%;behavior: url(../images/backgroundsize.min.htc);} .val .h_title{padding-top: 70px;padding-bottom: 90px;} .val p {width: 80%;height: 80px;line-height: 33px;margin: 30px auto;text-indent: 29px;color: white;} .val .product_zi{width:603px;margin: 0 auto 70px;} /**/ .gywm-box10-lunbo{position: relative;padding-bottom: 200px;} .gywm-box10-lunbo .swiper-button-prev,.gywm-box10-lunbo .swiper-button-next{width: 42px;height: 42px;top: 83%;} .gywm-box10-lunbo .swiper-button-prev{background:url("../images/gywm-box10-prve.png") no-repeat;left: 45%;} .gywm-box10-lunbo .swiper-button-prev:hover{background:url("../images/gywm-box10-prve1.png") no-repeat;} .gywm-box10-lunbo .swiper-button-next{background:url("../images/gywm-box10-next.png") no-repeat;right: 45%;} .gywm-box10-lunbo .swiper-button-next:hover{background:url("../images/gywm-box10-next1.png") no-repeat;} .gywm-box10-list1 li{float: left;margin-left: 12px;width: 285px;position: relative;width: 230px;height: 600px;overflow: hidden;} .gywm-box10-list1 li:first-child{margin-left: 0;} .culFix {position: absolute;top: 42%;width: 100%;text-align: center;color: white;text-shadow: 0px 0px 9px #000;.filter:glow(color=#444444,strength=4);transition: 600ms} .pos_ab dt, .culFix dt,.gywm-box10-text .culTvb dt {font-size: 30px;font-weight: bold;line-height: 50px;} .pos_ab dd, .culFix dd,.gywm-box10-text .culTvb .d1 {font-size: 18px;height: 60px;font-weight: bold;} .pos_ab dd.d2,.gywm-box10-text .culTvb .d2 {font-size: 14px;height: 28px;line-height: 25px;font-weight: normal;} .pos_ab {position: absolute;width: 100%;height: 100%;color: white;text-align: center;} .pos_ab dl {margin: 44px 25px 0 25px;} .gywm-box10-list1 li:hover .culFix{display: none;} .gywm-box10-list1:hover .culFix{display: none;} .gywm-box10-list1 li:hover .gywm-box10-text{display: block;} .gywm-box10-list1:hover .gywm-box10-text{display: block;} .gywm-box10-text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(234,86,28,.5);display: none;transition: 600ms;} .gywm-box10-text .culTvb{text-align: center;padding: 50px 20px 0;} .gywm-box10-text .culTvb dt,.gywm-box10-text .culTvb dd{color: #fff;} .h_title.culture{padding:75px 0 ;} /**/ /*-------------------关于我们-企业文化----------------*/ /*-------------------关于我们-团队采风----------------*/ /*发展团队--start*/ /* */ .team_ln .h_title{padding: 100px 0 110px;} .team_ln {width: 100%;height: auto;padding-bottom: 50px;} .team_ln .box {min-width: 1004px;max-width: 1200px;height: auto;margin: 0 auto;} .team_ln .box ul {width: 1004px;margin: 0 auto;padding-bottom: 60px;} .team_ln .box li {margin: 0;width: 299px;height: 269px;float: left;margin-left: 35px;} .team_ln .box li:first-child{margin-left: 0;} .team_ln .box li.li-box1{background: url(../images/teamln1.png) no-repeat center center;} .team_ln .box li.li-box2{background: url(../images/teamln2.png) no-repeat center center;} .team_ln .box li.li-box3{background: url(../images/teamln3.png) no-repeat center center;} .team_ln .box li.li-box1:hover{background: url(../images/teamlnr1.png) no-repeat center center;} .team_ln .box li.li-box2:hover{background: url(../images/teamlnr2.png) no-repeat center center;} .team_ln .box li.li-box3:hover{background: url(../images/teamlnr3.png) no-repeat center center;} /* .team_ln .box li.xiaodian {position: relative;width: 35px;height: 10px;margin: 0;top: 111px;left: 22px;} .team_ln .box li .first .bgload{width: 311px;height: 262px;position: relative;visibility: hidden;} .team_ln .box li .first .bg1{background: url(../images/teamlnr1.png) center center no-repeat;} .team_ln .box li .first .bg2{background: url(../images/teamlnr2.png) center center no-repeat;} .team_ln .box li .first .bg3{background: url(../images/teamlnr3.png) center center no-repeat;} .team_ln .box li .first {height: auto;margin: 0px;position: relative;} .team_ln .box li .first .text {width: 311px;height: 262px;position: relative;z-index: 2;} .team_ln .box li .first .tl1{background: url(../images/teamln1.png) center center no-repeat;} .team_ln .box li .first .tl1:hover{background: url(../images/teamlnr1.png) center center no-repeat;} .team_ln .box li .first .tl2{background: url(../images/teamln2.png) center center no-repeat;} .team_ln .box li .first .tl2:hover{background: url(../images/teamlnr2.png) center center no-repeat;} .team_ln .box li .first .tl3{background: url(../images/teamln3.png) center center no-repeat;} .team_ln .box li .first .tl3:hover{background: url(../images/teamlnr3.png) center center no-repeat;} */ .team_ln .box li{position: relative;} .first-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 99;text-align: center;padding-bottom: 25px;} .first-text span{font-size: 20px;} .first-text span,.first-text p{color: #fff;} .first-text p{padding-bottom: 7px;} .first-bg{width: 60px;height: 1px;background: rgba(225,255,255,.7);margin: 18px auto 20px;} /* */ /*.team_ln .h_title{padding: 100px 0 110px;} .team_ln {width: 100%;height: auto;padding-bottom: 50px;} .team_ln .box {min-width: 1004px;max-width: 1200px;height: auto;margin: 0 auto;} .team_ln .box ul {width: 1004px;margin: 0 auto;padding-bottom: 60px;} .team_ln .box li {margin: 0;width: 311px;height: 300px;float: left;} .team_ln .box li.xiaodian {position: relative;width: 35px;height: 10px;margin: 0;top: 111px;left: 22px;} .team_ln .box li .first .bgload{width: 311px;height: 262px;position: relative;visibility: hidden;} .team_ln .box li .first .bg1{background: url(../images/teamlnr1.png) center center no-repeat;} .team_ln .box li .first .bg2{background: url(../images/teamlnr2.png) center center no-repeat;} .team_ln .box li .first .bg3{background: url(../images/teamlnr3.png) center center no-repeat;} .team_ln .box li .first {height: auto;margin: 0px;position: relative;} .team_ln .box li .first .text {width: 311px;height: 262px;position: relative;z-index: 2;} .team_ln .box li .first .tl1{background: url(../images/teamln1.png) center center no-repeat;} .team_ln .box li .first .tl1:hover{background: url(../images/teamlnr1.png) center center no-repeat;} .team_ln .box li .first .tl2{background: url(../images/teamln2.png) center center no-repeat;} .team_ln .box li .first .tl2:hover{background: url(../images/teamlnr2.png) center center no-repeat;} .team_ln .box li .first .tl3{background: url(../images/teamln3.png) center center no-repeat;} .team_ln .box li .first .tl3:hover{background: url(../images/teamlnr3.png) center center no-repeat;}*/ /*发展团队-- end*/ /*团队风采-- start*/ .team_fc {width: 100%;height: auto;padding-bottom: 90px;background: #F6F6F6;} .team_fc .h_title{padding-top: 76px;padding-bottom: 65px;} .team_fc .h_title strong{font-size: 16px;} .team_fc .h_tip {font-size: 12px;line-height: 28px;min-width: 1000px;max-width: 1200px;height: auto;margin: 0 auto 35px;position: relative;} .team_fc .box_nav{height: 40px;min-width: 1000px;max-width: 1200px;margin: 0 auto 25px;} .team_fc .box_nav .box_nav_item{width:33.33%;height:40px;line-height: 40px;font-size:14px;color:#FFF;float: left;background: #999999;text-align: center;cursor: pointer;} .team_fc .box_nav .hasChoose{background: #EA561C;} .gywm-box11-list li{float: left;margin-left: 21px;margin-bottom: 10px;} .gywm-box11-list li:nth-child(3n+1){margin-left: 0;} .gywm-box11-list li p{width: 100%;background: white;height: 50px; line-height: 50px;text-align: center; font-size: 14px;color: #333;} .gywm-box11-lunbo,.gywm-box11-lunbo1,.gywm-box11-lunbo2{position: relative;} .gywm-box11-lunbo .swiper-button-prev,.gywm-box11-lunbo .swiper-button-next,.gywm-box11-lunbo1 .swiper-button-prev,.gywm-box11-lunbo1 .swiper-button-next,.gywm-box11-lunbo2 .swiper-button-prev,.gywm-box11-lunbo2 .swiper-button-next{width: 18px;height: 32px;} .gywm-box11-lunbo .swiper-button-prev,.gywm-box11-lunbo1 .swiper-button-prev,.gywm-box11-lunbo2 .swiper-button-prev{background: url(../images/cpzx-prve.png)no-repeat;left: -45px;} .gywm-box11-lunbo .swiper-button-next,.gywm-box11-lunbo1 .swiper-button-next,.gywm-box11-lunbo2 .swiper-button-next{background: url(../images/cpzx-prve1.png)no-repeat;right: -45px;} .gywm-box11-mian .gywm-box11-xuan{display: none;} .gywm-box11-mian .gywm-box11-xuan:first-child{display: block;} /**/ /*-------------------关于我们-团队采风----------------*/ /*-------------------关于我们-荣誉资质----------------*/ /*荣誉开始*/ .honor_ry {width: 100%;height: auto;padding: 50px 0px;} .honor_ry p {text-align: center;} .honor_ry p.p1 {font-size: 40px;font-family: "宋体";color: #EA561C;font-weight: bold;} .honor_ry p.p2 {color: #666;font-size: 14px;line-height: 32px;} .honor_ry span {width: 32px;height: 5px;display: block;background: #EA561C;margin: 50px auto;} /*荣誉结束*/ /*-------------------关于我们-荣誉资质----------------*/ /*-------------------关于我们-联系我们----------------*/ .gywm-box12-main{width: 100%;border-top: 1px dashed #ccc;margin-top: 25px;padding-top: 25px;} .gywm-box12-list p{font-size: 16px;color: #666666;line-height: 36px; padding-left: 22px;} .gywm-box12-list span{display: inline-block;width: 18px;text-align: center;vertical-align: baseline;margin-right: 10px;} .gywm-box12-list2 img{margin-left: 20px;margin-top: 40px;} .gywm-box12-main2{padding-top: 40px;padding-left: 25px;} /*-------------------关于我们-联系我们----------------*/ /*-------------------关于我们-招贤纳士----------------*/ /**/ .recr_wenh {width: 100%;height: auto;padding-top: 180px;padding-bottom: 120px;} .recr_wenh .img {height: auto;padding-bottom: 60px;margin: 0px 140px;position: relative;text-align: center;} .recr_wenh .img img {width: 80%;height: auto;margin: 0 auto;} .recr_wenh .img .span1 {width: 30px;height: 4px;display: block;background: #EA561C;position: absolute;bottom: 30px;left: 50%;margin-left: -15px;} .recr_wenh p {line-height: 42px;font-size: 16px;text-align: center;color: #333;} /**/ /**/ .recr_lin {width: 100%;height: auto;padding-bottom: 70px;background: url(../images/recruit1.jpg) no-repeat;background-size: 100% 100%;behavior: url(../images/backgroundsize.min.htc);} .recr_lin .h_title {padding-top: 60px;padding-bottom: 50px;} .recr_td .h_title {padding-top: 80px;padding-bottom: 100px;;} .recr_lin .box {min-width: 1000px;max-width: 1210px;height: auto;margin: 0 auto;} .recr_lin .box li {width: 33.33%;*width: 33.32%;height: auto;float: left;} .recr_lin .box li .first {transition: 600ms ;height: 136px;margin: 0px 5px;background: #fff;text-align: center;padding-top: 30px;} .recr_lin .box li .first dt {height: 46px;line-height: 46px;font-size: 18px;color: #000;font-weight: bold;} .recr_lin .box li .first dd {line-height: 22px;font-size: 14px;color: #666;} .recr_lin .box li .first:hover{background: #EA561C;} .recr_lin .box li .first:hover dt {color:white;} .recr_lin .box li .first:hover dd{color: white;} /**/ /**/ .recr_td {width: 100%;height: auto;padding-bottom: 50px;} .recr_td .box {min-width: 1000px;max-width: 1200px;height: auto;margin: 0 auto;} .recr_td .box ul {width: 980px;margin: 0 auto;padding-bottom: 60px;} .recr_td .box li {margin: 0;width: 282px;height: 300px;float: left;} .recr_td .box li.xiaodian {position: relative;font-size: 30px;width: 65px;height: 10px;font-size: 30px;color: #d7993d;margin: 0;top: 111px;left: 22px;} .recr_td .box li .first {height: auto;margin: 0px;position: relative;} .recr_td .box li .first:hover .posi {z-index: 3;} .recr_td .box li .first img {width: 282px;height: 282px;} .recr_td .box li .first .text {width: 282px;;height: auto;position: relative;z-index: 2;} .recr_td .box li .first .text p, .recr_td .box li .first .posi p {width: 282px;height: 30px;line-height: 30px;font-size: 30px;font-weight: bold;color: #fff;text-align: center;position: absolute;top: 50%;margin-top: -15px;} .recr_td .box li .first .posi {width: 100%;position: absolute;left: 0px;top: 0px;z-index: 1;} /*X轴的翻转*/ .transfb{transform-style: preserve-3d; perspective:800px;} .transfb .fb_first , .transfb .fb_last{ transition:all 0.4s; -moz-transition: all 0.4s; /* Firefox 4 */ -webkit-transition: all 0.4s; /* Safari 和 Chrome */ -o-transition: all 0.4s; /* Opera */ backface-visibility: visible; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; } .transfb .fb_first{ opacity: 1; } .transfb .fb_last{ transform:rotateX(-180deg); -ms-transform:rotateX(-180deg); -moz-transform:rotateX(-180deg); /* Firefox */ -webkit-transform:rotateX(-180deg); /* Safari 和 Chrome */ -o-transform:rotateX(-180deg); /* Opera */ opacity: 0; } .transfb:hover .fb_first{ transform:rotateX(180deg); -ms-transform:rotateX(180deg); -moz-transform:rotateX(180deg); /* Firefox */ -webkit-transform:rotateX(180deg); /* Safari 和 Chrome */ -o-transform:rotateX(180deg); /* Opera */ opacity: 0; } .transfb:hover .fb_last{ transform:rotateX(0deg); -ms-transform:rotateX(0deg); -moz-transform:rotateX(0deg); /* Firefox */ -webkit-transform:rotateX(0deg); /* Safari 和 Chrome */ -o-transform:rotateX(0deg); /* Opera */ opacity: 1; } /**/ /**/ .recr_fc {width: 100%;height: auto;padding-bottom: 90px;background: #F6F6F6;} .recr_fc .h_title, .recr_ns .h_title {padding-top: 76px;padding-bottom: 90px;} .recr_ns .h_title {padding-bottom: 80px;} .recr_fc .h_title strong, .recr_ns .h_title strong {font-size: 16px;} /**/ /**/ .recr_ns {width: 100%;height: auto;padding-bottom: 40px;} .recr_ns p {margin: 0 100px;height: auto;line-height: 30px;font-size: 12px;text-align: center;color: #666;} /**/ /**/ .gywm-box13 {width: 100%;height: auto;padding-bottom: 80px;margin-bottom: 130px;padding-top: 50px;background: url(../images/recruit3.jpg) no-repeat;background-size: 100% 100%;behavior: url(../images/backgroundsize.min.htc);} .gywm-box13-left{width: 250px;} .gywm-box13-left li{width: 176px;height: 28px;line-height: 28px;text-align: center;color: #666;cursor: pointer;font-size: 12px;margin: 8px auto 20px;background: #fff;border-radius: 20px;transition: 600ms;} .gywm-box13-left li.active{background: #EA561C;color: #fff;} .gywm-box13-right{width: 950px;} .gywm-box13-list{background: #fff;padding: 40px;} .gywm-box13-text{width: 435px;} .gywm-box13-text dt {height: 30px;line-height: 30px;font-size: 14px;color: #333;font-weight: bold;} .gywm-box13-text .p2{font-size: 12px;color: #666;line-height: 26px;} .gywm-box13-text a{display: block;padding-top: 15px;color: red;font-size: 14px;} .gywm-box13-pic{width: 435px;} .gywm-box13-right .gywm-box13-list{display: none;} .gywm-box13-right .gywm-box13-list:first-child{display: block;} /**/ /*-------------------关于我们-招贤纳士----------------*/ /* --------------------------------关于我们-公司简介----------------------- */ .select_ban {width: 100%;height: 266px;position: relative;} .select_ban img { width: 1920px;height: auto;position: absolute;top: 0px;left: 50%;margin-left: -960px;} .title {padding: 60px 0px;} .h_title.buy .div1 strong {font-size: 16px;color: #EA561C !important;} .h_title.buy{padding: 58px 0 63px 0;} .h_title.buy .div1 {width: 288px;height: 18px;line-height: 18px;text-align: center; color: #C60211;margin: 0 auto;position: relative;} .h_title.buy .div1 span {width: 80px;height: 1px;display: block;background: #EA561C;position: absolute;top: 10px;} .h_title.buy .div1{width: 250px;} .pro_xs{max-width: 1200px;min-width: 1000px;margin: 0 auto;} .pro_tit{font-size: 53px;font-weight: bold;color: #EA561C;text-align: center;padding-bottom:67px;} .pro_xs ul li{float: left;width: 16.66%;*width: 16.64%;} .pro_xs ul li .box{width:182px;margin:0 auto ;text-align: center;} .pro_xs ul li .box span{display: block;width: 147px;height:118px;margin: 0 auto;} .pro_xs ul li .box span.span1{background: url(../images/pro_1.png) no-repeat;} .pro_xs ul li .box span.span2{background: url(../images/pro_2.png) no-repeat;} .pro_xs ul li .box span.span3{background: url(../images/pro_3.png) no-repeat;} .pro_xs ul li .box span.span4{background: url(../images/pro_4.png) no-repeat;} .pro_xs ul li .box span.span5{background: url(../images/pro_5.png) no-repeat;} .pro_xs ul li .box span.span6{background: url(../images/pro_6.png) no-repeat;} .pro_xs ul li .box div{padding:19px 0 77px 0; font-size: 14px;color: #474747;} .pro_qq{padding:79px 0 85px 0;background:#fff;} .pro_qq dl{width: 1195px; margin: 0 auto;} .pro_qq dl dt{font-size: 24px;font-weight: bold;color: #EA561C;width: 581px;height: 53px;text-align: center;line-height: 52px;margin: 0 auto;border: 1px solid #EA5719;border-radius: 35px;} .pro_qq dl dd{padding-top:70px;} .pro_qq dl dd p{font-size: 14px;color:#333;line-height: 30px;/*text-indent: 28px;*/padding-bottom:10px;} .h_title.pro{padding:80px 0 83px 0;} .pro_img{max-width:1180px ;min-width: 1000px;margin: 0 auto;} .pro_bot{width: 100%;background:#fdfdfd ;padding-bottom: 82px;} .pro_img img{width: 100%;} .pro_lb{width: 100%;background: url("../images/pro_lb.jpg") no-repeat; background-size: 100% 100%;behavior: url(../images/backgroundsize.min.htc);padding:93px 0 108px 0;} .pro_lb .first ul{width: 1000px;margin: 0 auto;} .pro-lunbo{position: relative;} .pro-lunbo .swiper-button-prev,.pro-lunbo .swiper-button-next{width: 38px;height: 38px;outline: none;} .pro-lunbo .swiper-button-prev{background: url(../images/about-w.png) no-repeat;left: 130px;} .pro-lunbo .swiper-button-prev:hover{background: url(../images/xlkh-prve-1.png);} .pro-lunbo .swiper-button-next{background: url(../images/about-w2.png) no-repeat;right: 130px;} .pro-lunbo .swiper-button-next:hover{background: url(../images/xlkh-next-1.png);} .pro_lb .first ul li{float: left;margin-left: 5px;border: 1px solid transparent;} .pro-lunbo .img{position: relative;} .pro_lb .first ul li:hover{border: 1px solid #EA561C;} .pro_lb .first ul li:hover .pro-lunbo-span{background: rgba(234,86,28,.5);} .pro-lunbo .pro-lunbo-span{display: block;background: rgba(0,0,0,.5);height:44px;width: 100%;position: absolute;bottom: 0;left: 0;text-align: center;line-height: 44px;} .pro-lunbo span{color: #fff;} /*----------------------------------- 关于我们-发展历程 ---------------------------------*/ /* -- 一路前行 start --*/ .con_con {max-width: 1200px;min-width: 1000px;margin: 0 auto;} .con_con_in {overflow: hidden;} .h_title.contact{padding:55px 0 30px 0;} .h_title div {width: 250px;height: 18px;line-height: 18px;text-align: center;color: #C60211;margin: 0 auto;position: relative;} .h_title.contact strong {font-size: 18px;color: #EA561C !important;} .h_title div strong { font-weight: normal; font-size: 18px; } .h_title .div1 { width: 300px; } .h_title span.t18 { top: 18px; } .h_title div .span1 { left: 0; } .h_title span.t18 { top: 18px; } .h_title div .span2 { right: 0; } .h_title div .span1, .h_title div .span2 { width: 80px; height: 1px; display: block; background: #EA561C; position: absolute; top: 10px; } .con_con_below{ height: 110px; line-height: 85px; width: 100%; overflow: hidden; } .one_move{ height:43px; width:347px; background:url('../images/one_move.png') #fff no-repeat; margin:20px auto; } /* -- 一路前行 end --*/ /*-- road -- start */ .road{ width: 100%; min-height:1200px; margin:0 auto; position:relative; background: url('../images/one_land.jpg') no-repeat; background-size:100% 100%; } @media only screen and (min-width: 1000px) and (max-width: 1400px) { .road{ height: 1200px; } } .radiuss{ position:absolute; color:#fff; z-index: 1; cursor: pointer; font-weight: bold; text-align: center; background-image:url('../images/r1.png'); -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; -moz-border-image: url('../images/r1.png') 0; background-repeat:no-repeat\9; background-image:none\9; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/r1.png', sizingMethod='scale')\9; } .radius{ position:absolute; color:#fff; z-index: 1; cursor: pointer; font-weight: bold; text-align: center; background-image:url('../images/r2.png'); -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; -moz-border-image: url('../images/r2.png') 0; background-repeat:no-repeat\9; background-image:none\9; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/r2.png', sizingMethod='scale')\9; } #road_bg{ width: 100%; min-height:1200px; left:0; top:0; position:absolute; background-image:url('../images/one_land.jpg'); -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; -moz-border-image: url('../images/one_land.jpg') 0; background-repeat:no-repeat\9; background-image:none\9; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/one_land.jpg', sizingMethod='scale')\9; } #year1{ width:35px; height:35px; top:8%; left:60%; font-size:12px; line-height: 35px; } #year2{ width:40px; height:40px; top:10%; left:54%; font-size:11px; line-height: 40px; } #year3{ width:55px; height:55px; top:12%; left:47%; line-height: 55px; } #year4{ width:60px; height:60px; top:16%; left:51%; line-height: 60px; } #year5{ width:65px; height:65px; top:18.5%; left:44%; font-size:15px; line-height: 65px; } #year6{ width:80px; height:80px; top:22%; left:52%; font-size:15px; line-height: 80px; } #year7{ width:85px; height:85px; top:29%; left:56%; font-size:20px; line-height: 85px; } #year8{ width:95px; height:95px; top:28%; left:66%; font-size:20px; line-height: 95px; } #year9{ width:100px; height:100px; top:39%; left:61%; font-size:22px; line-height: 100px; } #year10{ width:105px; height:105px; top:48%; left:70%; font-size:25px; line-height: 105px; } #year11{ width:115px; height:115px; top:57%; left:64%; font-size:25px; line-height: 115px; } #year12{ width:135px; height:135px; top:54%; left:47%; font-size:25px; line-height: 135px; } #year13{ width:155px; height:155px; top:69%; left:55%; font-size:30px; line-height: 155px; } #year14{ width:195px; height:195px; top:68%; left:24%; font-size:30px; line-height: 195px; } .road span{ display:block; visibility: hidden; position:absolute; width:340px; z-index:2; font-size:12px; padding:20px 15px 20px 15px; background: #fff; opacity: 0.9; filter:Alpha(opacity=90); border:1px solid #aaaaaa; box-shadow: 5px 5px 5px #333;} .road span p{line-height:18px;} #tyear1{top:7%;} #tyear2{top:9%;} #tyear3{top:11.5%;} #tyear4{top:16%;} #tyear5{top:18.5%;} #tyear6{top:23%;} #tyear7{top:30%;} #tyear8{top:26.5%;} #tyear9{top:39.5%;} #tyear10{top:49.5%;} #tyear11{top:60%;} #tyear12{top:57%;} #tyear13{top:72.5%;} #tyear14{top:73.5%;} /*-- road -- end*/ /* 新闻中心 */ .news_box {width: 100%;height: auto; background: #fff;padding-bottom: 50px;} .news_box .title .t {color: #333;font-size: 32px;} .news_box .title{padding: 105px 0 67px 0;} .news_box .box {min-width: 1000px;max-width: 1200px;height: auto;min-height:900px;margin: 0 auto;position: relative;padding-bottom: 50px;} .news_box .news_left {margin-right: 426px;height: auto;} .news_box .news_right {width: 426px;position: absolute;top: 0px;right: 0px;} .news_title {width: 100%;height: 64px;line-height: 64px;font-size: 24px;color: #333;position: relative;text-indent: 20px;} .news_title span {width: 3px;height: 32px;display: block;background: #EA561C;position: absolute;left: 0px;top: 16px;} .news_box .news_left ul {width: 100%;height: auto;padding-top: 20px;} .page.news_page {margin-top: 58px;} .news_box .news_left ul li {height: 67px;line-height: 67px;border-bottom: solid 1px #ddd;margin-right: 100px;overflow: hidden;} .news_box .news_left ul li a {max-width: 70%;height: 100%;float: left;font-size: 16px;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .news_box .news_left ul li span {height: 100%;float: right;font-size: 14px;color: #666;} .news_box .news_left ul li:hover a {color: #EA561C;} .page .a1, .page .a2, .page .a3, .page .a4, .page input {border: solid 1px #e6e6e6;} .page .a4{background:#f5f5f5 ;} .news_box .news_left ul li:hover span {color: #EA561C;} .news_box .news_right li {border: solid 1px #ddd;margin-top: 40px;position: relative;min-height: 200px;} .news_box .news_right li img {width: 100%;height: auto; max-height:208px;} .news_box .news_right li a {display: block;color: #000;font-size: 18px; margin:8px 5px; } .news_box .news_right li a:hover {color: #EA561C;} .news_page {text-align: center;} .news_page a {display: inline-block;height: 38px;line-height: 38px;text-align: center;font-size: 14px;color: #666;vertical-align: middle;} .news_page .a1.active , .news_page a:hover {background: #2080FA;color: #fff;} .news_page .a2 {width: 98px;} .news_page .a1 {width: 38px;} .news_page .a3 {width: 60px;} .news_page .a4 {width: 38px;} .page input {width: 38px;height: 38px;text-align: center;font-size: 14px;color: #666;vertical-align: middle;display: inline-block;} /* 新闻中心2 */ .cho_con {clear: both;width: 800px;margin: 110px auto;} .cho_con .one_tit {width: 696px;height: 40px;line-height: 40px;padding-left: 10px;font-size: 16px;color: #d20203;font-weight: bold;border-left: 4px solid #d20203;background: #f2f2f2;} .news_tit {font-size: 30px;font-weight: bold;text-align: center;} .small_tit {text-align: center;font-size: 16px;color: #666;width: 532px;height: 30px;float: right;margin: 16px 34px 10px 0;} .small_tit div {float: left;} .small_line {display: block;float: left;width: 1px;height: 10px;line-height: 30px;background: #666;margin: 5px 20px;} .small_bg {display: block;float: left;width: 25px;height: 20px;margin: 4px 10px;background: url("../images/news_bg.png");} .small_tit .fx {background-position: 1px -132px;;} .small_tit .fx:hover {background-position: 1px -152px;} .small_tit .wx {background-position: 1px -87px;;} .small_tit .wx:hover {background-position: 1px -112px;} .small_tit .qq {background-position: 1px 0px;;} .small_tit .qq:hover {background-position: 1px -19px;} .small_tit .wb {background-position: 1px -41px;;} .small_tit .wb:hover {background-position: 0px -64px;} .new_body {clear: both;border-top: 1px solid #ccc;padding-top: 35px;font-size:16px;color:#535353;} .new_body p{line-height: 34px;padding:13px 0; ;} .new_body div{line-height: 32px;} .new_body a{font-size: 16px;color: #6c6c6c;} .rel_tit {position: relative;font-size: 24px;height: 40px;float: left;border-bottom: 3px solid #423D3C;z-index: 10;margin-top: 130px;color: #020202;} .new_list {clear: both;height: 210px;padding-top: 10px;border-top: 1px solid #ccc;position: relative;top: -2px;} .new_list li {list-style: none;float: left;height: 37px;line-height:44px;width: 48%;margin-left:-9px;white-space:nowrap;*white-space:normal; overflow:hidden; text-overflow:ellipsis;} .new_list li a {font-size: 14px;color: #666;} .new_list li a:hover {color: #EA561C;} .new_list span {display: block;float: left;margin: 0px 10px;font-size: 12px;color: #666;} .new_list li:hover span {color: #EA561C;} .cho_con .word {width: 436px;margin: 130px auto 100px auto;} .cho_con .cul {color: #333;font-size: 25px;} .cho_con .bor {border: 1px solid #ccc;color: #ccc;} .cho_con .bor_left, .cho_con .bor_right {position: absolute;top: 81px;border-bottom: 1px solid #ccc;} .cho_con .bor_left {left: 0;} .cho_con .bor_right {right: 0;} /* -----------------------战略合作-合作要求 -------------------------*/ .mapBannerW { width: 100%; height: 265px; overflow: hidden; position: relative; } .mapBannerW .img { width: 100%; } .h_title.coop_title { padding-top: 114px; padding-bottom: 34px; } .h_title div { height: 38px; line-height: 38px; } .h_title.coop_title .div1, .h_title.coop_title2 .div1 { width: 250px; } .h_title.coop_title strong, .h_title.coop_title2 strong { font-size: 16px; color: #EA561C; } .h_title span.t18 { top: 18px; } .coop_con { height: 845px; padding-top: 50px; font-size: 16px; background: url("../images/coop33.jpg") no-repeat; } .coop_con .box { max-width: 1200px; min-width: 1000px; background: white; margin: 0px auto; } .coop_con ul { padding: 50px 0 60px 110px; } .coop_con ul li { height: 130px; line-height: 130px; overflow: hidden; } .coop_con span { display: block; float: left; width: 97px; height: 97px; background: url("../images/coop_bg.png") no-repeat; background-position: -1px -1px; } .coop_left { float: left; width: 252px; background: url("../images/coop_bg.png") no-repeat; height: 51px; line-height: 41px; padding-right: 40px; font-weight: bold; text-align: right; margin-top: 25px; } .coop_left1 { background-position: -27px -546px; } .coop_right { line-height: 96px; text-overflow: ellipsis; } .h_title.coop_title2 { padding-top: 70px; padding-bottom: 60px; } .jz { width: 100%; background: #f2f3f4; margin-top: 10px; } .coop_body, .coop_bot { max-width: 1200px; min-width: 1000px; margin: 0 auto; padding: 60px 0; } .coop_body_left { float: left; width: 33%; } .coop_body_left img { width: 100%; } .coop_body_right { float: left; width: 62%; height: 100%; padding: 50px 0 0 30px; } .coop_body_right li { /*height: 50px;*/ line-height: 50px; overflow: hidden; } .coop_body, .coop_bot { max-width: 1200px; min-width: 1000px; margin: 0 auto; padding: 60px 0; } .coop_bot { padding: 90px 0; } .coop_bot .box { height: 146px; border: 1px solid #ccc; } .coop_bot_left { float: left; width: 43%; height: 146px; background: #EA561C; color: white; text-align: center; } .coop_bot_right { float: left; width: 57%; height: 146px; } .coop_bot_left dl { margin-top: 45px; } .coop_bot_left dt { font-size: 16px; height: 30px; } .coop_bot_left dd { font-size: 28px; font-weight: bold; } .coop_left5 { background-position: -27px -836px; } .coop_left4 { background-position: -27px -763px; } .coop_left3 { background-position: -27px -693px; } .coop_left2 { background-position: -27px -616px; } .button { margin-top: 51px; text-align: center; } .coop_con li:hover span { transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; } .coop_con .coop_span3 { background-position: -1px -218px; } .coop_con .coop_span2 { background-position: -1px -108px; } .coop_con .coop_span4 { background-position: -1px -327px; } .coop_con .coop_span5 { background-position: -1px -438px; } .div496.color2.bg { position: relative; width: 190px; border: 1px solid #ccc; font-size: 14px; background: none; } .div496.color2.bg span { display: block; position: absolute; width: 160px; height: 1px; border-bottom: 1px solid #ccc; top: 21px; } .div496.color2.bg .tit_left { left: -157px; } .div496.color2.bg .tit_right { right: -157px; } .mapBannerW .img img { position: absolute; width: 1920px; height: 265px; left: 50%; top: 0px; margin-left: -960px; } a.click_btn1 { width: 140px; height: 43px; line-height: 43px; color: #fff; background-position: 0px -250px; background: #EA5719; margin: 0 8px; text-align: center; font-size: 14px; display: inline-block; border-radius: 20px; } a.click_btn1:hover { color: #EA561C; background: #fff; border: 1px solid #EA561C; } .jjfn-box4-left {width: 400px;} .xia-nav-pic {width: 280px;} /* 修改开始 */ /* 企业文化 */ /* js在mian.js 里面 html在317到345行*/ .gywm-box7{ background: url(../img/c-pic1.png) no-repeat; padding: 90px 0 160px; background-size: cover; } .gywm-box7-left{ width: 685px; } .box7-left{ width: 192px; } .box7-left li{ background: #ffffff; } .box7-left li.active{ background: #ea561c; position: relative; } .box7-left li.active a{ color: #fff; } .box7-left li.active:after{ content: ""; background: url(../img/c-jiao.png) no-repeat; width: 7px; height: 13px; position: absolute; right: -7px; top: 50%; transform: translateY(-50%); } .box7-left li a{ color: #333333; font-size: 24px; height: 50px; line-height: 50px; display: block; text-align: center; } .box7-right{ width: 435px; } .box7-right p{ color: #ffffff; font-size: 18px; line-height: 28px; } .box7-top{ padding-top: 25px; } .gywm-box7-right{ width: 417px; padding-top: 130px; } .gywm-box7-cont{ position: relative; } .box7-ding{ position: absolute; top: -90px; right: 50px; } .box7-right .box7-text{ display: none; } .box7-right .box7-text:first-child{ display: block; } /* 发展历程 html317到430*/ .f-road{ background: url(../img/f-bg2.jpg) no-repeat center center; background-size: cover; /* padding: 60px 0 470px; */ height: 1150px; padding-top: 60px; } .f-road-cont{ background: url(../img/f-bg2.png) 10px top no-repeat; height: 615px; padding-top: 250px; } .f-road-cont ul li{ position: relative; width: 172px; } .f-road-cont ul li:hover .road-text{ margin-left: 35px; } .f-road-cont ul li:hover .road-note{ visibility: visible; } .road-text{ width: 172px; height: 51px; line-height: 51px; background: url(../img/f-bg.png) left top no-repeat; background-size: cover; transition: all .6s; } .road-text span{ display: block; font-weight: 600; font-size: 24px; padding-left: 20px; color: #fff; } .road-note { background: #FFFFFF; width: 340px; z-index: 2; font-size: 14px; padding: 15px; background: #fff; opacity: 0.9; filter: Alpha(opacity=90); border: 1px solid #aaaaaa; box-shadow: 5px 5px 5px #333; /* margin-top: 20px; */ visibility: hidden; transition: all .1s; z-index: 999; position: absolute; top: 70px; left: 0; } .road-note p{ line-height: 18px; font-size: 12px; } .li-road1{ margin-left: 96px; margin-bottom: 60px; } .f-road-cont ul li:before{ width: 14px; height: 14px; border-radius: 100%; background: #fff; content: ""; position: absolute; z-index: 99; } .li-road1:before,.li-road2:before{ top: -22px; left: 28px; width: 10px !important; height: 10px !important; } .li-road2{ /* margin-top: -35px; */ /* margin-left: 7px; */ margin-bottom: 22px; } .li-road3{ margin-left: 95px; margin-bottom: 85px; } .li-road3:before{ bottom: -53px; left: 40px; } .li-road5:before{ top: auto; bottom: -45px; left: 40px; } .li-road4{ margin-left: 155px; } .li-road4:before{ top: -26px; left: 40px; } .li-road5{ margin-top: -134px; margin-left: 268px; } .li-road6:before{ top: -32px; left: 36px; } .li-road6{ margin-left: 365px; margin-top: 76px; } .li-road7{ margin-left: 536px; margin-top: -155px; margin-bottom: 67px; } .li-road7:before{ left: 40px; top: auto; bottom: -49px; } .li-road8:before{ top: -26px; left: 36px; } .li-road8{ margin-left: 696px; } /*.li-road9{ margin-left: 850px; margin-top: -330px; } .li-road9:before{ left: 63px; top: 19px; } .f-road-cont ul li.li-road9{ width: 300px; } .road9-text small{ color: #fff; font-weight: 600; font-size: 24px; line-height: 51px; margin-right: 8px; } .road9-text span{ display: inline-block !important; padding-left: 30px; font-weight: 500; }*/ /* 全程一体化修改css在839行 html在340行*/ /* 全面设计解决方案 html在381行*/ .d-adv{ background: url(../img/d-bg.jpg) no-repeat; height: 580px; background-size: cover; } .d-adv-cont{ width: 499px; margin: 0 auto; padding: 55px 0 30px; position: relative; } .a-text{ width: 108px; height: 108px; border-radius: 100%; position: absolute; background: #fff; transition: all .4s; } .a-text:hover{ background: #ea5b24; } .a-text:hover p{ color: #fff; } .a-text p{ color: #333333; line-height: 25px; text-align: center; position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); } .a-text1{ top: 55px; left: 185px; /* transform: translateX(-50%); */ } .a-text2{ left: 45px; top: 110px; } .a-text3{ left: -15px; top: 255px; } .a-text4{ left: 25px; top: 410px; } .a-text5{ bottom: 30px; left: 180px; /* transform: translateX(-50%); */ } .a-text6{ right: 60px; top: 120px; } .a-text7{ right: 0; top: 263px; } .a-text8{ right: 55px; top: 405px; } .a-text9{ left: 47%; top: 56%; transform: translate(-48%,-50%); } .d-list{ background: url(../img/d-bg4.jpg) no-repeat; background-size: cover; padding: 60px 0 100px; } .d-list-cont{ width: 1160px; margin: 0 auto; } .d-list-cont >p{ line-height: 28px; color: #fff; font-size: 14px; } .d-list-ul ul{ display: table; margin: 0 auto; padding-top: 70px; } .d-list-ul li{ background: #f0eded; width: 206px; float: left; text-align: center; padding: 60px 0; } .d-list-ul li:nth-child(even){ background: rgba(240,237,237,.95); } .d-list-ul li:hover .d-list-text{ transform: rotate(360deg); } .d-list-text{ width: 141px; border: 1px solid #d8d5d5; margin: 0 auto; padding: 55px 0; transition: all .8s; } .d-list-text p{ color: #000000; font-size: 20px; line-height: 30px; } .adv_wu ul li dl{ background: none; } .adv_wu ul li dl{ border: 1px solid #d8d5d5; height: auto; padding: 55px 0; } .adv_wu ul li .q{ padding-top: 50px; } /* html在579行 */ .a-list{ width: 800px; margin: 0 auto; position: relative; padding-bottom: 30px; /* padding: 50px 0 135px; */ } .a-list-ul1{ margin-left: 10px; } .a-list-pic{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .a-list-ul li{ width: 235px; border-bottom: 2px solid #eeeeee; margin-bottom: 30px; } .a-list-ul li span{ display: block; width: 30px; height: 30px; background: #eeeeee; font-weight: 600; color: #fff; font-size: 19.6px; text-align: center; transition: all .3s; line-height: 26px; } .a-list-ul li:hover{ border-bottom-color: #ea5b24; } .a-list-ul li:hover span{ background: #ea5b24; } .a-list-ul li p { color: #666666; font-size: 21.57px; width: 200px; padding-bottom: 0; } .a-list-ul2{ padding-top: 70px; } /* 新修改 */ .f-road-cont{ padding-top: 140px; } .li-road1 { margin-left: 277px; margin-bottom: 20px; } .li-road2{ margin-left: 150px; } .li-road3 { margin-left: 68px; margin-bottom: 22px; } .li-road3:before { bottom: auto; left: 23px; top: -30px; } .li-road4 { margin-left: 20px; margin-bottom: 36px; } .li-road4:before { top: -33px; left: 13px; } .li-road5 { margin-top: 0; margin-left: 100px; } .li-road6 { margin-left: 170px; margin-top: 84px; } .li-road7 { margin-left: 276px; margin-top: -146px; margin-bottom: 67px; } .li-road7:before { left: 30px; top: auto; bottom: -47px; } .li-road8 { margin-left: 380px; } .li-road8:before { top: -19px; left: 36px; } .li-road9{ margin-left: 520px; margin-top: -135px; } .li-road9:before { bottom: -41px; left: 36px; } .li-road10{ margin-left: 665px; margin-top: 65px; } .li-road10:before { top: -33px; left: 36px; } .li-road11{ margin-left: 750px; margin-top: 65px; } .li-road11:before { bottom: -41px; left: 36px; } .li-road11 { margin-left: 795px; margin-top: -161px; } .li-road12{ margin-left: 850px; margin-top: -330px; } .li-road12:before{ left: 63px; top: 19px; } .f-road-cont ul li.li-road12{ width: 300px; } .road12-text small{ color: #fff; font-weight: 600; font-size: 24px; line-height: 51px; margin-right: 8px; } .road12-text span{ display: inline-block !important; padding-left: 30px; font-weight: 500; } .u-bg1{ background: #fa9551; } .u-bg2{ background: #fd9439; } .u-bg3{ background: #f17901; } .u-bg4{ background: #ad5201; } .u-bg5{ background: #782e01; } .u-bg6{ background: #461302; } .u-li{ background: #fff; padding: 30px 0; margin-bottom: 20px; } .fwzx-box6-ul li:first-child .u-li{ padding-left: 17px; } .fwzx-box6-ul li:last-child .u-li{ padding-right: 17px; } .fwzx-box6-ul li:first-child h4{ margin-left: 0; } .fwzx-box6-ul li h4{ height: 58px; line-height: 58px; text-align: center; margin-left: 10px; } .fwzx-box6-ul li img{ margin-right: 5px; } .fwzx-box6-ul li img,.fwzx-box6-ul li span{ display: inline-block; vertical-align: middle; } .fwzx-box6-ul li span{ color: #fff; } .fr p { margin-bottom : 5px; }