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:"微软雅黑"; line-height:1;font-weight: normal;letter-spacing: 0.5px;} body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;} img{display: block;} a{ color:#333; text-decoration:none; font-size: 16px;} 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;} .clearfix:after{display: block;content: '';clear: both;} .bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;} /*IE*/ .web-ie2018{ font-family: microsoft yahei; 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;} /*<------------------------------------->*/ /* pc */ .pc-1200px{display: none;} @media only screen and (max-width:1260px){ .pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;} .pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;} .pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;} .pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;} .pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;} } body, html {height: 100%;position: relative;width: 100%;background-color: #ffffff;} .i-cont{width: 1280px;margin: auto;} .more{display: block;width: 170px;height: 46px;line-height: 46px;border: 1px solid #fff;color: #fff;background: transparent;transition: all .4s;text-align: center;} .more:hover{background-color: #db090a;border-color: #db090a;} .more02{border-color: #db090a;color: #db090a;} .more02:hover{color: #fff;} .screen-reader-response{display: none;} /* h5 */ .drawer-nav { display: none; } .drawer-hamburger{display: none;} .b_h5 {display: none;} .cus01_h5 {display: none;} /* head */ .headerwrap{width: 100%;position: fixed;top: 0;left: 0;z-index: 99;background-color: #fff;box-shadow: 0 0 8px 1px #00000026;} .headerwrap .headf01{padding: 6px 0;background-color: #1d1c1c;} .headerwrap .headf01 .i-cont{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;} .headerwrap .headf01 .left{} .headerwrap .headf01 .left a{font-size: 12px;color: #fff;line-height: 12px;border-right: 1px solid #fff;padding-right: 15px;margin-right: 15px;} .headerwrap .headf01 .left a:nth-last-of-type(1){border: none;} /* p-language */ .p-language{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .p-language i{margin-right: 5px;} .p-language i,.p-language a{font-size: 12px;color: #fff;} .p-language span{display: block;width: 1px;height: 14px;background-color: #fff;margin: 0 10px;} .headf02{width: 100%;transition: all .4s;height: 80px;} .headf02 .i-cont{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;} .headf02 .logo {display: block;} .headf02 .logo img {display: block;width: auto;height: 45px;transition: all .4s;} .headf02 .nav{display: flex;display: -webkit-flex;} .headf02 .nav li{margin-right: 40px;position: relative;} .headf02 .nav li:last-child{margin-right: 0;} .headf02 .nav li>a{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;font-size: 16px;color: #444;line-height: 80px;height: 80px;transition: all .4s;} .headf02 .nav li>a i{font-size: inherit;color: inherit;margin-left: 5px;} .headf02 .nav li>a:hover{color: #db090a;text-decoration: underline;} .div2_1 .headf02 .nav li>a{height: 60px;line-height: 60px;} .div2_1 .headf02{height: 60px;} .div2_1 .headf02 .logo img{height: 36px;} .headf02 .nav li .downup{display: block;position: absolute;top:80px;left: 0%;width: 660px;transform: translateX(-50%);margin-left: 55px;} .headf02 .nav li .pc_nav_bottom{transition: all .6s;background-color: #fff;} .headf02 .nav li .pc_nav_bottom>a{display: block;background-color: rgba(255,255,255,0.9);color: #222;font-size: 14px;margin: 0;line-height: 20px;padding:15px 20px;border-top: 1px solid #ddd;display:flex;justify-content: space-between;align-items: center;} .headf02 .nav li .pc_nav_bottom>a:nth-of-type(1){border-top: 0;} .headf02 .nav li .pc_nav_bottom{display: flex;padding: 40px;box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.2);} .headf02 .nav li .pc_nav_bottom>a:hover{background-color: rgba(255,255,255,1);} .headf02 .nav li .pc_nav_bottom .subnav{padding-right: 40px; border-right: 1px solid #ddd; width: 50%;} .headf02 .nav li .pc_nav_bottom .subnav img{width: 100%;} .headf02 .nav li .pc_nav_bottom .subnav h3{font-size: 22px;color: #222;margin-top: 20px;margin-bottom: 20px;font-weight: normal;} .headf02 .nav li .pc_nav_bottom .subnav p{font-size: 14px;color: #666;line-height: 22px;text-align: justify;} .headf02 .nav li .pc_nav_bottom .navlist{padding-left: 40px; margin: 10px 0;} .headf02 .nav li .pc_nav_bottom .navlist dd{margin-bottom: 30px;} .headf02 .nav li .pc_nav_bottom .navlist dd:nth-last-of-type(1){margin-bottom: 0;} .headf02 .nav li .pc_nav_bottom .navlist dd a{font-size: 15px;color: #666;position: relative} .headf02 .nav li .pc_nav_bottom .navlist dd a:after{content: '';position: absolute;width: 0%;height: 1px;display: block;bottom: 0;left: 0;background-color: #aaa;transition: all .3s;} .headf02 .nav li .pc_nav_bottom .navlist dd a:hover:after{width: 100%;} .headf02 .nav li .pc_nav_bottom .navlist dd a:hover{color:#db090a;} .div2_1 .headf02 .nav li .downup {top: 60px;} /* banner */ .bannerwrap{width: 100%;height: 100%;overflow: hidden;position: relative;} .bannerwrap .banner .swiper-slide::after{content: '';display: block;width: 100%;height: 100%;position: absolute; top: 0;left: 0;background-color: rgba(0,0,0,0.15);z-index: 1;background-image: url(../img/video_mask.png);} .banner{width: 100%;position: relative;} .banner video{width: 100%;} .banner img{width: 100%;} .banner .b-text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 1280px;z-index: 3;text-align:left ;} .banner .b-text h3{font-size: 50px;color: #fff;font-weight: bold;text-shadow: 0 0 rgba(0,0,0,0.3);margin-bottom: 34px;} .banner .b-text p{font-size: 20px;color: #fff;text-shadow: 0 0 rgba(0,0,0,0.3);margin-bottom: 34px;} .banner .b-text a{} .bannerwrap .swiper-button-next,.bannerwrap .swiper-button-prev{filter: grayscale(1) brightness(20);} .bannerwrap .swiper-button-next{right: 5%;} .bannerwrap .swiper-button-prev{left: 5%;} .bannerpagination{width: 100%;bottom: 50px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;} .bannerpagination .swiper-pagination-bullet{width: 8px;height: 8px;background-color: transparent;opacity: 1;margin-right: 12px;border: 1px solid #FFFFFF;} .bannerpagination .swiper-pagination-bullet-active{background-color: #FFFFFF;} .bannerwrap .swiper-button-next,.bannerwrap .swiper-button-prev{-webkit-border-end-width: 25px;height: 28px;} /* index01 */ .index01wrap{background: url(../img/bg_01.jpg);width: 100%;background-size: cover;position: relative;padding-bottom: 80px;z-index: 3;} .index01wrap::after{content: '';display: block;width: 50%;height: 80px;position: absolute; top: -80px;right: 0;background-color: #fff;z-index: 0;} .index01{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;} .index01 .left{width: 50%;display: flex; display: -webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;} .index01 .left ul{width: 47%;margin-top: -170px;} .index01 .left ul.b1{padding-top: 80px;} .index01 .left ul li{width: 100%;position: relative;margin-bottom: 30px;} .index01 .left ul li a{width: 100%;display: block;position: relative;overflow: hidden;} .index01 .left ul li a::after{content: '';display: block;width: 100%;height: 100%;position: absolute; top: 0;left: 0;background-color: rgb(11 22 45 / 12%);z-index: 0;transition: all .4s;} .index01 .left ul li a img{width: 100%;transition: all .4s;} .index01 .left ul li a:hover::after{background-color: rgb(11 22 45 / 32%);} .index01 .left ul li a:hover img{transform: scale(1.1);} .index01 .left ul li a .txt{position: absolute;bottom: 25px;left: 25px;z-index: 2;} .index01 .left ul li a .txt h3{font-size: 24px;color: #fff;margin-bottom: 20px;} .index01 .left ul li a .txt h4{font-size: 24px;color: #fff;} .index01 .right{width: 50%;padding-left: 110px;box-sizing: border-box;} .index01 .right span{display: block;font-size: 16px;color: #aaa;margin-bottom: 20px;} .index01 .right h3{font-size: 40px;color: #db090a;font-weight: bold;margin-bottom: 30px;} .index01 .right h4{font-size: 20px;line-height: 32px;color: #333;margin-bottom: 30px;} .index01 .right p{font-size: 16px;line-height: 28px;color: #666;margin-bottom: 30px;} .index01 .right .more{} /* index02 */ .index02wrap{background: url(../img/bg_02.jpg)no-repeat fixed;width: 100%;background-size: cover;position: relative;overflow: hidden;} .index02{padding: 100px 0;position: relative;} .index02wrap::after{content: '';display: block;width: 100%;height: 1px;position: absolute; bottom: 185px;left: 0;background-color: #fff;z-index: 0;opacity: 0.3;} .index02 h3{font-size: 40px;color: #fff;text-align: center;font-weight: bold;margin-bottom: 20px;} .index02 h4{font-size: 16px;color: #fff;text-align: center;margin-bottom: 60px;} .indexnum{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;} .indexnum li{margin-right: 6.66%;width: 20%;} .indexnum li:nth-last-child(1){margin-right: 0;} .indexnum li .mun_top{ display: flex; justify-content: center;} .indexnum li .mun_top h2{font-size: 64px;font-family: impact;color: #fff;font-weight: bold;text-align: center;} .indexnum li .mun_top sup{ font-size: 40px!important; color: #fff; font-weight: bold; font-family: impact;margin-left: 5px;display: block; } .indexnum li img{margin:25px auto;} .indexnum li span{display: block;width: 9px;height: 9px;background: #fff;border-radius: 50%;text-align: center;margin: auto;position: relative;} .indexnum li span::after{content: '';display: block;width: 21px;height: 21px;position: absolute; top: 50%;left: 50%;background-color: rgba(255,255,255,0.3);z-index: 0;transform: translate(-50%,-50%);border-radius: 50%;} .indexnum li p{font-size: 18px;color: #fff;text-align: center;margin-top: 25px;line-height: 28px;} /* index03 */ .index03wrap{width: 100%;overflow: hidden;padding: 100px 0;} .index03{margin-left: calc(50% - 640px);position: relative;} .index03 .title{position: unset;left: 0;top: 24px;z-index: 3;margin-bottom: 40px; border-bottom: 1px solid #ccc;margin-bottom: 30px;} .index03 .title span{display: block;font-size: 16px;color: #aaa;margin-bottom: 20px;} .index03 .title h3{font-size: 40px!important;color: #db090a!important;font-weight: bold!important;} .index03 .gallery-top{} .index03 .gallery-top .list{} .index03 .gallery-top .list .item{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;} .index03 .gallery-top .list .item .left{width: 400px;margin-right: 5%;text-align: left; } .index03 .gallery-top .list .item .left h3{font-size: 28px;font-weight: bold;color: #333;margin-bottom: 30px;} .index03 .gallery-top .list .item .left h4{font-size: 15px;line-height: 28px;color: #666;margin-bottom: 50px;} .index03 .gallery-top .list .item .left .more{} .index03 .gallery-top .list .item .right{width: 60%;border-top-left-radius: 350px;border-bottom-left-radius: 350px;overflow: hidden;} .index03 .gallery-top .list .item .right img{width: 100%;} .index03 .bot{margin-top: 25px;width: 1280px;position: relative;} .index03 .bot .gallery-thumbs{} .index03 .bot .gallery-thumbs .imgbox{opacity: 0.5;} .index03 .bot .gallery-thumbs .imgbox img{width: 100%;} .index03 .bot .gallery-thumbs .swiper-slide-thumb-active .imgbox{opacity: 1;} .index03 .bot .gallery-thumbs h3{font-size: 18px;color: #333;margin-top: 20px;text-align: left;} .index03 .bot .gallery-thumbs .swiper-slide-thumb-active h3{color: #db090a;} .index03 .swiper-button-next,.index03 .swiper-button-prev{width: 45px;height: 45px;background-color: #db090a;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-image: none;font-size: 18px;color: #fff;margin-top: -38px;outline: none;} .index03 .swiper-button-next{right: 0;} .index03 .swiper-button-prev{left: 0;} .line{display: block;width: 1280px;margin: auto;height: 1px;background-color: #ccc;} /* index04wrap */ .index04wrap{width: 100%;margin: 100px auto 0;} .index04wrap .title2{} .index04wrap .title2 span{display: block;font-size: 16px;color: #aaa;margin-bottom: 20px;} .index04wrap .title2 h3{font-size: 40px;color: #db090a;font-weight: bold;margin-bottom: 30px;} .index04wrap ul{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .index04wrap ul li{width: 20%;border: 1px solid #fff;box-sizing: border-box;} .index04wrap ul li a{display: block;width: 100%;height: 100%;position: relative;text-align: center;overflow: hidden;} .index04wrap ul li a::after{content: '';display: block;width: 100%;height: 100%;position: absolute; top: 0;left: 0;background-color: rgba(67,79,114,0.45);z-index: 0;} .index04wrap ul li a img{width: 100%;transition: all .4s;} .index04wrap ul li a h4{font-size: 24px;color: #fff;font-weight: bold;width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);text-align: center;opacity: 1;transition: all .5s;z-index: 1;} .index04wrap ul li a:hover h4{opacity: 0;} .index04wrap ul li a .txt{width: 100%;height: 100%;position: absolute;top: 0;left: 0;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;background-color: rgba(25,26,31,0.80);box-sizing: border-box;padding: 30px;opacity: 0;transition: all .3s;z-index: 1;} .index04wrap ul li a .txt::after,.index04wrap ul li a .txt::before{position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;content: '';opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;} .index04wrap ul li a .txt::before{border-top: 1px solid #fff;border-bottom: 1px solid #fff;} .index04wrap ul li a .txt::after{border-right: 1px solid #fff;border-left: 1px solid #fff;} .industry02 a:hover .text::after,.industry02 a:hover .text::before{opacity: 1;} .index04wrap ul li a:hover img{transform: scale(1.1);} .index04wrap ul li a:hover .txt{opacity: 1;} .index04wrap ul li .txt h3{font-size: 24px;color: #fff;font-weight: bold;margin-bottom: 20px;} .index04wrap ul li .txt p{font-size: 15px;line-height: 26px;color: #fff;margin-bottom: 20px;width: 80%;} .index04wrap ul li .txt i{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 16px;color: #fff;width: 26px;height: 26px;border-radius: 50%;background-color: #db090a;padding-bottom: 5px;box-sizing: border-box;} /* index05 */ .index05wrap{width: 100%;margin: auto;background:url(../img/bg_map.jpg)no-repeat ;background-size: cover;padding: 100px 0;overflow: hidden;} .index05{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;} .index05 .left{width: 45%;margin-right: 5%;} .index05 .left span{font-size: 16px;color: #aaaaaa;display: block;margin-bottom: 20px;} .index05 .left h3{font-size: 40px;color: #db090a;font-weight: bold;margin-bottom: 30px;} .index05 .left h4{font-size: 16px;color: #666;line-height: 30px;margin-bottom: 30px;} .index05 .left p{font-size: 16px;color: #333;font-weight: bold;line-height: 36px;margin-bottom: 30px;} .index05 .right{width: 50%;} .index05 .right img{width: 100%;} /* index06 */ .index06wrap{width: 100%;margin: 0px auto 100px;overflow: hidden;} .index06{} .index06 .title2{} .index06 .title2 span{font-size: 16px;color: #aaaaaa;display: block;margin-bottom: 20px;} .index06 .title2 h3{font-size: 40px;color: #db090a;font-weight: bold;margin-bottom: 30px;transition: all .4s;} .index06 ul{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .index06 ul .left{width: 50%;} .index06 ul .left a{width: 100%;} .index06 ul .left a .imgbox{overflow: hidden;} .index06 ul .left a img{width: 100%;transition: all .4s;} .index06 ul .left a p{font-size: 12px;color: #888;display: block;margin-bottom: 10px;margin-top: 30px;} .index06 ul .left a h3{font-size: 20px;color: #333;margin: 0px 0 30px;transition: all .4s;line-height: 24px;} .index06 ul .left a span{} .index06 ul .left a:hover h3{color: #db090a;} .index06 ul .left a:hover img{transform: scale(1.1);} .index06 ul .right{width: 45%;margin-left: 5%;} .index06 ul .right a{width: 100%;display: flex;display: -webkit-flex; -webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #ccc;} .index06 ul .right a:hover h3{color: #db090a;} .index06 ul .right .text{width: 60%;} .index06 ul .right .text h3{font-size: 17px;color: #333;line-height: 24px;} .index06 ul .right .text span{font-size: 14px;color: #db090a;border: none;margin-top: 20px;width: auto;display: block;position: relative;display: inline-block;} .index06 ul .right .text p{font-size: 12px;color: #888;display: block;margin-bottom: 10px;} .index06 ul .right .imgbox{width: 30%;overflow: hidden;} .index06 ul .right .imgbox img{width: 100%;transition: all .4s;} .index06 ul .right a:hover .imgbox img{transform: scale(1.1);} .index06 ul .right .text span::after{content: '';display: block;width: 0%;height: 1px;position: absolute; bottom: -8px;left: 0;background-color: #db090a;z-index: 0;transition: all .4s;} .index06 ul .right a:hover .text span::after{width: 100%;} /* index07 */ .index07wrap{width: 100%;margin: auto;background:url(../img/inbg_09_1.jpg)no-repeat;background-size: cover;padding: 100px 0;background-position: center;} .index07wrap h3{font-size: 40px;font-weight: bold;color: #fff;margin-bottom: 30px;text-align: center;} .index07wrap form{width: 780px;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .index07wrap form .label{width: 49%;margin-right: 0%;display: flex;display: -webkit-flex;justify-content: flex-start;-webkit-justify-content: flex-start;align-items: center;-webkit-align-items: center;border: 1px solid #bababa;margin-bottom: 15px;box-sizing: border-box;padding: 0 15px;background-color: #fff;} .index07wrap form .label:nth-of-type(2n){margin-right: 2%;} .index07wrap form .label img{display: block;border-right: 1px solid #ccc;padding-right: 10px;} .index07wrap form .label span{display: block;overflow: hidden;position: relative;width: calc(100% - 25px);} .index07wrap form .label span input{height: 40px;width: calc(100% - 2px);display: block;border: none;text-indent: 1em;font-size: 14px;line-height: 40px;margin: 0;background-color: #fff;} .index07wrap form .textarea {width: 100%;display: flex;display: -webkit-flex;justify-content: flex-start;-webkit-justify-content: flex-start;align-items: center;-webkit-align-items: center;border: 1px solid #bababa;margin-bottom: 25px;box-sizing: border-box;padding: 0 15px;align-items: flex-start;-webkit-align-items: flex-start;padding: 15px;background: #fff;} .index07wrap form .textarea img {display: block;border-right: 1px solid #ccc;padding-right: 10px;} .index07wrap form .textarea span {display: block;overflow: hidden;position: relative;width: calc(100% - 25px);} .index07wrap form .textarea span textarea{display: block;width: calc(100% - 25px);outline: none;font-size: 14px;color: #666666;border: none;box-sizing: border-box;background-color: transparent;height: 100px;resize: none;text-indent: 1em;line-height: 21px;} .index07wrap form p{margin: 0 auto 0;} .index07wrap form .label>span.wpcf7-form-control-wrap span{position: absolute; right: 8px; top: 15px; display: inline-block; width: auto; color: red;} .index07wrap form .wpcf7-response-output{ display: block; text-align: center; width: 100%; color: #f00; font-size: 18px; margin-top: 20px;} /* footer */ .footerwrap{border-top: 10px solid #db090a;} .footerwrap .wid{width: 1280px;margin: auto;background: url(../img/dt.jpg)no-repeat; background-size: 100%;} .footer{padding: 80px 0 ;} .footer ul{display: flex;display: -webkit-flex;-webkit-align-items: flex-start;align-items: flex-start;-webkit-justify-content: space-between;justify-content: space-between;} .footer ul li{} .footer ul li h3,.footer ul li .link{font-size: 18px;color: #333;font-weight: bold;} .footer ul li .list{margin-top: 30px;} .footer ul li .list p{display: block;margin-bottom: 10px;} .footer ul li .list a{font-size: 14px;color: #666;transition: all .4s; position: relative;line-height: 20px;padding: 3px 0;} .footer ul li .list a::after{content: '';display: block;width: 0%;height: 2px;position: absolute;bottom: 0;left: 0;background-color: #db090a;transition: all .4s;} .footer ul li .list a:hover{color: #db090a;} .footer ul li .list a:hover::after{width: 100%;} .footer ul li .list02{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;} .footer ul li .list02 dd{margin-right: 60px;} .footer ul li .list02 dd:nth-of-type(2){margin-right: 0;} .footerwrap .bottom{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;padding: 40px 0;border-top: 1px solid #ccc;} .footerwrap .bottom .left{display: flex; display: -webkit-flex;} .footerwrap .bottom .left h3{font-size: 18px;color: #333;font-weight: bold;line-height: 22px;margin-right: 60px;} .footerwrap .bottom .left a{font-size: 14px;color: #666;display: block;margin-bottom: 10px;transition: all .4s; position: relative;line-height: 20px;} .footerwrap .bottom .left a::after{content: '';display: block;width: 0%;height: 2px;position: absolute;bottom: 0;left: 0;background-color: #db090a;transition: all .4s;} .footerwrap .bottom .left a:hover{color: #db090a;} .footerwrap .bottom .left a:hover::after{width: 100%;} .footerwrap .bottom .link{display: flex;display: -webkit-flex;} .footerwrap .bottom .link a{display: flex;display: -webkit-flex;border:1px solid rgba(255,255,255,0.3);border-radius: 50%;width: 34px;height: 34px;font-size: 14px;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;color: #FFFFFF;padding: 0;margin: 0;margin-right: 10px;background-image: none;opacity: 1;background-color: #db090a;} .footerwrap .bottom .link a:last-child{margin-right: 0;} .footerwrap .bottom .link a:hover{opacity: 0.8;} .footerwrap .bottom .link a:hover:before{color: #FFFFFF;} .footerwrap .bottom .right img{height: 100px;} .footerwrap .copyrightwrap{width: 100%;background: #eee;} .footerwrap .copyright{width: 1280px;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;padding: 12px 0;margin: auto;} .footerwrap .copyright h3,.footerwrap .copyright a{font-size: 14px;color:#858585;} .footerwrap .copyright h3 a{margin-left: 40px;} .footerwrap .copyright a:hover{} /* about */ .innerbanner {position: relative;overflow: hidden; margin-top: 80px;} .innerbanner img { width: 100%; height: auto; object-fit: cover;} .innerbanner::after {content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.04); position: absolute; left: 0; top: 0;} .innerbanner .ab-nav { display: flex; font-size: 16px; position: absolute;top: 55px;z-index: 1;left: 50%;transform: translateX(-50%);color: #fff;} .innerbanner .ab-nav a {font-size: 13px;margin: 0 6px;color: #fff; display: flex; align-items: center;} .innerbanner .ab-nav a:nth-of-type(1){margin-left: 0px;} .innerbanner .ab-nav a i {margin-right: 6px;} .innerbanner .ab-nav a:hover {color:#db090a;} .innerbanner .ab-nav i {font-size: 16px;color: #fff;} .innerbanner .text {position: absolute;transform: translate(-50%,-50%);left: 50%;top: 56%;z-index: 1;} .innerbanner .text h3 {font-size: 44px;font-weight: bold;margin-bottom: 21px;color: #fff;} .innerbanner .text h4 {font-size: 18px;color: #fff;} /* cus */ .cus01 {padding: 100px 0;position: relative;overflow: hidden;} .cus01 .i-cont {display: flex;justify-content: space-between;align-items: center;} .cus01 .left {width: 66%;} .cus01 .right {width: 34%;font-size: 18px;color: #333333;line-height: 36px;position: relative;} .cus01 .right::before{ position: absolute; left: -155px; top: 18px; width: 138px; height: 1px; background-color: #000; content: "";} .about04{width: 100%;position: relative;} .about04 img{display: block;width: 100%;} .about04 .map-list-a{width: 100%;position: absolute;top: 0;left: 0;height: 100%;} #map-list-a a{text-align: center;position: relative;width: 80px;height:80px;-webkit-transition: opacity 0.5s ease-out;-moz-transition: opacity 0.5s ease-out;-o-transition: opacity 0.5s ease-out;transition: opacity 0.5s ease-out;} #map-list-a a span{z-index: 1;border: 1px solid rgba(243, 152, 0, 0.37); position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 10px; height: 10px; margin: auto; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; background: transparent;background-color: #184a46;box-shadow: 5px 5px 5px rgba(0,0,0,0.3);} #map-list-a a font{display: inline-block;font-size: 18px;color: #444444;left: 0;top: 39px;position: absolute;} #map-list-a #a1{top: 53%;right: 8%;position: absolute;width: 100px;height: 100px;visibility: visible;opacity: 1;} #map-list-a #a2{top: 58%;right: 8%;position: absolute;width: 100px;height: 100px;visibility: visible;opacity: 1;} #map-list-a #a3{top:26%;right: 8%;position: absolute;visibility: visible;opacity: 1;width: 100px;height: 100px;} #map-list-a #a4{top: 30%;right: 20%;position: absolute;visibility: visible;opacity: 1;width: 100px;height: 100px;} #map-list-a #a5{top: 35%;right: 20%;position: absolute;visibility: visible;opacity: 1;width: 100px;height: 100px;} #map-list-a #a6{top: 36%;right: 26%;position: absolute;visibility: visible;opacity: 1;width: 100px;height: 100px;} #map-list-a #a7{top: 42%;right: 18%;position: absolute;visibility: visible;opacity: 1;width: 100px;height: 100px;} #map-list-a #a8{top: 48%;right: 25%;position: absolute;visibility: visible;opacity: 1;width: 100px;height: 100px;} #map-list-a #a9{top: 54%;right: 18%;position: absolute;visibility: visible;opacity: 1;width: 100px;height: 100px;} #map-list-a #a10{top: 48%;right: 12%;position: absolute;visibility: visible;opacity: 1;width: 100px;height: 100px;} #map-list-a #a11{top: 54%;right: 9%;position: absolute;visibility: visible;opacity: 1;width: 100px;height: 100px;} #map-list-a #a12{top: 58%;right: 8%;position: absolute;visibility: visible;opacity: 1;width: 100px;height: 100px;} #map-list-a #a13{top: 69%;right: 13%;position: absolute;visibility: visible;opacity: 1;width: 100px;height: 100px;} #map-list-a #a14{top: 77%;right: 22%;position: absolute;visibility: visible;opacity: 1;width: 100px;height: 100px;} #map-list-a #a15{top: 73%;right: 7%;position: absolute;visibility: visible;opacity: 1;width: 100px;height: 100px;} #map-list-a #a16{top: 60%;right: 45%;position: absolute;visibility: visible;opacity: 1;width: 100px;height: 100px;} #map-list-a #a17{top: 61%;right: 35%;position: absolute;visibility: visible;opacity: 1;width: 100px;height: 100px;} #map-list-a #a18{top: 77%;right: 49%;position: absolute;visibility: visible;opacity: 1;width: 100px;height: 100px;} #map-list-a #a19{top: 69%;right: 37%;position: absolute;visibility: visible;opacity: 1;width: 100px;height: 100px;} @keyframes ballScale { 0% {-webkit-transform: scale(0);transform: scale(0);opacity: 1;} 100% {-webkit-transform: scale(1.4);transform: scale(1.4);opacity: 0; }} /* #map-list-a #a1 font{ position: absolute;top:41px;left: 0px;} #map-list-a #a2 font{ position: absolute;top: 40px;left: 0;} #map-list-a #a3 font{ position: absolute;top:32px;left: 0px;} #map-list-a #a4 font{ position: absolute;top: 32px;left: -12px;} #map-list-a #a5 font{ position: absolute;top: 32px;left: -12px;} */ #map-list-a .point{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 10px;height: 10px;margin: auto; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; background: transparent;width: 100%;height: 100%;} #map-list-a .point{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 10px;height: 10px;margin: auto; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; background: transparent;width: 100%;height: 100%;} #map-list-a .point-10 strong{ display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #184a46;opacity: 0; -webkit-animation: ballScale 12s 0s linear infinite; -moz-animation: ballScale 12s 0s linear infinite; -ms-animation: ballScale 12s 0s linear infinite; animation: ballScale 12s 0s linear infinite;} #map-list-a .point-70 strong,.map dt #map-list-a .point-40 strong{ display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #184a46;opacity: 0; -webkit-animation: ballScale 6s 0s linear infinite; -moz-animation: ballScale 6s 0s linear infinite; -ms-animation: ballScale 6s 0s linear infinite; animation: ballScale 6s 0s linear infinite;} .cus02 {padding-bottom: 100px;position: relative;} .cus02 h3 {font-size: 36px;font-weight: bold;margin-bottom: 44px;text-align: center;} .cus02 dl {display: flex;flex-flow: wrap;border: 1px solid #ddd;border-bottom: 0px;} .cus02 dl dd {box-sizing: border-box; position: relative; display: flex;justify-content: center;align-items: center; width: 20%;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 45px 0;} .cus02 dl dd img {height: 60px;} .cus02 dl dd .cc { display: none; position: absolute; left: 0px; top: 0px; background-color: rgba(220,30,31,0.6); width: 100%; height: 100%;align-items: center; justify-content: center;} .cus02 dl dd .cc span {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); border: 1px solid #fff; width: 80%;height: 80%;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #fff;background-color: rgba(220,30,31,0.8)} .cus02 dl dd:hover .cc{} .about_f {margin-bottom: 0.2%; display: flex;justify-content: space-between;flex-flow: wrap;position: relative;overflow: hidden;} .about_f a { width: 24.8%;position: relative; overflow: hidden;} .about_f a::before { z-index: 1; content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); position: absolute; left: 0; top: 0;} .about_f a img {width: 100%; transition: all 0.4s;z-index: 0;} .about_f a span {font-size: 24px;color: #fff;font-weight: bold;z-index: 1;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .about_f a:hover img{transform: scale(1.1);} .about_f a:hover::before {background-color: rgba(0, 0, 0, 0.5);} /* news */ .news01 {position: relative;overflow: hidden;padding: 100px 0;} .news01 .i-cont {display: flex;justify-content: space-between;flex-flow: wrap} .news01 .left {width: 50%;} .news01 .left img {width: 100%;} .news01 .right {width: 45%;padding-top: 40px;position:relative;} .news01 .right::before {position: absolute;content: "";top: 0px;height: 5px;width: 46px;background-color: #db090a;left: 0px;} .news01 .right span { font-size: 13px; color: #888888; margin-bottom: 21px; display: block;} .news01 .right h3 {font-size: 30px;color: #333333;line-height: 36px;margin-bottom: 32px;} .news01 .right p {color: #666666;font-size: 16px;line-height: 30px;margin-bottom: 34px;} .news02 {position: relative;overflow: hidden;padding-bottom: 100px;} .news02 dl {display: flex;flex-flow: wrap;} .news02 dl dd { width: 31.5%; margin-right: 2.75%; margin-bottom: 95px;} .news02 dl dd .imgbox {position: relative;overflow: hidden;} .news02 dl dd .imgbox img {width: 100%;transition: all 0.4s;} .news02 dl dd:hover .imgbox img {transform: scale(1.1);} .news02 dl dd:nth-of-type(3n){margin-right: 0px;} .news02 dl dd:hover .bot h4{color: #db090a;} .news02 dl dd .bot {position: relative;padding: 30px 22px 0;} .news02 dl dd .bot::before {position: absolute;content: "";top: 0px;height: 5px;width: 46px;background-color: #db090a;left: 22px;} .news02 dl dd .bot span { font-size: 13px; color: #888888; margin-bottom: 20px; display: block;} .news02 dl dd .bot h4 {font-size: 18px; color: #333333; margin-bottom: 21px; line-height: 30px;} .news02 dl dd .bot p {font-size: 15px;line-height: 24px;color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical;} .page {display: flex;align-items: center;} .page a {width: 35px;height: 35px;border: 1px solid #cbcbcb;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #b8b8b8;margin-right: 14px;border-radius: 4px;} .page a.next {width: 90px;} .page a:last-child{margin-right: 0px;} .page a.active {color: #fff;background-color: #db090a;border-color: #db090a;} .page a:hover {color: #fff;background-color: #db090a;border-color: #db090a;} /* his */ .his {position: relative;overflow:hidden;} .his .i-cont {display: flex;justify-content: space-between;position: relative;padding: 100px 0 0;} .his .left {width: 64%;padding-left: 100px;box-sizing: border-box;position: relative;padding-bottom: 100px;} .his .left .wen { position: absolute; left: -84px; top: 80px; font-size: 42px; color: #aaaaaa; font-family: arial; font-weight: bold; transform: rotate(90deg);} .his .left p {font-size: 16px;color: #444444;line-height: 30px;} .his .left b {font-size: 22px;color: #222222; font-weight: bold;} .his .left img {display: block; width: auto;height: auto;max-width: 100%;margin-bottom: 40px;width: 80%;} .his .right {position: relative; width: 32%;padding: 0 56px;box-sizing: border-box;} .his .right::before { content: ""; position: absolute; left: 0px; top: 22.5px; height: calc(109%); width: 1px; background-color: #ddd;} .his .right .title {position: relative; font-size: 16px; color: #fff; width: 100%; height: 45px; display: flex; align-items: center; justify-content: center; background-color: #db090a; border-radius: 4px; margin-bottom: 35px;} .his .right .title::before {content: ""; position: absolute; left: -56px; top: 50%; transform: translateY(-50%); width: 56px; height: 1px; background-color: #ddd;} .his .right p {font-size: 15px;line-height: 24px;color: #555555; text-align: justify; } .his01,.his03 {background-color: #f4f6f8;} .his03 .right::before { height: calc(100% - 125.5px);} /* prof */ .prof_font {border-bottom: 1px solid #ddd;position:relative;padding-bottom: 30px;z-index: 1;} .prof_font::after {content: ""; position: absolute; bottom: -1.5px; left: 0px; height: 3px; width: 70px; background-color: #db090a;} .prof_font .prof_h3 {font-size: 36px;color: #db090a;font-weight: bold;} .prof_font .prof_h4 {font-size: 70px; color: #eeeeee; font-weight: bold; font-family: arial; position: absolute; top: -25px; z-index: -1;} .prof01 {padding: 130px 0;position: relative;overflow: hidden;} .prof01::before {position: absolute;content: "";left: 0px;top: 0px;width: 77%;height: 100%;background-color: #f8f9fa;} .prof01 .i-cont { position: relative; display: flex; align-items: center; justify-content: space-between; } .prof01 .i-cont::before {position: absolute; content: ""; left: -45px; top: -82px; width: 105%; height: 119%; background: url(http://enguo.hi-se.cn/style/img/prof01_bg.jpg) 100%;} .prof01 .i-cont:after{ display:block; clear:both; content: ""; visibility:hidden; height:0; } .prof01 .left {width: 46.5%; z-index: 1; position: relative;margin-right:3.5%;} .prof01 h5 {margin: 30px 0;font-size: 18px;color: #333333;line-height: 30px;} .prof01 p {font-size: 16px;color: #666666;line-height: 30px;margin-bottom: 20px;} .prof01 span {font-size: 14px;color: #888888;line-height: 30px; display: block;} .prof01 .right {width: 50%;margin: auto 0; z-index: 1; position: relative;} .prof02 {position: relative;overflow: hidden;} .prof02 img {height: 756px;width: 100%;object-fit: cover;} .prof02 .content {background-color:rgba(60,59,64,0.5); position: absolute;right: 0px;top: 0px;width: 50%;height: 100%;padding: 0 62px;box-sizing: border-box;display: flex;justify-content: center;flex-direction: column;} .prof02 .content::before {content: ""; position:absolute;left: 0px;top: 0px;height: 100%;width: 50%;background-color:rgba(60,59,64,0.8)} .prof02 .content h3 {font-size: 36px;font-weight: bold;margin-bottom: 30px;color: #fff; z-index: 1;} .prof02 .content p {font-size: 16px;color: #fff;line-height: 30px;width: 708px; z-index: 1;} .prof02 .content .wen { font-size: 109px; color: rgb(132 132 133 / 50%); font-weight: bold; left: -115px; top: 50%; transform: translateY(-50%) rotate(90deg); position: absolute;} .prof03 {position: relative;overflow: hidden;padding: 110px 0;background: url(http://enguo.hi-se.cn/style/img/prof03_bg.jpg) 100%;background-size: cover;} .prof03 .prof_font { width: 55%; } .prof03 .content {margin-top: 50px;overflow: hidden;position: relative;} .prof03 .content .le {float: left;width: 60.8%;} .prof03 .content .box {position: relative; overflow: hidden;} .prof03 .content .box1 {margin-bottom: 24px;} .prof03 .content .box img {width: 100%;object-fit: cover;transition: all 0.4s;} .prof03 .content .box:hover img{transform: scale(1.1);} .prof03 .content .box .text {position: absolute;left: 30px;top: 30px;z-index: 1;} .prof03 .content .box .text h4 {font-size: 26px;color: #fff;font-weight: bold; margin-bottom: 20px;} .prof03 .content .box .text p {font-size: 16px;line-height: 30px;color: #fff;width: 290px;} .prof03 .content .box::before { position: absolute;content: "";left: 0px;top: 0px;width: 100%;height: 100%;background-color: rgba(0,0,0,0.15); z-index: 1;} .prof03 .content .box:hover::before{background-color: rgba(0,0,0,0.3); } .prof03 .content .box3 {float: right;width: 37.4%;} .prof04 {padding: 100px 0 54px; position: relative; overflow: hidden; background-color: #f1f3f5;} .prof04 .prof_h4 {color: #FFFFFF;} .prof04 .swiper-slide {background-color: transparent;} .prof04 p {font-size: 16px;color: #666666;line-height: 30px;margin: 50px 0 65px;} .prof04 .prof4_w {width: 1520px;margin: auto;position: relative;} .prof04 .prof4_w .fa { outline: none; top: 28%; font-size: 28px; background-image: none;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #db090a;color: #db090a;margin: 0px;padding: 0px;display: flex;justify-content: center;align-items: center;} .prof04 .prof4_w .fa-angle-left {left: -30px;} .prof04 .prof4_w .fa-angle-right {right: -30px;} .prof04 .prof4_w .fa:hover {background-color: #db090a;color: #fff;} .prof04 .prof4_w .swiper { overflow: hidden; width: 100%; padding-bottom: 44px;} .prof04 .prof4_w {display: flex; justify-content: space-between;} .prof04 .prof4_w .dd {background-color: transparent;} .prof04 .prof4_w .dd .box{position: relative;z-index: 1;} .prof04 .prof4_w .dd .box::before { position: absolute; bottom: -24px; left: 0px; content: ""; width: 100%; height: 40%; background-color: #fff; border-radius: 3px;} .prof04 .prof4_w .dd img {width: 52%;margin: auto;} .prof04 .prof4_w .dd .imgbox { background-color: #fff; z-index: 1; position: relative; width: 70%; margin: auto; border: 1px solid #ddd; padding: 10px 0; border-radius: 3px;} .prof04 .prof4_w .dd span { z-index: 1; position: relative; font-size: 16px; color: #333333; margin: 20px auto; text-align: center; display: block;width: 80%;line-height: 20px;} .prof04 .prof4_w .dd:hover span {color: #db090a;} /* aft */ .aft01 {position: relative;overflow: hidden;padding: 80px 0 0;} .aft01 .i-cont {position: relative;} .aft01 .i-cont::before { position: absolute; content: ""; left: -117px; top: -84px; width: 108%; height: 187%; background: url(/style/img/aft01_bg.jpg) 100%;} .aft01 h4 {font-size: 14px;color: #333333; position: relative; z-index: 1;} .aft01 h5 { font-size: 20px; color: #333333; line-height: 36px; margin-top: 36px; position: relative; z-index: 1; width: 970px;} .aft_h3 {font-size: 32px;font-weight: bold;color: #333333;margin-bottom: 25px;} .aft_p {font-size: 18px;color: #333333;line-height: 30px;margin-bottom: 30px;} .aft_cc {display: flex;justify-content: center;align-items: center;margin-bottom: 105px;height: 722px;position:relative;padding-top: 100px;} .aft_cc .content { z-index: 3;width: 50%; background: url(/style/img/aft02_bg.jpg); background-size: cover; height: 100%; display: flex; flex-direction: column; justify-content: center;} .aft_cc .top { margin-left: 20%;padding-right: 40px;} .aft_cc .text { margin-left: 20%; } .aft_cc .text .min {width: 100%;position: relative;height: 143px;display: flex;align-items: center;border-radius: 10px; margin-bottom: 24px;} .aft_cc .text .min::before { transition: 0.3s; position: absolute; content: "";box-shadow: 0 0 0px #ddd; background-color: #fff;height: 100%; width: 106%; left: -6%; border-radius: 10px;border: 1px solid #ccc;} .aft_cc .text .min:hover::before { box-shadow: 0 0 20px #ddd; } .aft_cc .text .min .le {width: 80%; z-index: 1;} .aft_cc .text .min .le h4 {font-size: 20px;color: #333333;margin-bottom: 10px;font-weight: bold;} .aft_cc .text .min:hover .le h4 {color: #db090a;} .aft_cc .text .min .le h5 {font-size: 16px;line-height: 26px;color: #333333;} .aft_cc .text .min .ri {right: -71.5px; position: absolute; width: 143px; height: 143px; border-radius: 50%; display: flex; justify-content: center; align-items: center; z-index: 1; background-color: #fff;} .aft_cc .text .min .ri img {width: 114px;} .aft_cc .imgbox { width: 50%; height: 100%; overflow: hidden; position: relative; } .aft_cc .imgbox img { transition: 0.3s; height: 100%; width: 100%; object-fit: cover;} .aft_cc .imgbox:hover img{transform: scale(1.1);} .aft03{flex-flow: row-reverse;position: relative;} .aft03 .content {background: url(/style/img/aft03_bg.jpg); background-size: cover; } .aft03 .top { margin-left: 10%; padding-right: 0px; margin-right: 20%; } .aft03 .text { padding-left: 0%; padding-right: 0px; margin-right: 20%; margin-left: 0px; } .aft03 .text .min .ri { left: -71.5px;} .aft03 .text .min::before { width: 106%; left: 0%;} .aft05 .content {background-image: none;} .aft04 {padding: 93px 0;position: relative;overflow: hidden;background: url(/style/img/aft04_bg.jpg); background-size: cover;margin-bottom: 0px;} .aft04 .top {display: flex;justify-content: center;align-items: center;flex-direction: column; margin-bottom: 32px;} .aft04 .top .aft_p {text-align: center;width: 850px;} .aft04 dl {display: flex;justify-content: space-between;margin-bottom: 72px;} .aft04 dl dd {width: 204px;display: flex;justify-content: center;align-items: center;flex-direction: column;} .aft04 dl dd p {text-align: center;font-size: 15px;color: #333333;line-height: 26px; height: 78px;} .aft04 dl dd .icon {width: 100px;} .aft04 dl dd .icon img {width: 100%;} .aft04 dl dd h4 {font-size: 20px;font-weight: bold;color: #333333; margin: 20px 0 12px;} .aft04 dl dd:hover h4 {color: #db090a;} .aft04 .g {display: flex;justify-content: space-between;} .aft04 .g .imgbox {width: 48%;position: relative;overflow: hidden;} .aft04 .g .imgbox img {width: 100%;object-fit: cover;transition: 0.3s;} .aft04 .g .imgbox:hover img {transform: scale(1.1);} /* h5手机定位 */ #af01_h5,#af02_h5,#af03_h5,#af04_h5 {position: absolute;content: "";left: 0px;top: -80px;width: 100%;height: 1px;} /* solu */ .solu {padding: 110px 0 160px;position: relative;overflow: hidden;} .solu .top {margin-bottom: 75px;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 0 210px;box-sizing: border-box;} .solu .top h3 {font-size: 32px;color: #333333;font-weight: bold;} .solu .top h4 { font-size: 18px; line-height: 36px; color: #444444; padding-top: 29px; margin-top: 38px; position: relative; border-top: 1px solid #aaaaaa; text-align: center;text-align-last: left;} .solu .top h4::before { content: ""; position: absolute; width: 86px; height: 3px; background-color: #db090a; left: 50%; transform: translateX(-50%); top: -2px;} .solu .box {display: flex;justify-content: space-between;} .solu .box .more {width: 145px;height: 37px;line-height:37px} .solu .box .text { transition: 0.4s; position: absolute; top: 50%; left: 50%; background-color: rgba(0,0,0,0.2); width: 100%; height: 100%; transform: translate(-50%, -50%); padding: 38px; box-sizing: border-box;} .solu .box .text h5 { position: relative; font-size: 22px;font-weight: bold;color: #fff;margin-bottom: 30px;} .solu .box .text p { opacity: 0; transition: 0.4s; transform: translateY(20px); position: relative; font-size: 15px; line-height: 26px; color: #fff; margin-bottom: 26px; width: 69%; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} .solu .box .text .more {opacity: 0; transition: 0.4s; transform: translateY(20px);} .solu .box a{border-radius: 10px;position: relative;overflow: hidden;} .solu .box a img {width: 100%;transition: 0.4s;height: 100%;object-fit: cover;} .solu .box a:hover img {transform: scale(1.1);} .solu .box a:hover .text {background-color: rgba(216, 28, 29,0.9);} .solu .box a:hover .text .more {opacity: 1; transform: translateY(0px)} .solu .box a:hover .text p {opacity: 1; transform: translateY(0px)} .solu .box1 {margin-bottom: 34px;} .solu .box1 a {height: 275px;} .solu .box1 a:nth-of-type(1){width: 840px;} .solu .box1 a:nth-of-type(2){width: 406px;} .solu .box2 .ri .bottom {margin-top: 34px;display: flex;justify-content: space-between;} .solu .box2 a:nth-of-type(1){width: 406px;height: 586px; } .solu .box2 .ri {width: 840px; display: flex; flex-direction: column;} .solu .box2 .ri a {width: 840px;} .solu .box2 .ri .bottom a {width:403px;} .solu .box2 .ri a {height: 276px;} .solu .box2 a:nth-of-type(1) .text p {width: 100%} .solu .box2 .ri a:nth-of-type(1) .text p {width:69%;} .solu .box1 a:nth-of-type(2) .text p,.solu .box2 .ri .bottom a .text p {width: 100%} .solu .box3{margin-top: 34px;} .solu .box3 #hs{width: 100%;} /* case */ .case01 {margin-bottom: 80px;position: relative;overflow: hidden;} .case01 .i-cont {border-bottom: 1px solid #aaaaaa;padding-bottom: 60px;} .casenav_swiper{padding: 46px 54px 26px;margin-bottom: 76px; position: relative;box-sizing: border-box;border-bottom: 1px solid #dddddd;} .casenav_swiper a {position: relative; font-size: 17px;color: #666666;text-align: center; width: 100%;} .casenav_swiper a.active::after {content: "";width: 100%;height: 1px;background-color: #db090a;position: absolute;bottom: -26px;left: 0px;} .casenav_swiper a.active::before { content: ""; position: absolute; bottom: -36px; left: 50%; border: 5px solid transparent; border-top: 5px solid #db090a; transform: translateX(-50%);} .casenav_swiper a.active {color: #db090a;font-weight: bold;} .casenav_swiper a:hover::after {content: "";width: 100%;height: 1px;background-color: #db090a;position: absolute;bottom: -26px;left: 0px;} .casenav_swiper a:hover::before { content: ""; position: absolute; bottom: -36px; left: 50%; border: 5px solid transparent; border-top: 5px solid #db090a; transform: translateX(-50%);} .casenav_swiper a:hover {color: #db090a;font-weight: bold;} .casenav_swiper .fa { top: 43%; margin-top: 0px; width: 32px;height: 32px; background-image: none;background-color: #eeeeee;border-radius: 10px;font-size: 20px;color: #333;display: flex;justify-content: center;align-items: center;} .case01 .i-cont {overflow: hidden;} .case01 .swiper-button-prev { left: 0px; } .case01 .swiper-button-next { right: 0px; } .case01 .show {display: flex;flex-flow: wrap;} .case01 .show a {width: 48%;margin-right: 4%;margin-bottom: 4%;position: relative;overflow: hidden; height: 386px;} .case01 .show a img {width: 100%;transition: 0.4s;height: 100%;} .case01 .show a:nth-of-type(2n){margin-right: 0px;} .case01 .show a:hover img{transform: scale(1.1);} .case01 .show a .text {transition: 0.4s; position: absolute; padding: 52px;box-sizing: border-box;width: 100%;height: 100%;left: 50%;top: 133%;transform: translate(-50%,-50%);background-color: rgba(0, 0, 0, 0.6);} .case01 .show a .text h4 {transition: 0.4s; font-size: 20px; font-weight: bold; color: #fff; transform: translateY(-26px); } .case01 .show a .text p { font-size: 16px;line-height: 36px;color: #fff;padding-top: 20px;margin-top: 20px;border-top: 1px solid rgba(255,255,255,0.3);} .case01 .show a:hover h4{transform: translateY(0px);} .case01 .show a:hover .text {top: 50%;} .case02 {padding-bottom: 100px;position: relative;overflow: hidden;} .case02 h3 {font-size: 30px;font-weight: bold;margin-bottom: 34px;} .case02 h4 {font-size: 16px;line-height: 30px;color: #444444;margin-bottom: 40px;width: 582px;} .case02 .case-cont {width: 1294px;margin: auto; padding-bottom: 80px; overflow: hidden;} .case02 .case-cont a {position: relative;box-shadow: 0 0 10px #ddd; width: 100%;} .case02 .case-cont a .imgbox {position: relative; width: 100%;} .case02 .case-cont a .imgbox img {width: 100%;} .case02 .case-cont a .imgbox::after { transition: 0.4s; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: rgba(0, 0, 0, 0); width: 100%; height: 100%;} .case02 .case-cont a .bo { justify-content: center;align-items: center; transition: 0.4s; opacity: 0; z-index: 1; border-radius: 50%; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 32px;height: 32px;border: 1px solid #fff;font-size: 30px;color: #fff;display:flex;opacity: 0;} .case02 .case-cont a .bot { position: relative; background-color: #fff; font-size: 16px;padding: 18px;text-align: start;} .case02 .case-cont a .bot::before {transition: 0.4s; content: "";position: absolute;top: 0px;left: 0px;width: 0%;background-color:#db090a;height: 2px;} .case02 .case-cont a:hover .bot::before{width: 100%;} .case02 .case-cont a:hover .imgbox::after { background-color: rgba(0, 0, 0, 0.4); } .case02 .case-cont a:hover .bo {opacity: 1;} .case02 .case-cont .i-cont {position: relative;} .case02 .case-cont .i-cont .op {position: absolute;bottom: -71px;left: 0px;display: flex;align-items: center;} .case02 .case-cont .i-cont .op .fa {position: relative;background-image: none;width: auto;height: 30px;margin: 0px;padding: 0px;color: #db090a;font-size: 30px;} .case02 .case-cont .i-cont .op .case02Swiper-pagination { position: relative; height: 30px; justify-content: center; align-items: center; display: flex; margin: 0 30px;} .case02 .case-cont .swiper-pagination-bullet { margin-right: 10px; width: 10px; height: 10px; display: inline-block; border-radius: 100%; background: transparent; opacity: .2; border: 1px solid #585858; box-sizing: border-box;} .case02 .case-cont .swiper-pagination-bullet:last-child {margin-right: 0px;} .case02 .case-cont .swiper-pagination-bullet-active { opacity: 1; background: #db090a; border-color:#db090a ;} .case02 .case-cont .i-cont .op .fa-angle-left {left: 0px;} .case02 .case-cont .i-cont .op .fa-angle-right {right: 0px;} /* join */ .join01 {padding: 90px 0;position: relative;overflow: hidden;} .join01::after { content: ''; background-color: #f5f8fa; position: absolute; bottom: 0px; width: 100%; height: 75%; z-index: -1;} .join01 .segment1{margin-bottom: 90px;} .join01 .segment1 img {width: 100%; } .join01 .segment1 h4{font-size: 32px;font-weight: bold;color: #333333;margin-bottom: 30px;text-align: center;margin: auto;} .join01 .segment1 h5{font-size: 16px;color: #333333;line-height: 30px;width: 740px;text-align: center;margin: 30px auto 40px;} .join_h3 {font-size: 40px;font-weight: bold;color: #333333;position: relative;margin: 0 auto 70px; width: fit-content;} .join_h3::after {position: absolute; content: ""; left: 50%; transform: translateX(-50%); bottom: -26px; width: 48px; height: 3px; background-color: #db090a;} .join01 .segment2 .top {background-color: #fff; height: 457px; display: flex;justify-content: space-between;align-items: center;box-shadow: 0 0 10px #ddd;margin-bottom: 90px;position: relative;} .join01 .segment2 .top::before{ position: absolute; content: ""; left: -10px; top: -10px; width: 407px; height: 265px; border: 10px solid #307ac6;} .join01 .segment2 .top::after{position: absolute;content: "";right: -10px;bottom: -10px;width: 295px;height: 346px;border: 10px solid #307ac6;z-index: 0;} .join01 .segment2 .top .left {height: 100%; width:37.5%;position: relative; z-index: 1;} .join01 .segment2 .top .left img {width: 100%;height: 100%;object-fit: cover;} .join01 .segment2 .top .right{ height: 100%; width: 62.5%; padding: 52px 58px; position: relative; z-index: 1; box-sizing: border-box;background-color: #fff; display: flex; flex-direction: column; justify-content: center;} .join01 .segment2 .top .right h4 {font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 38px;} .join01 .segment2 .top .right p {font-size: 16px;line-height: 36px;color: #333333;} .join01 .join_h6 {font-size: 28px;color: #333333;font-weight: bold;position: relative;display: flex;align-items: center;justify-content: space-between;} .join01 .join_h6::after {display: block;content: "";width: 85%;height: 1px;background-color: #cccccc;} .join01 dl{display: flex;justify-content: space-between;flex-flow: wrap;margin-top: 40px;} .join01 dl dd {width: 100px;} .join01 dl dd .icon {width: 100px;height: 100px;display: flex;justify-content: center;align-items: center;background-color: #dce6ec; border-radius: 50%;} .join01 dl dd .icon img {width: 40px;} .join01 dl dd h4 {font-size: 18px; color: #333333; margin-top: 18px; text-align: center;} .join01 .bot p{font-size: 18px;color:#333333;line-height: 36px;margin-top: 44px;} .join01 .mid {margin-bottom: 90px;} .join02 {background: url(http://enguo.hi-se.cn/style/img/join02_bg.jpg);background-size: cover;padding: 90px 0;position: relative;overflow: hidden;background-attachment: fixed;} .join02::before { position: absolute; content: ""; width: 100%; height: 100%; background-color: rgba(220, 225, 230,0.8); left: 0px; top: 0px;} .join02 dd {margin-bottom: 18px;padding: 45px 70px 45px 90px;border-radius: 12px;background-color: #fff;} .join02 dd:last-child {margin-bottom: 0px;} .join02 dd .title {display: flex;justify-content: space-between;align-items: center;} .join02 dd .content {display: none;} .join02 dd .content .text {padding-top: 36px;} .join02 dd .content .text h5 {font-size: 17px;font-weight: bold;color: #444444;margin-bottom: 18px;} .join02 dd .content .text p {font-size: 16px;line-height: 30px;color: #444444;} .join02 dd .title .le {} .join02 dd .title .le h4 {font-size: 22px;color: #333333;font-weight: bold;margin-bottom: 20px;} .join02 dd .title .le span {font-size: 15px;color: #666666;} .join02 dd .title .ri .jian{display: none;} .join02 dd .title .ri img { width: 50px; cursor: pointer;} .join02 .i-cont {position: relative;z-index: 1;} /* solu_info */ .soluinfo_banner::after {background: linear-gradient(90deg, rgba(0,0,0,0.65), rgba(0,0,0,0) 65%); } .solu_info_01 {padding: 90px 0;} .solu_info_01 .top {padding-bottom: 75px;margin-bottom: 75px;border-bottom:1px solid #c3c3c3;} .solu_info_01 .top h4 { font-size: 30px; font-weight: bold; color: #333333; position: relative; width: fit-content; margin: auto; margin-bottom: 36px;} .solu_info_01 .top h4::after { content: ""; position: absolute; width: 34px; height: 3px; background-color: #db090a; left: 50%; transform: translateX(-50%); bottom: -22px;} .solu_info_01 .top p {font-size: 16px; line-height: 32px; color: #333333; text-align: center; width: 850px; margin: auto;} .solu_info_01 .mid {display: flex;justify-content: space-between;align-items: center;margin-bottom: 62px;} .solu_info_01 .bot {position: relative;} .solu_info_01 .mid .le {width: 36%;} .solu_info_01 .mid .le img {width: 100%;object-fit: cover;} .solu_info_01 .mid .ri {width: 58.5%;} .solu_info_01 .mid .ri h4 {font-size: 30px; color: #333333; font-weight: bold; margin-bottom: 51px; position: relative;} .solu_info_01 .mid .ri h4::after { content: ''; position: absolute; bottom: -26px; left: 2px; width: 67px; height: 3px; background-color: #c6c6c6;} .solu_info_01 .mid .ri p { font-size: 16px;color: #666666;line-height: 28px;} .solu_info_01 .bot video{width: 100%;height: 502px;object-fit: cover;} .solu_info_01 .bot .bo { cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 76px; height: 76px; border-radius: 50px; border: 4px solid #fff; color: #fff; font-size: 35px; display: flex; justify-content: center; align-items: center;} .solu_info_01 .bot .bo:before { position: relative; left: 5px;} .solu_info_02 {position: relative;padding: 90px 0;background: url(/style/img/bg_1013.jpg);background-size: cover;} .solu_info_02 .i-cont {border-radius: 10px; box-shadow: 0 0 10px #3535353d; padding: 62px 100px 120px; background-color: #fff; z-index: 1; position: relative; box-sizing: border-box;} .solu_info_02 .bg {width: 100%;position: absolute;top: 0px;left: 0px;} .solu_info_02 .bg img {width: 100%;object-fit: cover;} .solu_info_02 .bg::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); position: absolute; left: 0; top: 0; } .solu_info_02 .i-cont .soluinfo02_h4{font-size: 30px;font-weight: bold;color: #333333;margin-bottom: 60px;position: relative;} .solu_info_02 .i-cont .soluinfo02_h4::after {content: ""; position: absolute; width: 59px; height: 3px; bottom: -33px; background-color: #c6c6c6; left: 3px;} .solu_info_02 .i-cont .top {margin-bottom: 65px;} .solu_info_02 .i-cont .top dl {display: flex;flex-flow: wrap;justify-content: space-between;} .solu_info_02 .i-cont .top dl dd { min-width: 50%; margin-bottom: 18px; display: flex; align-items: center;} /*.solu_info_02 .i-cont .top dl dd:nth-of-type(1){width: 100%;}*/ .solu_info_02 .i-cont .top dl dd .icon { margin-right: 20px; width: 46px;height: 46px;border: 1px solid #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;background-color: #db090a;} .solu_info_02 .i-cont .top dl dd .icon img {width: 24px;filter: none; filter: grayscale(1) brightness(30);} .solu_info_02 .i-cont .top dl dd span {font-size: 18px;color: #797979;} .solu_info_02 .i-cont .bot {display: flex;justify-content: space-between;align-items: center;} .solu_info_02 .i-cont .bot p {font-size: 16px;color: #666666;line-height: 30px;} .solu_info_02 .i-cont .bot .le {width:50%;} .solu_info_02 .i-cont .bot .le .content:nth-of-type(1) {margin-bottom: 80px;} .solu_info_02 .i-cont .bot .le .content .soluinfo02_h4{margin-bottom: 52px;} .solu_info_02 .i-cont .soluinfo02_h4::after { bottom: -32px;} .solu_info_02 .i-cont .bot .ri {width: 42%;overflow: hidden;position: relative;} .solu_info_02 .i-cont .bot .ri img {width: 100%;object-fit: cover;transition: 0.4s;} .solu_info_02 .i-cont .bot .ri:hover img {transform: scale(1.1);} .solu_info_03 .box span{padding: 20px 0; text-align: center; font-size: 17px; color: #333333; display: block;} .solu_info_03 .more { color: #fff; width: 200px; height: 42px; border-radius: 6px; margin: 80px auto 76px; display: flex; align-items: center; justify-content: center; border-color: #db090a; background-color: #db090a;} .solu_info_03 .more:hover,.solu_info_03 .more:hover i { background-color: transparent; color: #db090a; } .solu_info_03 .more i {font-size: 24px;margin-right: 12px;color: #fff; transition: all .4s;} .solu_info_03 {overflow: hidden;position: relative;} .solu_info_03 .box {background-color: #fff;box-shadow: 0 0 10px #ddd;} .solu_info_03 .box:hover span {color: #db090a;} .solu_info_03 .box .imgbox img {transition: all 0.4s;width: 100%;} .solu_info_03 .box:hover .imgbox img {transform: scale(1.1);} .solu_info_03 .box .imgbox{overflow: hidden;position: relative;} .solu_info_03 .op {position: absolute;left: 50%;transform: translateX(-50%);bottom: 34%;display: flex;align-items: center;} .solu_info_03 .op::before { content: ""; position: absolute;left: -40px;top: 50%;transform: translateY(-50%);width: 80%;background-color: #dddddd;} .solu_info_03 .op::after {content: ""; position: absolute;right: -30px;top: 50%;transform: translateY(-50%);width: 80%;background-color: #dddddd;} .solu_info_03 .op .fa { background-image: none; padding: 0px; margin: 0px; width: auto; position: unset; font-size: 24px; color: #716767; height: 16px; line-height: 16px;} .solu_info_03 .op .s03Swiper-pagination {margin: 0 22px; display: flex; position: relative; top: 1px;} .solu_info_03 .op .swiper-pagination-bullet { margin: 0 5px; width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: transparent; border: 1px solid #000; } .solu_info_03 .op .swiper-pagination-bullet-active { opacity: 1; background: #5a5a5a; } .solu_info_03 .s03Swiper {width: 1300px;margin: auto;overflow: hidden;padding: 14px;} .solu_info_03 .op .s03-1Swiper-pagination {margin: 0 22px; display: flex; position: relative; top: 1px;} .solu_info_03 .op .swiper-pagination-bullet { margin: 0 5px; width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: transparent; border: 1px solid #000; } .solu_info_03 .op .swiper-pagination-bullet-active { opacity: 1; background: #5a5a5a; } .solu_info_03 .s03-1Swiper {width: 1300px;margin: auto;overflow: hidden;padding: 14px;} /* 联系我们 */ .contact01{margin: 100px auto 120px;} .contact01 .mapwrap{width: 100%;position: relative;} .contact01 .mapwrap .map{width: 100%;height: 460px;} .contact01 .mapwrap .map .BMap_bubble_title{font-size: 16px;color: #222222;margin-bottom: 10px;font-weight: bold;} .contact01 .mapwrap .map .BMap_bubble_content{font-size: 14px;line-height: 24px;color: #666666;} .contact01 .bot{margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;border-bottom: 1px solid #DDDDDD;padding: 40px 0;} .contact01 .bot .left{font-size: 22px;color: #222222;width: 30%;font-weight: bold;} .contact01 .bot .right{width: 58%;} .contact01 .bot .right li{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;padding-left: 20px;position: relative;margin-bottom: 10px;} .contact01 .bot .right li::before{ position: absolute;left: 0;top: 6px;font-size: 16px;color: #db090a;} .contact01 .bot .right li p{font-size: 17px;color: #222222;line-height: 28px;font-weight: bold;padding-right: 70px;} .contact01 .bot .right li font{font-size: 17px;color: #666666;line-height: 28px;width: 80%;} .contact01 .bot .right .link{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;} .contact01 .bot .right .link .item{position: relative;margin-right: 12px;} .contact01 .bot .right .link .item a{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border: 1px solid #888888;border-radius: 50%;font-size: 14px;color: #888888;width: 30px;height: 30px;} .contact01 .bot .right .link .item:last-child{margin-right: 0;} .contact01 .bot .right .link .item .hoverimg{width: 120px;height: 120px;position: absolute;background-color: #fff;box-sizing: border-box;padding: 10px;box-sizing: border-box;border-radius: 4px;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);top: 50px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);opacity: 0;transition: all .3s;} .contact01 .bot .right .link .item .hoverimg img{display: block;width: 100%;} .contact01 .bot .right .link .item .hoverimg::before{content: '';display: block;width: 12px;height: 12px;background-color: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);position: absolute;left: 50%;top: -6px;border-left: 1px solid #ddd;border-top: 1px solid #ddd;margin-left: -6px;} .contact01 .bot .right .link .item:hover .hoverimg{opacity: 1;} /* 新闻详情 */ .n-infowrap{width: 100%;box-sizing: border-box;position: relative;margin-top: 90px;overflow: hidden;height: 300px;background-color: #f1f2f3;} .n-infowrap img{display: block;width: 100%;} .newinfotext{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} .newinfotext h3{font-size: 32px;color: #222;line-height: 50px;font-weight: bold;} .newinfotext p{font-size: 14px;color: #444;opacity: 0.75;margin-top: 20px;} /* newsinfowrap */ .newsinfowrap{background-color: #fff;} .newsinfo{margin: auto;box-sizing: border-box;padding: 0px 0;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .newsinfo:after{content: '';display: block;width: 1px;height: 100%;position: absolute;top: 0;right: 30%;background-color: #DDDDDD;} .newsinfo-left{width: 70%;box-sizing: border-box;position: relative;padding-right: 60px;background: #fff;padding-bottom: 80px;} .newsinfomin{width: 100%;box-sizing: border-box;position: relative;border-bottom: 1px solid #DDDDDD;margin-bottom: 30px;} .newsinfomin p{font-size: 15px;line-height: 28px;color: #4b4d4f;margin-bottom: 30px;} .newsinfomin p img{ display: block;width: auto;height: auto;margin: 20px 0; max-width: 100%;} .newsinfomin h4{font-size: 24px;color: #4b4d4f;font-weight: bold;margin-bottom: 30px;} .newsinfo-left .page{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-top: 30px;} .newsinfo-left .page a{font-size: 14px;} .newsinfo-left .page a i{font-size: inherit;color: inherit;margin-right: 10px;} .newsinfo-left .page a:last-child i{margin-right: 0;margin-left: 10px;} /* newsinfo-right */ .newsinfo-right{width: 30%;box-sizing: border-box;padding-left: 60px;padding-top: 80px;padding-bottom: 80px;} .newsinfo-right .tl{font-size: 24px;color: #4b4d4f;font-weight: bold;margin-bottom: 30px;} .newsinfo-right .list{width: 100%;} .newsinfo-right .list a{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;padding: 20px 0;border-bottom: 1px solid #dddddd;} .newsinfo-right .list a:first-child{border-top: 1px solid #dddddd;} .newsinfo-right .list a .imgbox{width: 30%;box-sizing: border-box;overflow: hidden;} .newsinfo-right .list a .imgbox img{display: block;width: 100%;transition: all .6s;} .newsinfo-right .list a:hover .imgbox img{transform: scale(1.1);} .newsinfo-right .list a .text{width: 62%;box-sizing: border-box;} .newsinfo-right .list a .text h3{font-size: 14px;line-height: 25px;color: #4b4d4f;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 10px;} .newsinfo-right .list a .text p{font-size: 12px;color: #aaaaaa;} .newsinfo-right .list a:hover .text h3,.newsinfo-right .list a:hover .text p{color: #db090a;} .newsinfo-left .page{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-top: 30px;} .newsinfo-left .page a{font-size: 14px; width: auto; border: none;} .newsinfo-left .page a i{font-size: inherit;color: inherit;margin-right: 10px;} .newsinfo-left .page a:last-child i{margin-right: 0;margin-left: 10px;} .newsinfowrap .newsinfo-left .page a:hover{background-color: transparent;color: #db090a;} .caseinfowrap{position: relative;} .caseinfowrap::after{content: '';display: block;width: 70%;height: 100%;position: absolute; top: 0;right: 0;background-color: #fff;z-index: 0; background-color: #f5f6f7; z-index: 1;} .caseinfowrap .newsinfo{z-index: 2;} .caseinfowrap .newsinfo .newsinfomin p{margin-bottom: 0;font-size: 18px;line-height: 36px;color: #333;} .caseinfowrap .newsinfo .newsinfomin{padding-bottom: 50px;margin-bottom: 0;} .caseinfowrap .newsinfo-right .list a .imgbox{width: 40%;} .caseinfowrap .newsinfo-right .list a .text{width: 55%;} .caseinfowrap .newsinfo-right .list a .text h3{font-size: 16px;margin: 0;} .caseinfowrap .newsinfo-right .list a{ -webkit-align-items: center;align-items: center;padding-left: 20px;} .caseinfowrap .newsinfomin p img{margin: 0 0 30px;} .caseinfowrap .newsinfo-right .tl{display: block; font-size: 18px; color: #fff; width: 100%; height: 48px; line-height: 48px; background-color: #db090a; box-sizing: border-box; padding-left: 20px; font-weight: bold;margin-bottom: 0;} .caseinfowrap .newsinfo-right .min{width: 100%;box-sizing: border-box;margin-bottom: 30px;} .caseinfowrap .newsinfo-right .min a{display: block;width: 100%;padding: 20px ;border-bottom: 1px solid #ddd;box-sizing: border-box;} .caseinfowrap .newsinfo-right .min a p{font-size: 16px;color: #333;margin-bottom: 10px;} .caseinfowrap .newsinfo-right .min a font{display: block;font-size: 14px;color: #444444; box-sizing: border-box;} .caseinfowrap .newsinfo-right .min a:last-child{border-bottom: none;} .caseinfowrap .newsinfo-right .min a font i{display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; background: #fff; border-radius: 50%; font-size: 15px; color: #333; margin-right: 12px;border: 1px solid #ccc; box-sizing: border-box;} .caseitem{background: #f5f6f7;box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);display: block;} .caseinfowrap .newsinfo .newsinfomin .cc{padding-top: 50px;position: relative;} .caseinfowrap .newsinfo .newsinfomin .cc .ding {position: absolute;width: 100%;height: 1px;content: "";top: -100px;left: 0px;} .caseinfowrap .newsinfo .newsinfomin .cc:nth-of-type(1) {padding-top: 80px;} .caseitem .textbox{width: 100%;box-sizing: border-box;padding: 30px;} .caseitem .imgbox img{width: 100%;transition: all .4s;} .caseitem .imgbox{width: 100%;overflow: hidden;} .caseitem:hover .imgbox img{transform: scale(1.07);} .solu_info_01 .top h4,.solu_info_01 .mid .ri h4,.solu_info_02 .i-cont .soluinfo02_h4{} .solu_info_01 .mid .ri h4::after{background-color: #db090a;} .solu_info_02 .i-cont .soluinfo02_h4::after{background-color: #db090a;} .page { display: flex; margin: 0px 0 0px;} .page h2{display: none;} .page .pagination .nav-links {display: flex;justify-content: center;align-items: center;} .page a {width: 44px;height: 44px;border: 1px solid #cbcbcb;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #666666;margin-right: 16px;} .page a:last-child{margin-right: 0px;} .page span { border-radius: 4px; width: 44px;height: 44px;border: 1px solid #cbcbcb;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #666666;margin-right: 16px;} .page span:hover {color: #fff;background-color: #db090a;border-color: #db090a;} .page span {color: #fff;background-color: #db090a;border-color: #db090a;} .page a:hover {color: #fff;background-color: #db090a;border-color: #db090a;} .page a.prev{width: 90px;} .xw{padding-top: 80px;} .formtxt{ display: block;width: 100%;font-size: 14px;color: #fff;margin-bottom: 20px; } .formtxt a{ color: #f00;} @media only screen and (max-width: 1600px){ .i-cont{width: 1100px;} .more{font-size: 15px;} .footerwrap .copyright{width: 1100px;} .more{width: 160px;height: 42px;line-height: 42px;} .banner .b-text{width: 1100px;} .banner .b-text h3{font-size: 42px;} .index01 .right span,.index03 .title span,.index05 .left span{font-size: 15px;margin-bottom: 12px;} .index01 .right h3,.index03 .title h3,.index05 .left h3{font-size: 36px;} .index01 .right h4{font-size: 18px;line-height: 28px;} .index01 .right p,.index05 .left h4{font-size: 15px;line-height: 26px;} .index01 .left ul li a .txt h4,.index01 .left ul li a .txt h3{font-size: 20px;} .indexnum li .mun_top h2{font-size: 56px;} .indexnum li p{font-size: 16px;} .index03{margin-left: calc(50% - 550px);} .index03 .bot{width: 1100px;} .index03 .title{top: -25px;} .index03 .bot .gallery-thumbs h3{font-size: 16px;} .index03 .title h3 { font-size: 36px!important; } .index04wrap ul li a .txt::after, .index04wrap ul li a .txt::before{ top: 18px;right: 18px;bottom: 18px;left: 18px;} .index05 .left p{font-size: 15px;line-height: 30px;} .index04wrap ul li .txt p{font-size: 13px;line-height: 24px;} .index04wrap ul li .txt h3,.index04wrap ul li a h4{font-size: 20px;} .index06 ul .right .text h3{font-size: 18px;} .index02 h3,.index04wrap .title2 h3,.index06 .title2 h3,.index07wrap h3{font-size: 36px;} .footer { } /* about */ .innerbanner .ab-nav a { font-size: 12px; margin: 0px 5px;} .innerbanner .ab-nav { font-size: 15px;} .innerbanner .ab-nav a i { margin-right: 5px; font-size: 15px; } .innerbanner img { } .innerbanner .text h3 { font-size: 40px; margin-bottom: 18px; } .innerbanner .text h4 { font-size: 16px; } .innerbanner .text { top: 55%;} /* ab-cus */ .cus01 { padding: 90px 0;} .cus01 .right { font-size: 16px; line-height: 30px;} .cus01 .right::before { left: -134px; top: 15px; width: 123px; height: 1px; } #map-list-a a font { font-size: 16px; left: -10px;} .cus02 h3 { font-size: 32px; margin-bottom: 38px;} .about_f a span { font-size: 20px;} .cus02 { padding-bottom: 90px;} .cus02 dl dd img{height:55px;} /* ab-news*/ .news01 { padding: 90px 0; } .news01 .right h3 { font-size: 26px; line-height: 34px; margin-bottom: 26px; } .news01 .right span { font-size: 12px; margin-bottom: 18px; } .news01 .right::before { top: 0px; height: 4px; width: 38px; left: 0px; } .news01 .right { padding-top: 32px;} .news01 .right p { font-size: 14px; line-height: 26px; margin-bottom: 31px; } .news02 dl dd .bot span { font-size: 12px; margin-bottom: 16px; } .news02 dl dd .bot::before { top: 0px; height: 4px; width: 36px; left: 22px; } .news02 dl dd .bot h4 { font-size: 16px; margin-bottom: 18px; line-height: 26px; } .news02 dl dd .bot p { font-size: 14px; line-height: 22px;} .news02 dl dd .bot { padding: 26px 22px 0; } .news02 dl dd { margin-bottom: 74px; } .news02 { padding-bottom: 90px; } .page a { width: 30px; height: 30px; font-size: 12px; margin-right: 12px; border-radius: 4px; } .page a.next { width: 82px; } /* his */ .his .i-cont { padding: 90px 0 0; } .his .left { padding-left: 90px; padding-bottom: 90px; } .his .left .wen { left: -75px; top: 75px; font-size: 36px;} .his .left b { font-size: 20px; } .his .left p { font-size: 14px; line-height: 26px; } .his .right .title::before { left: -46px; top: 50%; width: 46px;} .his .right { width: 27.5%; padding: 0 46px;} .his .right .title { font-size: 14px; height: 43px; border-radius: 4px; margin-bottom: 30px; } .his .right p { font-size: 12px; line-height: 18px; } /* prof */ .prof_font .prof_h3 { font-size: 32px; } .prof_font .prof_h4 { font-size: 62px; top: -19px; } .prof_font { padding-bottom: 26px; } .prof_font::after { bottom: -1px; left: 0px; height: 2px; width: 55px; } .prof01 h5 { margin: 24px 0; font-size: 16px; line-height: 28px; } .prof01 p { font-size: 14px; line-height: 28px; margin-bottom: 16px; } .prof01 span { font-size: 12px; line-height: 26px; } .prof01 { padding: 120px 0; } .prof02 img { height: 540px; } .prof02 .content h3 { font-size: 32px; margin-bottom: 24px; } .prof02 .content p { font-size: 14px; line-height: 28px; width: 508px; } .prof02 .content .wen { font-size: 83px; left: -84px; top: 50%; letter-spacing: 4px; } .prof03 .content { margin-top: 45px;} .prof03 .content .box .text h4 { font-size: 23px; margin-bottom: 14px; } .prof03 .content .box .text p { font-size: 14px; line-height: 26px; width: 253px; } .prof03 .content .box1 { margin-bottom: 20.5px; } .prof03 { padding: 100px 0;} .prof04 p { font-size: 14px; line-height: 28px; margin: 40px 0 50px; } .prof04 .prof4_w { width: 1180px; } .prof04 .prof4_w dl dd span { font-size: 14px; margin: 18px auto; } .prof04 {padding: 90px 0 34px;} .prof04 .prof4_w .dd span { z-index: 1; position: relative; font-size: 12px; color: #333333; margin: 10px auto; width: 94%; line-height: 18px; height: 35px;} .prof04 .prof4_w .dd .box::before { bottom: -16px;} .prof04 .prof4_w .fa { font-size: 24px; width: 32px; height: 32px;} /* aft */ .aft01 { padding: 70px 0; } .aft01 h4 { font-size: 12px;} .aft01 h5 { font-size: 18px; line-height: 30px; margin-top: 31px; width: 872px; } .aft_h3 { font-size: 26px; margin-bottom: 18px; } .aft_p { font-size: 15px; line-height: 26px; margin-bottom: 26px; } .aft_cc .text .min .le h4 { font-size: 16px; margin-bottom: 8px; } .aft_cc .text .min .le h5 { font-size: 13px; line-height: 24px; } .aft_cc .text .min { height: 124px; border-radius: 10px; margin-bottom: 20px; } .aft_cc .text .min .ri { right: -62px; width: 124px; height: 124px;} .aft_cc .text .min .ri img { width: 94px; } .aft_cc { margin-bottom: 95px; height: 600px; } .aft04 { padding: 86px 0; margin-bottom: 95px; } .aft04 .top .aft_p { width: 744px; } .aft04 .top { margin-bottom: 23px; } .aft04 dl dd .icon { width: 85px; } .aft04 dl dd h4 { font-size: 17px; margin: 20px 0 12px; } .aft04 dl dd p { font-size: 13px; line-height: 22px; height: 66px; } .aft04 dl { margin-bottom: 58px; } .solu { padding: 100px 0 150px; } .solu .top h3 { font-size: 28px; } .solu .top h4 { font-size: 16px; line-height: 30px; padding-top: 22px; margin-top: 33px; } .solu .top { margin-bottom: 65px; padding: 0px 164px; } .solu .box1 a:nth-of-type(1) { width: 718px; } .solu .box1 a:nth-of-type(2) { width: 358px; } .solu .box2 a:nth-of-type(1) { width: 358px; height: 486px; } .solu .box2 .ri a { width: 718px; } .solu .box1 { margin-bottom: 24px; } .solu .box2 .ri {width: 718px;} .solu .box1 a { height: 230px; } .solu .box2 .ri a { height: 231px; } .solu .box2 .ri .bottom { margin-top: 24px;} .solu .box2 .ri .bottom a {width: 347px;} .solu .box .text { padding: 30px;} .solu .box .text h5 { font-size: 20px; margin-bottom: 18px; } .solu .box .text p { font-size: 14px; line-height: 26px; margin-bottom: 24px; width: 69%; } .solu .box .more { width: 130px; height: 32px; line-height: 32px; font-size: 14px; } /* case */ .casenav_swiper { padding: 40px 46px 25px; margin-bottom: 65px; } .casenav_swiper a { font-size: 15px;} .case01 .show a { height: 333px; } .case01 .show a .text { padding: 44px;} .case01 .show a .text p { font-size: 14px; line-height: 32px; padding-top: 16px; margin-top: 18px; } .case01 .i-cont { padding-bottom: 52px; } .case01 { margin-bottom: 70px; } .case02 h3 { font-size: 26px; margin-bottom: 28px; } .case02 h4 { font-size: 14px; line-height: 28px; margin-bottom: 36px; width: 531px; } .case02 .case-cont {width: 1114px;} .case02 .case-cont a .bot { font-size: 14px; padding: 18px; } .case02 .case-cont a .bo { width: 28px; height: 28px; font-size: 26px; } .case02 .case-cont .swiper-pagination-bullet { margin-right: 8px; width: 8px; height: 8px;} .case02 .case-cont .i-cont .op .case02Swiper-pagination { height: 26px; margin: 0 24px; } .case02 .case-cont .i-cont .op .fa { height: 26px; font-size: 24px; } .case02 .case-cont { padding-bottom: 70px; } .case02 { padding-bottom: 85px; } /* join */ .join01 .segment1 h4 { font-size: 26px; margin-bottom: 0px;} .join01 .segment1 h5 { font-size: 14px; line-height: 24px; width: 644px; margin: 24px auto 36px; } .join01 { padding: 80px 0; } .join01 .segment1 { margin-bottom: 80px; } .join_h3 { font-size: 32px; margin: 0 auto 60px; } .join01 .segment1 img {width: 100%; height: 340px; object-fit: cover;} .join_h3::after { bottom: -26px;} .join01 .segment2 .top .right h4 { font-size: 22px; margin-bottom: 26px; } .join01 .segment2 .top { height: 395px; margin-bottom: 80px; } .join01 .segment2 .top .right { padding: 51px;} .join01 .segment2 .top .right p { font-size: 14px; line-height: 30px; } .join01 .segment2 .top::before { left: -8px; top: -8px;} .join01 .segment2 .top::after { right: -8px; bottom: -8px;} .join01 .join_h6 { font-size: 24px;} .join01 dl dd .icon { width: 90px; height: 90px;} .join01 dl dd .icon img { width: 34px; } .join01 dl dd { width: 90px; } .join01 dl dd h4 { font-size: 16px; margin-top: 16px; } .join01 dl { margin-top: 32px; } .join01 .mid { margin-bottom: 80px; } .join01 .bot p { font-size: 16px; line-height: 34px; margin-top: 34px; } .join01::after { height: 76%;} .join02 { padding: 80px 0;} .join02 dd .title .le h4 { font-size: 20px; margin-bottom: 18px; } .join02 dd .title .le span { font-size: 13px; } .join02 dd .content .text h5 { font-size: 16px; margin-bottom: 16px; } .join02 dd .content .text p { font-size: 13px; line-height: 26px; } .join02 dd .content .text { padding-top: 32px; } .join02 dd .title .ri img { width: 40px; } .solu_info_01 { padding: 80px 0; } .solu_info_01 .top h4 { font-size: 26px; margin-bottom: 32px; } .solu_info_01 .top h4::after { width: 28px; height: 2px; bottom: -22px; } .solu_info_01 .top p { font-size: 14px; line-height: 28px; width: 753px; } .solu_info_01 .top { padding-bottom: 56px; margin-bottom: 65px; } .solu_info_01 .mid .ri h4 { font-size: 26px; margin-bottom: 44px; } .solu_info_01 .mid .ri h4::after { bottom: -26px; left: 2px; width: 58px; height: 3px; } .solu_info_01 .mid .ri p { font-size: 14px; line-height: 26px; } .solu_info_01 .mid { margin-bottom: 52px; } .solu_info_01 .bot video { height: 417px; } .solu_info_01 .bot .bo { width: 66px; height: 66px; font-size: 30px;} .solu_info_01 .bot .bo:before { left: 3px; } .solu_info_02 .i-cont { padding: 57px 86px 100px;} .solu_info_02 .i-cont .soluinfo02_h4 { font-size: 26px; margin-bottom: 52px; } .solu_info_02 .i-cont .soluinfo02_h4::after { bottom: -26px; width: 50px;} .solu_info_02 .i-cont .bot .le .content .soluinfo02_h4 { margin-bottom: 46px; } .solu_info_02 .i-cont .bot p { font-size: 14px; line-height: 28px; } .solu_info_02 .i-cont .top dl dd span { font-size: 16px; } .solu_info_02 .i-cont .top dl dd .icon { margin-right: 16px; width: 40px; height: 40px;} .solu_info_02 .i-cont .top { margin-bottom: 52px; } .solu_info_02 .i-cont .bot .le .content:nth-of-type(1) { margin-bottom: 62px; } .solu_info_02 { padding: 80px 0; } .solu_info_03 .box span { padding: 22px 0; font-size: 18px; } .solu_info_03 .more { width: 182px; height: 38px; margin: 108px auto 66px;font-size: 14px;} .solu_info_03 .more i { font-size: 20px; margin-right: 10px; } .solu_info_03 .op .swiper-pagination-bullet { width: 7px; height: 7px;} .solu_info_03 .op { bottom: 27%;} .solu_info_03 .op .fa { font-size: 22px; height: 14px; line-height: 14px; } .contact01 .mapwrap .map{height: 360px;} .footerwrap .wid{width: 1100px;} .page span { width: 30px; height: 30px; font-size: 14px; margin-right: 12px; border-radius: 4px; } .indexnum li .mun_top sup { font-size: 28px!important; margin-left: 3px; } }