/*LQSCL*/ body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;color:#555; font-size:12px; font-family: "Light"; line-height:1;font-weight: normal;letter-spacing: 0.8px;} body,html{height:100%;position:relative;width: 100%;background-color: #FFFFFF;} img{display: block;} a{ color:#333; text-decoration:none;} ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;} html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;} .fl{float: left;} .fr{float: right;} .clear{clear:both; height:0; line-height:0; font-size:0;} .clearfix:after{display: block;content: '';clear: both;} .bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;} .picinfo{display:none;} /*IE*/ .web-ie2018{ font-family: Light; position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;} .web-ie2018 dl{ position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;} .web-ie2018 dl #img{ display: block;margin: 50px auto;} .web-ie2018 dl h3{ display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;} .web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;} .web-ie2018 dl dd{ margin: 0 auto 50px; display: block;text-align: center; margin-bottom:50px;} .web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;} .web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;} .web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;} /*headerwarp*/ .headerwarp{width: 100%;height: auto;box-sizing: border-box;position: fixed;top: 0;left: 0;padding: 0 12%;background-color: #FFFFFF;z-index: 10;border-bottom: 1px solid #ddd;} .headerwarp .header{width: 100%;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;flex-flow: row;display: -webkit-flex;-webkit-justify-content: space-between;-webkit-align-items: center;} .headerwarp .logo{width: auto;box-sizing: border-box;display: block;} .headerwarp .logo img{display: block;width: auto;height: 40px;transition: all .3s;} .headerwarp .nav{width: auto;float: right;text-align: right;} .headerwarp .nav .top{display: inline-block;padding-bottom: 10px;border-bottom: 1px solid #e7e7e7;text-align: center;margin-top: 20px;} .headerwarp .nav .top a{display: inline-block;color: #666;font-size: 13px;} .headerwarp .nav .top strong{display: inline-block;width: 1px;height: 13px;background-color: #e7e7e7;margin: 0 15px;} .headerwarp .nav .navlist{width: auto;} .headerwarp .nav .navlist .item{display: inline-block;position: relative;z-index: 5;} .headerwarp .nav .navlist .item a{font-size: 18px;color: #222222;margin: 0 25px;line-height: 50px;display: inline-block;position: relative;overflow: hidden;} .headerwarp .nav .navlist .item>a:hover{color: #00a6e3 ;} .headerwarp .nav .navlist .item>a:after{content: '';display: block;width: 100%;height: 2px;background-color: #00a6e3 ;position: absolute;left: -100%;bottom: 0;transition: all .3s;} .headerwarp .nav .navlist .item>a:hover:after{left: 0%;} .headerwarp .nav .navlist .item:last-child a{margin-right: 0;} .headerwarp .header02 .nav .navlist .item a{line-height: 60px;} .headerwarp .header02 .nav .top{display: none;} .headerwarp .header02 .logo img{height: 30px;} .headerwarp .nav .navlist .item .nav02bg{position: fixed;box-sizing: border-box;background-color: #fff;padding: 0;z-index: 5;width: 100%;height: 54px;left: 0;margin-left: 0px;text-align: center;top: calc(100% + 2px);display: none;border-bottom: 1px solid #ddd;} .headerwarp .nav .navlist .item .nav02{position: absolute;box-sizing: border-box;padding: 0;z-index: 5;width: 610px;left: 0;margin-left: 0px;text-align: center;top: 51.5px;display: none;justify-content: center;flex-flow: row;white-space: nowrap;transition: all .3s;} .headerwarp .header .nav .navlist .item .nav02bg{top: 98px;} .headerwarp .header02 .nav .navlist .item .nav02bg{top: 60px;} .headerwarp .header02 .nav .navlist .item .nav02{top: 60px;} .headerwarp .nav .navlist .item .nav02 a{display: inline-block;width: auto;font-size: 15px;color: #666;line-height: 40px;margin: 0;float: none;margin-right: 0;position: relative;text-align: left;padding-left: 20px;padding-right: 10px;} .headerwarp .nav .navlist .item .nav02 a:last-child{margin-right: 0;} .headerwarp .nav .navlist .item .nav02 a:hover{color: #00a6e3 ;background-color: #fff;} .headerwarp .nav .navlist .item .nav02 a:before{content: '';display: inline-block;width: 3px;height: 14px;background-color: #00a6e3 ;position: absolute;top: 14px;left: 5px;opacity: 0;} .headerwarp .nav .navlist .item .nav02 a:hover:before{opacity: 1} .headerwarp .nav .navlist .item .nav02 a i{opacity: 0;transition: all .6s;} .headerwarp .nav .navlist .item .nav02 a:hover i{opacity: 1;} .headerwarp .nav .navlist .item .nav02{background-color: rgba(255,255,255,0.9);padding: 0;width: 180px;box-shadow: 0px 2px 2px rgba(34,34,34,0.3)} .headerwarp .nav .navlist .item .nav02 a{display: block;display: flex;justify-content: space-between;align-items: center;} .headerwarp .nav .navlist .item:hover .nav02{display: block;} /*banner*/ .banner{height:520px;} .banner .ban_c img{position:absolute;width:1920px;left:50%;margin-left:-960px;top:0;} .banner .ban_nav{display:none;} .banner .Left,.banner .Right{position:absolute;width:38px;height:38px;background:url(../images/cir_white.gif) no-repeat #aaa;right:50%;bottom:15px;} .banner .Left{margin-right:-450px;background-position:5px 0} .banner .Right{margin-right:-490px;background-position:-33px 0;background-color:#00a6e3;} .bann_ext{position:relative;} .frontCover{position:absolute;top:-120px;padding:0 0 16px;border-bottom:5px solid #00a6e3;} .frontCover li{float:left;width:82px;padding:3px;background:#000;color:#fff;overflow:hidden;margin-right:10px;cursor:pointer;} .frontCover p{text-align:center;height:14px;line-height:18px;overflow:hidden;} .frontCover .img{position:relative;height:50px;overflow:hidden;} .frontCover img{position:absolute;width:192px;height:50px;left:-50px;} .frontCover .open{background:#00a6e3;} .wrap{width:980px;margin-left:auto;margin-right:auto;} .slide{position:relative;width:100%; margin:0px auto; margin-bottom:0;} .ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;} .ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;} .ban_nav{position:absolute;bottom:0;left:0;width:100%;text-align:right;z-index:4;} .ban_nav a{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;overflow:hidden;text-align:center;margin-right:8px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#ccc;} .ban_nav .on{background:#f90;color:#fff;} .Left,.Right{cursor:pointer;} /*search*/ .search{ width:1200px; margin:0 auto;height: 80px; border-bottom:#e8eaf2 1px solid;overflow: hidden;margin-bottom:0px;} .insearch{margin-top:90px;} .form{margin-top:90px;} .search p{ float:left;font-size: 14px; color:#333; width:950px; height:80px; line-height:80px; overflow:hidden;} .search p a{font-size: 14px; color:#333; padding:0 5px;} .search .ser_inp{ background:url(../images/s_inp.gif) no-repeat; width:190px; height:36px; border:none; padding:0 3px 0 17px; float:left; margin-top:24px; font-size: 14px; color:#666; line-height:36px; outline:none;} .search .ser_so{ float:left; margin-top:24px; width:40px; height:36px;background:url(../images/s_so.gif) no-repeat 0 0;border:0px;padding:0px; } .searchx{display:none;} /*通用导航*/ .c-link{width: 1200px;height: auto;overflow: hidden;box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;border-bottom: 1px solid #ddd; margin-bottom:20px; margin:0 auto;} .c-link a{display: block;width: auto;position: relative;font-size: 15px;color: #aaaaaa;margin-right: 100px;line-height:56px;} .c-link a:after{content: '';display: block;width: 0%;height: 2px;background-color: #00a6e3 ;position: absolute;left: 0;bottom: 0;transition: all .3s;} .c-link a:hover:after{width: 100%;} .c-link a:hover{color: #00a6e3 ;} .c-link .active:after{width: 100%;} .c-link .active{color: #00a6e3 ;} /*sidebar*/ .rightsidebar {position: fixed;right: 0;top: 50%;background: url(../images/right_bar.png) no-repeat center;width: 70px;height: 123px;} .rightsidebar li {text-align: center;height: 61px; cursor: pointer;} .rightsidebar li i {display: inline-block;width: 21px;height: 21px;background: url(../images/swp2.png) no-repeat;margin-top: 10px;} .rightsidebar li span {color: #fff;display: block;text-align: center; font-size:12px; padding-top:5px;} .rightsidebar li i.i1 {background-position: 0 0px;} .rightsidebar li i.i2 {background-position: 0 -42px;} /*index01*/ .index01{width: 100%;box-sizing: border-box;padding: 0 0 0 8%;position: relative;overflow: hidden;} .index01 .min{width: 100%;box-sizing: border-box;position: relative;padding: 0px 0;display: flex;justify-content: space-between;align-items: center;} .index01 .min:before{content: '';display: block;width: 55%;height: 100%;background-color: #f2f3f7;position: absolute;top: 0;right: 0;} .index01 .min .left{width: 35%;float: left;z-index: 0;padding-right: 50px;box-sizing: border-box;padding-right: 90px;} .index01 .min .left .info{position: relative;font-size: 16px;color: #00a6e3;margin-bottom: 30px;} .index01 .min .left .info:before{content: '';display: block;width: 5px;height: 5px;background-color: #00a6e3;border-radius: 50%;position: absolute;top: 6px;left: -30px;} .title{font-size: 28px;color: #00a6e3 ;font-weight: bold;line-height: 42px;letter-spacing: 3px;margin-bottom: 40px;} .index01 .min .left .list{width: 100%;box-sizing: border-box;} .index01 .min .left .list a{display: flex;flex-flow: row;align-items: center;margin-bottom: 10px;display: -webkit-flex;-webkit-flex-flow: row;-webkit-align-items: center;} .index01 .min .left .list a font{width: 30%;font-size: 14px;color: #00a6e3 ;text-align: center;line-height: 40px;text-transform: uppercase;font-weight: bold;background-color: #eaeaea;transition: all .3s;} .index01 .min .left .list a:hover font{background-color: #3f3f3f;color: #fff;} .index01 .min .left .list a p{font-size: 15px;color: #666666;border-bottom: 1px solid #dddddd;width: 75%;line-height: 39px;box-sizing: border-box;box-sizing: border-box;padding-left: 35px;position: relative;display: block;} .index01 .min .left .list a:after{content: '';display: block;width: 0%;height: 1px;background-color: #3f3f3f;position: absolute;left: 0;bottom: 0;transition: all .3s;} .index01 .min .left .list a:hover:after{width: 100%;} .index01 .min .left .list a:hover p{color: #3f3f3f;} .index01 .min .right{width: calc(48% + (100% - 1200px)/2);float: right;position: relative;z-index: 1;max-height: 620px;overflow: hidden;} .index01 .min .right img{display: block;width: 100%;} .index01 .min .right .text{position: absolute;width: 90%;height: 80%;right: 0;top: 10%;display: flex;justify-content: space-between;align-items: center;} .index01 .min .right .text .left02{display: flex;width: 33%;background:#00a6e3;height: 100%;align-items: center;justify-content: center;} .index01 .min .right .text .left02 .font{text-align: center;} .index01 .min .right .text .left02 .font h3{font-size: 30px;color: #FFFFFF;font-weight:bold;} .index01 .min .right .text .left02 .font p{font-size: 14px;color: #FFFFFF;margin: 12px 0;} .index01 .min .right .text .left02 .font span{display: block;font-size: 14px;color: rgba(255,255,255,0.7); padding: 0 7%;line-height: 20px;} .index01 .min .right .text .right02{display: flex;width: 66%;justify-content: space-between;height: 90%;flex-flow: column;box-sizing: border-box;padding-left: 35px;} .index01 .min .right .text .right02 .list{box-sizing: border-box;padding: 20px 0;padding-left: 20px;border-left: 2px solid #888;} .index01 .min .right .text .right02 .list h3{font-size: 24px;color: #FFFFFF;font-weight:bold;} .index01 .min .right .text .right02 .list h4{font-size: 16px;color: #FFFFFF;margin: 10px 0;} .index01 .min .right .text .right02 .list p{font-size: 13px;color: rgba(255,255,255,0.8);display:none;} /*index01rest*/ .index01rest{width: 1200px;margin: 20px auto;padding-top: 5px;border-top: 0px solid #ddd;overflow: hidden;} .index01rest .top{width: 100%;box-sizing: border-box;margin-bottom: 30px;} .index01rest .top .title{margin-bottom: 15px;} .index01rest .top span{font-size: 13px;color: #666666;display: block;} .index01rest .min02{width: 100%;box-sizing: border-box;margin: auto;position: relative; min-height:390px;} .index01rest .min02 .left{width: 60%;float: left;box-sizing: border-box;padding-right: 140px;position: relative;display: block;} .index01rest .min02 .left .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;z-index: 2;} .index01rest .min02 .left img{display: block;width: 100%;transition: all .6s;} .index01rest .min02 .left:hover img{transform: scale(1.1);} .index01rest .min02 .left:after{content: '';display: none;width: 75%;height: 100%;border: 1px solid #dddddd;position: absolute;top: 30px;right: 110px;z-index: 0;} .index01rest .min02 .left .text{width: 70%;box-sizing: border-box;background-color: rgba(34,34,34,0.8);padding: 40px 120px 40px 40px;position: absolute;right: 140px;top: 50%;z-index: 2;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .index01rest .min02 .left .text h3{font-size: 22px;color: #fff;margin-bottom: 20px;font-weight: bold;} .index01rest .min02 .left .text h4{font-size: 14px;color: #fff;line-height: 21px;opacity:0.75;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;text-align: justify;} .index01rest .min02 .left .text h5{background-color: #00a6e3 ;width: 150px;height: 150px;border-radius: 50%;text-align: center;display: flex;display: -webkit-flex;flex-flow: column;-webkit-flex-flow: column;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: absolute;right: -75px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);box-shadow: 5px 2px 10px rgba(0,0,0,0.3);} .index01rest .min02 .left .text h5:after{content: '';display: block;width: 170px;height: 170px;border-radius: 50%;border: 1px solid #fff;left: -12px;top: -12px;position: absolute;} .index01rest .min02 .left .text h5 p{display: block;color: #fff;font-size: 50px;font-weight: bold;} .index01rest .min02 .left .text span{font-size: 16px;display: inline-block;color: #fff;margin-top: 10px;} .index01rest .min02 .right{width: 40%;position: absolute;height: 100%;right: 0;display: flex;display: -webkit-flex;flex-flow: column;-webkit-flex-flow: column;justify-content: space-between;-webkit-justify-content: space-between;top: 0;} .index01rest .min02 .right a{display: block;width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;} .index01rest .min02 .right a .text{width: 56%;} .index01rest .min02 .right a .text h3{font-size: 15px;color: #222222;line-height: 21px;font-weight:bold;} .index01rest .min02 .right a:hover .text h3{color: #00a6e3 ;} .index01rest .min02 .right a .img{width: 35%;overflow: hidden;} .index01rest .min02 .right a .img img{display: block;width: 100%;transition: all .6s;} .index01rest .min02 .right a:hover .img img{transform: scale(1.1);} .index01rest .min02 .right a .text .font{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;flex-flow: row;-webkit-flex-flow: row;margin-top: 20px;} .index01rest .min02 .right a .text .font h3{font-size: 14px;color: #666666;} .index01rest .min02 .right a .text .font p{display: block;width: 70px;height: 25px;background-color: #00a6e3 ;color: #ffffff;font-size: 12px;border-radius: 5px;line-height: 25px;text-align: center;} .index01rest .min02 .right a:hover .text .font p{background-color: #00a6e3;} /*index02*/ .index02{width: 100%;box-sizing: border-box;overflow: hidden;margin: auto;padding: 40px 1%;background-color: #f2f3f7;} .index02 a{display: block;width: 15.33%;margin-right: 1%;float: left;position: relative;overflow: hidden;height: 260px;} .index02 a:last-child{margin-right: 0;} .index02 a:first-child{width: 25%;background-color: rgb(242,243,247);} .index02 a img{display: block;width: auto;min-width: 100%;height: 100%;opacity: 0;transition: all .3s;} .index02 a .text{width: 100%;height: 60%;position: absolute;top: 24%;left: 0;box-sizing: border-box;padding: 0 35px;} .index02 a .text h3{font-size: 36px;color: #FFFFFF;margin-bottom: 8px;font-family: "got";} .index02 a .text p{font-size: 19px;color: #FFFFFF;margin-bottom: 35px;min-height: 20px;} .index02 a .text h4{font-size: 14px;color: #FFFFFF;line-height: 24px;width: 90%;text-align: justify;opacity:0.75;letter-spacing: 1.2px;position: absolute;bottom: 0;min-height: 72px;left: 0;width: 100%;box-sizing: border-box;padding: 0 40px;} .index02 a:nth-of-type(1) .text,.index02 a:nth-of-type(2) .text{top: 19%;} .index02 a:nth-of-type(2){background:#00a6e3;width: 25%;} .index02 a:nth-of-type(3){background-color: #fff;} .index02 a:nth-of-type(4){background-color:#FFFFFF;} .index02 a:first-child img{opacity: 1;} .index02 a:hover img{opacity: 1;} .index02 a:first-child .text h3{font-size: 64px;} .index02 a:first-child .text h4{width: 100%;} .index02 a:first-child .text h3 span{display: inline-block;font-size: 18px;color: inherit;} .index02 a:first-child .text h3,.index02 a:first-child .text p,.index02 a:first-child .text h4,.index02 a:nth-of-type(3) .text h3,.index02 a:nth-of-type(3) .text p,.index02 a:nth-of-type(3) .text h4,.index02 a:nth-of-type(4) .text h3,.index02 a:nth-of-type(4) .text p,.index02 a:nth-of-type(4) .text h4,.index02 a:nth-of-type(5) .text h3,.index02 a:nth-of-type(5) .text p,.index02 a:nth-of-type(5) .text h4{color: #222222;} .index02 a:first-child .text h3,.index02 a:first-child .text h4{color: #FFFFFF;} .index02 a:hover .text h3,.index02 a:hover .text h4,.index02 a:hover .text p{color: #FFFFFF;} .index02 a:nth-of-type(1) .text p,.index02 a:nth-of-type(2) .text p{display: none;} .index02 a:nth-of-type(1) .text h4,.index02 a:nth-of-type(2) .text h4{position: relative;padding: 0;margin-top: 20px;} .index02 a:nth-of-type(2) .text h3{height: 64px;box-sizing: border-box;padding-top: 16px;} .index02 a:nth-of-type(2) .text h3:after{content: '';display: block;clear: both;} .index02 a:nth-of-type(2) .text h3 font{font-size: 48px;color: inherit;font-weight: bold;font-family: "got";margin-right: 5px;float: left;} .index02 a:nth-of-type(2) .text h3 span{font-size: 30px;float: left;margin-top: 11px;} .index02 a:nth-of-type(2) .text h3 span:nth-of-type(1){margin-right: 30px;} /*colorwarp*/ .colorwarp{width: 100%;height: auto;overflow: hidden;box-sizing: border-box;background-color: #fff;padding: 0px calc((100% - 1200px)/2);} .colorwarp .index03{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;} .colorwarp .index03 .gallery-top{box-sizing: border-box;padding-left: 10px;} .colorwarp .index03 .gallery-top a{display: block;width: 100%;box-sizing: border-box;position: relative;} .colorwarp .index03 .gallery-top a .left{width: 45%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);box-sizing: border-box;padding: 70px 70px 70px 50px;background-color: #FFFFFF;box-shadow: 0px 0px 10px rgba(0,0,0,0.3);} .colorwarp .index03 .gallery-top a .left span{font-size: 14px;color: #666;display: block;text-transform: uppercase;margin-top: 5px;} .colorwarp .index03 .gallery-top a .right{width: 78%;float: right;overflow: hidden;} .colorwarp .index03 .gallery-top a .right img{display: block;width: 100%;} .colorwarp .index03 .gallery-top a .left h3{margin-bottom: 0;} .colorwarp .index03 .gallery-top a .left strong{display: block;width: 100px;height: 1px;background-color: #dddddd;margin: 30px 0;} .colorwarp .index03 .gallery-top a .left h4{font-size: 14px;color: #222;line-height: 28px;text-align: justify;font-weight:bold;} .colorwarp .index03 .gallery-top a .left h5{font-size: 13px;color: #666;margin-top: 20px;line-height:22px;} .colorwarp .index03 .gallery-top a .left .more{margin: 0;margin-top: 50px;width: 140px;height: 40px;line-height: 40px;font-size: 14px;} .colorwarp .index03 .gallery-thumbs{width: 1200px;float: right;box-sizing: border-box;overflow: hidden;padding: 30px 130px;} .colorwarp .index03 .gallery-thumbs .swiper-slide{width: auto;text-align: center;cursor: pointer;} .colorwarp .index03 .gallery-thumbs .swiper-slide h3{font-size: 18px;color: #666;margin-bottom: 10px;} .colorwarp .index03 .gallery-thumbs .swiper-slide span{display: block;width: 8px;height: 8px;border-radius: 50%;background-color: #bbbbbb;margin: auto;} .colorwarp .index03 .gallery-thumbs .swiper-slide-thumb-active h3{color: #00a6e3 ;} .colorwarp .index03 .gallery-thumbs .swiper-slide-thumb-active span{background-color: #00a6e3 ;} .colorwarp .index03 .swiper-button-next,.colorwarp .index03 .swiper-button-prev{background-image: none;font-size: 30px;color: #00a6e3 ;height: auto;width: auto;margin-top: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .index04{width: 100%;box-sizing: border-box;overflow: hidden;padding: 5px;margin: 100px 0 0;} .index04 a{display: block;width: calc(48% - 5px);float: left;margin-right: 4%;position: relative;background-color: #FFFFFF;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);box-sizing: border-box;overflow: hidden;} .index04 a:last-child{margin-right: 0;} .index04 a img{display: block;width: 100%;} .index04 a:last-child img{opacity: 0;transition: all .3s;} .index04 a .text{width: 80%;height: 70%;box-sizing: border-box;position: absolute;top: 15%;left: 10%;} .index04 a .text .top{position: absolute;top: 0;left: 0;} .index04 a .text h3{margin-bottom: 3px;} .index04 a .text span{font-size: 14px;color: #444444;display: block;margin-bottom: 30px;} .index04 a .text h4{font-size: 15px;color: #666;line-height: 24px;transition: all .6s;width: 90%;text-align: justify;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .index04 a .text .more{margin: 0;position: absolute;bottom: 0;left: 0;width: 140px;height: 40px;line-height: 40px;font-size: 14px;} .index04 a:first-child .text h3{color: #FFFFFF;} .index04 a:first-child .text span{color: #FFFFFF;text-transform: uppercase;} .index04 a:first-child .text h4{color: #FFFFFF;} .index04 a:first-child .text h4{top: calc(100% - 50px);transform: none;-webkit-transform: none;transition: all .6s;} .index04 a:first-child .text .more{bottom: -50px;opacity: 0;transition: all .6s;} .index04 a:first-child:hover .text h4{top: 50%;bottom: initial;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .index04 a:first-child:hover .text .more{bottom: 0;opacity: 1;} /*index05warp*/ .index05warp{width: 100%;height: 800px;overflow: hidden;box-sizing: border-box;position: relative;padding-bottom: 320px; background:#00a6e3;} .index05warp .bj{display: block;width: auto;min-width: 100%;height: 487px;} .index05warp .index05{width: 1200px;position: absolute;top: 0;left: calc((100% - 1200px)/2);box-sizing: border-box;padding-top: 100px;} .index05warp .index05 .top h3{color: #FFFFFF;margin-bottom: 5px;} .index05warp .index05 .top span{font-size: 14px;color: #fff;display: block;margin-bottom: 30px;text-transform: uppercase;} .index05warp .index05 .top p{font-size: 17px;color: #FFFFFF;margin-bottom: 60px;} .index05warp .index05 .min{display: flex;justify-content: space-between;flex-flow: row;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);display: -webkit-flex;-webkit-justify-content: space-between;-webkit-flex-flow: row;} .index05warp .index05 .min a{display: block;width: 33.33%;border-right: 1px solid #dddddd;overflow: hidden;transition: all .6s;} .index05warp .index05 .min a .imgboox{width: 100%;overflow: hidden;} .index05warp .index05 .min a .imgboox img{display: block;width: 100%; height:300px;} .index05warp .index05 .min a:last-child{border: none;} .index05warp .index05 .min a .text{box-sizing: border-box;padding: 40px 50px;background-color: #FFFFFF;} .index05warp .index05 .min a .text h3{font-size: 24px;color: #00a6e3 ;display: block;margin-bottom: 40px;font-weight:bold;} .index05warp .index05 .min a .text h3 i{display: inline-block;float: right;color: #00a6e3;font-size: 16px;line-height: 24px;} .index05warp .index05 .min a .text h4{font-size: 16px;color: #666;line-height: 24px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .index05warp .index05 .min a:hover{transform: scale(1.05);box-shadow: 0px 0px 5px rgba(0,0,0,0.3);z-index:1;} /*index06*/ .index06{width: 100%;margin: auto;} .index06 .title{margin-bottom: 5px;} .index06 span{font-size: 14px;color: #666;display: block;margin-bottom: 50px;text-transform: uppercase;border-bottom: 0px solid #ddd;display: block;padding-bottom: 30px;} .index06 .min{width: 100%;border-bottom: 1px solid #ddd;margin-bottom: 100px;} .index06 .min a{display: flex;flex-flow: row;align-items: center;margin-bottom: 50px;display: -webkit-flex;-webkit-flex-flow: row;-webkit-align-items: center;} .index06 .min a .left{width: 40%;display: flex;flex-flow: row;display: -webkit-flex;-webkit-flex-flow: row;} .index06 .min a .left .data{text-align: left;width: 20%;} .index06 .min a .left .data h3{display: inline-block;margin-bottom: 10px;border-bottom: 1px solid #ddd;font-size: 54px;color: #ccc;font-family: "got";} .index06 .min a .left .data p{font-size: 22px;color: #ccc;font-family: "got";} .index06 .min a:hover .left .data h3{color: #00a6e3;} .index06 .min a:hover .left .data p{color: #00a6e3;} .index06 .min a .left .imgbox{width: 80%;overflow: hidden;} .index06 .min a .left .imgbox img{display: block;width: 100%;transition: all .6s;} .index06 .min a .right{width: 60%;box-sizing: border-box;padding: 0 50px;} .index06 .min a .right h3{font-size: 24px;color: #222;margin-bottom: 30px;font-weight:bold;} .index06 .min a .right h4{font-size: 16px;color: #666666;line-height: 24px;margin-bottom: 30px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;text-align: justify;} .index06 .min a .right .more{margin: 0;width: 140px;height: 40px;line-height: 40px;font-size: 14px;} .index06 .min a:hover .right .more{background-color: #FFFFFF;color: #00a6e3;} .index06 .min a:hover .left .imgbox img{transform: scale(1.1);} .index06 .min a:hover .right h3{color: #00a6e3;} /*鲁泉优势*/ .five_bg{ background:url(../images/five_bg.jpg) no-repeat center 0;height: 713px;font-size: 0;overflow: hidden;} .five_bgx{display:none;} .five_bg .content{ width:1000px; margin:0 auto;position:relative;} .five_t{line-height:45px;text-align: center; margin:20px auto;} .five_t a{font-size: 28px;color: #00a6e3;} .five p{position: absolute;z-index: 2;} .five p b{display: block;font-size: 24px;color: #00a6e3;} .five p span{display: block;font-size: 14px;color: #333;line-height: 24px; padding:10px 0 0;} .five .five_p01{width: 280px;top: 385px;left: -25px;} .five .five_p01 a{display: block;width: 280px; background:url(../images/five_ico01.png) no-repeat right 25px;} .five .five_p01 a:hover{ background:url(../images/five_ico06.png) no-repeat right 25px; text-decoration:none;} .five .five_p01 span,.five .five_p02 span,.five .five_p04 span,.five .five_p05 span{width: 190px;} .five .five_p02{width: 285px;height: 140px;top: 195px;left: 68px;} .five .five_p02 a{display: block;width: 285px;height: 140px; background:url(../images/five_ico02.png) no-repeat right 80px;} .five .five_p02 a:hover{ background:url(../images/five_ico07.png) no-repeat right 80px; text-decoration:none;} .five .five_p03{width: 290px;height: 188px;top: 90px;left: 360px;text-align: center;} .five .five_p03 a{display: block;width: 290px;height: 188px; background:url(../images/five_ico03.png) no-repeat center bottom;} .five .five_p03 a:hover{ background:url(../images/five_ico08.png) no-repeat center bottom; text-decoration:none;} .five .five_p04{width: 330px;height: 142px;top: 198px;right: 42px;} .five .five_p04 a{display: block;width: 232px;height: 142px; background:url(../images/five_ico04.png) no-repeat 0 bottom; padding:0 0 0 98px;} .five .five_p04 a:hover{ background:url(../images/five_ico09.png) no-repeat 0 bottom; text-decoration:none;} .five .five_p05{width: 322px;top: 385px;right: -55px;} .five .five_p05 a{display: block;width: 232px; background:url(../images/five_ico05.png) no-repeat 0 25px; padding:0 0 0 90px;} .five .five_p05 a:hover{ background:url(../images/five_ico10.png) no-repeat 0 25px; text-decoration:none;} /*工程案例*/ .ys_t{ padding:48px 0 0;height: 124px;text-align: center; margin:0 auto;} .ys_t a{font-size: 28px;color: #00a6e3;} .ys_t span{display: block;font-size: 14px;color: #333;font-weight: normal; padding:20px 0;} .zytd {padding-bottom: 60px;overflow: hidden; width:1200px; margin:0 auto;} .zytd h2 {font-size: 42px;} .zytd .conbox {position: relative;} .zytd .conleft {width: 300px;} .zytd .conleft ul li {height: 119px;border-bottom: 1px solid #efefef;font-size: 18px;position: relative;} .zytd .conleft ul li a {display: block;padding:0 20px;height: 119px;color: #999;} .zytd .conleft ul li b {padding-top: 35px;display: block;font-size: 20px;color: #1f1f1f;margin-bottom: 8px;} .zytd .conleft ul li em {display: none;width: 0;height: 0;border: 11px solid #00a6e3;border-right: none;border-top-color: #f8f8f8;border-bottom-color: #f8f8f8;position: absolute;right: -11px;top: 50px;} .zytd .conleft ul li.cur {background: #00a6e3;} .zytd .conleft ul li.cur a {color: #fff;} .zytd .conleft ul li.cur b {color: #fff;} .zytd .conleft ul li.cur span {color: #fff;} .zytd .conleft ul li.cur em {display: block;} .zytd .conright {width: 868px; height: 480px;position: relative;z-index: 2; } .zytd .conright dl {display: none;} .zytd .conright dl.cur {display: block;} .zytd .conright dl dd.dd1 i{display: block;margin-top: 5px;} .zytd .conright dl dt {position: absolute;left: 0;top: 0;width: 397px;height: 480px;} .zytd .conright dl dd.dd1 {padding-top: 45px;font-size: 18px;padding-bottom: 27px;border-bottom: 1px solid #ddd;margin-bottom:25px;} .zytd .conright dl dd.dd1 span {font-size: 24px;color: #19429e;} .zytd .conright dl dd.dd2 {font-size: 14px;line-height: 30px;height: 160px;margin-bottom: 88px;} .zytd .conright dl dd.dd3 a {display: block;width: 188px;height: 48px;line-height: 48px;border-radius: 27px;background: #00a6e3;text-align: center;color: #fff;box-shadow: 3px 3px 35px #d0d8eb;} .focus{width:868px; height:550px;margin:0 auto; overflow:hidden;} .focusbox{background-color:#1C1C1C; position:relative;} .focusimg{border:0px solid #2F2F2F; width:868px; height:460px; position:relative; overflow:hidden;-webkit-perspective: 1300px;} .fimglist{width:99300px; position:relative;-moz-perspective: 1300px;} .fimglist img{display:block; width:868px; height:460px; cursor:pointer;} .fimglist li{width:868px; height:460px; float:left;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;} .fimglist li.onpre{-webkit-animation:onpre .5s ease-in-out;animation:onpre .5s ease-in-out;opacity:0;-webkit-transform:scale(0.8,0.8);transform:scale(0.8,0.8);} @-webkit-keyframes onpre{ 0%{opacity:1;-webkit-transform:rotateY(0deg);} 100%{opacity:0;-webkit-transform:rotateY(90deg)} } @keyframes onpre{ 0%{opacity:1;transform:rotateY(0deg);} 100%{opacity:0;transform:rotateY(90deg)} } .focustool{width:868px; overflow:hidden; padding:5px 0 10px; margin:0 auto; position:relative;} .ftoollist{width:4655px; position:relative;} .ftoollist img{display:block; width:129px; height:69px; margin-bottom:3px;} .ftoollist a{background-color:#1C1C1C; display:block; width:129px; padding:4px 0 4px 4px; position:relative;-webkit-transition:all .3s linear;transition:all .3s linear;} .ftoollist li{float:left; cursor:pointer; -webkit-transition:all .3s linear; transition:all .3s linear;} .ftoollist .imgname{line-height:25px; text-align:center; color:#FFF; font-family:\5FAE\8F6F\96C5\9ED1; font-weight:400; font-size:18px; height:25px; overflow:hidden; cursor:pointer;} .ftoollist .imgshortcat{line-height:20px; text-align:center; color:#7D7D7D; font-size:12px; height:20px; overflow:hidden; cursor:pointer;} .ftoollist a:hover{background-color:#503769; padding:4px; margin-right:-4px; z-index:100; top:-5px;} .ftoollist a:hover .imgname{color:#DBC98C;} .ftoollist a:hover .imgshortcat{color:#FFF;} .ftoollist .on a{background-color:#00a6e3; padding:4px; margin-right:-4px; z-index:100; top:-5px;} .ftoollist .on .imgname{color:#DBC98C;} .ftoollist .on .imgshortcat{color:#FFF;} /*.index07*/ .index07{display: block;width: 100%;box-sizing: border-box;background: url(../images/contactbg.jpg)no-repeat;background-size: cover!important;padding: 100px 0;text-align: center;} .index07 h3{color: #FFFFFF;text-transform: uppercase;margin: 0;font-family: "got";} .index07 strong{display: block;width: 1px;height: 30px;background-color: #FFFFFF;margin: 20px auto;} .index07 h4{font-size: 16px;line-height: 24px;color: #FFFFFF;width: 30%;margin: auto;margin-bottom: 20px;letter-spacing: 1.2px;} .index07 p{font-size: 13px;color: #FFFFFF;margin-bottom: 50px;} .index07 .more{color: #222222;background-color: #FFFFFF;border: none;width: 180px;height: 42px;line-height: 42px;font-size: 14px; padding:15px 25px} .index07 .more:hover{color: #FFFFFF;background-color: #00a6e3;} /*合作流程*/ .liuc_bg{ background:url(../images/liuc_bg.jpg) no-repeat center #00a6e3;height: 400px;font-size: 0;overflow: hidden;} .liuc{width:1000px; margin:0 auto;} .liuc h2{ padding:42px 0 0;height: 58px;text-align: center;} .liuc h2 a{font-size: 30px;color: #fff;} .liuc p{width: 95px;float: left; padding:0 24px;text-align: center;height: 210px;overflow: hidden;} .liuc p span{display: block;height: 40px;} .liuc p span a,.liuc p i a{font-size: 16px;color: #fff;} .liuc p span a:hover,.liuc p i a:hover{color: #fff0b0;} .liuc p em{display: block;width: 95px;height: 95px;} .liuc p em img{width: 95px;height: 95px;} .liuc p em a{ background:url(../images/liuc_k01.png) no-repeat;display: block;width: 95px;height: 95px;} .liuc p em a:hover{ background:url(../images/liuc_k02.png) no-repeat;} .liuc p i{display: block;height: 20px; padding:15px 0 0;} .liuc .nobor{padding:0 0 0 24px;} .liuc_bot{ display:inline-block;width: 805px; padding:0 0 0 195px; margin-top:20px;} .liuc_bot em{display: block;font-size: 18px;color: #fff;float: left;} .liuc_bot i{font-size: 30px;color: #fff0b0; padding:0 10px 0 0;} .liuc_bot span{display: block;float: left; padding:0 50px 0 20px;} .liuc_bot b{font-size: 30px;color: #fff; font-style:italic; font-family:Arial, Helvetica, sans-serif;display: block;float: left; background:url(../images/liuc_tel.png) no-repeat; padding:5px 0 0 55px;width: 250px; height:40px;} .liuc_bot span a{font-size: 18px;color: #fff; background:url(../images/ban_btn01.png) no-repeat;display: block;width: 120px;height: 40px;text-align: center;line-height: 40px;overflow: hidden;} /*.index08*/ .index08warp{width: 100%;box-sizing: border-box;background-color: #fff;} .index08{width: 1200px;margin: 20px auto;box-sizing: border-box;} .index08 .top{width: 100%;box-sizing:border-box;margin-bottom: 20px;} .index08 .top .title{margin-bottom: 10px;} .index08 .top .text span{font-size: 14px;color: #666666;} .index08 .top .more{display: block;margin: 0;width: 140px;height: 40px;line-height: 40px;font-size: 14px;} .index08 .min{box-sizing: border-box;position: relative;width: 100%;} .index08 .min a{display: block;width: 31.33%;float: left;margin-right: 2%; margin-bottom:20px;} .index08 .min a:last-child{margin-right: 0;} .index08 .min a .imgbox{display: block;width: 100%;overflow: hidden; border:1px solid #ddd;} .index08 .min a .imgbox img{display: block;width: 100%;transition: all .6s;} .index08 .min a:hover .imgbox img{transform: scale(1.1);} .index08 .min a h3{display: block;width: 90%;font-size: 15px;color: #222222;height: 50px;line-height: 50px;box-sizing: border-box;padding-left: 20px;margin: auto;margin-top: -25px;position: relative;z-index: 2;background-color: #fff;transition: all .3s;box-shadow: 0px 2px 5px rgba(0,0,0,0.5);} .index08 .min a:hover h3{background-color: #00a6e3;color: #fff;} /* 售后留言 */ .feedback .tit{text-align: center;margin-bottom: 30px;} .feedback .tit .t{font-size: 36px;line-height: 1.2;color: #666;font-weight: bold;} .feedback .tit .c{font-size: 16px;line-height: 24px;color: #666;margin: 5px 0;} .guestbook_table input{ outline: none; width: 100%; height: 40px; border: 1px solid #d9d9d9; font-size: 14px; color: #333; border-radius: 4px; padding: 0 0.2rem; background-color: #fff; } .guestbook_table select{ flex: auto; width: 100%; height: 40px; border: 1px solid #d9d9d9; font-size: 14px; color: #333; border-radius: 4px; padding: 0 0.2rem; background-color: #fff; display: flex; justify-content: space-between; align-items: center; position: relative; } .guestbook_table .option{line-height: 30px; height: 30px;color: #4d4d4d;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .guestbook_table textarea{ width: 100%; border: 1px solid #d9d9d9; font-size: 14px; color: #333; border-radius: 4px; padding: 0.1rem 0.2rem; background-color: #fff; } .guestbook_table .form_button{ width: 200px; height: 38px; text-align: center; line-height: 38px; background-color: #00a6e3; color: #fff; font-size: 24px; border-radius: 5px; border: none; } .guestbook_table .feedbox{float: left; width: 45%;margin: 0 2% 20px;position: relative;} .guestbook_table .feed_code{display: table; float: left; width: 100%;} .guestbook_table .lab{font-size: 14px;color: #353333;margin-bottom: 5px;} .guestbook_table .lab .required{color: red;} .guestbook_table .feedbox .form_textarea{width: 810px; height: 100px;} .guestbook_table #verifycode{width: 16%;margin: 0 10px 0 20px;height: 44px;line-height: 44px;border: 1px solid #cccccc;padding-left: 10px;box-sizing: border-box;overflow: hidden; float: left;} .guestbook_table .feedimg{height: 44px; float: left; width: 16%; margin-right: 10px;} .guestbook_table .feedver{color: red; float: left;display:inline-block; height: 44px; line-height: 44px;} .guestbook_table .feedbut{width:100%;font-size: 13px;color: #454545;margin-top: 40px; margin-bottom: 20px; padding-top: 20px;border-top: 1px solid #999999; float: left; text-align: center;} .replycontent{width: 100%;line-height: 100px;margin-top: 40px;} .replycontent .replyspan{display: block;padding-left: 20%;font-size: 30px;color: #00a6e3;background: #eee;} .replylist{ width: 60%; height: auto; overflow: hidden; margin: 0 auto; padding: 40px 0; } .replylist ul{width: 100%;height: auto;} .replylist ul li{width: 100%;line-height: 46px;border-bottom: 1px solid #e0e0e0;} .replylist ul li span{float: right;font-size: 12px;color: #999; background: none;} .replylist ul li a{color: #666;font-size: 14px;width: 100%;text-overflow: ellipsis;display: inline-block;} /*.footerwarp*/ .footerwarp{width: 100%;box-sizing: border-box;background-color: #333333;border-top: 10px solid #00a6e3;} .footerwarp .footer{width: 1200px;margin: auto;box-sizing: border-box;padding: 70px 0 70px;display: flex;flex-flow: row;justify-content: space-between;align-items: flex-start;display: -webkit-flex;-webkit-flex-flow: row;-webkit-justify-content: space-between;-webkit-align-items: flex-start;} .footerwarp .footer .list{width: 75%;box-sizing: border-box;display: flex;justify-content: space-between;flex-flow: row;position: relative;padding-right: 80px;display: -webkit-flex;-webkit-justify-content: space-between;-webkit-flex-flow: row;} .footerwarp .footer .list:after{content: '';display: block;width: 1px;height: 100%;background-color: rgba(255,255,255,0.5);right: 0;top: 0;position: absolute;} .footerwarp .footer .list li h3{font-size: 18px;color: #FFFFFF;margin-bottom: 30px;} .footerwarp .footer .list li .min p{margin-bottom: 15px;} .footerwarp .footer .list li .min p a{display: inline-block;font-size: 15px;color: rgba(255,255,255,0.5);padding-bottom: 2px;position: relative;overflow: hidden;} .footerwarp .footer .list li .min p a:after{content: '';display: block;width: 100%;height: 1px;background-color: #00a6e3;position: absolute;left: -100%;bottom: 0;transition: all .3s;} .footerwarp .footer .list li .min p a:hover:after{left: 0;} .footerwarp .footer .list li .min p a:hover{color: #00a6e3;} .footerwarp .footer .footerlogo{width: 25%;text-align: left;box-sizing: border-box;padding-left: 40px;} .footerwarp .footer .footerlogo img{display: block;width: auto;margin: 0;} .footerwarp .footer .footerlogo p{font-size: 15px;color: rgba(255,255,255,0.5);line-height: 20px;margin-bottom: 15px;} .footerwarp .footer .footerlogo p a{color: rgba(255,255,255,0.5);} .footerwarp .footer .footerlogo p a span{color: #333333;} .footerwarp .footer .footerlogo .fx{box-sizing: border-box;padding-top: 10px;border-top: 1px solid rgba(255,255,255,0.5);} .footerwarp .footer .footerlogo .fx a{display: inline-block;width: 28px;height: 28px;border: 1px solid #fff;border-radius: 50%;line-height: 28px;text-align: center;margin-right: 10px;transition: all .5s;} .footerwarp .footer .footerlogo .fx p{font-size: 18px;color: #FFFFFF;margin-bottom: 30px;} .footerwarp .footer .footerlogo .fx a i{color: #fff;font-size: 12px;transition: all .5s; width:20px; height:20px; line-height:20px; float:left; padding:5px 2px} .footerwarp .footer .footerlogo .fx .fa-wechat{ background:url(../images/icoweixin.png) no-repeat center;} .footerwarp .footer .footerlogo .fx .fa-weibo{ background:url(../images/icoweibo.png) no-repeat center;} .footerwarp .footer .footerlogo .fx .fa-qq{ background:url(../images/icoqq.png) no-repeat center;} .footerwarp .footer .footerlogo .fx .fa-facebook{ background:url(../images/icofacebook.png) no-repeat center;} .footerwarp .footer .footerlogo .fx a:hover{border-color: #00a6e3;background-color: #00a6e3;} .footerwarp .footer .footerlogo .fx .bdshare-button-style0-16 a, .footerwarp .footer .footerlogo .fx .bdshare-button-style0-16 .bds_more{background-image: none!important;padding-left: 0px!important;margin-top: 0;} .footerwarp .warpba{width: 1200px;margin: auto;box-sizing: border-box;border-top: 1px solid rgba(255,255,255,0.5);padding: 20px 0;} .footerwarp .warpba .ba{width: 1200px;margin: auto;display: flex;flex-flow: row;justify-content: space-between;} .footerwarp .ba h3{font-size: 14px;color: rgba(255,255,255,0.5);} .footerwarp .ba h3 a{font-size: inherit;color: inherit;} .footerwarp .ba h3:last-child a{margin-right: 20px;} .footerwarp .ba h3:last-child a:last-child{margin-right: 0;} /*公司简介*/ .insidetitle{width: 100%;box-sizing: border-box;overflow: hidden;font-size:12px;margin-top: 95px;background-color: #00a6e3; height:10px; color:#00a6e3;} .about01{width: 1000px;box-sizing: border-box;overflow: hidden;text-align: center;margin: 100px auto;} .about01 h3{font-size: 30px;color: #00a6e3 ;font-weight: bold;margin-bottom: 25px;} .about01 h4{font-size: 18px;color: #00a6e3;font-weight:bold;} .about01 strong{display: block;width: 1px;height: 30px;background-color: #cccccc;margin: 20px auto 20px;} .about01 p{font-size: 18px;color: #444444;margin-bottom: 15px; font-weight: bold;} .about01 h5{font-size: 15px;color: #fff;line-height: 30px;} .about02warp{width: 100%;box-sizing: border-box;position: relative;padding-bottom: 0px;background: url(../images/aboutbg.jpg) fixed repeat-x;padding-top: 180px;margin-bottom: 20px;} .about02warp img{display: none;width: 100%;} .about02warp .text{width: 1200px;text-align: center;margin: auto;position: relative;z-index: 2} .about02warp:before{content: '';display: block;width: 100%;position: absolute;left: 0;bottom: 0;background-color: #fff;height: 80px;z-index: 0} .about02warp .text h3{font-size: 30px;color: #ffffff;font-weight: bold;margin-bottom: 25px;} .about02warp .text strong{display: block;width: 1px;height: 30px;background-color: #cccccc;margin: 20px auto 20px;} .about02warp .text h4{font-size: 18px;color: #ffffff;line-height: 28px;display: block;margin: auto;} .about02warp .text p{font-size: 18px;color: #fff;margin-bottom: 15px;margin-bottom: 60px;} .about02warp .text h5{display: block;width: 100%;box-sizing: border-box;background-color: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.3);position: relative;padding: 50px 100px;font-size: 15px;color: #666666;line-height: 28px;text-align:justify;} .about03warp{width: 100%;box-sizing: border-box;padding-bottom: 30px;} .t-atl{width: 100%;box-sizing: border-box;text-align: center;margin-bottom: 40px;} .t-atl h3{font-size: 30px;color: #00a6e3 ;font-weight:bold;} .t-atl strong{display: block;width: 80px;height: 1px;background-color: #ddd;margin: 30px auto;} .t-atl p{font-size: 15px;color: #666666;} .about03warp .min{width: 100%;background:#00a6e3;height: auto;box-sizing: border-box;padding-top: 30px;position: relative;} .about03warp img{display: block;width: 25%;margin: auto;opacity: 0.2;} .about03warp .swiper-container01{width: 100%;height: 100%;position: absolute;top: 0;left: 0;box-sizing: border-box;padding: 0 10%;padding-top:100px;} .about03warp .swiper-container01 .text{text-align: center;} .about03warp .swiper-container01 .text p{font-size: 15px;color: #ffffff;margin-bottom: 40px;} .about03warp .swiper-container01 .text h3{font-size: 24px;color: #ffffff;} .about03warp .swiper-container01 .text strong{display: block;width: 220px;height: 1px;background-color: rgba(255,255,255,0.5);margin: 30px auto;} .about03warp .swiper-container01 .text h4{font-size: 14px;color: #fff;line-height: 26px;} .about03warp .swiper-button-next,.about03warp .swiper-button-prev{bottom: -25px;transform: none;margin-top: 0px;top: initial;background-size: 15px 15px;width: 50px;height: 50px;background-color: #f7f7f7;box-sizing: border-box;outline: none;z-index: 2;font-size: 24px;color: #333;text-align: center;line-height: 50px;background-image: none;border-radius: 4px;} .about03warp .swiper-button-next{right: 50%;margin-right: -55px; background:url(../images/right.png) no-repeat center #f7f7f7; background-size:50% 50%;} .about03warp .swiper-button-prev{left: 50%;margin-left: -55px; background:url(../images/left.png) no-repeat center #f7f7f7; background-size:50% 50%;} .about04warp{margin: 70px 0;} .about04warp .min a{display: block;position: relative;} .about04warp .min a:nth-of-type(3n){margin-right: 0;} .about04warp .min a .imgboox{width: 100%;box-sizing: border-box;overflow: hidden;} .about04warp .min a .imgboox img{display: block;width: 100%;transition: all .6s;} .about04warp .min a:hover .imgboox img{transform: scale(1.1);} .about04warp .min a .text{width: 100%;box-sizing: border-box;overflow: hidden;padding: 35px 35px 50px;transition: all .3s;} .about04warp .min a .text strong{display: block;width: 100%;height: 2px;background-color: #222222;margin-bottom: 15px;} .about04warp .min a .text h3{font-size: 16px;color: #222222;margin-bottom: 15px;} .about04warp .min a .text p{font-size: 13px;color: rgba(34,34,34,0.7);} .about04warp .min a:hover .text{background-color: #00a6e3 ;} .about04warp .min a:hover .text strong{background-color: #FFFFFF;} .about04warp .min a:hover .text h3{color: #FFFFFF;} .about04warp .min a:hover .text p{color: rgba(255,255,255,0.7);} .about04warp .min a h4{font-size: 18px;color: #ffffff;font-weight: bold;-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr;position: absolute;right: 30px;bottom: 135px;opacity: 0;transition: all .3s;} .about04warp .min a:hover h4{opacity: 1;} .about06warp .service03warp{margin: 0;} /*创始人*/ .foundrewarp{width: 100%;height: auto;box-sizing: border-box;overflow: hidden;background-color: #fff;} .foundrewarp .foundertitle{} /*founder01*/ .founder01{width: 90%;margin: 30px auto;box-sizing: border-box;overflow: hidden;padding: 30px 40px;background-color: #FFFFFF;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;flex-flow: row;-webkit-align-items: center;align-items: center;} .founder01 .left{width: 50%;overflow: hidden;box-sizing: border-box;} .founder01 .left img{display: block;width: 100%;transition: all .6s;} .founder01:hover .left img{transform: scale(1.1);} .founder01 .right{width: 50%;box-sizing: border-box;overflow: hidden;padding: 0 70px 0 110px} .founder01 .right h3{font-size: 30px;color: #222222;margin-bottom: 15px;display: block;vertical-align: bottom;box-sizing: border-box;font-weight:bold;} .founder01 .right>span{display: block;font-size: 16px;color: #222222;padding-bottom: 15px;border-bottom: 1px solid #ddd;margin-bottom: 15px;line-height:26px;font-weight:bold;} .founder01 .right .text{margin-bottom: 20px;} .founder01 .right .text p{font-size: 14px;line-height: 32px;color: #666;position: relative;display: block;box-sizing: border-box;padding-left: 15px;} .founder01 .right .text span{margin-top: 5%;font-size: 14px;line-height: 28px;color: #666;position: relative;display: block;box-sizing: border-box;} .founder01 .right .text p:before{content: '';display: block;width: 5px;height: 5px;background-color: #222222;border-radius: 50%;position: absolute;top: 12px;left: 0;} .f-more{display: block;width: 140px;height: 32px;border-radius: 2em;background-color: #00a6e3;color: #fff;font-size: 12px;text-align: center;line-height: 32px;border: 1px solid #EEEEEE;overflow: hidden;position: relative;z-index: 0;font-weight:bold;cursor:default;} .f-more:after{content: '';display: block;width: 100%;height: 100%;z-index: -1;position: absolute;top: 0;left: -100%;transition: all .3s;background-color: #a8c17a;border-radius: 2em;} .founder02{width: 90%;margin: 30px auto;box-sizing: border-box;overflow: hidden;background-color: #FFFFFF;} .founder02 .min{width: 75%;margin: 70px auto;box-sizing: border-box;text-align: center;} .founder02 .min img{display: block;width: auto;margin: auto;} .founder02 .min h3{display: block;font-size: 24px;color: #222222;font-weight: bold;padding-bottom: 15px;border-bottom: 1px solid #ddd;margin-bottom: 30px;margin-top: 20px;} .founder02 .min h4{font-size: 16px;color: #222222;line-height: 28px;margin-bottom: 30px;} /*发展历程*/ .development01{width: 100%;box-sizing: border-box;background-color: #FFFFFF;padding: 0;position: relative;} .development01 img{display: block;width: 100%;} .d-text{width: 50%;box-sizing: border-box;text-align: left;left: calc((100% - 1200px)/2);position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform:translateY(-50%);} .d-text h3{font-size: 35px;color: #00a6e3;font-weight: bold;margin-bottom: 20px;font-family:'got';} .d-text h4{font-size: 23px;color: #00a6e3 ;font-weight: bold;margin-bottom: 15px;} .d-text strong{display: block;width: 1px;height: 30px;background-color: #cccccc;margin: 20px auto;} .d-text h5{font-size: 15px;color: #666666;line-height: 25px;} .development02{width: 100%;box-sizing: border-box;padding: 0;position: relative;margin-bottom: 120px;overflow: hidden;} .development02 .cont{display: block;width: 100%;box-sizing: border-box;padding: 70px 0;background-color: #f4f6f8;} .development02:before{content: '';display: block;width: 1px;height: calc(100% - 93px);background-color: #ddd;top: 93px;left: 60%;position: absolute;} .development02 .cont .left{width: 60%;float: left;display: flex;justify-content: space-between;padding-left: calc((100% - 1200px)/2);box-sizing: border-box;padding-right: 30px;} .development02 .cont .left h3{font-size: 36px;color: #aaaaaa;font-weight: bold;writing-mode: vertical-lr;writing-mode: tb-lr;width: 10%;} .development02 .cont .left .min{width: 80%;} .development02 .cont .left .min h4{font-size: 22px;color: #222222;font-weight: bold;margin-bottom: 30px;} .development02 .cont .left .min .imgbox{width: 100%;box-sizing: border-box;} .development02 .cont .left .min .imgbox h3{display: block;width: 49%;float: left;margin-right: 2%;overflow: hidden;writing-mode: inherit;} .development02 .cont .left .min .imgbox h3:last-child{margin-right: 0;} .development02 .cont .left .min .imgbox img{display: block;width: 100%;transition: all .6s;} .development02 .cont .left .min .imgbox h3:hover img{transform: scale(1.1);} .development02 .cont .right{display: flex;flex-flow: column;box-sizing: border-box;padding-right: calc((100% - 1200px)/2);width: 40%;} .development02 .cont .right .data{display: flex;align-items: center;} .development02 .cont .right h3{width: 186px;height: 46px;line-height: 46px;text-align: center;line-height: 46px;font-size: 16px;color: #ffffff;background-color: #00a6e3 ;border-radius: 5px;float: left;position: relative;} .development02 .cont .right span{content: '';display: block;width: 40px;height: 1px;background-color: #ddd;} .development02 .cont .right h5{margin-top: 30px;box-sizing: border-box;padding-left: 40px;} .development02 .cont .right h5 p{font-size: 15px;color: #222222;line-height: 26px;position: relative;display: block;box-sizing: border-box;padding-left: 20px;} .development02 .cont .right h5 p:before{content: '';display: block;width: 5px;height: 5px;background-color: #222222;border-radius: 50%;position: absolute;top: 12px;left: 0;} .development02 .cont:nth-of-type(2n){background-color: #FFFFFF;} /*联系我们*/ .section{width:1200px; margin:30px auto;} .yunu-contact-text {float: left;width: 430px;margin: 0;background-color: #f2f2f2;} .yunu-contact-text dt {font-size: 26px;text-align: center;background-color: #00a6e3;color: #fff;line-height: 100px;} .yunu-contact-text dd {padding: 30px 0 30px 100px;line-height: 30px;border-bottom: 1px solid #ddd;margin: 0;background: no-repeat 30px center;} .yunu-contact-text dd.i1 {background-image: url(../images/l1.png)} .yunu-contact-text dd.i2 {background-image: url(../images/l2.png)} .yunu-contact-text dd.i3 {background-image: url(../images/l3.png)} .yunu-contact-map {width:770px; float:right; height:460px;} .yunu-infocontent {margin-bottom: 30px;} .yunu-infocontent-title {margin-bottom: 20px;text-align: center;} .yunu-infocontent-title h1 {margin: 0;font-size: 24px;} .yunu-infocontent-title p {margin: 10px 0 0;font-size: 12px;color: #999;} .yunu-infocontent-title p span {padding: 0 5px;} .yunu-infocontent-desc {margin-bottom: 20px;border: 1px solid #ddd;padding: 20px;} .yunu-infocontent-body {line-height: 2;margin-bottom: 20px;} .yunu-infocontent-body img {max-width: 100% !important;height: auto !important;width: auto !important;} .yunu-infocontent-epx {margin-bottom: 20px;} .yunu-infocontent-epx li {line-height: 32px;margin-bottom: 5px;} .yunu-infocontent-epx li span {display: inline-block;background-color: #A2A2A2;color: #fff;padding: 0 15px;margin-right: 10px;} .yunu-infocontent-epx li em {float: right;font-style: normal;} .yunu-infocontent-return {border-top: 1px solid #333;line-height: 32px;} .yunu-infocontent-return a {margin-right: 10px;} .yunu-infocontent-return .more {margin: 0;float: right;background-color: #333;color: #fff;padding: 0 10px;} .yunu-infocontent-rem {margin-bottom: 20px;} .yunu-infocontent-rem h4 {margin: 0;font-size: 24px;line-height: 55px;} .yunu-infocontent-rem li {border-top: 1px dashed #dbdbdb;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 46px;} .yunu-infocontent-rem li span {float: right;} @keyframes scale { 0% {transform: scale(0.1);opacity: 1;} 25% {transform: scale(0.2);opacity: 1;} 50% {transform: scale(0.6);opacity: 0.5;} 75% {transform: scale(0.8);opacity: 0.1;} 100%{transform: scale(1);opacity: 0.1;} } @-webkit-keyframes scale{ 0% {transform: scale(0.1);-webkit-transform: scale(0.1);opacity: 1;} 25% {transform: scale(0.2);-webkit-transform: scale(0.2);opacity: 1;} 50% {transform: scale(0.6);-webkit-transform: scale(0.6);opacity: 0.5;} 75% {transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.1;} 100%{transform: scale(1);-webkit-transform: scale(1);opacity: 0.1;} } .contact01 .right{width: 50%;position: relative;} .contact01 .right img{display: block;width: 100%;box-sizing: border-box;} .contact01 .right .icon a span{font-size: 14px;color: #444444;} .contact01 .right .icon a label{display: inline-block;width: 10px;height: 10px;position: relative; color: #00a6e3 ;} .contact01 .right .icon a label:before{content: '';width: 100%;height: 100%;background: #00a6e3 ;border-radius: 50%;position: absolute;z-index: 2;} .contact01 .right .icon a label:after{content: '';width: 40px;height: 40px; animation: scale 3s ease-out infinite;-webkit-animation: scale 3s ease-out infinite; background-color: transparent;border: 1px solid #222;border-radius: 50%;position: absolute;left: -16px;top: -16px;} .contact01 .right .icon a{width: 30px;height: 30px;} .contact01 .right .icon a label{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .contact01 .right .icon a span{font-size: 12px;} .contact01 .right .icon a:nth-of-type(1){position: absolute;top: 31%;right: 33%;} .contact01 .right .icon a:nth-of-type(2){position: absolute;top: 34%;right: 31%;} .contact01 .right .icon a:nth-of-type(2) span{position: absolute;right: -25px;bottom: 0;} .contact01 .right .icon a:nth-of-type(3){position: absolute;top: 54%;right: 23%;} .contact01 .right .icon a:nth-of-type(3) span{font-size: 14px;} .contact01 .right .icon a:nth-of-type(4){position: absolute;top: 56%;right: 39%;} .contact01 .right .icon a:nth-of-type(5){position: absolute;top: 60%;right: 55%;} .contact01 .right .icon a:nth-of-type(6){position: absolute;top: 46%;right: 43%;} .contact01 .right .icon a:nth-of-type(7){position: absolute;top: 77%;right: 35%;} .contact01 .right .icon a:nth-of-type(8){position: absolute;top: 64%;right: 39%;} .contact01 .right .icon a:nth-of-type(8) span{position: absolute;left: -25px;bottom: 0;} .contact01 .right .icon a:nth-of-type(9) {position: absolute;bottom: 14%;right: 33%;} .contact02warp{width: 100%;box-sizing: border-box;background-color: #f4f6f8;padding: 100px 0 80px;} .contact02{width: 1200px;box-sizing: border-box;margin: auto;} .contact02 .min{width: 100%;box-sizing: border-box;position: relative;} .contact02 .min a{display: block;width: 100%;box-sizing: border-box;margin-bottom: 30px;box-sizing: border-box;padding: 20px;background-color: #fff;} .contact02 .min a:nth-of-type(3n){margin-right: 0;} .contact02 .min a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;} .contact02 .min a .imgbox img{display: block;width: 100%;transition: all .6s;} .contact02 .min a:hover .imgbox img{transform: scale(1.1);} .contact02 .min a .text{width: 100%;box-sizing: border-box;text-align: center;padding: 30px 0 30px;} .contact02 .min a .text span{font-size: 21px;color: #222222;display: inline-block;margin-bottom: 15px;} .contact02 .min a .text strong{display: block;width: 30px;height: 1px;background-color: #ddd;margin: auto;margin-bottom: 15px;} .contact02 .min a .text h3{font-size: 14px;color: #222222;margin-bottom: 20px;line-height: 20px; min-height: 40px;} .contact02 .min a .text h3 i{font-size: inherit;color: inherit;margin-right: 10px;vertical-align: unset;} .contact02 .min a .text p i{font-size: inherit;color: inherit;margin-right: 10px;vertical-align: unset;} .contact02 .min a .text p{font-size: 14px;color: #222222;} .contact02 .min .swiper-pagination-bullet{border: 1px solid #ddd;background-color: transparent;box-sizing: border-box;width: 10px;height: 10px;opacity: 1;margin-right: 10px;} .contact02 .min .swiper-pagination-bullet:last-child{margin-right: 0;} .contact02 .min .swiper-pagination-bullet-active{background-color: #00a6e3;border-color: #00a6e3;} .contact02 .min .swiper-container-horizontal>.swiper-pagination-bullets, .contact02 .min .swiper-pagination-custom,.contact02 .min .swiper-pagination-fraction{bottom: 0;} .contact02 .min .swiper-pagination{position: relative;width: 100%;} .contact02 .min .swiper-button-next,.contact02 .min .swiper-button-prev{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-radius: 50%;background-color: #FFFFFF;background-image: none;width: 40px;height: 40px;margin-top: -41px;outline: none;} .contact02 .min .swiper-button-next i,.contact02 .min .swiper-button-prev i{font-size: 18px;color: #00a6e3;} .contact02 .min .swiper-button-next{right: -50px;} .contact02 .min .swiper-button-prev{left: -50px;} /*荣誉*/ .honor01warp{width: 100%;box-sizing: border-box;padding: 120px 0;} .honor01warp .honor01{width: 90%;margin: auto;display: flex;justify-content: space-between;align-items: flex-start;max-width:1400px;} .honor01warp .honor01 .left{width: calc((100% - 1px)/2);margin-right: 1px;} .honor01warp .honor01 .left .text{box-sizing: border-box;padding-left: 120px;padding-right: 60px;} .honor01warp .honor01 .left .text h3{font-size: 24px;color: #FFFFFF;line-height: 36px;margin-bottom: 20px;} .honor01warp .honor01 .left .text strong{display: block;width: 80px;background-color: #FFFFFF;height: 1px;margin-bottom: 162px;} .honor01warp .honor01 .left .min{width: 100%;box-sizing: border-box;} .honor01warp .honor01 .left .min a{display: block;width: 100%;background-color: #FFFFFF;box-sizing: border-box;padding: 60px 120px;transition: all .6s;margin-bottom: 1px;} .honor01warp .honor01 .left .min a h3{font-size: 24px;color: #222222;line-height: 40px;text-align: center;margin-bottom: 50px;font-weight:bold;} .honor01warp .honor01 .left .min a .imgbox{width: 100%;overflow: hidden;} .honor01warp .honor01 .left .min a .imgbox img{display: block;width: 100%;transition: all .6s;} .honor01warp .honor01 .left .min a:hover {background-color:#f1f2f3;} .honor01warp .honor01 .right{width: 50%;height: 100%;} .honor01warp .honor01 .right .min{width: 100%;box-sizing: border-box;} .honor01warp .honor01 .right .min a{display: block;width: calc((100% - 1px)/2);float: left;margin-right: 1px;margin-bottom: 1px;box-sizing: border-box;background-color: #FFFFFF;padding: 20px 20px 70px 20px;transition: all .6s;} .honor01warp .honor01 .right .min a:nth-of-type(2n){margin-right: 0;} .honor01warp .honor01 .right .min a .imgbox{width: 100%;overflow: hidden;} .honor01warp .honor01 .right .min a .imgbox img{display: block;width: 100%;transition: all .6s;} .honor01warp .honor01 .right .min a:hover {background-color:#f1f2f3;} .honor01warp .honor01 .right .min a h3{font-size: 18px;line-height: 24px;color: #222222;text-align: center;box-sizing: border-box;padding: 0 40px;margin-top: 20px;min-height: 60px;font-weight:bold;} .honor01warp .honor01 .right .honorfl{width: 100%;box-sizing: border-box;background-color: #00a6e3 ;padding: 30px 70px;display:none;} .honor01warp .honor01 .right .honorfl h3{font-size: 20px;color: #ffffff;margin-bottom: 25px;} .honor01warp .honor01 .right .honorfl .cont{width: 100%;box-sizing: border-box;display: flex;justify-content: space-between;} .honor01warp .honor01 .right .honorfl .cont a{display: block;width: 120px;height: 40px;line-height: 40px;text-align: center;background-color: #FFFFFF;border: 1px solid #FFFFFF;color: #00a6e3 ;font-size: 14px;float: left;transition: all .6s;} .honor01warp .honor01 .right .honorfl .cont a:hover{background-color: #00a6e3 ;color: #FFFFFF;} /*分页*/ .fy{width: 100%;box-sizing: border-box;padding: 30px 0 60px;justify-content: center;flex-flow: row;display: flex;display: -webkit-flex;-webkit-flex-flow: row;-webkit-justify-content: center;} .fy a{display: block;width: auto;min-width: 32px;height: 34px;line-height: 34px;font-size: 14px;color: #b8b8b8;border: 1px solid #b8b8b8;border-radius: 5px;background-color: #FFFFFF;transition: all .3s;margin: 0 2px;text-align: center;box-sizing: border-box;padding: 0 5px;} .fy a:hover{background-color: #00a6e3;border-color: #00a6e3;color: #FFFFFF;} .fy .current{background-color: #00a6e3;border-color: #00a6e3;color: #FFFFFF;width: auto;min-width: 32px;height: 34px;line-height: 34px;font-size: 14px;border-radius: 5px;transition: all .3s;margin: 0 2px;text-align: center;box-sizing: border-box;padding: 0 10px;} .pageinfo,.pagedown,.pageend,.pagefirst,.pageup{display:none !important;} /*新闻*/ .newstop{width: 100%;box-sizing: border-box;display: flex;justify-content: center;flex-flow: row;background-color: #FFFFFF;border-bottom: 1px solid #ddd;margin-bottom: 70px;display: -webkit-flex;-webkit-justify-content: center;-webkit-flex-flow: row;} .newstop a{font-size: 15px;color: #aaaaaa;line-height: 52px;display: block;margin: 0 50px;overflow: hidden;position: relative;} .newstop a:after{content: '';display: block;width: 0%;height: 3px;background-color: #00a6e3 ;left: 0;bottom: 0;position: absolute;transition: all .3s;} .newstop .active{color: #00a6e3 ;} .newstop .active:after{width: 100%;} .newstop a:hover:after{width: 100%;} .news01 .min a{border-bottom: 1px solid #ddd;padding-bottom: 20px; padding-top:20px;} .news01 .min{border: none;margin-bottom: 0; width:1200px; margin:20px auto;} .news01 .fy{padding-top: 0; justify-content: center;} .news01 .min a .left .data{width: 25%;} .infotitle{width: 1200px;height: auto;overflow: hidden;border-bottom: 1px solid #ddd; margin-bottom:20px; margin:10px auto; text-align:left;} .infotitle h1{display: block;width: auto;position: relative;line-height: 56px; font-size:30px;} .infotitle .ftit{ padding:10px; line-height:30px; height:20px; text-align:left; color:#aaaaaa; font-size:12px;} .infocontent{width:1200px; margin:0 auto; padding:40px; text-align:left; font-size:16px; line-height:25px;} .infocontent img{margin:0 auto; text-align:center; vertical-align:middle; max-width:800px;} .infokey{width:1200px; margin:0 auto; padding:40px; text-align:left; font-size:16px; font-weight:bold;} .news_det_bott .content .con{width:677px; margin:0 auto;} .news_det_bott .content .box{padding:60px 0;} .news_det_bott .page_bott{background:#f6f6f6;} .fix { *zoom: 1; *clear: both;} .fix:before, .fix:after { display: table; clear: both; content: '';} .news_det_bott .page_bott{width:1200px; margin:30px auto; height:90px;} .news_det_bott .page_bott .page_prev{float:left; width:46%; border-right:1px solid #c9c9c9; height:90px} .news_det_bott .page_bott .page_next{float:right; width:46%; border-left:1px solid #c9c9c9; height:90px} .news_det_bott .page_bott .box{padding:30px 20px;} .news_det_bott .page_bott .page_prev .page_btn{float:left; padding-left:45px; line-height:30px;} .news_det_bott .page_bott .page_next .page_btn{float:right; padding-right:45px;line-height:30px} .news_det_bott .page_bott .page_btn{margin-right:30px; font-size:16px; color:#797979; position:relative;} .news_det_bott .page_bott .page_btn .icon{position:absolute; width:31px; height:11px; background:url(../images/news_detail.png) no-repeat;top:50%; margin-top:-5px;} .news_det_bott .page_bott .page_prev .page_btn .icon{left:0;} .news_det_bott .page_bott .page_next .page_btn .icon{background-position:-32px 0; right:0} .news_det_bott .page_bott .t{font-size:14px; font-weight:bold; color:#3f3f3f; line-height:30px;} .news_det_bott .page_bott a:hover .t{color:#00a1e9;} .news_det_bott .page_bott .page_center{float:left; width:7%; height:90px; position:relative;} .news_det_bott .page_bott .page_center .icon{position:absolute; left:50%; margin-left:-12px; top:50%; margin-top:-19px; font-size:24px; color:#b5b5b5;color:#b5b5b5;} .news_det_bott .page_bott .page_center:hover .icon .iconfont{color:#00a1e9;} .news_det_bott .page_bott .page_prev:hover .page_btn .icon{left:-5px; transition:.3s ease} .news_det_bott .page_bott .page_next:hover .page_btn .icon{right:-5px; transition:.3s ease;} /*媒体专访*/ .media_container{width:1200px;margin: 20px auto ;} .leftwarp{width: 850px;box-sizing: border-box;overflow: hidden;float: left;border-top: 0px solid #ddd;} .media_container_left{width: 100%;padding-right: 20px;} .media_imgbox{width: 45%;overflow: hidden;box-sizing: border-box;} .media_imgbox img{display: block;width: 100%;transition: all .6s;} .media_container_left a:hover .media_imgbox img{transform: scale(1.1);} .media_container_left a:hover .media_txtbox h3 {color:#00a6e3;} .media_container_left a:hover .media_txtbox font {color:#00a6e3;} .media_container_left a{display: flex;width: 100%;-webkit-justify-content: space-between;display: -webkit-flex;justify-content: space-between;} .singlecontain{padding: 30px 0; border-bottom: 1px solid #ddd; } .media_container_left a .media_txtbox{width: 50%;} .media_txtbox span{font-size: 14px; color:#aaa;text-decoration: underline; margin-bottom: 20px; display: block;} .media_txtbox h3{font-size:18px;color: #222; line-height: 24px; font-weight: bold;margin-bottom: 20px;min-height: 48px;transition: all .6s;} .media_txtbox p{font-size: 14px; line-height: 20px; color: #666;margin-bottom: 50px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;} .media_txtbox font{display: flex;flex-flow: row;justify-content: flex-start;align-items: center;font-size: 13px;color: #222222;transition: all .6s;display: -webkit-flex;-webkit-flex-flow: row;-webkit-justify-content: flex-start;-webkit-align-items: center;} .media_txtbox font i{position: relative;display: block;width: 20px;height: 1px;background-color: #00a6e3;margin-left: 10px;transition: all .6s;} .media_container_left a:hover .media_txtbox font i{width: 30px;} .media_txtbox font i:after{border: solid 1px #00a6e3;border-bottom-width: 0;border-left-width: 0;content: " ";top: 50%;right: 0px;position: absolute;width: 5px;height: 5px;-webkit-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);} .fixedwarp{float: right;width: 286px;} .media_container_right{float: right; width: 286px;} .media_container_right media_container_right_3{box-sizing: inherit;width: 100%;} .media_container_right img{width: 100%;} .media_container_right_2{padding: 30px 0;border-top: 0px solid #ddd;} .right_txt{background-color: #00a6e3 ;} .right_txt h3{font-size: 14px; color: #fff; padding: 30px;line-height: 20px;} .right_txt p{font-size: 12px;color: #fff; opacity:0.5; padding:0 0 30px 30px;} .effect-chico-contain{padding-top: 30px;border-top: 1px solid #ddd;} .effect-chico{display: block;width: 48%;margin-right: 4%;margin-bottom: 4%;position: relative; float: left;overflow: hidden;box-sizing: border-box;} .effect-chico img{width: 100%;transform: scale(1.1);transition: all .4s;} .effect-chico:hover img{transform: scale(1);} .effect-chico:before{position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px; border: 1px solid #fff;content: '';-webkit-transform: scale(1.1); transform: scale(1.1);opacity:0;z-index: 2;transition: all .4s;} .effect-chico:nth-of-type(2n){display: block;width: 48%;margin-right: 0;margin-bottom: 0;} .effect-chico-text{position: absolute;top: 60px;left: 0;width: 100%;text-align: center;transition: all .6s;} .effect-chico-text h3{color: #fff;font-size: 15px;padding-bottom: 15px;text-transform: uppercase;} .effect-chico-text p{position: relative;display: block;width: 20px;height: 1px;background-color: #fff;margin:auto;transition: all .6s;opacity: 0;transform: scale(1.1);} .effect-chico:hover .effect-chico-text p{transform: scale(1);opacity: 1;} .effect-chico:hover .effect-chico-text{top:50px;} .effect-chico-text p:after{border: solid 1px #fff;border-bottom-width: 0;border-left-width: 0;content: " ";top: 50%;right: 0px;position: absolute;width: 5px;height: 5px;-webkit-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);} .effect-chico:hover:before{opacity: 1;transform: scale(0.85);-webkit-transform: scale(0.85);} .media_container .fy{justify-content: flex-start;-webkit-justify-content: flex-start;} .media_container .fy a:first-child{margin-left: 0;} /*activity02warp*/ .activity02warp{width: 100%;box-sizing: border-box;background-color: #FFFFFF;padding: 70px 0 0;} .activity02warp .activity02{width: 1400px;margin: auto;text-align: center;} .activity02warp .activity02 .atitle h3{font-size: 28px;color: #222222;font-weight: bold;margin-bottom: 20px;} .activity02warp .activity02 .atitle strong{display: block;width: 80px;height: 1px;background-color: #ddd;margin: auto;} .activity02warp .activity02 .atitle{margin-bottom: 50px;} .activity02warp .activity02 .min01{width: 100%;box-sizing: border-box;position: relative;} .activity02warp .activity02 .min01 .top{width: 75%;background-color: #00a6e3 ;box-sizing: border-box;padding: 90px 0 100px;position: absolute;left: 0;top: 0;} .activity02warp .activity02 .min01 .top .numtext{width: 33.33%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;position: relative;} .numtext img{display: block;width: auto;box-sizing: border-box;} .numtext .font h3{font-size: 24px;color: #ffffff;margin-bottom: 10px;} .numtext .font p{font-size: 13px;color: #ffffff;white-space: nowrap;} .numtext .font{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);bottom: 20px;text-align: left;} .activity02warp .activity02 .min01 .right{width: 75%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;float: right;margin-top: 50px;} .activity02warp .activity02 .min01 .right a{display: block;width:calc(100%/3);overflow: hidden;box-sizing: border-box;position: relative;} .activity02warp .activity02 .min01 .right a:after{content: '';display: block;width: 1px;height: 100%;position: absolute;right: 0;top: 0;background-color: #FFFFFF;z-index: 2;} .activity02warp .activity02 .min01 .right a:last-child:after{border: none;} .activity02warp .activity02 .min01 .right a img{display: block;width: 100%;transition: all .6s;} .activity02warp .activity02 .min01 .right a:hover img{transform: scale(1.1);} .actext{width: calc(100% - 80px);height: auto;box-sizing: border-box;position: absolute;top: 40px;left: 40px;text-align: left;z-index: 3;} .actext h3{font-size: 18px;color: #ffffff;margin-bottom: 10px;font-weight: bold;} .actext p{font-size: 15px;color: #ffffff;margin-bottom: 25px;letter-spacing: 3px;} .actext span{font-size: 13px;color: rgba(255,255,255,0.7);margin-bottom: 30px;display: block;} .actext strong{display: block;width: 60px;height: 1px;background-color: #FFFFFF;transition: all .3s;} .activity02warp .activity02 .min01 .right a:hover strong{width: 160px;} .actext font{font-size: 18px;color: #FFFFFF;display: block;width: 42px;height: 42px;text-align: center;line-height: 42px;background-color: #00a6e3;margin-top: 30px;opacity: 0;transition: all .6s;} .activity02warp .activity02 .min01 .right a:hover .actext font{opacity: 1;} .activity02warp .activity02 .right a:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.66);transition: all .3s;z-index: 2;} .activity02warp .activity02 .right a:hover:before{background-color: rgba(0,0,0,0.33);} .activity02warp .activity02 .min02{width: 100%;box-sizing: border-box;display: flex;justify-content: space-between;display: -webkit-flex;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;margin: 80px 0;} .activity02warp .activity02 .min02 .right{width: 75%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .activity02warp .activity02 .min02 .right a{display: block;width: calc((100% - 1px)/2);overflow: hidden;position: relative;} .activity02warp .activity02 .min02 .right a img{display: block;width: 100%;transition: all .6s;} .activity02warp .activity02 .min02 .right a:hover img{transform: scale(1.1);} .activity02warp .activity02 .min02 .right a:after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.66);transition: all .3s;z-index: 2;} .activity02warp .activity02 .min02 .right a:hover:after{background-color: rgba(0,0,0,0.33);} .activity02warp .activity02 .min02 .numtext{width: 25%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;position: relative;} .activity02warp .activity02 .min02 .numtext .font h3{color: #222222;} .activity02warp .activity02 .min02 .numtext .font p{color: #222222;} .activity02warp .activity02 .min02 .right a:hover strong{width: 160px;} .activity02warp .activity02 .min02 .right a:hover font{opacity: 1;} .activity02warp .activity02 .min03{width: 100%;box-sizing: border-box;display: flex;justify-content: space-between;display: -webkit-flex;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;margin: 80px 0;} .activity02warp .activity02 .min03 .right{width: 75%;} .activity02warp .activity02 .min03 .right a{width: 100%;overflow: hidden;display: block;position: relative;} .activity02warp .activity02 .min03 .right a img{display: block;width: 100%;transition: all .6s;} .activity02warp .activity02 .min03 .right a:hover img{transform: scale(1.1);} .activity02warp .activity02 .min03 .numtext{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 25%;position: relative;} .activity02warp .activity02 .min03 .numtext .font h3{color: #222222;} .activity02warp .activity02 .min03 .numtext .font p{color: #222222;} .activity02warp .activity02 .min03 .right a:hover strong{width: 160px;} .activity02warp .activity02 .min03 .right a:hover font{opacity: 1;} .activity02warp .activity03{width: 100%;box-sizing: border-box;display: block;position: relative;} .activity02warp .activity03 img{display: block;width: 100%;} .activity02warp .activity03 .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);text-align: center;z-index: 3;} .activity02warp .activity03 .text img{display: block;width: auto} .activity02warp .activity03 .text .font{position: absolute;top: 80%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);left: 50%;} .activity02warp .activity03 .text h3{font-size: 25px;color: #ffffff;font-weight: bold;margin-bottom: 10px;} .activity02warp .activity03 .text p{font-size: 12px;color: #ffffff;margin: 25px 0;} .activity02warp .activity03 .text strong{display: block;width: 330px;height: 1px;background-color: #fff;margin: auto;margin-bottom: 25px;transition: all .3s;} .activity02warp .activity03 .text font{display: block;width: 42px;height: 42px;border: 1px solid #FFFFFF;font-size: 18px;color: #FFFFFF;text-align: center;line-height: 40px;transition: all .3s;margin: auto;} .activity02warp .activity03:hover .text font{background-color: #00a6e3;border-color: #00a6e3;} /*.activity02warp .activity03:hover .text strong{width: 330px;}*/ .activity02warp .activity03:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.33);} /*活动预告*/ .activitinfo01warp{width: 100%;box-sizing: border-box;padding: 70px 0 0;background-color: #FFFFFF;} .activitinfo01warp .activitinfo01{width: 1200px;margin: auto;box-sizing: border-box;display: block;position: relative;} .activitinfo01warp .activitinfo01:before{content: '';display: block;width: 1px;height: 100%;top: 0;left: 75%;position: absolute;background-color: #ddd;} .activitinfo01warp .activitinfo01 .left{width: 70%;border-bottom: 1px solid #ddd;margin-bottom: 40px;float: left;} .activitinfo01warp .activitinfo01 .left a{display: block;width: 46%;float: left;margin-right: 8%;margin-bottom: 60px;} .activitinfo01warp .activitinfo01 .left a:nth-of-type(2n){margin-right: 0;} .activitinfo01warp .activitinfo01 .left a .imgbox{width: 100%;box-sizing: border-box;position: relative;transition: all .3s;} .activitinfo01warp .activitinfo01 .left a .imgbox:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #00a6e3;z-index: 0;transition: all .3s;} .activitinfo01warp .activitinfo01 .left a:hover .imgbox:before{top: 10px;left: -10px;} .activitinfo01warp .activitinfo01 .left a:hover .imgbox{transform:translate(10px,-10px);} .activitinfo01warp .activitinfo01 .left a .imgbox img{display: block;width: 100%;transition: all .6s;position: relative;z-index: 2;} .activitinfo01warp .activitinfo01 .left a .text{width: 100%;box-sizing: border-box;padding: 30px 0;} .activitinfo01warp .activitinfo01 .left a .text h3{font-size: 18px;color: #222222;font-weight: bold;margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .activitinfo01warp .activitinfo01 .left a:hover .text h3{color: #00a6e3;} .activitinfo01warp .activitinfo01 .left a .text p{font-size: 12px;color: #aaaaaa;margin-bottom: 20px;} .activitinfo01warp .activitinfo01 .left a .text p i{width: 1px;height: 12px;display: inline-block;background-color: #aaaaaa;margin: 0 20px;} .activitinfo01warp .activitinfo01 .left a .text h4{font-size: 14px;line-height: 20px;color: #555555;margin-bottom: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .activitinfo01warp .activitinfo01 .left a .text font{display: block;width: 100px;height: 30px;line-height: 30px;text-align: center;font-size: 12px;color: #00a6e3;border: 1px solid #00a6e3;transition: all .3s;position: relative;overflow: hidden;z-index: 0;opacity: 0;} .activitinfo01warp .activitinfo01 .left a .text font:after{content: '';display: block;width: 0%;height: 100%;background-color: #00a6e3;position: absolute;top: 0;left: 0;transition: all .3s;z-index: -1;} .activitinfo01warp .activitinfo01 .left a:hover .text font:after{width: 100%;} .activitinfo01warp .activitinfo01 .left a:hover .text font{color: #FFFFFF;z-index: 1;} .activitinfo01warp .activitinfo01 .left a:hover .text font{opacity: 1;} .activitinfo01warp .activitinfo01 .right{width: 20%;float: right;} .activitinfo01warp .activitinfo01 .right>h3{display: block;width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;font-size: 15px;color: #ffffff;background-color: #00a6e3 ;height: 52px;-webkit-align-items: center;align-items: center;} .activitinfo01warp .activitinfo01 .right>h3 i{font-size: 18px;color: #FFFFFF;margin-right: 10px;} .activitinfo01warp .activitinfo01 .right .min{width: 100%;box-sizing: border-box;} .activitinfo01warp .activitinfo01 .right .min li{display: block;width: 100%;padding: 0 20px;box-sizing: border-box;border-bottom: 1px solid #ddd;} .activitinfo01warp .activitinfo01 .right .min li>a{display: flex;display: -webkit-flex;-webkit-align-items: center;-webkit-justify-content: space-between;align-items: center;justify-content: space-between;height: 54px;font-size: 15px;color: #222222;font-weight: bold;} .activitinfo01warp .activitinfo01 .right .min li>a:after{content: '+';font-size: 14px;color: #00a6e3 ;font-weight: bold;} .activitinfo01warp .activitinfo01 .right .min .active>a:after{content: '-';font-size: 14px;color: #00a6e3 ;font-weight: bold;} .activitinfo01warp .activitinfo01 .right .min .iteminfo{width: 100%;box-sizing: border-box;padding: 20px 30px;border-bottom: 1px solid #ddd;display: none;} .activitinfo01warp .activitinfo01 .right .min .iteminfo a{display: block;width: 100%;box-sizing: border-box;font-size: 14px;color: #666666;line-height: 30px;} .activitinfo01warp .activitinfo01 .right .min .iteminfo a:hover{color: #222;text-decoration: underline;} .activitinfo01warp .activitinfo01 .fy{justify-content: flex-start;-webkit-justify-content: flex-start;} /*文章*/ /*article01warp*/ .article01warp{width: 100%;box-sizing: border-box;background-color: #FFFFFF; padding: 40px calc(50% - 660px);} .article01warp .article01{width: 100%;box-sizing: border-box;position: relative;} .article01warp .article01:before{content: '';display: block;width: 30%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;background-size: auto 100%;} .article01warp .article01 .min{width: 1200px;margin: auto;box-sizing: border-box;position: relative;z-index: 2;padding: 50px 0;} .article01warp .article01 .min .artitle{margin-bottom: 20px;text-transform: uppercase;} .article01warp .article01 .min .artitle h3{font-size: 22px;color: #ffffff;margin-bottom: 10px;} .article01warp .article01 .min .artitle p{font-size: 14px;color: #ffffff;} .article01warp .article01 .min a{width: 100%;display: block;background-color: #FFFFFF;} .article01warp .article01 .min a .left{width: 50%;float: left;} .article01warp .article01 .min a .left img{display: block;width: 100%;} .article01warp .article01 .min a .right{width: calc(50% - 80px);box-sizing: border-box;float: right;position: absolute;right: 0;top: 0;height: 100%;border-bottom: 1px solid #ddd;} .article01warp .article01 .min a .right h3{font-size: 14px;color: #aaaaaa;font-weight: bold;margin-bottom: 30px;} .article01warp .article01 .min a .right h3 i{display: inline-block;width: 1px;height: 14px;vertical-align: middle;margin: 0 10px;background-color: #aaa;} .article01warp .article01 .min a .right h4{font-size: 30px;color: #222222;line-height: 36px;font-weight: bold;margin-bottom: 30px;} .article01warp .article01 .min a .right h5{font-size: 15px;color: #666666;line-height: 24px;margin-bottom: 30px;} .article01warp .article01 .min a .right font{width: 160px;height: 40px;line-height: 40px;background-color: transparent;margin: 0;color: #00a6e3;font-size: 12px;} .article01warp .swiper-pagination{width: 50%;left: initial;right: 0;padding-left: 80px;text-align: left;box-sizing: border-box;} .article01warp .swiper-pagination-bullet{background-color: #bbbbbb;opacity: 1;} .article01warp .swiper-pagination-bullet-active{background-color: #00a6e3;} .article02warp{width: 100%;box-sizing: border-box;background-color: #f6f4f7;padding: 20px 0;} .article02warp .article02{width: 1200px;margin: auto;} .article02warp .article02 .artitle02{width: 100%;box-sizing: border-box;position: relative;text-align: center;margin-bottom: 30px;} .article02warp .article02 .artitle02:before{content: '';display: block;width: 100%;height: 1px;background-color: #cccccc;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 0;} .article02warp .article02 .artitle02 span{font-size: 24px;color: #222222;padding: 0 30px;z-index: 3;background-color: #f6f4f7;position: relative;} .article02warp .min{width: 100%;box-sizing: border-box;} .article02warp .min .item{width: 100%;box-sizing: border-box;padding: 20px 80px;background-color: #fff;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;transition: all .3s;margin-bottom: 30px;} .article02warp .min .item .left .arttitle{padding: 10px 0;padding-right: 60px;border-right: 1px solid #ddd;margin-right: 60px;width:150px;} .article02warp .min .item .left .arttitle p{font-size: 14px;color: #00a6e3;font-weight: bold;margin-bottom: 20px;} .article02warp .min .item .left .arttitle span{font-size: 12px;color: #888888;} .article02warp .min .item .left{display: flex;justify-content: flex-start;-webkit-justify-content: flex-start;-webkit-align-items: center;align-items: center;width: 80%;display: -webkit-flex;} .article02warp .min .item .left .info{width: 70%;display: flex;flex-flow: column;justify-content: center;display: -webkit-flex;-webkit-justify-content: center;-webkit-flex-flow: column;} .article02warp .min .item .left .info h3{font-size: 18px;color: #222222;margin-bottom: 10px;} .article02warp .min .item .left .info h4{font-size: 13px;color: rgba(255,255,255,0.7);line-height: 18px;display: none;opacity: 0;transition: all .6s;} .article02warp .min .item:hover{background-color: #00a6e3;} .article02warp .min .item:hover .left .info h3{color: #FFFFFF;} .article02warp .min .item:hover .left .arttitle p{color: #FFFFFF;} .article02warp .min .item:hover .left .arttitle span{color: #FFFFFF;} .article02warp .min .item:hover .left .info h4{display: block;opacity: 1;} .article02warp .fy{padding-bottom: 0;} .article01warp .article01 .min a .right font:hover{background-color: #00a6e3;color: #fff;} /*产业服务*/ .industry01warp{width: 75%;margin: 40px auto;position: relative;overflow: hidden;box-sizing: border-box;padding: 50px 0; background:#00a6e3;} .industry01warp:after{content: '';display: block;width: 70%;height: 100%;position: absolute;box-sizing: border-box;right: 0;top: 0;background-color: #f5f6f8;} .industry01warp .industry01{width: 90%;position: relative;z-index: 2; min-height:50px;} .industry01warp .industry01 img{display: block;width: 100%;} .industry01warp .industry01 .text{width: 40%;position: absolute;left: 115px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .industry01warp .industry01 .text strong{display: block;width: 60px;height: 2px;background-color: #FFFFFF;margin-bottom: 25px;} .industry01warp .industry01 .text h3{font-size: 22px;color: #ffffff;line-height: 36px;text-align: justify;} .industry01warp .industry01 .abox{width: 365px;height: auto;box-sizing: border-box;padding: 45px 60px;background-color: #000 ;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: -60px;} .industry01warp .industry01 .abox a{font-size: 15px;color: #dddddd;width: 50%;float: left;margin-bottom: 25px;box-sizing: border-box;padding-left: 15px;position: relative;} .industry01warp .industry01 .abox .active:before{content: '';display: block;width: 2px;height: 16px;position: absolute;left: 0;top: 0;background-color: #FF0;} .industry01warp .industry01 .abox a:last-child{margin-bottom: 0;} /*industry02*/ .industry02{width: 1200px;margin: 80px auto;box-sizing: border-box;overflow: hidden;} .industrytext{text-align: center;} .industrytext h3{font-size: 22px;color: #00a6e3 ;font-weight: bold;margin-bottom: 20px;} .industrytext p{font-size: 14px;color: #666666;margin-bottom: 60px;} .industry02 .min{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} .industry02 .min li{width: 33.33%;} .industry02 .min li img{display: block;width: auto;max-width: 90%;margin: auto;} .industry02 .min li .item{margin-bottom: 60px;border-right: 1px solid #ddd;text-align: right;padding: 10px 0;padding-right: 30px;box-sizing: border-box;position: relative;} .industry02 .min li .item:last-child{margin-bottom: 0;} .industry02 .min li .item:before{content: '';display: block;width: 3px;height: 20px;position: absolute;right: -1.5px;top: 10px;background-color: #00a6e3;} .industry02 .min li .item h3{font-size: 20px;color: #222222;font-weight: bold;margin-bottom: 20px;} .industry02 .min li .item h4{font-size: 15px;color: #666666;line-height: 24px;min-height: 48px;} .industry02 .min li:last-child .item{padding-right: 0;padding-left: 30px;border-right: none;border-left: 1px solid #ddd;text-align: left;} .industry02 .min li:last-child .item:before{left: -1.5px;} /*industry03warp*/ .industry03warp{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;padding-top: 70px;} .industry03warp img{display: block;width: 100%;position: absolute;top: 0;left: 0;} .industry03warp .industry03{width: 1200px;margin: auto;box-sizing: border-box;position: relative;z-index: 2;padding-bottom: 100px;} .industry03warp .industry03 .industrytext h3,.industry03warp .industry03 .industrytext p{color: #FFFFFF;} .industry03warp .industry03 .min{width: 100%;background-color: #FFFFFF;padding: 60px 150px;position: relative;box-shadow: 0px 0px 10px rgba(102,102,102,0.3);box-sizing: border-box;} .industry03warp .industry03 .min .title{font-size: 20px;color: #222222;margin-bottom: 40px;font-weight: bold;text-align: center;} .industry03warp .industry03 .min ul{margin-bottom: 70px;} .industry03warp .industry03 .min ul li{width: 27.66%;float: left;margin-right: 8%;background-color: #f7f7f7;border-radius: 10px;border: 1px solid #dddddd;text-align: center;box-sizing: border-box;padding: 30px 25px 40px;min-height: 288px;} .industry03warp .industry03 .min ul li h3{font-size: 18px;color: #222222;font-weight: bold;} .industry03warp .industry03 .min ul li strong{display: block;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 8px solid #333333;margin: 5px auto 15px;} .industry03warp .industry03 .min ul li h4{border-top: 1px solid #ddd;padding-top: 20px;font-size: 14px;color: #666666;line-height: 24px;} .industry03warp .industry03 .min ul li:last-child{margin-right: 0;} .industry03warp .industry03 .min .bot{width: 100%;box-sizing: border-box;position: absolute;bottom: 0;left: 0;top: initial;} .industry03warp .industry03 .min .text{width: 60%;box-sizing: border-box;text-align: center;margin: auto;} .industry03warp .industry03 .min .text h3{font-size: 18px;color: #222222;font-weight: bold;} .industry03warp .industry03 .min .text strong{display: block;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #333333;margin: 10px auto 20px;} .industry03warp .industry03 .min .text h4{border-top: 1px solid #ddd;padding-top: 20px;font-size: 14px;color: #666666;line-height: 28px;margin-bottom: 30px;} .industry04{width: 1200px;margin: 0 auto 100px} .industry04 .text{text-align: center;} .industry04 .text span{font-size: 14px;color: #666666;margin-bottom: 10px;display: block;} .industry04 .text p{font-size: 22px;color: #00a6e3 ;font-weight: bold;margin-bottom: 50px;text-align: center;} .industry04 .min{width: 100%;box-sizing: border-box;} .industry04 .min a{display: block;width: 24.25%;float: left;position: relative;margin-right: 1%;box-sizing: border-box;} .industry04 .min a:last-child{margin-right: 0;} .industry04 .min a img{display: block;width: 100%;} .industry04 .min a .text{width: 100%;height: 100%;box-sizing: border-box;padding: 30px;display: flex;justify-content: space-between;display: -webkit-flex;-webkit-justify-content: space-between;-webkit-flex-flow: column;flex-flow: column;position: absolute;top: 0;left: 0;text-align: left;z-index: 2;} .industry04 .min a .text .font h3{font-size: 18px;color: #ffffff;margin-bottom: 10px;} .industry04 .min a .text .font p{font-size: 14px;color: #ffffff;text-transform: uppercase;text-align: left;} .industry04 .min a .text font{display: block;width: 100px;height: 32px;box-sizing: border-box;border: 1px solid #FFFFFF;border-radius: 5px;color: #FFFFFF;text-align: center;line-height: 30px;font-size: 12px;transition: all .3s;} .industry04 .min a:hover .text font{background-color: #FFFFFF;color: #222222;} .industry04 .min a:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.6);z-index: 1;transition: all .6s;} .industry04 .min a:hover:before{opacity: 0;} /*idea02*/ .idea02{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;padding-top: 90px;margin-bottom: 30px;margin-top: 0px;} .idea02 .idea02bg{width: 100%;box-sizing: border-box;display: block;position: absolute;top: 0;left: 0;} .idea02 .industrytext{position: relative;z-index: 2;margin-bottom: 80px;} .idea02 .industrytext h3,.idea02 .industrytext p{color: #FFFFFF;text-transform: uppercase;} .idea02 .min{width: 100%;position: relative;display: -webkit-flex;-webkit-justify-content: center;justify-content: center; margin:30px auto;} .idea02 .min a{display: block;width: 300px;height: auto;box-sizing: border-box;padding: 50px 30px;background-color: #00a6e3 ;border-radius: 10px;text-align: center;margin-right: 25px;} .idea02 .min a:last-child{margin-right: 0;} .idea02 .min a img{display: block;width: auto;margin: auto;} .idea02 .min a strong{width: 100%;height: 1px;display: block;background-color: rgba(255,255,255,0.5);margin: 20px 0;} .idea02 .min a h3{font-size: 20px;color: #ffffff;margin-bottom: 20px;} .idea02 .min a p{font-size: 13px;color: rgba(255,255,255,0.7);text-transform: uppercase;} .idea03{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;margin-bottom: 90px;} .idea03 strong{display: block;width: 2px;height: 30px;background-color: #ddd;margin: auto;} .idea03 .title{font-size: 16px;color: #666666;text-align: center;margin: 30px auto;color:#00a6e3 ;} .idea03 .min{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;} .idea03 .min .item{width: 340px;height: 340px;border: 1px solid #ddd;border-radius: 50%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;align-items: center;-webkit-align-items: center;position: relative;margin-right: -20px;} .idea03 .min .item:last-child{margin-right: 0;} .idea03 .min .item span{display: inline-block;font-size: 18px;color: #aaaaaa;padding: 0 10px;background-color: #FFFFFF;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);top: -9px;} .idea03 .min .item .text{text-align: center;} .idea03 .min .item .text h3{font-size: 20px;color: #222222;margin-bottom: 10px;font-weight: bold;} .idea03 .min .item .text p{font-size: 13px;color: #aaaaaa;margin-bottom: 30px;} .idea03 .min .item .text h4{font-size: 15px;color: #666666;line-height: 24px;min-height: 72px;} .idea04warp{width: 100%;box-sizing: border-box;padding: 90px 0;background-size: 100%;margin-bottom: 70px;} .idea04warp .idea04{width: 1200px;height: auto;overflow: hidden;box-sizing: border-box;margin: auto;} .idea04warp .idea04 .industrytext h3,.idea04warp .idea04 .industrytext p{color: #FFFFFF;text-transform: uppercase;} .idea04warp .idea04 .min{width: 100%;box-sizing: border-box;} .idea04warp .idea04 .min .item{width: 25%;float: left;text-align: center;} .idea04warp .idea04 .min .item img{display: block;width: auto;margin: auto;} .idea04warp .idea04 .min .item h3{font-size: 18px;color: #FFFFFF;font-weight: bold;margin-top: 25px;margin-bottom: 10px;} .idea04warp .idea04 .min .item h4{font-size: 15px;color: #FFFFFF;margin-bottom: 10px;} .idea04warp .idea04 .min .item h5{font-size: 12px;color: #FFFFFF;opacity: 0.7;} /*管理业务*/ .manage01warp{width: 100%;box-sizing: border-box;padding: 0;margin-top: 70px;} .manage01warp .industrytext h3{color: #00a6e3 ;} .manage01warp .industrytext{margin-bottom: 40px;} .manage01warp .tab{width: 1200px;margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;padding: 0 100px;margin-bottom: 90px;} .manage01warp .tab a{display: block;width: 25%;box-sizing: border-box;position: relative;text-align: center;} .manage01warp .tab a:last-child .imgbox:after{content: '';display: block;width: 1px;height: 30px;background-color: #dddddd;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .manage01warp .tab a .imgbox{width: 100%;box-sizing: border-box;position: relative;} .manage01warp .tab a .imgbox:before{content: '';display: block;width: 1px;height: 30px;background-color: #dddddd;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .manage01warp .tab a .imgbox img{display: block;width: auto;margin: auto;height: 86px;} .manage01warp .tab a p{font-size: 18px;color: #00a6e3 ;font-weight: bold;margin: 20px 0 0;padding: 0 40px;padding-bottom: 50px;position: relative;} .manage01warp .tab a p:before{content: '';display: block;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #00a6e3 ;position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);opacity: 0;visibility: hidden;transition: all .3s;} .manage01warp .tab a p:after{content: '';display: block;width: 0%;height: 2px;background-color: #00a6e3 ;position: absolute;left: 40px;bottom: 0;transition: all .3s;} .manage01warp .tab a:hover p:after{width: calc(100% - 80px);} .manage01warp .tab a:hover p:before{opacity: 1;visibility: visible;} .manage01warp .tab a:hover p{color: #222222;} .manage01warp .tab .aactive p:after{width: calc(100% - 80px);} .manage01warp .tab .aactive p{color: #222222;} .manage01warp .tab .aactive p:before{opacity: 1;visibility: visible;} .minwarp{width: 100%;box-sizing: border-box;background-color: #f5f6f8;box-sizing: border-box;padding: 0 calc((100% - 1200px)/2);padding-bottom: 90px;} .minwarp .min{width: 100%;margin: -90px auto 0;background-color: #FFFFFF;padding: 80px 90px;box-shadow: 0px 0px 5px rgba(102,102,102,0.5);float: left;box-sizing: border-box;} .minwarp .min .item{width: 100%;box-sizing: border-box;display: none;} .minwarp .min .item:first-child{display: block;} .minwarp .min .item .topline{position: relative;display: block;width: 100%;margin-bottom: 30px;} .minwarp .min .item .topline:after{content: '';display: block;width: 100%;height: 1px;background-color: #dddddd;position: absolute;top: 50%;left: 0;margin-top: 1px;} .minwarp .min .item .topline span{display: inline-block;font-size: 14px;color: #00a6e3;font-weight: bold;background-color: #FFFFFF;position: relative;z-index: 2;padding-right: 30px;} .minwarp .min .item .topline span:after{content: '';display: inline-block;width: 100px;height: 1px;background-color: #00a6e3;margin-left: 10px;vertical-align: middle;} .minwarp .min .item .toptitle{font-size: 22px;color: #222222;font-weight: bold;margin-bottom: 40px;} .minwarp .min .item h4{font-size: 15px;color: #666666;line-height: 24px;} .minwarp .min .item ul{width: 100%;box-sizing: border-box;margin: 40px 0;} .minwarp .min .item ul li{width: 24.25%;height: auto;box-sizing: border-box;padding: 20px 25px;background-color: #f1f1f2;float: left;margin-right: 1%;min-height: 128px;margin-bottom: 1%;min-height: 174px;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;flex-flow: column;-webkit-flex-flow:column;} .minwarp .min .item ul li:nth-child(4n){margin-right: 0;} .minwarp .min .item ul li h3{font-size: 16px;color: #222222;font-weight: bold;margin-bottom: 10px;} .minwarp .min .item ul li p{font-size: 14px;color: #666666;position: relative;box-sizing: border-box;padding-left: 12px;margin-bottom: 10px;} .minwarp .min .item ul li p:before{content: '';display: block;width: 6px;height: 1px;position: absolute;left: 0;top: 6.5px;background-color: #666666;} .minwarp .min .item ul li p:last-child{margin-bottom: 0;} /*manage02warp*/ .manage02warp{width: 100%;box-sizing: border-box;overflow: hidden;padding: 80px 0 80px;background-size: 100%;} .manage02warp .manage02{width: 1200px;margin: auto;box-sizing: border-box;} .manage02warp .manage02 .industrytext{position: relative;z-index: 2;} .manage02warp .manage02 .industrytext h3{color: #FFFFFF;} .manage02warp .manage02 .industrytext p{color: #FFFFFF;} .manage02warp .manage02 .industrytext_2 p{margin-bottom:20px;} .manage02warp .manage02 .industrytext strong{display: block;width: 1px;height: 60px;background-color: #aaaaaa;margin: auto;} .manage02warp .manage02 .min{width: 100%;box-sizing: border-box;padding: 80px 0;background-color: #FFFFFF;box-shadow: 0px 0px 5px rgba(102,102,102,0.5);margin-top: -30px;position: relative;z-index: 1;} .manage02warp .manage02 .min .textbg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} .manage02warp .manage02 .min .roundwarp{width: 490px;margin: auto;box-sizing: border-box;position: relative;} /*one*/ .manage02warp .manage02 .min .roundwarp .one{width: 100%;height: 490px;border: 1px solid #aaaaaa;border-radius: 50%;position: relative;} .manage02warp .manage02 .min .roundwarp .one img{display: block;width: 50px;position: absolute;} .manage02warp .manage02 .min .roundwarp .one img:nth-of-type(1){top: -25px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .manage02warp .manage02 .min .roundwarp .one img:nth-of-type(2){top: 20%;right: 12px;} .manage02warp .manage02 .min .roundwarp .one img:nth-of-type(3){bottom: 20%;right: 12px;} .manage02warp .manage02 .min .roundwarp .one img:nth-of-type(4){bottom: -25px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .manage02warp .manage02 .min .roundwarp .one img:nth-of-type(5){bottom: 20%;left: 12px;} .manage02warp .manage02 .min .roundwarp .one img:nth-of-type(6){top: 20%;left: 12px;} /*two*/ .manage02warp .manage02 .min .roundwarp .two{width: 400px;height: 400px;background-color: #00a6e3 ;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 0;} .manage02warp .manage02 .min .roundwarp .two .line{width: 100%;height: 100%;position: absolute;border-radius: 50%;overflow: hidden;z-index: 2;} .manage02warp .manage02 .min .roundwarp .two .line strong{width: 100%;height: 1px;background-color: #3ea384;position: absolute;} .manage02warp .manage02 .min .roundwarp .two .line strong:nth-of-type(1){top: 50%;transform: rotate(360deg);} .manage02warp .manage02 .min .roundwarp .two .line strong:nth-of-type(2){top: 50%;transform: rotate(60deg);} .manage02warp .manage02 .min .roundwarp .two .line strong:nth-of-type(3){top: 50%;transform: rotate(120deg);} .manage02warp .manage02 .min .roundwarp .two .text{width: 100%;height: 100%;box-sizing: border-box;position: absolute;top: 0;left: 0;border-radius: 50%;z-index: 3;} .manage02warp .manage02 .min .roundwarp .two .text h3{position: absolute;text-align: center;width: 20%;} .manage02warp .manage02 .min .roundwarp .two .text h3 span{font-size: 16px;color: rgba(255,255,255,0.5);display: inline-block;margin-bottom: 10px;} .manage02warp .manage02 .min .roundwarp .two .text h3 p{font-size: 15px;color: #FFFFFF;font-weight: bold;line-height: 24px;} .manage02warp .manage02 .min .roundwarp .two .text h3:nth-of-type(1){top: 40px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .manage02warp .manage02 .min .roundwarp .two .text h3:nth-of-type(2){top: 24%;right: 35px;} .manage02warp .manage02 .min .roundwarp .two .text h3:nth-of-type(3){bottom: 26%;right: 35px;} .manage02warp .manage02 .min .roundwarp .two .text h3:nth-of-type(4){bottom: 40px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .manage02warp .manage02 .min .roundwarp .two .text h3:nth-of-type(5){bottom: 26%;left: 35px;} .manage02warp .manage02 .min .roundwarp .two .text h3:nth-of-type(6){top: 26%;left: 35px;} /*three*/ .manage02warp .manage02 .min .roundwarp .three{width: 192px;height: 192px;border-radius: 50%;box-sizing: border-box;background-color: #FFFFFF;border: 10px solid #3ea384;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} .manage02warp .manage02 .min .roundwarp .three p{font-size: 15px;color: #222222;line-height: 24px;text-align: center;box-sizing: border-box;padding: 0 10px} /* 战略管理 */ .zlgl02wrap{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;padding: 70px 0;} .zlgl02wrap::after{content: '';display: block;width: 60%;box-sizing: border-box;background-color: #f5f6f8;height: 100%;position: absolute;right: 0;top: 0;} .zlgl02wrap .zlgl02{width: 100%;position: relative;z-index: 1;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .zlgl02wrap .zlgl02 .left{width: 50%;position: relative;overflow: hidden;} .zlgl02wrap .zlgl02 .left img{display: block;width: 100%;} .zlgl02wrap .zlgl02 .right{width: 50%;box-sizing: border-box;padding-right: calc((100% - 1200px)/2);padding-left: 70px;padding-top: 60px;} .zlgl02wrap .zlgl02 .right ul li{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;} .zlgl02wrap .zlgl02 .right ul li a{display: block;width: 100%;height: 70px;line-height: 70px;box-sizing: border-box;padding: 0;font-size: 18px;color: #222222;position: relative;} .zlgl02wrap .zlgl02 .right ul li .info{width: 100%;box-sizing: border-box;border-top: 1px solid #ddd;padding: 30px 0 20px;display: none;} .zlgl02wrap .zlgl02 .right ul li .info .cont{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .zlgl02wrap .zlgl02 .right ul li .info .cont p{width: 100%;margin-bottom: 10px;position: relative;padding-left: 20px;font-size: 15px;color: #666666;box-sizing: border-box;line-height:18px;} .zlgl02wrap .zlgl02 .right ul li .info .cont p::before{content: '';display: block;width: 10px;height: 1px;background-color: #666666;position: absolute;left: 0;top: 8px;} .zlgl02wrap .zlgl02 .right ul li:first-child a{border-top: 1px solid #ddd;} .zlgl02wrap .zlgl02 .right ul li a::after{content: '+';display: block;position: absolute;right: 0;top: 0;font-size: 20px;color: #00a6e3 ;} .zlgl02wrap .zlgl02 .right ul li a.active::after{content: '-';} .zlgl02wrap .zlgl02 .right ul li:first-child .info{display: block;} /* zlgl03 */ .zlgl03{width: 1200px;margin: 80px auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .zlgl03 .text{width: 50%;box-sizing: border-box;padding-right: 50px;} .zlgl03 .text h3{font-size: 20px;color: #00a6e3 ;font-weight: bold;margin-bottom: 30px;} .zlgl03 .text h4{font-size: 15px;color: #666666;line-height: 30px;} .zlgl03 .imgbox{width: 50%;box-sizing: border-box;overflow: hidden;} .zlgl03 .imgbox img{display: block;width: 100%;} .zlgl04{margin-bottom: 100px;} .business01warp{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;margin: 80px 0;} .business01warp>img{display: block;width: auto;box-sizing: border-box;position: absolute;} .business01warp .Limg{left: 0;top: 0;transform: rotateZ(180deg);-webkit-transform: rotateZ(180deg);} .business01warp .Rimg{right: 0;top: 0;} .business01warp .business01{width: 1200px;box-sizing: border-box;overflow: hidden;margin: auto;padding: 0 200px} .business01warp .business01 .sjimg{display: none;} .business01warp .business01 .text{text-align: center;} .business01warp .business01 .text h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 10px;} .business01warp .business01 .text p{font-size: 14px;color: #666666;text-transform: uppercase;font-weight: bold;margin-bottom: 20px;} .business01warp .business01 .text h4{font-size: 18px;color: #222222;font-weight: bold;padding-bottom: 30px;border-bottom: 1px solid #ddd;margin-bottom: 40px;} .business01warp .business01 .tzgg01 h4{border-bottom: 1px solid #ddd;padding-bottom: 30px;} .business01warp .business01 .text h4 i{display: inline-block;background-color: #222;width: 4px;height: 4px;border-radius: 50%;margin: 0 14px;vertical-align: middle;} .business01warp .business01 .imgbox{width: 100%;box-sizing: border-box;position: relative;} .business01warp .business01 .imgbox img{display: block;width: 100%;} .business01warp .business01 .imgbox .text01 p{width: 78px;height: 78px;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;align-items: center;-webkit-align-items:center;border-radius: 50%;position: absolute;text-align: center;} .business01warp .business01 .imgbox .text01 p span{font-size: 15px;line-height: 18px;color: #666666;} .business01warp .business01 .imgbox .text01 p:nth-of-type(1){bottom: 21%;} .business01warp .business01 .imgbox .text01 p:nth-of-type(2){bottom: 38%;left: 0.8%;} .business01warp .business01 .imgbox .text01 p:nth-of-type(3){bottom: 70%;left:14%;} .business01warp .business01 .imgbox .text01 p:nth-of-type(4){top: 6%;left: 23%;} .business01warp .business01 .imgbox .text01 p:nth-of-type(5){top: 1%;right: 29.2%;} .business01warp .business01 .imgbox .text01 p:nth-of-type(6){top: 8%;right: 19.6%;} .business01warp .business01 .imgbox .text01 p:nth-of-type(7){top: 19.5%;right: 12%;} .business01warp .business01 .imgbox .text01 p:nth-of-type(8){bottom: 38%;right: 2%} .business01warp .business01 .imgbox .text01 p:nth-of-type(9){bottom: 20.8%;right: 0} .business01warp .business01 .imgbox .text02 p{position: absolute;width: 105px;height: 105px;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;align-items: center;-webkit-align-items:center;border-radius: 50%;position: absolute;text-align: center;} .business01warp .business01 .imgbox .text02 p span{font-size: 16px;color: #ffffff;line-height: 20px;} .business01warp .business01 .imgbox .text02 p:nth-of-type(1){bottom: 15%;left: 19.4%;} .business01warp .business01 .imgbox .text02 p:nth-of-type(2){bottom: 48%;left: 30.2%;} .business01warp .business01 .imgbox .text02 p:nth-of-type(3){bottom: 48%;left: 56.2%;} .business01warp .business01 .imgbox .text02 p:nth-of-type(4){bottom: 15%;right: 21.5%;} .business01warp .business01 .imgbox .text03{position: absolute;width: 105px;height: 105px;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;align-items: center;-webkit-align-items:center;border-radius: 50%;position: absolute;text-align: center;bottom: 18%;left: 43.2%;} .business01warp .business01 .imgbox .text03 p{font-size: 22px;color: #222222;font-weight: bold;text-align: center;} .business01warp .business01 .imgbox .text03 p span{font-size: 13px;color: #222222;display: inline-block;margin-top: 10px;} .business02warp{width: 100%;box-sizing: border-box;background-color: #f0f0f0;padding: 80px 0;} .business02warp .industry04{margin-bottom: 0;} /* 体制改革 */ /* tzgg01 */ .tzgg01,.zlgl01{width: 790px;margin: 80px auto;box-sizing: border-box;text-align: center;} .tzgg01 h3,.zlgl01 h3{font-size: 24px;margin-bottom: 30px;color: #00a6e3 ;font-weight: bold;} .tzgg01 h4,.zlgl01 h4{font-size: 15px;color: #666666;line-height: 30px;} /* tzgg02 */ .tzgg02{width: 1200px;margin: 80px auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .tzgg02 .imgbox{width: 40%;overflow: hidden;display: block;} .tzgg02 .imgbox img{display: block;width: 100%;} .tzgg02 .rigth{width: 60%;box-sizing: border-box;padding: 60px 60px 0;position: relative;} .tzgg02 .rigth .text{width: 100%;box-sizing: border-box; text-align:left;} .tzgg02 .rigth .text .top{width: 100%;box-sizing: border-box;display: -webkit-flex;-webkit-justify-content: space-between;display: flex;justify-content: space-between;padding-bottom: 20px;border-bottom: 1px solid #ddd;margin-bottom: 20px;white-space: nowrap;} .tzgg02 .rigth .text .top h3{font-size: 20px;color: #00a6e3 ;font-weight: bold;} .tzgg02 .rigth .text .top font{font-size: 18px;color: #222222;} .tzgg02 .rigth .text ul li h3{font-size: 16px;color: #222222;font-weight: bold;margin-bottom: 10px;} .tzgg02 .rigth .text ul li h4{font-size: 15px;color: #666666;line-height: 28px;} .tzgg02 .rigth .text ul li{margin-bottom: 30px;} .tzgg02 .rigth .text ul li:last-child{margin-bottom: 0;} .page02 .swiper-button-next,.page02 .swiper-button-prev{width: 60px;height: 2px;position: relative;background-color: #222;position: relative;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;top: 0;margin-top: 0;right: 0;left: 0;outline: none;} .page02 .swiper-button-next:before{content: '';display: block;width: 6px;height: 6px;border-top: 2px solid #222;border-right: 2px solid #222;transform: rotate(45deg);position: absolute;right: 0;-webkit-transform: rotate(45deg);top: -3px;} .page02 .swiper-button-prev:after{content: '';display: block;width: 6px;height: 6px;border-top: 2px solid #222;border-right: 2px solid #222;transform: rotate(-136deg);position: absolute;left: 0;top: -3px;-webkit-transform: rotate(-136deg);} .page02{position: absolute;bottom: 40px;height: 10px;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: center;-webkit-align-items: center;} .page02 .swiper-button-next{margin-left: 50px;} /* tzgg03wrap */ .tzgg03wrap{width: 100%;box-sizing: border-box; background:url(../images/jobbg.jpg) no-repeat #e6e8ec;padding: 80px 0;} .tzgg03wrap .top{font-size: 24px;color: #000 ;font-weight: bold;text-align: center;margin-bottom: 50px;} .tzgg03wrap ul{width: 1200px;margin: auto;box-sizing: border-box;} .tzgg03wrap ul li{width: 100%;margin-bottom: 10px;} .tzgg03wrap ul li a{width: 100%;box-sizing: border-box;background-color: #fff;padding: 20px 40px;font-size: 16px;color: #222222;display: block;position: relative;} .tzgg03wrap ul li a::after{content: '+';display: block;font-size: 26px;color: #00a6e3 ;position: absolute;right: 40px;top: 50%;margin-top: -13px;} .tzgg03wrap ul li .info{width: 100%;box-sizing: border-box;background-color: #fff;padding: 30px 100px;display: none;} .tzgg03wrap ul li .info h4{font-size: 15px;color: #666666;line-height: 30px;text-align: justify;} .tzgg03wrap .down{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;-webkit-flex-flow: column;flex-flow: column;} .tzgg03wrap .down p{font-size: 15px;color: #00a6e3;text-transform: uppercase;cursor: pointer;margin-top: 30px;text-align: center;} .tzgg03wrap .down i{font-size: 30px;color: #00a6e3;display: block;text-align: center;} .tzgg03wrap .down p.rote i{transform: rotate(180deg);-webkit-transform: rotate(180deg);} .tzgg03wrap ul li:first-child .info{display: block;} .tzgg03wrap ul li a.active::after{content: '-';} .tzgg03wrap ul li.hide{display: none;} .tzgg03wrap ul li.hide02{display: block;} /*服务客户*/ .service{width: 1200px;margin: 70px auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .service .left{width: 50%;float: left;} .service .left h3{font-size: 20px;color: #00a6e3 ;line-height: 30px;padding-bottom: 25px;border-bottom: 1px solid #ddd;box-sizing: border-box;padding-right: 100px;font-weight: bold;} .service .left .list{width: 100%;box-sizing: border-box;padding-right: 100px;} .service .left .list p{font-size: 16px;color: #666666;box-sizing: border-box;padding: 20px 0;padding-left: 20px;position: relative;border-bottom: 1px dashed #ddd;} .service .left .list p:before{content: '';display: block;width: 5px;height: 5px;border-radius: 50%;background-color: #bbbbbb;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .service .right{width: 50%;float: right;box-sizing: border-box;padding: 0 90px;} .service .right img{display: block;width: 320px;margin: auto;margin-bottom: 40px;} .service .right h3{font-size: 15px;color: #666666;line-height: 24px;text-align: center;} /*service02warp*/ .service02warp{width: 100%;box-sizing: border-box;padding: 80px 0;background:#00a6e3;} .service02warp .service02{width: 1200px;margin: auto;box-sizing: border-box;} .service02warp .service02 h3{font-size: 30px;color: #ffffff;padding-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,0.5);margin-bottom: 60px;font-weight:bold;text-align: center;} .service02warp .service02 .min{width: 100%;box-sizing: border-box;position: relative;} .service02warp .service02 .min .swiper-slide{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;} .service02warp .service02 .min .swiper-slide .item{width: 100%;} .service02warp .service02 .min .swiper-slide .item a{color:#fff;} .service02warp .service02 .min .swiper-slide .item p{font-size: 15px;color: #FFFFFF;line-height: 36px;position: relative;box-sizing: border-box;padding-left: 20px;display: block;width: 50%; float:left;} .service02warp .service02 .min .swiper-slide .item p:before{content: '';display: block;width: 5px;height: 5px;border-radius: 50%;background-color: #FFFFFF;position: absolute;top: 16px;left: 0;} .page{position: absolute;width: 30px;height: 100%;position: absolute;top: 0;right: 0;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-flex-flow: column;flex-flow: column;-webkit-justify-content: center;justify-content: center;} .page .swiper-button-next,.page .swiper-button-prev{width: 20px;height: 1px;position: relative;background-color: #FFFFFF;position: relative;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;top: 0;margin-top: 0;right: 0;left: 0;outline: none;display: -webkit-flex;} .page .swiper-button-next:before{content: '';display: block;width: 6px;height: 6px;border-top: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;transform: rotate(45deg);position: absolute;right: 0;-webkit-transform: rotate(45deg);top: -3px;} .page .swiper-button-prev:after{content: '';display: block;width: 6px;height: 6px;border-top: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;transform: rotate(-136deg);position: absolute;left: 0;-webkit-transform: rotate(-136deg);top: -3px;} .page .swiper-pagination{position: relative;bottom: 0;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;-webkit-justify-content: center;justify-content: center;flex-flow: column;-webkit-flex-flow: column;} .page .swiper-button-next{margin-bottom: 30px;} .page font{width: 1px;height: 150px;background-color: rgba(255,255,255,0.5);margin: 30px 0;} .page .swiper-pagination{font-size: 14px;color: #FFFFFF;} .page .swiper-pagination span:before{content: '0';} .page .swiper-pagination i{display: block;width: 20px;height: 1px;background-color: #FFFFFF;margin: 10px 0;} /*service03warp*/ .service03warp{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;margin: 90px 0;} .service03warp .min{width: 100%;} .service03warp .servicetitle{font-size: 30px;color: #00a6e3 ;margin-bottom: 30px;font-weight: bold;text-align: center;} .service03warp .min .cont{width: 1200px;margin: auto;box-sizing: border-box;position: relative;padding-bottom: 40px;} .service03warp .min .cont .swiper-slide{width: 100%;} .service03warp .min .cont .swiper-slide a{display: block;width: 23.5%;float: left;margin-right: 2%;overflow: hidden;box-sizing: border-box;} .service03warp .min .cont .swiper-slide a:last-child{margin-right: 0;} .service03warp .min .cont .swiper-slide a img{display: block;width: 100%;transition: all .6s;} .service03warp .min .cont .swiper-slide a:hover img{transform: scale(1.1);} .service03warp .min .swiper-pagination{width: 100%;text-align: center;bottom: 0;} .service03warp .min .swiper-pagination-bullet{background-color: #aaaaaa;opacity: 1;margin-right: 10px;outline: none;} .service03warp .min .swiper-pagination-bullet:last-child{margin-right: 0;} .service03warp .min .swiper-pagination-bullet-active{background-color: #00a6e3;} .service03warp .swiper-button-next,.service03warp .swiper-button-prev{background-image: none;font-size: 28px;color: #000000;width: auto;height: auto;outline: none;margin-top: 5px;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .service03warp .swiper-button-next{right: calc((100% - 1300px)/2);} .service03warp .swiper-button-prev{left: calc((100% - 1300px)/2);} /*service04warp*/ .service04warp{background-color: #f5f6f8;padding: 80px 0;} .service04warp .min .cont .swiper-slide a{width: 100%;margin-right: 0;position: relative;} .service04warp .min .cont .swiper-slide a:last-child{margin-right: 0;} .service04warp .min .cont .swiper-slide a{background-color: #ffffff;box-sizing: border-box;padding: 30px;} .service04warp .min .cont .swiper-slide a img{display: block;width: auto;box-sizing: border-box;margin: auto;} .service04warp .min .cont .swiper-slide a:hover img{transform: scale(1);} .service04warp .min .cont .swiper-slide a h3{font-size: 18px;color: #222222;margin: 20px 0 10px;text-align: center;border-bottom: 1px solid #ddd;margin-bottom: 10px;padding-bottom: 20px;font-weight: bold;} .service04warp .min .cont .swiper-slide a h4{font-size: 14px;color: #666666;line-height: 24px;text-align: center;} .service04warp .min .cont .swiper-slide a:before{content: '';display: block;width: 0%;height: 2px;background-color: #00a6e3;transition: all .3s;position: absolute;top: 0;left: 0;} .service04warp .min .cont .swiper-slide a:hover:before{width: 100%;} /*行业研究*/ .research01warp{width: 100%;box-sizing: border-box;padding: 90px 0;} .research01warp .research01{width: 100%;box-sizing: border-box;padding: 0 14% 0 5%;} .research01warp .research01 .left{width: 50%;float: left;padding-left: 40px;box-sizing: border-box;} .research01warp .research01 .left img{display: block;width: 460px;box-sizing: border-box;max-width: 100%;} .research01warp .research01 .right{width: 50%;float: right;} .research01warp .research01 .right .r-top{font-size: 18px;color: #00a6e3 ;padding-bottom: 25px;border-bottom: 1px solid #ddd;font-weight: bold;margin-bottom: 25px;} .research01warp .research01 .right .r-topinfo{font-size: 18px;color: #00a6e3;margin-bottom: 20px;font-weight: bold;} .research01warp .research01 .right h4{font-size: 15px;color: #666666;line-height: 30px;margin-bottom: 50px;} .research01warp .research01 .right .min{width: 100%;box-sizing: border-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .research01warp .research01 .right .min .item{width: 45%;box-sizing: border-box;padding: 20px 60px;background-color: #f1f2f4;position: relative;} .research01warp .research01 .right .min h4{font-size: 38px;color: #e0e0e0;margin-bottom: 0;margin-right: 20px;} .research01warp .research01 .right .min .item p{font-size: 12px;color: #aaaaaa;font-weight: bold;margin-bottom: 15px;text-align: center;text-transform: uppercase;} .research01warp .research01 .right .min .item h5{font-size: 13px;color: #666666;line-height: 18px;text-align: center;min-height: 72px;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;display: -webkit-flex;display: flex;} .research01warp .research01 .right .min .item font{font-size: 44px;color: #222222;font-weight: bold;width: 60px;height: 60px;border-radius: 50%;background-color: #ffffff;display: block;text-align: center;line-height: 60px;position: absolute;left: -30px;top: 50%;margin-top: -30px;} .research01warp .research01 .right .min .item h5 p{font-size: 13px;color: #666666;line-height: 18px;text-align: center;margin-bottom: 0;} .research02warp{width: 100%;box-sizing: border-box;padding-top: 70px;background-size: 100%;} .research02warp .research02{width: 1200px;margin: auto;box-sizing: border-box;} .research02warp .research02 .title{font-size: 20px;color: #ffffff;line-height: 30px;text-align: center;} .research02warp .research02 .list{width: 100%;box-sizing: border-box;padding-bottom: 60px;} .research02warp .research02 .list li{width: 30%;float: left;margin-right: 5%;} .research02warp .research02 .list li:nth-of-type(3n){margin-right: 0;} .research02warp .research02 .list li p{font-size: 32px;color: #ffffff;font-weight: bold;text-align: center;padding-bottom: 15px;border-bottom: 1px solid rgba(255,255,255,0.6);margin-bottom: 15px;position: relative;font-family: 'got';} .research02warp .research02 .list li p:after{content: '';display: block;width: 45px;height: 3px;background-color: #fff;position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .research02warp .research02 .list li span{font-size: 20px;color: #ffffff;text-align: center;display: block;margin-bottom: 30px;} .research02warp .research02 .list li h3{font-size: 15px;color: rgba(255,255,255,0.7);line-height: 28px;text-align: center;} .research02warp .research02 .tabmin{width: 100%;box-sizing: border-box;background-color: #FFFFFF;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);padding: 70px 100px;} .research02warp .research02 .tabmin .text{text-align: center;} .research02warp .research02 .tabmin .text h3{font-size: 22px;color: #00a6e3 ;font-weight: bold;margin-bottom: 20px;} .research02warp .research02 .tabmin .text h4{font-size: 16px;color: #222222;margin-bottom: 40px;} .research02warp .research02 .tabmin .tab{width: 100%;box-sizing: border-box;text-align: center;} .research02warp .research02 .tabmin .tab .top{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;box-sizing: border-box;border: 1px solid #ddd;border-top: none;border-bottom: none;} .research02warp .research02 .tabmin .tab .top .item{width: 50%;} .research02warp .research02 .tabmin .tab .top .item li{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;height: 68px;-webkit-justify-content: center;justify-content: center;border-bottom: 1px dashed #dddddd;} .research02warp .research02 .tabmin .tab .top .item li:first-child{background-color: #00a6e3;border-bottom: none;} .research02warp .research02 .tabmin .tab .top .item h3{font-size: 16px;color: #ffffff;} .research02warp .research02 .tabmin .tab .top .item p{display: block;font-size: 15px;color: #666666;text-align: center;line-height: 20px;} .research02warp .research02 .tabmin .tab .top .item:first-child{border-right: 1px solid #ddd;} .look{display: inline-block;text-align: center;margin: auto;font-size: 13px;color: #00a6e3;margin-top: 10px;} .look i{font-size: 24px;color: #00a6e3;display: block;margin-top: 5px;} .research02warp .research02 .tabmin .tab .opent .item li:first-child{background-color: #FFFFFF;border-bottom: 1px dashed #dddddd;} .research02warp .research02 .tabmin .tab .non{display: none;} .look02 i{transform: rotate(180deg);} .research03warp{width: 100%;box-sizing: border-box;padding: 80px 0 0;} .research03warp .research03{width: 1200px;margin: auto;box-sizing: border-box;} .research03warp .research03 .text{width: 100%;box-sizing: border-box;text-align: center;} .research03warp .research03 .text h3{font-size: 22px;color: #00a6e3 ;margin-bottom: 20px;font-weight:bold;} .research03warp .research03 .text h4{font-size: 16px;color: #666666;margin-bottom: 40px;} .research03warp .research03 .research03warp{width: 100%;box-sizing: border-box;text-align: center;padding: 0;} .research03warp .research03 .research03warp .top{width: 100%;box-sizing: border-box;border: 1px solid #dddddd;margin-bottom: -1px;border-right: none;} .research03warp .research03 .research03warp .top li{width: 25%;float: left;text-align: center;border-right: 1px solid #ddd;margin-right: 0;box-sizing: border-box;padding: 10px;border-bottom: 1px solid #dddddd;margin-bottom: -1px;} .research03warp .research03 .research03warp .top li p{font-size: 14px;color: #222222;width: 100%;line-height: 80px;} .research03warp .research03 .research03warp .top li:hover p{background-color: #00a6e3;color: #FFFFFF;} .research03warp .research03 .research03warp .open{display: none;} /*案例库*/ .industry01warp .industry01 .text .item{width: 125px;height: 125px;border: 1px solid rgba(255,255,255,0.5);border-right: none;position: relative;} .industry01warp .industry01 .text .item span{font-size: 24px;color: #FFFFFF;box-sizing: border-box;padding-top: 15px;padding-left: 15px;display: block;position: relative;} .industry01warp .industry01 .text .item span:before{content: '';display: block;width: 20px;height: 2px;position: absolute;left: 0;top: -1px;background-color: #FFFFFF;} .industry01warp .industry01 .text .item span:after{content: '';display: block;width: 2px;height: 20px;position: absolute;left: -1px;top: 0;background-color: #FFFFFF;} .industry01warp .industry01 .text .item h4{font-size: 16px;color: #ffffff;position: absolute;right: -40px;bottom: 20px;} .industry01warp .industry01 .text .item h4 font{font-size: 13px;color: rgba(255,255,255,0.7);display: block;margin-top: 10px;} .industry01warp .industry01 .text .item:after{content: '';display: block;width: 1px;height: 30px;right: 0;bottom: 0;background-color: rgba(255,255,255,0.5);position: absolute;} .industry01warp .industry01 .text .item:before{content: '';display: block;width: 1px;height: 50px;right: 0;top: 0;background-color: rgba(255,255,255,0.5);position: absolute;} .casebanner .industry01 .text{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;} .casebanner .industry01 .text .item:first-child{margin-right: 100px;} .case01warp{width: 100%;box-sizing: border-box;padding-left: calc(5% + 60px);margin-bottom: 60px;} .case01warp .case01{width: 100%;box-sizing: border-box;} .case01warp .case01 .toptext{padding-bottom: 60px;border-bottom: 1px solid #ddd;padding-left: 60px;} .case01warp .case01 h3{font-size: 18px;line-height: 32px;color: #222222;width: 60%;} .case01warp .case01 .contwarp{width: 100%;box-sizing: border-box;padding-left: 60px;position: relative;border-bottom: 1px solid #ddd;} .case01warp .case01 .min{width: 100%;position: relative;} .case01warp .case01 .min .navlist{width: 10%;box-sizing: border-box;padding-top: 40px;float: left;display: -webkit-flex;display: flex;-webkit-flex-flow: column;flex-flow: column;} .case01warp .case01 .min .right{width: 90%;float: right;} .case01warp .case01 .min .navlist a span{display: inline-block;font-size: 15px;color: #888888;margin-bottom: 20px;position: relative;padding-bottom: 5px;position: relative;} .case01warp .case01 .min .navlist a span:after{content: '';display: block;width: 0%;height: 1px;background-color: #00a6e3;position: absolute;bottom: 0;left: 0;transition: all .3s;} .case01warp .case01 .min .navlist a:hover span:after{width: 100%;} .case01warp .case01 .min .navlist .active span{color: #00a6e3;} .case01warp .case01 .min .navlist .active span:after{width: 100%;} .case01warp .case01 .min:before{content: '';display: block;width: 1px;height: 100%;box-sizing: border-box;top: 0;left: 10%;background-color: #ddd;position: absolute;} .case01warp .case01 .min .right li{width: 100%;box-sizing: border-box;} .case01warp .case01 .min .right li:last-child .top{border-bottom: none;} .case01warp .case01 .min .right li .top{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;-webkit-justify-content: space-between;justify-content: space-between;padding: 60px 280px 60px 100px;border-bottom: 1px solid #ddd;cursor: pointer;} .case01warp .case01 .min .right li .top .left{font-size: 18px;color: #00a6e3 ;font-weight: bold;} .case01warp .case01 .min .right li .top .left span{font-size: 14px;color: #888888;font-weight: normal;display: block;} .case01warp .case01 .min .right li .top .icon{display: block;width: 30px;height: 30px;font-size: 16px;color: #96b75a;border: 1px solid #96b75a;border-radius: 50%;text-align: center;line-height: 30px;transition: all .3s;} .case01warp .case01 .min .right li .top02 .icon{transform: rotate(45deg);} .case01warp .case01 .min .right li .info{background-color: #f0f0f0;box-sizing: border-box;padding: 50px 150px;display: none;} .case01warp .case01 .min .right li .info h3{font-size: 15px;color: #666666;line-height: 26px;text-align: justify;width: 70%;} /*企业文化*/ .culture02warp{width: 100%;box-sizing: border-box;overflow: hidden;background-position: center;background-size: 100%;} .culture02warp .culture02{width: 100%;box-sizing: border-box;padding: 200px 0;position: relative;padding-left: calc((100% - 1200px)/2);} .culture02 .text{box-sizing: border-box;padding: 35px 0 100px 30px;border-left: 1px solid #bdbebf;} .culture02 .text h3{font-size: 40px;color: #222222;font-weight: bold;position: relative;} .culture02 .text h3 span{font-size: 24px;color: #222222;display: block;line-height: 40px;} .culture02 .text h3:before{content: '';display: block;width: 2px;height: 100%;position: absolute;left: -30px;top: 0;background-color: #222222;} .culture02 .text strong{display: block;width: 15px;height: 1px;background-color: #00a6e3;margin-bottom: 30px;margin-top: 20px;} .culture02 .text h4{font-size: 18px;color: #222222;line-height: 28px;} .culture02warp .culture03{background-color: rgba(0,0,0,0.5);} .culture02warp .culture03 .text{border-color: rgba(255,255,255,0.25);} .culture02warp .culture03 .text h3{color: #FFFFFF;} .culture02warp .culture03 .text h3 span{color: #FFFFFF;} .culture02warp .culture03 .text h3:before{background-color: #fff;} .culture02warp .culture03 .text strong{background-color: #FFFFFF;} .culture02warp .culture03 .text h4{color: #FFFFFF;} .culture02warp{width: 100%;height: 80%;position: relative;overflow: hidden;box-sizing: border-box;} .culture02warp ul{width: 100%;height: 100%;position: relative;top: 0;left: 0;background-color: rgba(255,255,255,0.75);box-sizing: border-box;} .culture02warp ul li{width: 33.33%;height: 100%;float: left;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;transition: all .3s;} .culture02warp ul li:hover{background-color: rgba(0,0,0,0.1);} .culture02warp ul li .text{width: 100%;box-sizing: border-box;padding-top: 40px;padding-bottom: 40px;border-right: 1px solid #cccccc;text-align: center;} .culture02warp ul li .text h3{font-size: 34px;color: #00a6e3 ;font-weight: bold;margin-bottom: 10px;font-family:'got';} .culture02warp ul li .text p{font-size: 20px;color: #222222;margin-bottom: 10px;font-weight:bold;} .culture02warp ul li .text strong{display: block;width: 20px;height: 1px;background-color: #00a6e3;margin: auto;margin-bottom: 20px;} .culture02warp ul li .text h4{font-size: 15px;color: #666666;line-height: 24px;margin-bottom: 100px;} .culture02warp ul li .text img{display: block;width: auto;max-width: 30px;margin: auto;} .culture04{width: 100%;overflow: hidden;box-sizing: border-box;position: relative;} .culture04 img{display: block;width: 100%;} .culture04 .text{top: 100px;position: absolute;left: calc((100% - 1200px)/2);} .culture04 .text h3:before{background-color: #00a6e3 ;} .culture05warp{width: 100%;height: auto;overflow: hidden;box-sizing: border-box;position: relative; margin:20px auto;} .culture05warp .text{width: 70%;margin:10px auto 0;box-sizing: border-box;text-align:center;position: relative;z-index: 2;} .culture05warp .text h3{font-size: 32px;color: #00a6e3 ;font-weight: bold;margin-bottom: 10px;font-family:'got';text-transform:uppercase;} .culture05warp .text p{font-size: 20px;color: #222222;margin-bottom: 15px;font-weight:bold;} .culture05warp .text span{display: block;width: 20px;height: 1px;background-color: #00a6e3;margin: auto;margin-bottom: 20px;} .culture05warp .text h4{font-size: 16px;color: #222222;font-weight: bold;margin-bottom: 20px;} .culture05warp .text h5{font-size: 15px;color: #888888;line-height: 26px;margin-bottom: 40px;} .culture05warp .text strong{display: block;width: 1px;height: 90px;background-color: #ddd;margin: auto;margin-bottom: -45px;} .culture05warp .video{width: 100%;box-sizing: border-box;position: relative;} .culture05warp .video img{display: block;width: 100%;} .culture05warp .video .videoicon{width: 50px;height: 50px;border-radius: 50%;border: 2px solid #FFFFFF;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);cursor: pointer;z-index: 1;} .culture05warp .video .videoicon i{display: block;width: 0;height: 0;border: 10px solid transparent;border-left: 14px solid #FFFFFF;position: absolute;top: 50%;left: calc(50% + 7px);transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} .culture05warp .video:after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);position: absolute;top: 0;left: 0;} .culture05warp .text .more{margin-bottom: 60px;margin-top: 40px;width: 178px;height: 42px;line-height: 42px;} .culture06warp{width: 100%;box-sizing: border-box;padding: 60px 0;} .culture06warp h3{font-size: 18px;color: #222222;margin-bottom: 20px;text-align: center;} .culture06warp .min{width: 800px;box-sizing: border-box;padding-top: 20px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;align-items: center;-webkit-align-items: center;margin: auto;border-top: 1px solid #ddd;padding-top: 20px;} .culture06warp .min a{font-size: 14px;color: #222222;margin-right: 80px;font-size:15px;} .culture06warp .min a i{font-size: inherit;color: inherit;margin-left: 10px;} .culture06warp .min a:hover{color: #00a6e3;} .culture06warp .min a:last-child{margin-right: 0;} .videomark{display: none;width: 100%;height: 100%;background-color: rgba(255,255,255,0.9);position: fixed;top: 0;left: 0;z-index: 10;} .videomin{width: 100%;height: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;} .videomin .cont{width: 60%;} .videomin .cont video{width: 100%;} .videomin .fa-close{font-size: 40px;color: #ddd;position: absolute;right: 5%;top: 5%;cursor: pointer; background:url(../images/close1.png) no-repeat center; height:40px; width:40px;} /*职工*/ .staffwarp{width: 100%;box-sizing: border-box;padding: 0;margin-bottom: 30px;margin-top: 30px;} .staffwarp .staff{width: 1200px;margin: auto;box-sizing: border-box;position: relative;} .staffwarp .staff .bd{width: 64%;float: left;} .staffwarp .staff ul li img{display: block;width: 100%;} .staffwarp .staff .txt_ul{width: 36%;float: right;padding-left: 60px;box-sizing: border-box;padding-top: 50px;} .staffwarp .staff .txt_ul .t_cn{font-size: 26px;line-height: 36px;color: #00a6e3 ;font-weight: bold;} .staffwarp .staff .txt_ul .t_en{font-size: 16px;margin-bottom: 30px;font-family:'got';color:#aaa;} .staffwarp .staff .txt_ul hr{background-color: #ddd;display: block;width: 100%;} .staffwarp .staff .txt_ul .li .p_box .h4{font-size: 18px;outline: #222222;font-weight: bold;margin: 30px 0;} .staffwarp .staff .txt_ul .li .p_box p{font-size: 15px;color: #666666;line-height: 24px;text-align: justify;} .staffwarp .staff .hd ul li{width: 8px;height: 8px;border-radius: 50%;background-color: #dddddd;float: left;margin-right: 10px;cursor: pointer;} .staffwarp .staff .hd ul li:last-child{margin-right: 0;} .staffwarp .staff .hd ul .on{background-color: #00a6e3;} .staffwarp .staff .hd{position: absolute;width: 36%;right: 0;bottom: 45px;padding-left: 60px;box-sizing: border-box;} .staffwarp-r{background-color: #eeeeee;padding: 30px 0;} .staff02{background-color: #f1f1f1;} .staffwarp .staff .prev,.staffwarp .staff .next{width: 50px;height: 50px;border-radius: 50%;background-color: rgba(255,255,255,0.8);position: absolute;top: 50%;transform: translateY(-50%);display: block;} .staffwarp .staff .prev{left: 30px;} .staffwarp .staff .next{right: calc(36% + 30px);} .staffwarp .staff .prev:before{content: '';display: block;width: 10px;height: 10px;border-top: 1px solid #00a6e3 ;border-left: 1px solid #00a6e3 ;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(-45deg);-webkit-transform: translate(-50%,-50%) rotate(-45deg);} .staffwarp .staff .next:before{content: '';display: block;width: 10px;height: 10px;border-top: 1px solid #00a6e3 ;border-left: 1px solid #00a6e3 ;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(135deg);-webkit-transform: translate(-50%,-50%) rotate(135deg);} /*核心团队*/ .team01{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;} .team01 img{display: block;width: 100%;} .team01 .text{width: 100%;box-sizing: border-box;position: absolute;top: 30%;left: 0;text-align: center;} .team01 .text h3{font-size: 30px;color: #FFFFFF;margin-bottom: 20px;} .team01 .text p{font-size: 13px;color: #FFFFFF;margin-bottom: 20px;} .team01 .text h4{font-size: 15px;color: #FFFFFF;line-height: 30px;} .team02warp{width: 90%;margin: auto;box-sizing: border-box;background-color: #FFFFFF;margin-top: -80px;position: relative;z-index: 2;padding: 80px 0;} .team02warp .team02{width: 1200px;margin: auto;border-bottom: 1px solid #ddd;display: flex;display: -webkit-flex;align-items: flex-end;-webkit-align-items: flex-end;-webkit-flex-wrap: wrap;flex-wrap: wrap; justify-content: center;-webkit-justify-content: center;} .team02warp .team02 a{display: block;width: 16.66%;float: left;margin-bottom: 40px;} .team02warp .team02 a:nth-of-type(3){width: 33.33%;} .team02warp .team02 a .imgbox{display: block;width: 130px;height: 130px;border-radius: 50%;border-radius: 50%;margin: auto;} .team02warp .team02 a .imgbox img{display: block;width: 100%;} .team02warp .team02 a .text{width: 100%;box-sizing: border-box;text-align: center;margin-top: 25px;} .team02warp .team02 a .text h3{font-size: 18px;color: #313131;font-weight: bold;margin-bottom: 10px;} .team02warp .team02 a .text p{font-size: 14px;color: #707070;} .team02warp .team02 a:nth-of-type(3) .imgbox{width: 172px;height: 172px;} /*team03*/ .team03{width: 100%;box-sizing: border-box;} .team03 .text{text-align: center;margin-bottom: 60px;} .team03 .text h3{font-size: 30px;color: #00a6e3 ; margin:30px auto;} .team03 .text p{font-size: 13px;color: #aaaaaa;margin: 20px auto;} .team03 .text h4{font-size: 15px;color: #666666;line-height: 30px;} .team03 .min{width: 100%;box-sizing: border-box;} .team03 .min .left{width: calc((100% - 1px)/2);float: left;margin-right: 1px;} .team03 .min .left:last-child{margin-right: 0;} .team03 .min .left .top{width: 100%;box-sizing: border-box;display: block;position: relative;margin-bottom: 1px;} .team03 .min .left .top img{display: block;width: 100%;} .team03 .min .left .bot{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;} .team03 .min .left .bot .bot-l{width: calc((100% - 1px)/2);float: left;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;-webkit-flex-flow: column;flex-flow: column;position: absolute;left: 0;top: 0;justify-content: space-between;} .team03 .min .left .bot .bot-l a{display: block;width: 100%;position: relative;height: calc((100% - 1px)/2);margin-bottom: 1px;} .team03 .min .left .bot .bot-l a:last-child{margin-bottom: 0;} .team03 .min .left .bot .bot-l img{display: block;width: 100%;} .team03 .min .left .bot .bot-l:last-child{margin-right: 0;} .team03 .min .left .bot .bot-r{width: calc((100% - 1px)/2);float: right;position: relative;} .team03 .min .left .bot .bot-r img{display: block;width: 100%;} .m-text{position: absolute;text-align: center;z-index: 2;width: 100%;left: 0;z-index: 2;transition: all .3s;} .m-text p{font-size: 12px;color: #ffffff;letter-spacing: 4px;} .m-text strong{display: block;width: 50px;height: 1px;background-color: #FFFFFF;margin: 10px auto 20px;} .m-text h3{font-size: 20px;color: #ffffff;} .m-text h4{font-size: 12px;line-height: 20px;color: #FFFFFF;text-transform: uppercase;opacity:0.66;letter-spacing:4px;margin: 8px auto;width: 255px;min-height:40px;} .team03 .min .left .bot .bot-l .m-text{bottom: 20px;} .team03 .min .left .bot .bot-r .m-text{bottom: 20px;} .team03 .min .left .top .m-text{width: 50%;left: 0;height: 100%;top: 0;display: flex;display: -webkit-flex;-webkit-flex-flow: column;flex-flow: column;-webkit-justify-content: center;justify-content: center;} .team03 .min a:before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(12,37,29,0.7);position: absolute;top: 0;left: 0;transition: all .3s;} .team03 .min .right .bot .bot-l{left: initial;right: 0;} .team03 .min .right .bot .bot-r{float: left;} .team03 .min .right .top{margin-bottom: 0;margin-top: 1px;} .team03 .min a:hover:before{opacity: 0;} .team03 .min a:hover .m-text{opacity: 1;} /*team04warp*/ .team04warp{width: 100%;box-sizing: border-box;margin: 80px 0;} .team04warp .m-title{text-align: center;font-size: 16px;color: #222222;margin-bottom: 40px;} .team04warp .min{width: 100%;box-sizing: border-box;position: relative;padding-bottom: 50px;} .team04warp .min .swiper-slide a{display: block;width: 100%;position: relative;overflow: hidden;} .team04warp .min .swiper-slide a img{display: block;width: 100%;transition: all .6s;} .team04warp .min .swiper-slide a:hover img{transform: scale(1.1);} .team04warp .min .swiper-slide .text{width: 70%;display: inline-block;box-sizing: border-box;padding: 20px 0;background-color: #00a6e3 ;margin: auto;text-align: center;margin-top: -41px;position: relative;left: 15%;opacity: 0;transition: all .3s;} .team04warp .min .swiper-slide .text h3{font-size: 20px;color: #ffffff;margin-bottom: 10px;} .team04warp .min .swiper-slide .text p{font-size: 12px;color: rgba(255,255,255,0.6);} .team04warp .min .swiper-slide:hover .text{opacity: 1;} .team04warp .min .swiper-slide a:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(255,255,255,0.3);transition: all .3s;z-index: 2;} .team04warp .min .swiper-slide:hover a:before{opacity: 0;} .team04warp .swiper-pagination .fg{display: inline-block;width: 1px;height: 14px;background-color: #aaaaaa;margin: 0 10px;vertical-align: bottom;} .team04warp .swiper-pagination span{font-size: 16px;color: #222222;} .team04warp .swiper-pagination span:before{content: '0';font-size: inherit;color: inherit;} .team04warp .t-page{width: 140px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .team04warp .t-page .swiper-button-next{background-image: none;width: 8px;height: 8px;border-top: 1px solid #5b5b5b;border-left: 1px solid #5b5b5b;transform: rotate(135deg);position: absolute;right: 0;z-index: 12;outline: none;-webkit-transform: rotate(135deg);} .team04warp .t-page .swiper-button-prev{background-image: none;width: 8px;height: 8px;border-top: 1px solid #5b5b5b;border-left: 1px solid #5b5b5b;transform: rotate(-45deg);position: absolute;left: 0;z-index: 12;outline: none;-webkit-transform: rotate(-45deg);} .team04warp .min .swiper-slide-active a:before{opacity: 0;} .team04warp .min .swiper-slide-active .text{opacity: 1;} .team04warp .min .swiper-pagination{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;align-items: center;-webkit-align-items:center;} /*招聘*/ .recruit01{width: 90%;margin: auto;padding: 20px 60px 20px 60px;box-sizing: border-box;overflow: hidden;} .recruit01 .r-title{text-align: center;margin-bottom: 50px;} .r-title h3{font-size: 30px;color: #00a6e3 ;font-weight: bold;margin-bottom: 20px;} .r-title p{font-size: 13px;color: #aaaaaa;margin-bottom: 20px;text-transform: uppercase;} .r-title h4{font-size: 15px;color: #222222;} .recruit01 .min{width: 100%;box-sizing: border-box;padding: 2px;} .recruit01 .min li{width: 23.5%;float: left;box-sizing: border-box;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);margin-right: 2%;padding: 40px;border-radius: 5px;text-align: center;min-height: 387px;position: relative;overflow: hidden;} .recruit01 .min li:after{content: '';display: block;width: 100%;height: 100%;background-color: #00a6e3;opacity: 0;z-index: -1;transition: all .3s;position: absolute;top: 0;left: 0;} .recruit01 .min li:hover:after{opacity: 1} .recruit01 .min li:last-child{margin-right: 0;} .recruit01 .min li img{display: block;width: auto;border-radius: 50%;max-width: 58px;margin: auto;margin-bottom: 20px;} .recruit01 .min li h3{font-size: 18px;color: #222222;margin-bottom: 10px;} .recruit01 .min li strong{display: block;width: 50px;height: 1px;background-color: #dddddd;margin: auto;margin-bottom: 20px;} .recruit01 .min li h4{font-size: 14px;outline: #555555;text-align: justify;line-height: 30px;} .recruit01 .min li:hover h4,.recruit01 .min li:hover h3{color: #FFFFFF;} .recruit02warp{width: 100%;height: auto;overflow: hidden;box-sizing: border-box;background-size: cover;padding: 90px 0;} .recruit02warp .recruit02{width: 1200px;margin: auto;box-sizing: border-box;margin: auto;position: relative;} .recruit02warp .recruit02 .left{width: 50%;float: left;box-sizing: border-box;} .recruit02warp .recruit02 .left img{display: block;width: auto;min-width: 100%;} .recruit02warp .recruit02 .right{width: 50%;height: 100%;position: absolute;right: 0;top: 0;display: flex;display: -webkit-flex;-webkit-flex-flow: column;flex-flow: column;-webkit-justify-content: center;justify-content: center;padding-left:60px;box-sizing: border-box;} .recruit02warp .recruit02 .right .more{width: 170px;height: 38px;line-height: 38px;background-color: #fff;border: 1px solid #a8a8a8;color: #222222;font-size: 14px;margin: 0;margin-top: 30px;} .recruit02warp .recruit02 .right .more:hover{background-color: #00a6e3 ;border-color: #00a6e3 ;color: #FFFFFF;} .recruit02warp .recruit02:before{content: '';display: block;width: 1px;height: 80%;background-color: #ddd;position: absolute;top: 10%;left: 50%;} .recruit03{width: 1000px;margin: 90px auto;box-sizing: border-box;overflow: hidden;} .recruit03 .r-title{text-align: center;} .recruit03 .r-title strong{display: block;width: 100%;height: 1px;background-color: #ddd;margin-bottom: 40px;} .recruit03 .min{width: 100%;box-sizing: border-box;} .recruit03 .min h3{font-size: 20px;color: #222222;font-weight: bold;text-align: center;margin-bottom: 20px;} .recruit03 .min span{font-size: 14px;color: #555555;display: inline-block;text-align: left;} .recruit03 .min h4{font-size: 14px;outline: #555555;line-height: 30px;margin: 40px 0;} .recruit03 .min font{display: block;text-align: right;font-size: 14px;color: #555;} .recruit04{width: 100%;box-sizing: border-box;padding: 50px 0;background-size: cover} .recruit04 .text{width: 100%;text-align: center;} .recruit04 .text img{display: block;width: auto;margin: auto;} .recruit04 .text h3{font-size: 14px;color: #ffffff;line-height: 24px;margin-top: 20px;} /*视频*/ .videowarp{width: 100%;box-sizing: border-box;overflow: hidden;padding-bottom: 60px;border-bottom: 1px solid #ddd;} .videowarp .video{width: 1200px;margin:auto;} .videowarp .video a{display: block;width: 31.333%;float: left;margin-right: 3%;position: relative;margin-bottom:80px;} .videowarp .video a:nth-of-type(3n){margin-right: 0;} .videowarp .video a .imgbox{overflow: hidden;width: 100%;} .videowarp .video a img{display: block;width: 100%;transition: all .6s;} .videowarp .video strong{display: block;width: 100%;height: 2px;background-color: #ddd;margin: 60px 0;float: left;} .videowarp .video a .text{display: block;width: 100%;font-size: 15px;color: #222222;background-color: #FFFFFF;height: 60px;line-height: 60px;text-align: center;position: relative;z-index: 2;transition: all .3s;} .videowarp .video a:hover img{transform: scale(1.1);} .videowarp .video a:hover .text{background-color: #00a6e3;color: #fff;} /* 视频详情 */ .videoinfo{width: 900px;margin: 70px auto;box-sizing: border-box;} .videoinfo .item{width: 100%;margin-bottom: 50px;} .videoinfo .item video{display: block;width: 100%;} .videoinfo .item .text{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #ddd;padding-top: 30px;} .videoinfo .item .text h3{font-size: 20px;color: #222222;margin-bottom: 10px;font-weight: bold;} .videoinfo .item .text h4{font-size: 15px;line-height: 30px;} .videoinfo .goback{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;} .videoinfo .goback a{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 16px;color: #00a6e3;} .videoinfo .goback a i{font-size: inherit;color: inherit;margin-right: 10px;} /*案例*/ .bannerx { width: 100%; height: 350px;; background-size: cover; background-position: center; z-index: -1; } .bannerx.bannerPc { display: block; } .bannerx.bannerMobile { display: none; } .bannerx .bannerImg { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; letter-spacing: 3px; background-color: rgba(5, 20, 39, 0.5); } .bannerx .bannerImg .titlex { position: relative; font-size: 30px; font-weight: 600; margin-top: -0.5rem; color: #fff; padding:20px; } @media only screen and (max-width: 1440px) { .bannerx .bannerImg .titlex { font-size: 32px; } } @media only screen and (max-width: 1024px) { .bannerx .bannerImg .titlex { font-size: 26px; } } @media only screen and (max-width: 767px) { .bannerx .bannerImg .titlex { font-size: 24px; } } .bannerx .bannerImg .titlex::after { content: " "; position: absolute; width: 30%; height: 2px; left: 35%; bottom: -0.1rem; background-color: #fff; } .bannerx .bannerImg .text { font-size: 16px; margin-top: 0.5rem; color: #fff; padding:20px; } @media only screen and (max-width: 1366px) { .bannerx .bannerImg .text { font-size: 14px; } } @media only screen and (max-width: 767px) { .bannerx .bannerImg .text { font-size: 14px; } } .contentx { background-color: #e9e9e9; padding-bottom: 0.2rem; background-size: cover; background-position: center; } .contentx .innerWrap { width: 1200px; margin: 0 auto; z-index: 1; transform: translateY(-60px); } .contentx .innerWrap .box { display: block; margin-bottom:10px; } .contentx .innerWrap .box .list { width: 100%; height: 300px; background-color: #fff; display: flex; justify-content: space-between; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; } .contentx .innerWrap .box .list:hover { box-shadow: 0px 10px 20px #999; } .contentx .innerWrap .box .list:hover .left-img .img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); } .contentx .innerWrap .box .list:hover .right-word .text .title { color: #000; } .contentx .innerWrap .box .list:hover .right-word .more { color: #e60111; } .contentx .innerWrap .box .list:hover .right-word .more .iconfont { font-weight: bold; } .contentx .innerWrap .box .list .left-img { width: 50%; height: 100%; overflow: hidden; } .contentx .innerWrap .box .list .left-img .img { width: 100%; height: 100%; background-size: cover; background-position: center; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; } .contentx .innerWrap .box .list .right-word { width: 50%; height: 100%; flex-direction: column; justify-content: space-between; } .contentx .innerWrap .box .list .right-word .icon { flex: none; } .contentx .innerWrap .box .list .right-word .icon i { font-size: 0.8rem; color: #999; } .contentx .innerWrap .box .list .right-word .icon img { height: 0.6rem; } .contentx .innerWrap .box .list .right-word .text { flex: none; margin:20px auto; } .contentx .innerWrap .box .list .right-word .text .title { color: #222; font-size: 30px; font-weight: bold; position: relative; padding:20px 30px 20px 30px; } @media only screen and (max-width: 767px) { .contentx .innerWrap .box .list .right-word .text .title { font-size: 18px; } .contentx .innerWrap .box .list {display:block; height:auto !important;} .contentx .innerWrap .box .list .left-img{width:100%; height:200px; max-height:200px;} .contentx .innerWrap .box .list .right-word{width:100%;} } .contentx .innerWrap .box .list .right-word .text .title::after { content: " "; width: 0; height: 2px; position: absolute; left: 0; bottom: -1px; background-color: #e60111; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; } .contentx .innerWrap .box .list .right-word .text .describe { color: #999; font-size: 16px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; padding:20px 30px 20px 30px; border-bottom:1px dotted #b3b3b3; } @media only screen and (max-width: 1366px) { .contentx .innerWrap .box .list .right-word .text .describe { font-size: 14px; } } @media only screen and (max-width: 767px) { .contentx .innerWrap .box .list .right-word .text .describe { font-size: 14px; } } .contentx .innerWrap .box .list .right-word .line { border-bottom: 0px dotted #b3b3b3; padding:0 30px 0 30px; } .contentx .innerWrap .box .list .right-word .morex { color: #333; font-size: 14px; padding:20px 30px 20px 30px; } @media only screen and (max-width: 767px) { .contentx .innerWrap .box .list .right-word .morex { font-size: 12px; } } .contentx .innerWrap .box .list .right-word .morex .iconfont { margin-left: 4px; } @media screen and (max-width: 1440px) { .contentx .innerWrap { width: 1110px; } .banner .innerWrap { width: 1110px; } } @media screen and (max-width: 1280px) { .contentx .innerWrap { width: 90%; } .banner .innerWrap { width: 90%; } .bannerx{height:100%; min-height:200px; margin:20px auto;} .bannerx .bannerImg{min-height:200px;} } @media screen and (max-width: 768px) { .banner.bannerPc { display: none; } .banner.bannerMobile { display: block; } .banner .innerWrap { top: auto; bottom: 10px; flex-direction: column; align-items: center; } .banner .innerWrap .left .left-nav li { width: 20%; } .banner .innerWrap .right { margin-top: 10px; } .contentx .innerWrap .box .list .right-word { padding: 0.3rem 0.2rem; } .contentx .innerWrap .main-box { flex-direction: column; } .contentx .innerWrap .main-box .left { width: 100%; margin: 0 0 20px; } .contentx .innerWrap .main-box .left .text-box { text-align: center; padding: 0 30px; } .contentx .innerWrap .main-box .left .text-box .text { width: auto; } .contentx .innerWrap .main-box .right { width: 100%; } .contentx .innerWrap .mian-list .list { width: 100%; } } /*案例详情*/ .xqcontent{ padding-bottom: 0.2rem; background-size: cover; background-position: center; margin:80px auto; } .xqcontent .innerWrap{ width: 1200px; margin: 0 auto; z-index: 1; transform: translateY(-60px); } .xqcontent .innerWrap .xqlist { width: 100%; display: flex; justify-content: space-between; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; } .xqcontent .innerWrap .xqlist:hover .left-img img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); } .xqcontent .innerWrap .xqlist .left-img { width: 70%; height: 100%; overflow: hidden; } .xqcontent .innerWrap .xqlist .left-img img { width: 100%; height: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; } .xqcontent .innerWrap .xqlist .right-word { width: 30%; height:510px; display: flex; flex-direction: column; justify-content: center; padding: 20px; background:#00a6e3; } .xqcontent .innerWrap .xqlist .right-word .describe { color: #fff; font-size:16px; } .xqcontent .innerWrap .xqlist .right-word .describe:not(:first-child) { margin-top: 10px; margin-bottom:20px; } .xqcontent .innerWrap .xqlist .right-word .data { display: flex; flex-wrap: wrap; margin-bottom: 10px; } .xqcontent .innerWrap .xqlist .right-word .data li { min-width: 100%; font-size: 16px; color: #222222; margin-bottom: 10px; } .xqcontent .innerWrap .xqlist .right-word .data li p { font-size:16px; color: #fff; } .xqcontent .innerWrap .xqlist .right-word .data li span { color: #fff; } .showqita{ margin:0 auto; width:100%; clear:both;} .showqita .infor{text-align:center;} .showqita .infor .tit{font-size:36px; font-weight:bold; color:#666; line-height:55px;} .showqita .infor .con{font-size:16px; line-height:40px; color:#737373;} .showqita .hd{margin:30px auto; clear:both; float:left; width:100%} .showqita .fix:before, .showqita .fix:after { display: table; clear: both; content: '';} .showqita .hd li .icon{width:50px; height:50px; background:url(../images/icoanli.png) no-repeat; margin:33px auto 10px} .showqita .hdx li .icon{width:50px; height:50px; background:url(../images/icopro.png) no-repeat; margin:33px auto 10px} .showqita .hd li .icon01{background-position:0 0;} .showqita .hd li .icon02{background-position:-50px 0;} .showqita .hd li .icon03{background-position:-100px 0;} .showqita .hd li .icon04{background-position:-150px 0;} .showqita .hd li .txt{font-size:18px; color:#666; text-align:center;} .showqita .hd li.tabs_act {background:#00a1e9;} .showqita .hd li.tabs_act .icon01{background-position:0 -50px;} .showqita .hd li.tabs_act .icon02{background-position:-50px -50px;} .showqita .hd li.tabs_act .icon03{background-position:-100px -50px;} .showqita .hd li.tabs_act .icon04{background-position:-150px -50px;} .showqita .hd li.tabs_act .txt{color:#fff;} .showqita .tabs{display:block;} .showqita .tabs_act{background:#00a1e9;} .showqita .Sliding_tab{ width:1200px; margin-right:auto; margin-left:auto;} .showqita .Sliding_tab li{width:25%; float:left; padding-bottom:20px; cursor:pointer; transition:all 0.5s ease;} .showqita .Sliding_tab li.table_li{border-bottom:1px solid #ccc;border-top:0px;width:305px;height:26px;line-height:26px;} .showqita .tablist { clear:both; width:100%;overflow:hidden; margin:0 auto;} /*product*/ .list{width:1200px; margin:0 auto;} .list ul { display: flex; flex-wrap: wrap; padding: 0.7rem 0 0.3rem; } .list ul li { box-sizing: border-box; width: 24%; margin-right: 12px; border: 1px solid #e0e0e0; padding: 25px 20px; cursor: pointer; transition: all 0.5s; margin-bottom: 20px; } .list ul li.active { border-color: #00a6e3; } .list ul li:hover h3, .list ul li:hover h2 { color: #00a6e3; font-size:20px; } .list ul li:hover .imgBox div { transform: scale(1.07); } .list ul li:hover{box-shadow:-4px 2px 20px 1px rgba(0,0,0,0.2);-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .list ul li h2 { -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-size:20px; } .list ul li h3 { margin-bottom: 0.1rem; font-weight: bold; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 1.5; font-size:20px; } .list ul li .pro_title { height: 90px; overflow: hidden; } .list ul li .imgBox { width: 100%; height: 2rem; margin-bottom: 0.1rem; } .list ul li .imgBox div { width: 100%; height: 100%; background-size: auto 100%; background-position: center; transition: all 0.8s; background-color: #fff; background-repeat: no-repeat; background-blend-mode: multiply; } .list ul li .info { height: 96px; overflow: hidden; } .list ul li .info p { display: flex; align-items: center; } .list ul li .info .label { flex: 1.8; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 1.5; line-height: 2; font-size: 14px; } @media only screen and (max-width: 767px) { .list ul li .info .label { font-size: 12px; } .list{width:95%;} } .list ul li .info .symbol { width: 10px; } .list ul li .info .value { flex: 3; font-size: 16px; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 1.5; line-height: 2; } @media only screen and (max-width: 1366px) { .list ul li .info .value { font-size: 14px; } } @media only screen and (max-width: 767px) { .list ul li .info .value { font-size: 14px; } } .list ul li p { color: #606060; line-height: 2; } .list ul li .btnContainer { display: flex; margin-top: 10px; justify-content: flex-start; } .list ul li .btnContainer a { display: block; } .list ul li .btnContainer .button { padding: 10px 17px; color: #868686; transition: all 0.3s ease-out; text-align: center; } .list ul li .btnContainer .button.black { border: 1px solid #606060; color: #303030; } .list ul li .btnContainer .button.red { border: 1px solid #00a6e3; color: #00a6e3; } .list ul li .btnContainer .button:hover { background: #00a6e3; border-color: #606060; color: #fff; } .list ul li .btnContainer a .button { margin-right: 20px; } .list ul li .btnContainer a:last-child .button { margin-right: 0; } .main-btn { text-align: center; } .main-btn .button.more { display: inline-block; border: 1px solid #00a6e3; text-align: center; color: #00a6e3; margin: 0.3rem auto 0; padding: 10px 0.5rem; cursor: pointer; transition: all 0.3s ease-out; font-size: 16px; } @media only screen and (max-width: 1366px) { .main-btn .button.more { font-size: 14px; } } @media only screen and (max-width: 767px) { .main-btn .button.more { font-size: 14px; } } .main-btn .button.more:hover { background: #00a6e3; color: #fff; } .content2 { padding: 50px 0 50px; background-size: cover; background-position: center; position: relative; } .content2::before { display: block; position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.15); z-index: 1; } .content2 .innerWrap { display: flex; justify-content: space-between; position: relative; z-index: 2; margin:10px auto; width:1200px; } .content2 .innerWrap .left { width: 32.8%; color: #fff; } .content2 .innerWrap .left .title { position: relative; display: flex; justify-content: left; text-align: center; font-size: 38px; padding-bottom: 15px; color:#FFF; } @media only screen and (max-width: 1440px) { .content2 .innerWrap .left .title { font-size: 32px; } } @media only screen and (max-width: 1024px) { .content2 .innerWrap .left .title { font-size: 26px; } } @media only screen and (max-width: 767px) { .content2 .innerWrap .left .title { font-size: 24px; } } .content2 .innerWrap .left .title::after { position: absolute; content: ""; width: 50px; height: 2px; background:#FF0; bottom: 0; left: 0; } .content2 .innerWrap .left .ctx { padding-bottom: 0.4rem; border-bottom: 1px solid #9b9c9d; } .content2 .innerWrap .left .ctx .p1 { font-size: 24px; height: 50px; margin-bottom: 10px; color:#FFF; } @media only screen and (max-width: 1440px) { .content2 .innerWrap .left .ctx .p1 { font-size: 20px; } } @media only screen and (max-width: 1200px) { .content2 .innerWrap .left .ctx .p1 { font-size: 18px; } } @media only screen and (max-width: 1024px) { .content2 .innerWrap .left .ctx .p1 { font-size: 18px; } } @media only screen and (max-width: 767px) { .content2 .innerWrap .left .ctx .p1 { font-size: 16px; } } .content2 .innerWrap .left .ctx .p2, .content2 .innerWrap .left .ctx .p3 { font-size: 18px; color:#FFF; line-height:30px; } @media only screen and (max-width: 1024px) { .content2 .innerWrap .left .ctx .p2, .content2 .innerWrap .left .ctx .p3 { font-size: 16px; } } .content2 .innerWrap .left .button { display: inline-block; margin-top: 0.7rem; padding: 10px 0.45rem; text-align: center; color: #232323; cursor: pointer; background: #fff; font-size: 16px; transition: all 0.3s ease-out; } @media only screen and (max-width: 1366px) { .content2 .innerWrap .left .button { font-size: 14px; } } @media only screen and (max-width: 767px) { .content2 .innerWrap .left .button { font-size: 14px; } } .content2 .innerWrap .left .button:hover { background: #00a6e3; color: #fff; } .content2 .innerWrap .right { width: 55.0%; } .content2 .innerWrap .right .list { width: 100%; display: flex; flex-wrap: wrap; } .content2 .innerWrap .right .list li { width: 49.6%; margin-right: 0.8%; margin-bottom: 10px; cursor: pointer; } .content2 .innerWrap .right .list li:hover .imgBox div { transform: scale(1.05); } .content2 .innerWrap .right .list li:nth-child(2n) { margin-right: 0; } .content2 .innerWrap .right .list li .imgBox { width: 100%; height: 150px; overflow: hidden; } .content2 .innerWrap .right .list li .imgBox div { width: 100%; height: 100%; background-size: cover; background-position: center; transition: all 0.5s; } .content2 .innerWrap .right .swiperButtonContainer { display: flex; position: relative; margin-top: 0.24rem; width: 0.88rem; height: 0.44rem; } .content2 .innerWrap .right .swiperButtonContainer .swiperBtn { display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; background: #fff; cursor: pointer; } .content2 .innerWrap .right .swiperButtonContainer .swiperBtn.active { background: #00a6e3; } .content2 .innerWrap .right .swiperButtonContainer .swiperBtn.active i { color: #fff; } .content2 .innerWrap .right .swiperButtonContainer .swiperBtn i { font-size: 20px; color: #3e3e3e; } @media only screen and (max-width: 1200px) { .content2 .innerWrap .right .swiperButtonContainer .swiperBtn i { font-size: 16px; } .content2 .innerWrap .right .list li{width:100%;} } .content3 { padding:20px; background-size: cover; background-position: center; } .content3 .innerWrap{width:1200px; margin:0 auto;} .content3 .list ul { display: flex; } .content3 .list ul li { box-sizing: border-box; position: relative; width: 31.6%; margin-right: 20px; padding: 10px; color: #333; display: flex; flex-direction: column; cursor: pointer; } .content3 .list ul li.pc { display: block; } .content3 .list ul li.mobile { display: none; padding: 0; } .content3 .list ul li.mobile .ctx { padding: 0.35rem 0.5rem; background: #fff; height: 200px; transition: all 0.5s; } .content3 .list ul li.mobile .ctx h2 { margin-bottom: 0.2rem; } .content3 .list ul li.mobile .ctx p { font-size: 14px; text-decoration: underline; } @media only screen and (max-width: 767px) { .content3 .list ul li.mobile .ctx p { font-size: 12px; } } .content3 .list ul li.mobile:hover .ctx { background: #00a6e3; color: #fff; } .content3 .list ul li a { width: 100%; } .content3 .list ul li .imgBox { height: 240px; overflow: hidden; width: 100%; } .content3 .list ul li .imgBox div { width: 100%; height: 100%; background-size: cover; background-position: center; transition: all 0.5s; } .content3 .list ul li .ctx { position: relative; z-index: 1; } .content3 .list ul li .ctx h1 { font-size: 34px; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 1.5; margin-bottom: 0.2rem; } .content .innerWrap .title { margin-bottom: 20px; } .content .innerWrap .title h2 { position: relative; display: flex; justify-content: center; font-size: 38px; padding: 10px; } @media only screen and (max-width: 1440px) { .content .innerWrap .title h2 { font-size: 32px; } } @media only screen and (max-width: 1024px) { .content .innerWrap .title h2 { font-size: 26px; } } @media only screen and (max-width: 767px) { .content .innerWrap .title h2 { font-size: 24px; } } .content .innerWrap .title h2::after { position: absolute; content: ""; width: 20px; height: 2px; background: #FF0; bottom: 0; left: 50%; margin-left: -0.2rem; } @media only screen and (max-width: 1440px) { .content3 .list ul li .ctx h1 { font-size: 30px; } } @media only screen and (max-width: 1024px) { .content3 .list ul li .ctx h1 { font-size: 24px; } } @media only screen and (max-width: 767px) { .content3 .list ul li .ctx h1 { font-size: 22px; } } .content3 .list ul li .ctx h2 { font-size: 24px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 1.25; height: 60px; } @media only screen and (max-width: 1440px) { .content3 .list ul li .ctx h2 { font-size: 20px; } } @media only screen and (max-width: 1200px) { .content3 .list ul li .ctx h2 { font-size: 18px; } } @media only screen and (max-width: 1024px) { .content3 .list ul li .ctx h2 { font-size: 18px; } } @media only screen and (max-width: 767px) { .content3 .list ul li .ctx h2 { font-size: 16px; } } .content3 .list ul li .ctx p { font-size: 14px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 1.714; height: 48px; color: #888; } @media only screen and (max-width: 767px) { .content3 .list ul li .ctx p { font-size: 12px; } } .content3 .main-btn { text-align: center; } .content3 .main-btn .button { display: inline-block; padding: 10px 10px; margin: 0 auto; margin-top: 10px; text-align: center; color: #00a6e3; cursor: pointer; border: 1px solid #00a6e3; transition: all 0.3s ease-out; font-size: 16px; } @media only screen and (max-width: 1366px) { .content3 .main-btn .button { font-size: 14px; } } @media only screen and (max-width: 767px) { .content3 .main-btn .button { font-size: 14px; } } .content3 .main-btn .button:hover { background: #00a6e3; color: #fff; } .content4 { padding: 1rem 0; background-size: cover; background-position: center; } .content4 .innerWrap{width:1200px; margin:0 auto;} .content4 .title { color: #fff; } .content4 h2{ color:#fff;} .content4 .list { display: flex; justify-content: space-between; } .content4 .list .item { position: relative; } .content4 .list .item::after { position: absolute; display: block; content: ""; width: 100%; height: 75px; background: rgba(0, 0, 0, 0.7); bottom: 0; left: 0; z-index: 0; } .content4 .list .item .bg { overflow: hidden; } .content4 .list .item .bg > div { transition: all 0.5s; } .content4 .list .item .ctx { width: 100%; } .content4 .list .item .ctx p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .content4 .list .item:hover .bg > div { transform: scale(1.05); } .content4 .list .left { width: 100%; } .content4 .list .left > div { position: relative; display: flex; align-items: flex-end; height: 280px; width:27.5%; color: #fff; padding: 20px; padding-bottom: 0; margin-bottom:20px; margin-right:2.5%; cursor: pointer; float:left; } .content4 .list .left > div a { position: relative; display: flex; align-items: flex-end; width: 100%; height: 100%; color: #fff; z-index: 99; } .content4 .list .left > div .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .content4 .list .left > div .bg > div { width: 100%; height: 100%; background-size: cover; background-position: center; } .content4 .list .left > div .ctx { position: relative; z-index: 1; font-size: 20px; } @media only screen and (max-width: 1200px) { .content4 .list .left > div{width:100%; padding:0;} .content4 .list .left > div .ctx { font-size: 16px; } .content4 .list .left > div .ctx p { font-size: 16px; } .content4 .list .left > div{width:100%;} .content4 .main-btn .button { font-size: 14px; } .content5 .ctx .left .p1 { font-size: 18px; } .content5 .ctx .left .num { font-size: 24px; } .content5 .ctx .left .p2, .content5 .ctx .left .p3 { font-size: 16px; } } .content4 .list .left > div .ctx p { font-size: 20px; height: 75px; line-height:75px; color:#fff; } .content4 .main-btn { text-align: center; } .content4 .main-btn .button { display: inline-block; padding: 10px 0.4rem; margin: 0 auto; margin-top: 0.7rem; text-align: center; color: #232323; cursor: pointer; background: #fff; font-size: 16px; transition: all 0.3s ease-out; } .content4 .main-btn .button:hover { background: #00a6e3; color: #fff; } .content5 { padding: 1rem 0 1.2rem; } .content5 .innerWrap{width:1200px; margin:0 auto;} .content5 .innerWrap .title { color: #333; margin-bottom: 10px; } .content5 .ctx { padding: 1px 0; display: flex; justify-content: space-between; width:1200px; margin:0 auto; } .content5 .ctx .left { box-sizing: border-box; width: 75%; background: #fff; padding: 20px 60px 20px 60px; border:1px solid #dadada; } .content5 .ctx .left .p1 { font-size: 26px; color: #282828; margin-bottom: 10px; } .content5 .ctx .left .num { color: #00a6e3; font-size: 42px; } .content5 .ctx .left .p2{ font-size: 18px; color: #414141; line-height:25px; } .content5 .ctx .right { box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; width: 25%; padding: 20px; background:#00a6e3; } .content5 .ctx .right .item { display: flex; align-items: center; margin-bottom: 20px; } .content5 .ctx .right .item: { margin-bottom: 0; } .content5 .ctx .right .item img { width: 40px; margin-right: 10px; } .content5 .ctx .right .item .p1 { font-size: 26px; color:#fff; } @media only screen and (max-width: 1440px) { .content5 .ctx .right .item .p1 { font-size: 24px; } } @media only screen and (max-width: 1024px) { .content5 .ctx .right .item .p1 { font-size: 20px; } } @media only screen and (max-width: 767px) { .content5 .ctx .right .item .p1 { font-size: 18px; } } .content5 .ctx .right .item .p2 { font-size: 22px; color:#fff; } .content5 .ctx .right .item .p2 a{ color:#fff; } @media only screen and (max-width: 1440px) { .content5 .ctx .right .item .p2 { font-size: 18px; } } @media only screen and (max-width: 767px) { .content5 .ctx .right .item .p2 { font-size: 16px; } } @media screen and (max-width: 1440px) { .content .innerWrap { width: 1110px; } .banner .innerWrap { width: 1110px; } .content3 .list ul li .ctx h2 { height: 50px; } } @media screen and (max-width: 1280px) { .content .innerWrap { width: 100%; } .list ul li p span { width: 1rem; } } @media screen and (max-width: 1080px) { .list ul li { width: 49%; margin-right: 2%; } .list ul li:nth-child(2n) { margin-right: 0; } } @media screen and (max-width: 768px) { .list ul { padding-top: 0; } .list ul li .btnContainer { justify-content: space-around; display:block; } .list ul li .imgBox { height: 4rem; } .list ul li p span { width: 1.2rem; } .list ul li { width: 100%; margin-right: 0; margin-bottom: 20px; } .list ul li .btnContainer a .button { padding: 10px 20px; font-size: 15px; margin-right:0; } .list ul li .btnContainer a .button.black { background: #333; color: #fff; border-color: #333; width:30%; float:left; } .list ul li .btnContainer a .button.red { color: #fff; background:#00a6e3; float:right; width:30%; } .main-btn .button.more { width: 100%; } .content3 .main-btn .button { width: 95%; } .content2 .innerWrap { flex-direction: column; } .content2 .innerWrap .left, .content2 .innerWrap .right { width: 95%; margin:0 auto; } .content2 .innerWrap .left { margin-bottom: 1rem; } .content3 .list ul { flex-direction: column; } .content3 .list ul li { width: 100%; margin-right: 0; margin-bottom: 10px; } .content3 .list ul li.pc { display: none; } .content3 .list ul li.mobile { display: block; } .content3 .list ul li .ctx p { height: 42px; } .content4 .list { flex-direction: column; } .content4 .list .left, .content4 .list .right { width: 100%; margin-bottom: 0.16rem; } .content5 .ctx { flex-direction: column; width:95%; } .content5 .ctx .left, .content5 .ctx .right { width: 100%; margin-bottom: 20px; } .content5 .ctx .left{padding:20px;} .content5 .ctx .right { padding: 0.6rem 0.7rem; } } /*备品备件*/ .content6 .innerWrap { width: 1200px; margin: 0 auto; } .tempWrapx{overflow:hidden; position:relative; width:850px !important;} .tempWrapx ul{width: 1656px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: -850px;} .tempWrapx ul li{float: left; width: 125px;} .ml_t1{float:right; width:950px} .mr_t1name{ margin:20px auto; background: #00a6e3; width: 120px; padding:0 20px; float: left; line-height: 80px; font-size: 20px; color:#fff; } .mr_t1name img{float:left;margin-top:25px;margin-right:5px;display:inline;} .mr_frbox{height:140px;border:1px solid #DEDEDE;padding:24px 22px 0px; margin-bottom:20px} .mr_frBtnL{float:left;margin:28px 22px 0px 0px;cursor:pointer;display:inline;} .mr_frUl{float:left;height:130px;width:850px;} .mr_frBtnR{float:right;margin-top:28px;cursor:pointer;} .mr_frUl ul li{display:inline;float:left;height:115px;width:125px;margin-right:13px;overflow:hidden;} .mr_frUl ul li img{display:block;margin-bottom:7px;border:1px solid #D8D8D8; height:114px} .mr_frUl ul li a:hover img{border:1px solid #A0C0EB;} /*产品详情*/ .right-word .ctx { width: 80%; padding: 20px; } .right-word .ctx h1, .right-word .ctx h2 { font-size: 26px; color: #fff; } .right-word .ctx h1 { -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 1.5; line-height: 1.25; } .right-word .ctx h2 { -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 1.25; } .right-word .ctx .title { padding-bottom: 20px; border-bottom: 2px solid #FF0; margin-bottom: 20px; } .right-word .ctx .data { display: flex; flex-wrap: wrap; margin-bottom: 10px; } .right-word .ctx .data li { min-width: 100%; font-size: 16px; color: #222222; margin-bottom: 10px; } .right-word .ctx .data li p { font-size:16px; color: #fff; } .right-word .ctx .data li span { color: #fff; } .right-word .ctx .fitCate { padding-bottom: 20px; border-bottom: 1px dashed #ababab; margin-bottom: 20px; } .right-word .ctx .fitCate h2 { font-size: 16px; color:#fff; } .right-word .ctx .fitCate span{color:#fff; line-height:20px;} .right-word .ctx .btnContainer { display: flex; } .right-word .ctx .btnContainer a { display: block; } .right-word .ctx .btnContainer .button { display: flex; align-items: center; justify-content: center; padding: 10px 20px; color: #fff; cursor: pointer; } .right-word .ctx .btnContainer .button img { margin-right: 0.1rem; } .right-word .ctx .btnContainer .button.red { background: #FF0; margin-right: 4px; } .right-word .ctx .btnContainer .button.red p{color:#000;} .right-word .ctx .btnContainer .button.black { background: #2b2b2b; } .right-word .ctx .btnContainer .button.black p{color:#fff;} /*工艺流程*/ .introduction3 .block{width:1200px;margin:20px auto;position:relative;} .introduction3 .title{text-align:center;padding-top:20px;width:785px;margin:0 auto;} .introduction3 .title h3{color:#474747;font-size:30px;line-height:1.2;} .introduction3 .title h3 b{font-weight:bold;} .introduction3 .title .line{display:block;width:90px;height:3px;background:#e2e2e2;margin:14px auto 0;} .introduction3 .title p{color:#474747;font-size:14px;line-height:1.5;margin:20px auto 0;} .introduction3 .tabbs{height:78px;margin:20px auto 0;width:1018px;position:relative;} .introduction3 .tabbs .line{top:13px;width:967px;border-top:solid 1px #d9d9d9;position:absolute;left:25px;} .introduction3 .tabbs .arrow_l{display:block;background:url(../images/arrow2.png) left center no-repeat;width:25px;height:25px;position:absolute;left:0;top:0;} .introduction3 .tabbs .arrow_r{display:block;background:url(../images/arrow2.png) right center no-repeat;width:25px;height:25px;position:absolute;right:0;top:0;} .introduction3 .tabbs .ul{width:834px;margin:0 0 0 157px;overflow:hidden;position:relative;height:78px;} .introduction3 .tabbs .ul ul{width:10000px;position:absolute;left:0;top:10px;height:68px;} .introduction3 .tabbs .ul ul li{float:left;width:123px;height:68px;padding:36px 0 0 16px;font-size:20px;color:#474747;background:url(../images/dian1.png) left top no-repeat;cursor:pointer;} .introduction3 .tabbs .ul ul li.now,.introduction3 .tabbs .ul ul li:hover{background:url(../images/dian2.png) left top no-repeat;color:#00a6e3;} .introduction3 .box{margin-top:45px;height:408px;} .introduction3 .box .pic{float:left;width:620px;height:408px;overflow:hidden;position:relative;} .introduction3 .box .pic .in{position:absolute;left:0;top:0;display:none;} .introduction3 .box .pic .in.a{display:block;} .introduction3 .box .text{float:right;width:580px;} .introduction3 .box .text h3{font-size:30px;color:#474747;line-height:72px;width:519px;} .introduction3 .box .text p{font-size:20px; line-height:30px;} /**/ .centered { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .centered-y { position: absolute; width: 100%; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .centered-y h2{font-size:20px; color:#FFF;} .centered-y p{font-size:16px; color:#FFF; line-height:25px; text-align:left;} .distribution-map { position: relative; width: 1200px; padding: 20px; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; } .distribution-map > img { width: 100%; position: relative; margin: 0; padding: 0; } .distribution-map .map-point { cursor: pointer; outline: none; z-index: 0; position: absolute; width: 40px; height: 40px; border-radius: 20px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s; -o-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s; -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out, z-index 0.25s ease-in-out; -webkit-transition-delay: 0.25s, 0.25s, 0.25s, 0.25s; -webkit-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s; transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s; background: rgba(26, 26, 26, 0.85); border: 5px solid #7fcff7; } .distribution-map .map-point .content { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; width: 100%; height: 100%; left: 50%; } .distribution-map .map-point:active, .distribution-map .map-point:focus { margin: 0; padding: 0; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; width: 300px; height: 220px; color: #e5e5e5; z-index: 1; -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out; transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out; } .distribution-map .map-point:active .content, .distribution-map .map-point:focus .content { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s; -o-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s; -webkit-transition: opacity 0.25s ease-in-out, height 0 ease-in-out, overflow 0 ease-in-out; -webkit-transition-delay: 0.25s, 0.25s, 0.25s; -webkit-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s; transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s; overflow: hidden; } .distribution-map .map-point:active .content a:hover, .distribution-map .map-point:active .content a:active, .distribution-map .map-point:focus .content a:hover, .distribution-map .map-point:focus .content a:active { color: #afe1fa; } /**/ @media only screen and (max-width: 1800px){ .index01{padding: 20px 0 0 0;} .index01 .min .right{width: calc(50% + (100% - 1200px)/2);} .index01 .min .left{padding-right: 50px;} } @media only screen and (max-width: 1600px){ .headerwarp .nav .navlist .item a{font-size: 16px;} .headerwarp .nav .top a{font-size: 12px;} .headerwarp .nav .top strong{height: 12px;margin: 0 12px} .banner .text h3{font-size: 54px;} .banner .text h4{font-size: 22px;} .banner .text h4:before,.banner .text h4:after{margin-bottom: 8px;} .more{width: 180px;height: 42px;line-height: 42px;} .index01 .min .left .list a p{font-size: 14px;} .index01 .min .left .list a font{width: 30%;} .index01 .min .left .list a p{width: 75%;} .index02 a{height: 260px;} .index02 a:first-child .text h3{font-size: 56px;} .index02 a .text h3{font-size: 34px;} .index02 a .text p{font-size: 18px;min-height: 18px;margin-bottom: 30px;} .index02 a .text h4{font-size: 14px;} .colorwarp .index03 .gallery-thumbs .swiper-slide h3{font-size: 16px;} .colorwarp .index03 .gallery-thumbs .swiper-slide span{width: 6px;height: 6px;} .footerwarp .footer .list li .min p a{font-size: 14px;} .footerwarp .ba h3{font-size: 12px;} .index01 .min .left{width: 42%;} .index01 .min .left .info:before{left: -20px;} .index01 .min:before{width: 50%;} .index01 .min .right .text{width: 91%;} .index01 .min .right .text .left02{width: 35%;} .index01 .min .right .text .right02{width: 65%;} .index02 a:first-child .text h4{width: 100%;} .index02 a .text h4{letter-spacing: 0px; padding: 0 30px;} .index02 a .text{padding: 0 30px;} .index02 a:nth-of-type(2) .text h3{height: 56px;padding-top: 9px;} .index02 a .text h4{font-size: 13px;} .index01 .min .right .text .right02 .list h3{font-size:22px;} .index01 .min .right .text .right02 .list h4{font-size:15px;} .index01 .min .right .text .right02 .list{padding: 15px 0 15px 20px;;} .index01 .min .right .text .right02{height:92%;} .index01 .min .right .text .left02 .font h3{font-size:28px;} .index01 .min .right .text .left02 .font span{font-size:13px;} .about05warp a .text{padding: 25px 0px;} /*荣誉*/ .honor01warp .honor01 .left .min a h3{font-size: 20px;margin-bottom: 40px;} .honor01warp .honor01 .left .text h3{font-size: 20px;} .honor01warp .honor01 .right .min a h3{font-size: 18px;padding: 0;} .honor01warp .honor01 .right .honorfl{padding: 30px;} .honor01warp .honor01 .left .text{padding-left: 90px;padding-right: 50px;} .honor01warp .honor01 .left .min a{padding: 60px 90px;} .honor01warp .honor01 .right .min a{padding-bottom: 60px;} .honor01warp .honor01 .right .honorfl h3{font-size: 18px;} .honor01warp .honor01 .left .text strong{margin-bottom: 109px;} .activity02warp .activity02{width: 1200px;} .publish01warp .text h3{font-size:26px;} .publish01warp .text{bottom:30px;} .publish01warp .publish01 a .text h3{font-size:40px;} .publish01warp .publish01 a .text h4{font-size:22px;} .recruit01{width:96%;} .recruit01 .min li{padding:30px; min-height:397px;} .recruit01 .min li h4{letter-spacing:0;} .funwarp .fun01 .right{ } .fun04warp{background-size: auto;} .funwarp .fun01 .right .text h4{font-size: 14px;line-height: 26px;} .funwarp .fun01 .right .text{position: relative;z-index: 2;} .funwarp .fun01 .right .text h3{margin-bottom: 20px;font-size: 34px;} .funwarp .fun01 .right .text p{font-size: 22px;margin-bottom: 20px;} .funwarp .fun01 .right .text a{margin-top: 30px;} .about03warp .min img{width: 30%;} .publish01warp .publish01 a{width: 25%;box-sizing: border-box;overflow: hidden;} .publish01warp .publish01{width: 50%;} .newsinfo02{width: 1100px;} .funwarp .fun01 .right .text:before{ left: -180px;} .founder01 .right{padding: 0 0px 0 40px;} .founder01 .right .text p{line-height: 28px;} } @media only screen and (max-width: 1440px){ .headerwarp .header .nav .navlist .item .nav02bg{top: 96px;} .media_container{width:90%;} .media_container_left{width:100%;} .headerwarp .nav .navlist .item .nav02{top: 50px;} .industry01warp .industry01 .text h3 br{display: none;} .research01warp .research01{width: 1200px;margin: auto;padding: 0;} .research02warp .research02 .list{padding-bottom: 40px;} .research02warp{padding-top: 50px;} .service02warp{background-size: auto;} .culture02warp .culture02{padding: 125px 0;padding-left: calc((100% - 1200px)/2);} .honorwarp .honor2-1 .text{top: 26%;} .about03warp .min img{width: 30%;} .about03warp .min .swiper-container01{padding-top: 60px;} .about03warp .min .swiper-container01 .text strong{margin: 20px auto;} .about03warp .min .swiper-container01 .text p{margin-bottom: 30px;} } @media only screen and (max-width: 1280px){ .founder01 .right{padding: 0 40px 0 80px;} .f-more{font-size: 12px;} .founder02 .min{width: 80%;} .founder03 a{width: 22%;} .research02warp{background-size: auto;} .recruit01 .min li{min-height: 407px;padding: 20px;} .recruit02warp .recruit02,.recruit02warp .recruit02 .left img{width: 1100px;} }