@font-face{ font-family:"Light"; src: url("../font/xmlt/xmlt.ttf");} @font-face { font-family:"got"; src: url("../font/GOT.WOFF.TTF"); } @font-face { font-family:"Tit"; src: url("../font/TitilliumWeb-Regular-10.ttf"); } 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:10px; font-family:"Tit","Light"; line-height:1;font-weight: normal;letter-spacing: 0px;} body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;font-size:62.5%;} 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;} .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;} /*<------------------------------------->*/ .headerwrap{width: 100%;box-sizing: border-box;background-color: rgba(0,0,0,0.33);padding: 0 10%;position: fixed;left: 0;top: 0;z-index: 5;} .headerwrap .header{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .headerwrap .header .nav{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} .headerwrap .header .nav li{display: block;margin-right: 3rem;position: relative;} .headerwrap .header .nav li:last-child{margin-right: 0;} .headerwrap .header .nav li a{font-size: 1.5rem;color: #ffffff;height: 7rem;line-height: 7rem;display: block;position: relative;} .headerwrap .header .right{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .headerwrap .header .right a,.headerwrap .header .right .lwrap{font-size: 1.5rem;color: #FFFFFF;margin-right: 2rem;height: 7rem;line-height: 7rem;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;position: relative;} .headerwrap .header .right .lwrap img{width: 2rem;} .headerwrap .header .right a:last-child{margin-right: 0;} .headerwrap .header .logo img{display: none;} .headerwrap .header .logo .logo01{display: block;width: auto; height: 4rem;} /* .headerwrap:hover{background-color: #FFFFFF;border: 1px solid #ddd;} .headerwrap:hover .header .logo .logo01{display: none;} .headerwrap:hover .header .logo .logo02{display: block;} .headerwrap:hover .header .nav li a{color: #666;} .headerwrap:hover .header .right a{color: #666666;} */ .headerwrap .header .nav li a::after{content: '';display: block;width: 0%;height: 0.2rem;background-color: #FFFFFF;position: absolute;left: 0;bottom: 2rem;transition: all .3s;} .headerwrap .header .nav li:hover a::after{width: 100%;} /* .headerwrap .header .nav li:hover a{color: #1c52bb;} */ .headerwrap .header .nav li .nav02{position: absolute;box-sizing: border-box;padding: 0;z-index: 5;width: 610px;left: -3rem;margin-left: 0px;text-align: center;top: 51.5px;display: none;justify-content: center;flex-flow: row;white-space: nowrap;transition: all .3s;} .headerwrap .header .nav li .nav02{top: 7rem;} .headerwrap .header .nav li .nav02 a{display: inline-block;width: auto;font-size: 14px;color: #666;line-height: 40px;margin: 0;float: none;margin-right: 0;position: relative;text-align: left;padding-left: 3rem;padding-right: 10px;height: auto;} .headerwrap .header .nav li .nav02 a::after{display: none;} .headerwrap .header .nav li .nav02 a:last-child{margin-right: 0;} .headerwrap .header .nav li .nav02 a:hover{color: #1c52bb;background-color: #fff;} .headerwrap .header .nav li .nav02 a:before{content: '';display: inline-block;width: 3px;height: 14px;background-color: #1c52bb;position: absolute;top: 14px;left: 5px;opacity: 0;} .headerwrap .header .nav li .nav02 a:hover:before{opacity: 1} .headerwrap .header .nav li .nav02 a i{opacity: 0;transition: all .6s;} .headerwrap .header .nav li .nav02 a:hover i{opacity: 1;} .headerwrap .header .nav li .nav02{background-color: rgba(255,255,255,0.9);padding: 0;width: 200px;box-shadow: 0px 2px 2px rgba(34,34,34,0.3)} .headerwrap .header .nav li .nav02 a{display: block;display: flex;justify-content: space-between;align-items: center;} .headerwrap .header .nav li:hover .nav02{display: block;} .headerwrap .header .right .lwrap .pclanguage{position: absolute;width: 120px;height: auto;background-color: rgba(0,0,0,0.33);box-sizing: border-box;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 7rem;opacity: 0;transition: all .3s;visibility: hidden;} .headerwrap .header .right .lwrap .pclanguage a{display: block;transition: all .3s;font-size: 14px;color: rgba(255,255,255,0.8);text-align: center;line-height: 40px;margin: 0;padding: 0;border-top: 1px solid rgba(255,255,255,0.8);height: auto;text-transform: uppercase;} .headerwrap .header .right .lwrap .pclanguage a:hover{color: rgba(255,255,255,1);} .headerwrap .header .right .lwrap .pclanguage02{opacity: 1;visibility: visible;} .swiper-pagination-v{right:5rem;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)} .swiper-pagination-v .swiper-pagination-bullet{border-radius:0;margin:1.6rem 3rem 1.6rem 0 !important;background-color:transparent;font-size:1.4rem;color:rgba(255,255,255,0.5);font-weight:bold;padding-bottom:0.6rem;border-bottom:0.2rem solid transparent;opacity:1;position:relative;width:auto;height:auto;display:block;outline:none;} .swiper-pagination-v .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color:#fff;color:#fff} .swiper-pagination-v.type2 .swiper-pagination-bullet.swiper-pagination-bullet-active{color:#333} .swiper-pagination-v .swiper-pagination-bullet .line{width:3.5rem;height:0.1rem;position:absolute;right:-5rem;top:50%;background-color:#fff;display:none} .swiper-pagination-v.type2 .swiper-pagination-bullet .line{background-color:#333} .swiper-pagination-v .swiper-pagination-bullet.swiper-pagination-bullet-active .line{display:block} .swiper-pagination-v .swiper-pagination-bullet .line{width:3.5rem;height:0.1rem;position:absolute;right:-5rem;top:50%;background-color:#fff;display:none} .swiper-pagination-v .swiper-pagination-bullet .swiper-pagination-bullet-active .line{background-color:#333} .swiper-pagination-v .swiper-pagination-bullet.swiper-pagination-bullet-active .line{display:block} .conainerwrap{height: 100%;} /* banner */ .banner{width: 100%;box-sizing: border-box;position: relative;height: 100%;position: relative;overflow: hidden;} .banner .swiper-container{height: 100%;} .banner .swiper-container .swiper-slide{overflow: hidden;} .banner img{display: block;width: auto;min-width: 100%;height: 100%;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 0;} .banner .text{width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);text-align: center;z-index: 1;} .banner .text p{font-size: 1.6rem;color: rgba(255, 255, 255, 0.8);text-shadow: 2px 2px 5px rgba(0,0,0,0.5);margin-bottom: 3rem;letter-spacing: 0.8rem;} .banner .text h3{font-size: 4.8rem;color: #ffffff;text-shadow: 2px 2px 5px rgba(0,0,0,0.5);margin-bottom: 3rem;font-weight:bold;} .banner .text h4{font-size: 1.4rem;color: rgba(255, 255, 255, 0.8);text-shadow: 2px 2px 5px rgba(0,0,0,0.5);margin-bottom: 3rem;letter-spacing: 0.4rem; text-transform: uppercase;} .banner .text .link{width: 100% display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} .more{display: block;width: 17rem;height: 4.6rem;line-height: 4.4rem;text-align: center;border: 0.1rem solid #FFFFFF;background-color: rgba(255,255,255,0.25);border-radius: 2rem;font-size: 1.5rem;color: #FFFFFF;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;box-sizing: border-box;padding: 0 1rem;position: relative;z-index: 0;overflow: hidden;box-sizing: border-box;} .banner .text .link a{margin-right: 3rem;} .more::after{content: '';display: block;width: 0%;height: 100%;border-radius: 2rem;background: #FFFFFF;position: absolute;left: 0;top: 0;transition: all .3s;z-index: -1;} .more:hover::after{width: 100%;} .more:hover{color: #2199d8;} .banner .text .link a:last-child{margin-right: 0;} .banner .text .link a i{display: block;width: 2rem;height: 2rem;border-radius: 50%;border: 0.1rem solid #fff;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;font-size: 12px;color: #FFFFFF;margin-right: 10px;} #wrapper{position: absolute;bottom: 8rem;left: 0;} #wrapper section #section-home #block-4{ padding: 0;} #wrapper section #section-home #block-4 ul{ width: 1260px;margin: 0 auto;max-width: 1260px;} #wrapper section #section-home #block-4 ul > li{ width: 20%; } #wrapper section #section-home #block-4 ul > li h3{color: #fff; font-size: 1.4rem; color:#fff; padding-top:1rem; letter-spacing: 0; font-weight: normal;} #wrapper section #section-home #block-4 ul > li img{ display: block;width: 4rem;margin: 1rem auto 0;} #wrapper section #section-home #block-4 ul > li .icon{ height: auto; width: auto; } #wrapper section #section-home #block-4 ul > li .icon .knob{ font-size: 2.6rem!important; width: 100% !important;margin-left: 0 !important;left: 0; font-weight: bold !important; } .mun_top .criler{position: relative;} #myCanvas,#myCanvas02,#myCanvas03,#myCanvas04,#myCanvas05{position: absolute;top: -0.3rem;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);display: none;} .paginationbanner{width: 100%;position: relative;margin-bottom: 3rem;} .paginationbanner .swiper-pagination-bullet{width: 3rem;height: 0.3rem;border-radius: 0;background-color: #FFFFFF;opacity: 0.5;margin-right: 1rem;} .paginationbanner .swiper-pagination-bullet-active{opacity: 1;} .paginationbanner .swiper-pagination-bullet:last-child{margin-right: 0;} .videomask{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: #000000;z-index: 2;display: none;} .videomask video{display: block;width: 100%;height: 100vh;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;} .videomask .fa{font-size: 6rem;color: #DDDDDD;position: absolute;right: 5%;top: 12%;z-index: 3;cursor: pointer;display: block;} .num-gd{position: absolute;left: 0;bottom: 5rem;width: 100%;z-index: 1;} .num-gd .mumping_mun{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;} .num-gd .mumping_mun li{margin-right: 10rem;} .num-gd .mumping_mun li:last-child{margin-right: 0;} .num-gd .mumping_mun li .mun_top h2{position:relative;display: block;width: 10rem;height: 10rem;border: 0.1rem solid rgba(255,255,255,0.8);border-radius: 50%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 2.4rem;color: #ffffff;margin:auto;} .num-gd .mumping_mun li .mun_top h3{font-size: 1.4rem;color: #FFFFFF;margin-top: 1rem;} .num-gd .mumping_mun li .mun_top h2:after {position:absolute;content:"+";right: 9%;top:48%;transform:translateY(-50%);color:#fff;} .num-gd .mumping_mun li:nth-of-type(2) .mun_top h2:after{right:12%;} .num-gd .mumping_mun li:nth-of-type(3) .mun_top h2:after{right:19%;} /* index01 */ .index01{width: 100%;box-sizing: border-box;position: relative;height: 100%;overflow: hidden;} .index01 .imgbox{width: 100%;display: block;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;} .index01 .imgbox img{display: none;width: auto;position: absolute;left: 50%;height:100%;top: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);min-width: 100%;} .index01 .imgbox img:first-child{display: block;} .index01 .text{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;} .index01 .text a{display: block;width: 20%;height: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-right: 1px solid #FFFFFF;position: relative;} .index01 .text a::after{content: '';display: block;width: 100%;height: 100%;background: -moz-linear-gradient(top, #ffbe63 0%, #158dcb 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbe63), color-stop(100%,#158dcb));background: -webkit-linear-gradient(top, #ffbe63 0%,#158dcb 100%);opacity: 0;transition: all .3s;position: absolute;left: 0;top: 0;z-index: 1;} .index01 .text a:last-child{border-right: none;} .index01 .text a .cont{width: 100%;box-sizing: border-box;padding: 0 4rem;text-align: center;position: relative;z-index: 2;} .index01 .text a .cont h3{font-size: 2.2rem;color: #ffffff;} .index01 .text a .conthover strong{display: block;display: block;width: 3rem;height: 0.2rem;background-color: #FFFFFF;margin: 2rem auto;transition: all .3s;} .index01 .text a .conthover h4{display: block;font-size: 1.4rem;color: #ffffff;line-height: 2.4rem;transition: all .3s;display:-webkit-box;-webkit-box-orient:vertical;/* -webkit-line-clamp:3;overflow:hidden;text-align: justify;text-align-last: center; */min-height: 120px; text-align: justify;} .index01 .text a .cont i{display: flex;display: -webkit-flex;width: 3rem;height: 3rem;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: transparent;border: 1px solid #FFFFFF;border-radius: 50%;font-size: 1.6rem;color: #FFFFFF;margin: auto;margin-top: 2rem;} .index01 .text a:hover::after{opacity: 0.75;} .index01 .text a:hover .cont i{background-color: #FFFFFF;color: rgba(0,0,0,0.8);} .index01 .text a:hover .cont{opacity: 0;} .index01 .text a .conthover{position: absolute;width: 100%;left: 0;top: 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);opacity: 0;transition: all .3s;} .index01 .text a:hover .conthover{opacity: 1;top: 50%;} .index02{width: 100%;box-sizing: border-box;height: 100%;position: relative;overflow: hidden;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .index02 a{display: block;width: calc((100% - 1px)/2);box-sizing: border-box;height: calc((100% - 1px)/2);overflow: hidden;position: relative;} .index02 a::after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: -moz-linear-gradient(top, #ffbe63 0%, #158dcb 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbe63), color-stop(100%,#158dcb));background: -webkit-linear-gradient(top, #ffbe63 0%,#158dcb 100%);opacity: 0;transition: all .3s;} .index02 a:hover::after{opacity: 0.75;} .index02 a img{display: block;width: auto;min-width: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);height: 100%;} .index02 a .text{width: 100%;box-sizing: border-box;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 0 10rem;text-align: center;z-index: 2;} .index02 a .text h3{font-size: 3.2rem;color: #ffffff;text-shadow: 0px 2px 6px rgba(0,0,0,0.5);margin-bottom: 2rem;font-weight:bold;} .index02 a .text h4{font-size: 1.8rem;color: #FFFFFF;text-shadow: 0px 2px 6px rgba(0,0,0,0.5);line-height:2.2rem;} .index02 a .text font{margin: auto;margin-top: 4rem;} .index02 .circle{width: 23.5rem;height: 23.5rem;box-sizing: border-box;border: 1rem solid #eeeeee;background-color: #FFFFFF;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;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);border-radius: 50%;} .index02 .circle p{font-size: 3.2rem;color: #1c52bb;margin-bottom: 1rem;} .index02 .circle font{font-size: 2rem;color: #1c52bb;} /* index03wrap */ .index03wrap{background: url(../img/i-newsbg_02.jpg);background-size: cover;background-position: center;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} .index03wrap .index03{width: 80%;margin: auto;box-sizing: border-box;padding-top: 7rem;} .index03wrap .index03 .t-top{text-align: center;} .index03wrap .index03 .t-top h3{font-size: 3.8rem;color: #ffffff; margin-bottom: 3rem;} .index03wrap .index03 .t-top strong{width: 9rem;background-color: #FFFFFF;margin: 3rem auto;height: 0.2rem;display: none;} .index03wrap .index03 .cont{width: 100%;/* display: flex;display: -webkit-inline-flex;-webkit-justify-content: space-between;justify-content: space-between; */position: relative;} .index03wrap .index03 .cont a{display: block;width: 100%;box-sizing: border-box;padding: 1rem;background-color: #FFFFFF;} .index03wrap .index03 .cont a .imgbox{display: block;width: 100%;overflow: hidden;} .index03wrap .index03 .cont a .imgbox img{display: block;width: 100%;transition: all .6s;} .index03wrap .index03 .cont a:hover .imgbox img{transform: scale(1.1);} .index03wrap .index03 .cont a .text{width: 100%;box-sizing: border-box;padding: 2rem;} .index03wrap .index03 .cont a .text h3{font-size: 1.8rem;color: #222222;line-height: 2.4rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 3rem;} .index03wrap .index03 .cont a:hover .text h3{color: #2199d8;} .index03wrap .index03 .cont a .text h4{font-size: 1.5rem;color: #888888;line-height: 2rem;margin-bottom: 3rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .index03wrap .index03 .cont a .text .bot{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .index03wrap .index03 .cont a .text .bot p{font-size: 1.2rem;color: #aaaaaa;} .index03wrap .index03 .cont a .text .bot i{display: flex;display: -webkit-flex;width: 3rem;height: 3rem;border: 1px solid #aaaaaa;font-size: 1.4rem;color: #aaaaaa;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-radius: 50%;transition: all .3s;} .index03wrap .index03 .more{margin: auto;margin-top: 4rem; width: 14rem; height: 4rem;} .index03wrap .index03 .cont a:hover .text .bot i{background-color: #2199d8;border-color: #2199d8;color: #FFFFFF;} .index03wrap .index03 .cont .swiper-pagination{position: relative;width: 100%;margin-top: 3rem;} .index03wrap .index03 .cont .swiper-pagination-bullet{width: 0.8rem;height: 0.8rem;background-color: #FFFFFF;margin-right: 1rem;opacity: 1;} .index03wrap .index03 .cont .swiper-pagination-bullet:last-child{margin-right: 0;} .index03wrap .index03 .cont .swiper-pagination-bullet-active{background-color: #1c52bb;} .index03wrap .index03 .swiper-button-next,.index03wrap .index03 .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: 4rem;height: 4rem;margin-top: -4.1rem;} .index03wrap .index03 .swiper-button-next i,.index03wrap .index03 .swiper-button-prev i{font-size: 1.8rem;color: #1c52bb;} .index03wrap .index03 .swiper-button-next{right: -5rem;} .index03wrap .index03 .swiper-button-prev{left: -5rem;} /* index04wrap */ .index04wrap{width: 100%;position: relative;} .index04wrap::after{content: '';display: block;width: 50%;right: 0;height: 100%;background: url(../img/index_jsbg.jpg);background-size: cover;position: absolute;top: 0;z-index: 0;} .index04wrap .index04{width: 100%;height: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;position: relative;z-index: 2;} .index04wrap .index04 .left{width: 50%;height: 80%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-flex-flow: column;-ms-flex-flow: column;padding-top: 7rem;} .index04wrap .index04 .left .top{width: 100%;box-sizing: border-box;padding-left: 20%;margin-bottom: 4rem;} .index04wrap .index04 .left .top p{font-size: 1.6rem;color: #666666;margin-bottom: 2rem;} .index04wrap .index04 .left .top h3{font-size: 3.6rem;color: #222222;} .index04wrap .index04 .left .cont{width: 100%;box-sizing: border-box;padding: 0 8%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .index04wrap .index04 .left .cont a{display: block;width: 47%;margin-bottom: 5%;position: relative;} .index04wrap .index04 .left .cont a::after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: -moz-linear-gradient(top, #ffbe63 0%, #158dcb 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbe63), color-stop(100%,#158dcb));background: -webkit-linear-gradient(top, #ffbe63 0%,#158dcb 100%);opacity: 0;transition: all .3s;} .index04wrap .index04 .left .cont a:hover::after{opacity: 0.7;} .index04wrap .index04 .left .cont a img{display: block;width: 100%;} .index04wrap .index04 .left .cont a .text{position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);box-sizing: border-box;padding: 0 4rem;z-index: 2;} .index04wrap .index04 .left .cont a .text h3{font-size: 2.4rem;color: #ffffff;margin-bottom: 2rem;} .index04wrap .index04 .left .cont a .text h4{font-size: 1.4rem;color: #ffffff;margin-bottom: 1.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .index04wrap .index04 .left .cont a .text .more{width: 11.6rem;height: 3.4rem;line-height: 3.4rem;} .index04wrap .index04 .left .more02{border: 1px solid #1c52bb;color: #1c52bb;margin-left:0;} .index04wrap .index04 .left .more02::after{background-color: #1c52bb;} .index04wrap .index04 .left .more02:hover{color: #FFFFFF;} .index04wrap .index04 .left .href{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-top: 0rem;box-sizing: border-box;padding-left: 20%;padding-right: 8%;} .index04wrap .index04 .left .href .fx{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: flex-start;justify-content: flex-start;margin-left: 3rem;} .index04wrap .index04 .left .href .fx a{background-image: none;font-size: 1.7rem;color:#aaaaaa;padding: 0;margin-right: 2rem;} .index04wrap .index04 .left .href .fx a:last-child{margin-right: 0;} .index04wrap .index04 .right{width: 50%;height: 100%;} .index04wrap .index04 .right .cont{width: 50%;height: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-flow: column;flex-flow: column;} .index04wrap .index04 .right .cont .box{width: 100%;box-sizing: border-box;position: relative;z-index: 0;padding: 0 7rem;height: 50%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-flex-flow: column;flex-flow: column;} .index04wrap .index04 .right .cont .box::after{content: '';background: -moz-linear-gradient(top, #ffbe63 0%, #158dcb 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbe63), color-stop(100%,#158dcb));background: -webkit-linear-gradient(top, #ffbe63 0%,#158dcb 100%);width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;opacity: 0.9;} .index04wrap .index04 .right .cont .box p{font-size: 1.6rem;color: #ffffff;margin-bottom: 2rem;position: relative;z-index: 1;} .index04wrap .index04 .right .cont .box h3{font-size: 3.6rem;color: #FFFFFF;margin-bottom: 4rem;position: relative;z-index: 1;} .index04wrap .index04 .right .cont .box .imgbox{width: 100%;position: relative;z-index: 1;} .index04wrap .index04 .right .cont .box .imgbox img{display: block;width: 100%;} .index04wrap .index04 .right .cont .text{width: 100%;box-sizing: border-box;padding: 0 0 0 7rem;margin-top: 7rem;text-align:justify;} .index04wrap .index04 .right .cont .text h4{font-size: 1.5rem;color: #FFFFFF;line-height: 3rem;margin-bottom: 5rem;} .index04wrap .ba{width: 80%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;position: absolute;left: 10%;bottom: 6rem;z-index: 2;} .index04wrap .ba .left{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;width: 50%;} .index04wrap .ba .left p{font-size: 1.4rem;color: #aaaaaa;} .index04wrap .ba .left a{font-size:1.4rem;color: #AAAAAA;margin-left: 4rem;} .index04wrap .ba .se{font-size: 1.4rem;color: #FFFFFF;} .index04wrap .ba .link{width: 50%;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;box-sizing: border-box;padding-left: 7rem;} .index04wrap .ba .link .fx{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: flex-start;justify-content: flex-start;} .index04wrap .ba .link .fx a{background-image: none;font-size: 1.4rem;color: rgba(255,255,255,0.8);padding: 0;margin-right: 2rem;} .index04wrap .ba .link .fx a:last-child{margin-right: 0;} /* index05wrap */ .index05wrap{width: 100%;height: 100%;overflow: hidden;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background: url(../img/i-servebg_01.jpg)no-repeat;background-size: cover;} .index05wrap .index05{width: 80%;} .index05{width: 100%;box-sizing: border-box;} .index05 .top{width: 100%;text-align: center;} .index05 .top h3{font-size: 3.8rem;color: #FFFFFF;margin-bottom: 2rem;} .index05 .top h4{font-size: 2.4rem;color: #FFFFFF;margin-bottom: 2rem;} .index05 .top strong{width:6rem;display:block;height:1px;background-color:#fff;} .index05 .top p{font-size: 1.6rem;color: #FFFFFF;line-height: 2rem;margin:0 auto;width:70%;} .index05 ul{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;margin-top: 4rem;} .index05 ul li{width: 50rem;box-sizing: border-box;padding: 5rem 9rem;border: 0.3rem solid transparent;text-align: center;border: 3px solid #2a9dd9;border-radius: 54.6rem;background-color: rgba(0,0,0,0.25);margin-right: 4.5rem;} .index05 ul li:last-child{margin-right: 0;} .index05 ul li h3{font-size: 3rem;color: #ffffff;} .index05 ul li strong{display: block;width: 2rem;height: 0.2rem;background-color: #2a9dd9;margin: 1.5rem auto;} .index05 ul li h4{font-size: 1.5rem;color: #ffffff;line-height: 2.4rem;text-align: justify;text-align-last: center;} .index05wrap .index05 .more{margin: auto;margin-top: 4rem;width:14rem;height:4rem;line-height:4rem;} /* 鏂伴椈 */ .innerbanner{width: 100%;box-sizing: border-box;position: relative;/* background-color: #262a2e; */position: relative;} .innerbanner::before{content: '';background-color: #262a2e;width:calc(50% + 500px);height: 100%;position: absolute;right: 0;top: 0;z-index: 0;display:none;} .innerbanner .imgbox{width: 100%;box-sizing: border-box;position: relative;z-index: 1;} .innerbanner .imgbox img{display: block;width: 100%;} .innerbanner .scoll{width: calc((100% - 1200px)/2);height: 140px;position: absolute;left: 0;bottom: 0;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-flow: column;flex-flow: column;-webkit-align-items: center;align-items: center;background-color: #fff;z-index: 1;display:none;} .innerbanner .scoll span{font-size: 14px;color: #555555;writing-mode:tb;transform: rotate(180deg);-webkit-transform: rotate(180deg);} .innerbanner .scoll::before{content: '';display: block;width: 1px;height: 100px;background-color: #555555;margin-top: -40px;} .innerbanner .text{position: absolute;right: 50%;bottom: 50%;z-index: 1;text-align: center;transform: translate(50%,50%);} .innerbanner .text h3{font-size: 62px;color: #ffffff;font-weight: bold;text-transform: uppercase;} .innerbanner .text p{font-size: 14px;color: #fff;margin-top: 20px;display:none;} /* innerwrap */ .innerwrap{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;} .n-tab{width: 1200px;margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;padding-bottom: 30px;margin-top: 60px;} .n-tab i{display: block;width: 1px;height: 20px;background-color: #ddd;} .n-tab a{font-size: 20px;color: #222222;position: relative;display: block;margin: 0 30px;} .n-tab a::after{content: '';display: block;width: 0;height: 2px;background-color: #2164af;left: 0;bottom: -30px;transition: all .3s;position: absolute;} .n-tab a:hover::after,.n-tab a.active::after{width: 100%;} .news01wrap{width: 100%;box-sizing: border-box;} .news01wrap li{width: 100%;box-sizing: border-box;padding: 50px 0;border-bottom: 1px solid #ddd;} .news01wrap li:first-child{border-top: 1px solid #ddd;} .news01wrap li a{width: 1200px;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .news01wrap li a .imgbox{display: block;width: 30%;overflow: hidden;} .news01wrap li a .imgbox img{display: block;width: 100%;transition: all .6s;} .news01wrap li a:hover .imgbox img{transform: scale(1.1);} .news01wrap li a .text{width: 70%;box-sizing: border-box;padding: 0 80px;} .news01wrap li a .text p{font-size: 14px;color: #888888;margin-bottom: 20px;font-family: arial;} .news01wrap li a .text h3{font-size: 22px;color: #222222;font-weight: bold;margin-bottom: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .news01wrap li a:hover .text h3{color: #2164af;} .news01wrap li a .text h4{font-size: 15px;color: #666666;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} /* footer */ .footerwrap{width: 100%;box-sizing: border-box;padding: 0;background-color: #282828;} .footer{width: 1200px;margin: auto;box-sizing: border-box;} .footer .top{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;border-bottom: 1px solid rgba(255,255,255,0.5);padding: 30px 0;} .footer .top a{display: block;font-size: 14px;color: #fff;opacity: 0.5;margin-right: 30px;} .footer .top a:last-child{margin-right: 0;} .footer .top a:hover{opacity: 1;} .footer .copyright{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding: 30px 0;} .footer .copyright h3{font-size: 13px;color: rgba(255,255,255,0.5);} .footer .copyright h3 a{font-size: inherit;color: inherit;padding-left: 30px;margin-left: 30px;border-left: 1px solid rgba(255,255,255,0.5);} .footer .copyright .fx a{background-image: none;margin: 0;padding: 0;font-size: 14px;color: rgba(255,255,255,0.5);margin-right: 20px;} .footer .copyright .fx a:last-child{margin-right: 0;} .fy{width: 1200px;margin: 40px auto 80px;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;} .fy a{display: block;width: auto;min-width: 34px;height: 34px;box-sizing: border-box;border: 1px solid #ddd;font-size: 13px;color: #b8b8b8;text-align: center;line-height: 32px;box-sizing: border-box;padding: 0 12px;transition: all .3s;border-radius: 4px;margin-right: 10px;} .fy a:last-child{margin-right: 0;} .fy a.active,.fy a:hover{background-color: #0076db;color: #FFFFFF;border-color: #0076db;} /* 鑱旂郴鎴戜滑 */ .contact01wrap{width: 100%;box-sizing: border-box;} .contact01wrap .top{width: 1200px;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;margin-top: 90px;position: relative;z-index: 1;} .contact01wrap .top .text{width: 40%;} .contact01wrap .top .text h3{font-size: 32px;color: #222222;font-weight: bold;margin-bottom: 30px;} .contact01wrap .top .text p{font-size: 20px;color: #222222;margin-bottom: 30px;} .contact01wrap .top .text h4{font-size: 16px;color: #666666;} .contact01wrap .top .mapwrap{width: 60%;box-sizing: border-box;height: 400px;} .contact01wrap .top .mapwrap .map{width: 100%;height: 100%;} .contact01wrap .botwrap{width: 100%;box-sizing: border-box;position: relative;background-color: #f1f2f3;padding: 70px 0;margin-top: -150px;} .contact01wrap .botwrap .cont{width: 1200px;margin: auto;box-sizing: border-box;} .contact01wrap .botwrap .cont p{font-size: 16px;color: #666666;line-height: 40px;font-family: arial;} .contact02wrap{width: 100%;box-sizing: border-box;position: relative;background-color: #f1f2f3;padding: 110PX 0;} .contact02wrap .top{font-size: 24px;color: #222222;text-align: left;width: 1200px;margin: auto;margin-bottom: 50px;font-weight: bold;} .contact02wrap .contact02{width: 80%;margin: auto;position: relative;} .contact02wrap .contact02 a{display: block;width: 100%;position: relative;} .contact02wrap .contact02 a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;} .contact02wrap .contact02 a .imgbox img{display: block;width: 100%;transition: all .6s;} .contact02wrap .contact02 a:hover .imgbox img{transform: scale(1.1);} .contact02wrap .contact02 a .text{position: relative;box-sizing: border-box;width: 100%;padding-left: 40px;margin-top: 30px;} .contact02wrap .contact02 a .text h3{font-size: 18px;color: #222222;margin-bottom: 10px;font-weight: bold;} .contact02wrap .contact02 a .text p{font-size: 14px;color: #666666;line-height: 30px;font-family: arial;} .contact02wrap .contact02 a .text::before{content: '';display: block;width: 30px;height: 1px;background-color: #ddd;position: absolute;left: 0;top: 6px;} .contact02wrap .contact02 .swiper-button-next,.contact02wrap .contact02 .swiper-button-prev{background-image: none;font-size: 30px;color: #666666;outline: none;width: auto;height: auto;margin-top: -15px;} .contact02wrap .contact02 .swiper-button-next{right: -40px;} .contact02wrap .contact02 .swiper-button-prev{left: -40px;} .contact02wrap_2{padding-top:0;} /* contact03wrap */ .contact03wrap{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;padding: 100px 0;background: url(../img/contact_08.jpg)no-repeat;background-size: cover;} .contact03wrap a{display: block;border: 1px solid #1c52bb;color: #1c52bb;width: 270px;height: 52px;line-height: 52px;text-align: center;background-color: #FFFFFF;border-radius: 0;margin-right: 40px;} .contact03wrap a:last-child{margin-right: 0;} .contact03wrap a::after{background-color: #1c52bb;border-radius: 0;} .contact03wrap a:hover{color: #FFFFFF;} /* contmessgewrap */ .contmessgewrap{width: 1200px;margin: 80px auto;box-sizing: border-box;} .contmessgewrap .tl{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 50px;letter-spacing: 2px;} .contmessge{width: 100%;box-sizing: border-box;} /* .c-form{width: 100%;box-sizing: border-box;} .c-form .top label{width: 100%;box-sizing: border-box;display: -wap-marquee;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 30px;} .c-form .top label input{display: block;width: 49%;border: 1px solid #ddd;box-sizing: border-box;background-color: #f1f2f3;border-radius: 4px;outline: none;height: 44px;box-sizing: border-box;padding: 0 20px;font-size: 14px;color: #888888;} .c-form .bot input{display: block;width: 100%;box-sizing: border-box;border: 1px solid #ddd;box-sizing: border-box;background-color: #f1f2f3;border-radius: 4px;outline: none;height: 44px;box-sizing: border-box;padding: 0 20px;font-size: 14px;color: #888888;margin-bottom: 30px;} .c-form .bot textarea{display: block;padding: 20px;font-size: 14px;color: #888;width: 100%;height: 120px;border: 1px solid #ddd;box-sizing: border-box;background-color: #f1f2f3;border-radius: 4px;outline: none;resize: none;} .c-form .bot button{display: block;width: 130px;height: 40px;line-height: 40px;text-align: center;background-color: #1c52bb;border-radius: 4px;margin-top: 30px;border: 1px solid #1c52bb;} .c-form .bot button::after{border-radius: 4px;} */ /* 鍏充簬 */ .aboutbanner{width: 100%;box-sizing: border-box;position: relative;} .aboutbanner img{display: block;width: 100%;} .aboutbanner .text{position: absolute;top: 50%;left: 50%;width: 1200px;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} .aboutbanner .text h3{font-size: 62px;color: #fff;font-weight: bold;text-transform: uppercase;margin-bottom: 20px;} .aboutbanner .text p{font-size: 16px;color: #ffffff;} .about01wrap{width: 100%;box-sizing: border-box;position: relative;} .about01{width: 1000px;margin: 100px auto;} .about01 .gallery-top .swiper-slide{width: 100%;box-sizing: border-box;padding: 5px;} .about01 .gallery-top .swiper-slide .box{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;background-color: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);} .about01 .gallery-top .swiper-slide img{display: block;width: 100%;} .about01 .gallery-top .swiper-slide .imgbox{width: 55%;} .about01 .gallery-top .swiper-slide .text{width: 45%;box-sizing: border-box;padding: 0 50px;} .about01 .gallery-top .swiper-slide .text h3{font-size: 36px;color: #222222;font-weight: bold;margin-bottom: 20px;} .about01 .gallery-top .swiper-slide .text p{font-size: 20px;color: #222222;} .about01 .gallery-top .swiper-slide .text strong{display: block;width: 100%;height: 1px;background-color: #ddd;margin: 20px 0;} .about01 .gallery-top .swiper-slide .text h4{font-size: 15px;color: #666666;line-height: 26px;} .about01 .gallery-top .swiper-slide .text h4 p{font-size: 15px;color: #666666;line-height: 26px;padding-left: 20px;position: relative;} .about01 .gallery-top .swiper-slide .text h4 p::before{content: '';display: block;width: 5px;height: 5px;background-color: #666;position: absolute;left: 0;top: 10px;border-radius: 50%;} .about01 .gallery-thumbs{width: 100%;box-sizing: border-box;padding: 0 40px;padding-top: 70px;position: relative;} .about01 .gallery-thumbs:before{content: '';display: block;width: calc((100% - 80px));height: 1px;position: absolute;top: 70px;left: 40px;background-color: #ddd;} .about01 .gallery-thumbs .swiper-wrapper .swiper-slide{text-align: center;} .about01 .gallery-thumbs .swiper-wrapper .swiper-slide span{display: block;margin: auto;width: 8px;height: 8px;border-radius: 50%;background-color: #2a9dd9;margin-bottom: 35px;position: relative;margin-top: -4px;} .about01 .gallery-thumbs .swiper-wrapper .swiper-slide span:before{content: '';display: block;width: 18px;height: 18px;border-radius: 50%;position: absolute;top: 50%;left: 50%;margin-top: -9px;margin-left: -9px;background-color: rgba(42,157,217,0.5);} .about01 .gallery-thumbs .swiper-wrapper .swiper-slide span:after{content: '';display: block;width: 40px;height: 40px;border-radius: 50%;position: absolute;top: 50%;left: 50%;margin-top: -20px;margin-left: -20px;background-color: rgba(42,157,217,0.3);opacity: 0;transition: all .6s;} .about01 .gallery-thumbs .swiper-wrapper .swiper-slide p{font-size: 16px;color: #222222;} .about01 .swiper-button-prev,.about01 .swiper-button-next{background-image: none;width: 30px;height: 30px;text-align: center;line-height: 30px;border: 1px solid #2a9dd9;border-radius: 50%;color: #2a9dd9;margin-top: -8px;} .about01 .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active span:after{opacity: 1;} /* .about02wrap */ .about02wrap{width: 100%;box-sizing: border-box;} .about02wrap .topwrap{width: 100%;box-sizing: border-box;position: relative;padding: 120px 0 190px;background-color: #e5f0f6;} .about02wrap .topwrap .cont{width: 1400px;margin: auto;box-sizing: border-box;padding-left: 200px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-end;align-items: flex-end;} .about02wrap .topwrap .cont .text{width: calc(100% - 350px);box-sizing: border-box;padding-right: 200px;text-align:justify;padding-bottom: 70px;} .about02wrap .topwrap .cont .text h3{font-size: 36px;color: #222222;margin-bottom: 40px;font-weight: bold;} .about02wrap .topwrap .cont .text h4{font-size: 18px;color: #222222;line-height: 32px;margin-bottom: 30px;font-weight: bold;} .about02wrap .topwrap .cont .text .info p{font-size: 15px;color: #666666;line-height: 32px;margin-bottom: 30px;} .about02wrap .topwrap .cont .text .info p:last-child{margin-bottom: 0;} .about02wrap .topwrap .cont .right{width: 350px;height: 350px;background-color: #ffffff;box-sizing: border-box;} .about02wrap .item{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: flex-start;align-items: flex-start;flex-flow: column;-webkit-flex-flow: column;box-sizing: border-box;padding: 0 50px;} .about02wrap .item h3{font-size: 44px;color: #ff9400;margin-bottom: 30px;} .about02wrap .item p{font-size: 20px;color: #222222;} .about02wrap .item strong{display: block;width:100%;background-color: #ddd;margin: 20px 0;height: 1px;} .about02wrap .item h4{font-size: 14px;color: #888888;text-transform: uppercase;} .about02wrap .bot{width: 1400px;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;position: relative;z-index: 1;margin-top: -190px;margin-bottom: 150px;} .about02wrap .bot .left{width: 50%;box-sizing: border-box;overflow: hidden;} .about02wrap .bot .left img{display: block;width: auto;min-width: 100%;} .about02wrap .bot .right{width: 50%;} .about02wrap .bot .right .box{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .about02wrap .bot .right .box .item{width: 50%;height: 350px;} .about02wrap .bot .right .box .item:first-child{background-color: #ff9400;} .about02wrap .bot .right .box .item:first-child h3{color: #fff;} .about02wrap .bot .right .box .item:first-child p{color: #fff;} .about02wrap .bot .right .box .item:first-child strong{background-color: rgba(255,255,255,0.5);} .about02wrap .bot .right .box .item:first-child h4{color: rgba(255,255,255,0.5);} .about02wrap .bot .right .box .item:last-child{padding: 0;} .about02wrap .bot .right .box .item img{display: block;width: 100%;} .about02wrap .bot .right .text{width: 100%;height: calc(100% - 350px);box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;padding: 80px;} .about02wrap .bot .right .text h3{font-size: 24px;color: #222222;margin-bottom: 30px;} .about02wrap .bot .right .text h4{font-size: 15px;color: #666666;line-height: 32px;} .about03wrap{width: 100%;height: 80%;position: relative;overflow: hidden;box-sizing: border-box;background: url(../img/about03bg.jpg) no-repeat;overflow: hidden;background-position: center;background-size: cover;} .about03wrap ul{width: 100%;height: 100%;position: relative;top: 0;left: 0;background-color: rgba(255,255,255,0.75);box-sizing: border-box;} .about03wrap ul li{width: 33.33%;height: 100%;float: left;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;transition: all .3s;position: relative;} .about03wrap ul li::after{content: '';display: block;width: 100%;height: 100%;background-image: url(../img/mask1.png);background-size: cover;background-repeat: no-repeat;opacity: 0;transition: all .3s;z-index: 0;position: absolute;top: 0;left: 0;} .about03wrap ul li:hover::after{opacity: 1;} .about03wrap ul li .text{width: 100%;box-sizing: border-box;padding-top: 40px;padding-bottom: 40px;border-right: 1px solid #cccccc;text-align: center;position: relative;z-index: 1;} .about03wrap ul li .text h3{font-size: 34px;color: #2a9dd9;font-weight: bold;margin-bottom: 10px;font-family:'got';} .about03wrap ul li .text p{font-size: 20px;color: #222222;margin-bottom: 10px;font-weight:bold;} .about03wrap ul li .text strong{display: block;width: 20px;height: 1px;background-color: #7aa32d;margin: auto;margin-bottom: 20px;} .about03wrap ul li .text h4{font-size: 15px;color: #666666;line-height: 24px;width: 80%;margin: 0 auto 100px;display: block;min-height: 48px;} .about03wrap ul li .text img{display: block;width: auto;max-width: 84px;margin: auto;} /* about04wrap */ .about04wrap{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;margin: 150px 0;} .about04wrap .about04{width: 1200px;margin: auto;box-sizing: border-box;} .about04wrap .about04 .h3{font-size: 36px;color: #222222;font-weight: bold;padding-bottom: 40px;border-bottom: 1px solid #ddd;text-align: center;margin-bottom: 40px;} .about04wrap .about04 .tab{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;margin-bottom: 40px;} .about04wrap .about04 .tab a{display: block;width: 150px;height: 40px;border: 1px solid #aaaaaa;text-align: center;line-height: 40px;font-size: 15px;color: #222222;background-color: #eeeeee;margin-right: 30px;transition: all .3s;} .about04wrap .about04 .tab a:last-child{margin-right: 0;} .about04wrap .about04 .tab a.active,.about04wrap .about04 .tab a:hover{background-color: #2a9dd9;color: #fff;} .about04wrap .about04 .cont{width: 100%;box-sizing: border-box;border: 1px solid #ddd;border-right: none;border-bottom: none;} .about04wrap .about04 .cont .item{display: none;} .about04wrap .about04 .cont .item:first-child{display: block;} .about04wrap .about04 .cont .item ul{width: 100%;display: flex;display: -webkit-flex;width: 100%;box-sizing: border-box;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .about04wrap .about04 .cont .item ul li{width: 20%;position: relative;box-sizing: border-box;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;} .about04wrap .about04 .cont .item ul li:nth-of-type(2n){background-color: #f2f3f5;} .about04wrap .about04 .cont .item ul li img{display: block;width: 100%;} .about04wrap .about04 .cont .item ul li h3{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;text-align: center;font-size: 18px;color: #fff;background-color: rgba(42,157,217,0.8);opacity: 0;transition: all .3s;} .about04wrap .about04 .cont .item ul li:hover h3{opacity: 1;} /* about05 */ .about05{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;} .about05 a{display: block;width: calc((100% - 2px)/3);box-sizing: border-box;position: relative;margin-right: 1px;overflow: hidden;} .about05 a:last-child{margin-right: 0;} .about05 a img{display: block;width: 100%;box-sizing: border-box;} .about05 a h3{display: block;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;text-align: center;font-size: 18px;color: #fff;z-index: 1;} .about05 a::after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(9,82,120,0.6);position: absolute;left: 0;top: 0;z-index: 0;transition: all .3s;} .about05 :hover::after{background-color: rgba(9,82,120,0.85);} /* case */ .innerbanner02{background-color: #f1f2f3;} .innerbanner .scoll02{background-color: #f1f2f3;} .casewrap{background-color: #f1f2f3;} .case01wrap{width: 80%;margin: 10rem auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;border-top: 1px solid #ddd;padding-top: 40px;position: relative;} .case01wrap::before{content: '';display: block;width: 1px;height: calc(100% - 30px);top: 30px;left: calc(15% - 1px);position: absolute;background-color: #ddd;z-index: 0;} .case01wrap .caselink{width: 15%;position: relative;z-index: 1;} .case01wrap .caselink a{display: block;border-right: 2px solid transparent;margin-bottom: 30px;font-weight: bold;font-size: 15px;color: #666666;} .case01wrap .caselink a:hover,.case01wrap .caselink a.active{color: #0d5ea7;border-color: #0d5ea7;} .case01wrap .caselink a:last-child{margin-bottom: 0;} .case01wrap .case01{width: 85%;box-sizing: border-box;padding-left: 6rem;} .case01wrap .case01 .cont{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .case01wrap .case01 .cont a{display: block;width: 32%;margin-right: 2%;position: relative;overflow: hidden;box-sizing: border-box;margin-bottom: 2%;cursor: default;} .case01wrap .case01 .cont a:nth-of-type(3n){margin-right: 0;} .case01wrap .case01 .cont a .imgbox{width: 100%;position: relative;overflow: hidden;} .case01wrap .case01 .cont a .imgbox img{display: block;transition: all .6s;width: 100%;} .case01wrap .case01 .cont a:hover .imgbox img{transform: scale(1.1);} .case01wrap .case01 .cont a .font{font-size: 14px;color: #222222;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;height: 60px;background-color: #fff;box-sizing: border-box;padding: 0 20px;width: 100%;opacity: 1;transition: all .3s;position: absolute;left: 0;bottom: 0;} .case01wrap .case01 .cont a .text{width: 100%;height: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: flex-start;align-items: flex-start;-webkit-flex-flow: column;flex-flow: column;padding: 0 3rem;background-color: rgba(48,107,222,0.8);position: absolute;top: 0;left: 0;transform: translateY(101%);-webkit-transform: translateY(101%);transition: all .3s;} .case01wrap .case01 .cont a .text h3{font-size: 1.5rem;color: #fff;padding-bottom: 2rem;border-bottom: 1px solid #fff;margin-bottom: 2rem;width: 100%;} .case01wrap .case01 .cont a .text h4{font-size: 1.4rem;color: #fff;line-height: 2rem;} .case01wrap .case01 .cont a:hover .text{transform: none;-webkit-transform: none;} .case01wrap .case01 .cont a:hover .font{opacity: 0;} .case01wrap .case01 .fy{margin: 0;margin-top: 30px;width: 100%;background-color: #f1f2f3;} .case01wrap .case01 .fy a{background-color: #fff;color: #b8b8b8;} .case01wrap .case01 .fy a:hover,.case01wrap .case01 .fy a.active{background-color: #306bde;color: #fff;} .fy,.nav-links{display: flex;display: -webkit-flex;-webkit-justify-content: start;justify-content: start;padding-bottom: 50px; /*background-color: #f1f2f3;*/ } .fy a,.fy .page-numbers{display: block;width: auto;min-width: 30px;height: 30px;line-height: 30px;text-align: center;box-sizing: border-box;border: 1px solid #b8b8b8;color: #b8b8b8;font-size: 14px;margin-right: 15px;border-radius: 4px;padding: 0 10px;} .fy a:last-child{margin-right: 0;} .fy a:hover,.fy .active,.fy .current{background-color: #306bde;color: #FFFFFF;border-color: #306bde;} .screen-reader-text{display:none;} /* 鍔犲叆鎴戜滑 */ .join01{width: 1200px;margin: 120px auto;} .join01 h3{font-size: 32px;color: #222222;padding-bottom: 30px;border-bottom: 1px solid #ddd;margin-bottom: 30px;font-weight: bold;} .join01 h4{font-size: 16px;color: #222222;font-weight: bold;margin-bottom: 30px;} .join01 p{font-size: 15px;color: #666666;line-height: 30px;margin-bottom: 30px;text-align: justify;} .join01 p:last-child{margin-bottom: 0;} /* join02 */ .join02{width: 100%;box-sizing: border-box;padding: 130px 0;background: url(../img/join_bg.jpg)no-repeat fixed;background-size: cover;} .join02 .tex{width: 1200px;margin: auto;} .join02 .tex p{font-size: 15px;color: #fff;line-height: 30px;} /* join03wrap */ .join03wrap{width: 1200px;margin: 100px auto;box-sizing: border-box;} .join03wrap .top{font-size: 32px;color: #222222;font-weight: bold;margin-bottom: 30px;} .join03wrap ul{width: 100%;box-sizing: border-box;position: relative;} .join03wrap ul li{width: 100%;border-top: 1px solid #ddd;padding-top: 30px;margin-bottom: 20px;} .join03wrap ul li .tl{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 30px;} .join03wrap ul li .min{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .join03wrap ul li .min .item{width: 25%;box-sizing: border-box;margin-bottom: 40px;} .join03wrap ul li .min .item h3 img{display: block;width: auto;} .join03wrap ul li .min .item h4{font-size: 15px;color: #222222;line-height: 28px;max-width: 50%;} .join03wrap ul li:last-child{margin-bottom: 0;} /* join04 */ .join04{width: 100%;background-color: #f1f2f3;box-sizing: border-box;padding: 100px 0;} .join04 .cont{width: 1200px;margin: auto;box-sizing: border-box;} .join04 .cont .toh3{font-size: 24px;color: #222222;margin-bottom: 30px;text-align: left;font-weight:bold;} .join04 .cont .min{width: 100%;box-sizing: border-box;position: relative;} .join04 .cont .min .item{width: 100%;border-bottom: 1px solid #DDDDDD;} .join04 .cont .min .item:first-child{border-top: 1px solid #DDDDDD;} .join04 .cont .min li a{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;height: 64px;} .join04 .cont .min li a p{font-size: 18px;color: #222222;font-weight: bold;} .join04 .cont .min li a i{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 20px;height: 20px;border: 1px solid #4c67f2;border-radius: 50%;font-size: 12px;color: #4c67f2;} .join04 .cont .min .item .info{width: 100%;box-sizing: border-box;position: relative;margin: 0 0 40px;border-top: 1px solid #DDDDDD;padding-top: 30px;display: none;} .join04 .cont .min .item .info::before{content: '';display: block;width: 1px;height: calc(100% - 30px);position: absolute;left: 15%;top: 25px;background-color: #DDDDDD;z-index: 0;} .join04 .cont .min .item .info li{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;padding-bottom: 40px;position: relative;z-index: 1;} .join04 .cont .min .item .info li p{width: 15%;font-size: 16px;color: #4c67f2;border-right: 2px solid #4c67f2;margin-top: 5px;font-weight:bold;} .join04 .cont .min .item .info li h4{width: 85%;font-size: 15px;color: #666666;line-height: 30px;box-sizing: border-box;padding-left: 50px;} .join04 .cont .min .item:first-child .info{display: block;} .join04 .cont .min .item.active a .fa{transform: rotate(180deg);-webkit-transform: rotate(180deg);} /* join05 */ .join05wrap{width: 100%;box-sizing: border-box;position: relative;padding: 120px 0 90px;} .join05wrap::after{content: '';display: block;width: 50%;height: 100%;background: url(../img/join_28.jpg)no-repeat;background-size: cover;position: absolute;right: 0;top: 0;} .join05{width: 1200px;position: relative;z-index: 1;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .join05 .left{width: 50%;box-sizing: border-box;padding-right: 80px;} .join05 .left h3{font-size: 26px;color: #222222;font-weight: bold;padding-bottom: 20px;border-bottom: 1px solid #ddd;margin-bottom: 30px;} .join05 .left h4{font-size: 15px;color: #666666;line-height: 30px;text-align: justify;margin-bottom: 40px;} .join05 .left p{font-size: 15px;color: #222222;line-height: 30px;margin-bottom: 40px;} .join05 .left .orthe{width: 100%;border-top: 1px solid #ddd;padding-top: 40px;} .join05 .left .orthe font{font-size: 15px;color: #0d5ea7;margin-bottom: 20px;display: block;font-weight: bold;} .join05 .left .orthe .more{background-color: #0d5ea7;border: 1px solid #0d5ea7;border-radius: 4px;width: 280px;height: 50px;line-height: 50px;margin-bottom: 20px;} .join05 .left .orthe .more i{font-size: inherit;color: inherit;margin-left: 10px;} .join05 .left .orthe .more:last-child{margin-bottom: 0;} .join05 .left .orthe .more::after{border-radius: 4px;} .join05 .rigth{width: 50%;box-sizing: border-box;padding-left: 80px;} .join05 .rigth h3{font-size: 26px;color: #fff;font-weight: bold;margin-bottom: 30px;padding-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,0.5);} /* .j-form{width: 100%;box-sizing: border-box;} .j-form p{font-size: 14px;color: #fff;margin-bottom: 10px;} .j-form .kk{display: block;width: 100%;height: 44px;border-radius: 4px;border: 1px solid #ddd;background-color: #fff;outline: none;box-sizing: border-box;padding: 0 20px;margin-bottom: 30px;} .j-form .radio{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-bottom: 30px;} .j-form .radio label{margin-left: 50px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .j-form .radio label input{margin-right: 5px;width: 15px;background-color: transparent;border-color: #fff;} .j-form textarea{width: 100%;display: block;height: 140px;resize: none;outline: none;background-color: #fff;border-radius: 4px;border: 1px solid #ddd;box-sizing: border-box;padding: 20px;} .j-form .more{width: 140px;height: 40px;line-height: 40px;background-color: #0d5ea7;border-color: #fff;border-radius: 4px;margin-top: 30px;} .j-form .more::after{border-radius: 4px;} */ .join05 .rigth .wpcf7-form{width: 100%;box-sizing: border-box;} .join05 .rigth .wpcf7-form p{font-size: 14px;color: #fff;margin-bottom: 10px;} .join05 .rigth .wpcf7-form .kk{display: block;width: 100%;height: 44px;border-radius: 4px;border: 1px solid #ddd;background-color: #fff;outline: none;box-sizing: border-box;padding: 0 20px;margin-bottom: 30px;} .join05 .rigth .wpcf7-form .radio label{margin-left: 50px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .join05 .rigth .wpcf7-form .radio label input{ margin: 0 0 0 10px;width: 15px;background-color: transparent;border-color: #fff;} .join05 .rigth .wpcf7-form textarea{width: 100%;display: block;height: 140px;resize: none;outline: none;background-color: #fff;border-radius: 4px;border: 1px solid #ddd;box-sizing: border-box;padding: 20px;} .join05 .rigth .wpcf7-form .more{width: 140px;height: 40px;line-height: 40px;background-color: #0d5ea7;border-color: #fff;border-radius: 4px;margin-top: 30px;} .join05 .rigth .wpcf7-form .more::after{border-radius: 4px;} .join05 .rigth .wpcf7-form p br{display: none;} .join05 .rigth .wpcf7-form p span{ display: block;overflow: hidden;position: relative; } .join05 .rigth .wpcf7-form p span span{ position: absolute;width: auto;top: 0;right: 10px;color: #0d5ea7;line-height: 46px;letter-spacing: 0;font-size: 14px;} .join05 .rigth .wpcf7-form .radio{width: 100%;/*display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;*/margin-bottom: 30px;display: block;overflow: hidden;} .join05 .rigth .wpcf7-form .radio font{ color: #fff;float: left;font-size: 14px;} .join05 .rigth .wpcf7-form .radio span{ position: inherit; width: auto; float: left; /*display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;*/} .join05 .rigth .wpcf7-form .radio span .wpcf7-not-valid-tip{ position: absolute;color: #fff;top: auto;right: 10px;line-height: 1em;} .join05 .rigth .wpcf7-form .radio span span label{margin: 0; width: 100%;} .join05 .rigth .wpcf7-form .radio span .wpcf7-list-item{display: block;float: left;width: auto;margin: 0 0 0 20px; line-height: 1em;} .join05 .rigth .wpcf7-form .radio span span{ position: relative;overflow: hidden; top: auto; right: auto;} .join05 .rigth .wpcf7-form .radio span span span{ line-height: 1em;font-size: 14px;width: auto;color: #fff;} .join05 .rigth .wpcf7-form .wpcf7-response-output,.join05 .rigth .wpcf7-form .wpcf7-mail-sent-ng{ color: #fff;} /* 瑙e喅鏂规 */ /* programme01 */ .programme01{width: 100%;box-sizing: border-box;border-top: 1px solid #ddd;padding: 10rem 0;} .programme01 .text{width: 1200px;box-sizing: border-box;border-radius: 10px;background: url(../img/programme_02.jpg)no-repeat;background-size: cover;text-align: center;margin: auto;padding: 160px 0;} .programme01 .text h3{font-size: 36px;color: #fff;margin-bottom: 30px;} .programme01 .text h4{font-size: 20px;color: #fff;margin-bottom: 30px;} .programme01 .text strong{display: block;width: 40px;height: 1px;background-color: #fff;margin: auto;} .programme01_2 .text{background: url(../img/programme_02_4.jpg)no-repeat;} .programme01_3 .text{background: url(../img/programme_02_3.jpg)no-repeat;} .programme01_4 .text{background: url(../img/programme_02_2.jpg)no-repeat;} .programme01_5 .text{background: url(../img/programme_02_5.jpg)no-repeat;} /* programme02wrap */ .programme02wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #e4e7ec;} .programme02wrap h3{font-size: 36px;color: #222222;font-weight: bold;text-align: center;} .programme02wrap strong{display: block;width: 40px;height: 2px;background-color: #1c52bb;margin: 30px auto;} .programme02wrap .programme02{width: 1200px;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .programme02wrap .programme02 a{display: block;width: 32%;margin-right: 2%;margin-bottom: 2%;background-color: #fff;box-sizing: border-box;padding: 30px 50px;text-align: center;border-radius: 4px;} .programme02wrap .programme02 a img{display: block;width: auto;margin: auto;margin-bottom: 30px;} .programme02wrap .programme02 a h3{font-size: 16px;color: #222222;line-height: 26px;text-align: center;} .programme02wrap .programme02 a:nth-of-type(3n){margin-right: 0;} /* programme03 */ .programme03wrap{width: 100%;box-sizing: border-box;padding: 100px 0;} .programme03wrap h3{font-size: 36px;color: #222222;font-weight: bold;text-align: center;} .programme03wrap strong{display: block;width: 40px;height: 2px;background-color: #1c52bb;margin: 30px auto;} .programme03{width: 1200px;margin:auto;box-sizing: border-box;} .programme03 img{display: block;width: auto;margin: auto;max-width: 100%;} /* programme04 */ .programme04{width: 1200px;margin: 100px auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .programme04 a{display: block;width: 48%;box-sizing: border-box;overflow: hidden;} .programme04 a .imgbox{width: 100%;overflow: hidden;} .programme04 a .imgbox img{display: block;width: 100%;transition: all .6s;} .programme04 a:hover .imgbox img{transform: scale(1.1);} .programme04 a .text{width: 100%;background-color: #1c52bb;line-height: 60px;color: #fff;font-size: 20px;text-align: center;} /* 鑽h獕 */ .honor01wrap{width: 1200px;margin: 120px auto;} .honor01wrap .top{font-size: 32px;color: #222222;padding-bottom: 20px;margin-bottom: 30px;border-bottom: 1px solid #ddd;font-weight: bold;} .honor01wrap .honor01{width: 100%;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;align-items: flex-start;-webkit-align-items:flex-start;-webkit-justify-content:flex-start;justify-content: flex-start;flex-wrap: wrap;-webkit-flex-wrap: wrap;border-bottom: 1px solid #ddd;} .honor01wrap .honor01 a{width: 23.5%;margin-right: 2%;margin-bottom: 50px;} .honor01wrap .honor01 a:nth-of-type(4n){margin-right:0;} .honor01wrap .honor01 a .imgbox{width: 100%;height: 200px;position: relative;background-color: #fff;display: flex;display: -webkit-flex;-webkit-justify-content:center;justify-content: center;align-items: center;-webkit-align-items:center;} .honor01wrap .honor01 a .imgbox img{display: block;width: auto;height: auto;max-width: 80%;max-height: 90%;transition: all .5s;} .honor01wrap .honor01 a .text{width: 100%;box-sizing: border-box;text-align: center;margin-top: 20px;font-size: 16px;color: #222222;line-height: 30px;padding: 0 20px;} .honor01wrap .honor01 .fy{-webkit-justify-content:flex-start;justify-content: flex-start;padding: 30px 0 0;width: 100%;} .honor01wrap .honor01 a:hover .imgbox img{transform: scale(1.09);} .honor01wrap .fy a{background-color: #fff;} .honor01wrap .fy a:hover,.honor01wrap .fy a.active{background-color: #0076db;color: #fff;} /* 浜у搧 */ /* prolinkwrap */ .prolinkwrap{width: 100%;box-sizing: border-box;background-color: #fff;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin-top: 0;margin-bottom: 60px;} .prolinkwrap .prolink{width: 1200px;margin: auto;box-sizing:border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} .prolinkwrap .prolink a{font-size: 16px;color: #222222;position: relative;margin-right: 80px;line-height: 80px;} .prolinkwrap .prolink a:hover,.prolinkwrap .prolink a.active{color: #306bde;} .prolinkwrap .prolink a::after{content: '';display: block;width: 0%;height: 2px;background-color: #306bde;position: absolute;left: 0;bottom: 0;transition: all .3s;} .prolinkwrap .prolink a:hover::after,.prolinkwrap .prolink a.active::after{width: 100%;} .product01{width: 1200px;margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 40px;} .product01 a{display: block;width: 48%;position: relative;margin-right: 4%;margin-bottom: 4%;} .product01 a img{display: block;width: 100%;} .product01 a:nth-of-type(2n){margin-right: 0;} .product01 a .text h3{font-size: 26px;color: #306bde;padding-bottom: 20px;border-bottom: 1px solid #ddd;margin-bottom: 20px;} .product01 a .text p{font-size: 15px;color: #666666;line-height: 36px;} .product01 a .text{width: 50%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);box-sizing: border-box;padding-left: 50px;} /* 浼樺娍璇︽儏 */ .advantageinfo01{width: 900px;margin: 100px auto;text-align: center;} .advantageinfo01 .imgbox{margin-top: 3rem;} .advantageinfo01 .imgbox img{margin: auto; max-height:500px; width:auto;} .advantageinfo01 h3{font-size: 36px;margin-bottom: 50px;color: #222222;font-weight: bold;} .advantageinfo01 h4{font-size: 16px;color: #666666;line-height: 30px;text-align: justify;text-align-last: center;} .advantageinfo02wrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 100px 0;} .advantageinfo02{width: 1200px;margin: auto;box-sizing: border-box;} .advantageinfo02 li{width: 100%;background-color: #fff;margin-bottom: 20px;box-shadow: 0px 0px 10px rgba(0,0,0,0.3);} .advantageinfo02 li a{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;border-bottom: 1px solid #ddd;height: 86px;box-sizing: border-box;padding: 0 40px;} .advantageinfo02 li a::after{content: '+';font-size: 20px;color: #0d5ea7;} .advantageinfo02 li a h3{font-size: 20px;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;color: #0d5ea7;} .advantageinfo02 li a h3 img{display: block;width: 23px;margin-right: 20px;} .advantageinfo02 li .info{width: 100%;box-sizing: border-box;padding: 30px 83px;display: none;} .advantageinfo02 li .info p{font-size: 16px;color: #666666;line-height: 26px;} .advantageinfo02 li a.active::after{content: '-';} .advantageinfo02 li:first-child .info{display: block;} /* advantageinfo03 */ .advantageinfo03{width: 100%;box-sizing: border-box;background-color: #fff;padding: 100px 0;text-align: center;} .advantageinfo03 h3{font-size: 36px;color: #222222;} .advantageinfo03 p{font-size: 14px;color: #222222;margin: 40px 0;} .advantageinfo03 .more{border: 1px solid #ddd;color: #222222;font-size: 14px;margin: auto;border-radius: 0;width: 430px;height: 56px;} .advantageinfo03 .more::after{background-color: #0d5ea7;border-radius: 0;} .advantageinfo03 .more:hover{border-color: #0d5ea7;color: #fff;} /* 浼樺娍 */ /* advantage01 */ .advantage01{width: 800px;} /* advantage02wrap */ .advantage02wrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 100px 0;} .advantage02{width: 1000px;margin: auto;box-sizing: border-box;} .advantage02 .top{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 40px;text-align: center;} .advantage02 .cont{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom:4%;} .advantage02 .cont a{display: block;width: 48%;overflow: hidden;position: relative;} .advantage02 .cont a img{display: block;width: 100%;transition: all .6s;} .advantage02 .cont a::before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;z-index: 1;} .advantage02 .cont a:hover img{transform: scale(1.1);} .advantage02 .cont a .text{width: 100%;text-align: center;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);font-size: 18px;color: #ffffff;z-index: 2;} .advantage-5 .imgbox {overflow:hidden;display:block;margin-top:3rem; width: 1000px; margin: auto;} .advantage-5 .imgbox img{margin:auto;width:100%;} /* advantage03 */ .advantage03{width: 100%;margin: 80px auto 0;box-sizing: border-box;} .advantage03 .top{width: 100%;box-sizing: border-box;} .advantage03 .top h3{font-size: 24px;color: #222222;font-weight: bold;padding-bottom: 30px;border-bottom: 1px solid #ddd;margin-bottom: 30px;text-align: center;} .advantage03 .top .tab{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;margin-bottom: 40px;} .advantage03 .top .tab a{display: block;width: 150px;height: 40px;line-height: 40px;box-sizing: border-box;text-align: center;line-height: 40px;border: 1px solid #ddd;background-color: #eeeeee;font-size: 15px;color: #222222;margin-right: 30px;transition: all .3s;} .advantage03 .top .tab a.active,.advantage03 .top .tab a:hover{background-color: #2a9dd9;color: #fff;} .advantage03 .cont li{width: 100%;display: none;} .advantage03 .cont li:first-child{display: block;} .advantage03 .cont li .item{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .advantage03 .cont li .item a{width: calc((100% - 3px)/4);margin-right: 1px;margin-bottom: 1px;box-sizing: border-box;overflow: hidden;} .advantage03 .cont li .item a img{display: block;width: 100%;transition: all .6s;} .advantage03 .cont li .item a:hover img{transform: scale(1.1);} .advantage03 .cont li .item a:nth-of-type(4n){margin-right: 0;} .advantage03 .cont li .item a .first{width: 100%;font-size: 18px;color: #ffffff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);text-align: center;opacity: 1;transition: all .5s;z-index: 1;} .advantage03 .cont li .item a .text{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(28,82,187,0.6);box-sizing: border-box;padding: 30px;opacity: 0;transition: all .3s;} .advantage03 .cont li .item a .text h3{font-size: 18px;color: #FFFFFF;} .advantage03 .cont li .item a .text p{font-size: 14px;color: #FFFFFF;opacity: 0.8;display: flex;display: -webkit-box;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;transform: translateY(40px);-webkit-transform: translateY(40px);} .advantage03 .cont li .item a .text i{font-size: inherit;color: inherit;margin-left: 10px;} .advantage03 .cont li .item a:hover .text{opacity: 1;} /* .advantage03 .cont li .item a:hover .first{opacity: 0;} */ .advantage03 .cont li .item a .text::after,.advantage03 .cont li .item a .text::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;} .advantage03 .cont li .item a .text::before{border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);} .advantage03 .cont li .item a .text::after{border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);} .advantage03 .cont li .item a:hover .text::after,.advantage03 .cont li .item a:hover .text::before{opacity: 1;-webkit-transform: scale(1);transform: scale(1);} /* video */ .video01wrap{width: 100%;box-sizing: border-box;padding: 70px 0 0;border-top: 1px solid #ddd;margin-bottom: 50px;} .video01{width: 1200px;margin:auto;margin-bottom: 30px;padding-right:0;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .video01 li{width: 49%;box-sizing: border-box;padding-bottom: 30px;margin-bottom: 50px;border-bottom: 1px solid #ddd;} .video01 li video{display: block;width: 100%;object-fit: fill;} .video01 li .text{width: 100%;text-align: justify;padding-top: 30px;} .video01 li .text h3{font-size: 20px;color: #222222;font-weight: bold;margin-bottom: 20px;} .video01 li .text h4{font-size: 16px;color: #666666;line-height: 30px;} .v-fy{background-color: transparent;width: 1200px;margin: auto;} /* 鏈嶅姟01 */ .serviceone01wrap{width: 100%;border-top: 1px solid #ddd;padding-top: 60px;} .serviceone01{width: 1200px;margin: 0 auto 100px;} .serviceone01wrap .service1{width: 1200px;margin: 0px auto 60px;} .serviceone01wrap .service1 p{font-size:15px;color:#222;} /* .s-form01{display: block;width: 60%;box-sizing: border-box;} .s-form01 p{font-size: 15px;color: #222222;margin-bottom: 10px;} .s-form01 input{display: block;width: 100%;height: 40px;box-sizing: border-box;padding: 0 12px;font-size: 14px;border: 1px solid #ddd;margin-bottom: 30px;outline: none;} .s-form01 select{display: block;width: 100%;height: 40px;box-sizing: border-box;border: 1px solid #ddd;background-color: #ebefef;margin-bottom: 30px;outline: none;} .s-form01 textarea{width: 100%;box-sizing: border-box;height: 200px;border: 1px solid #ddd;padding: 20px;resize: none;outline: none;} .s-form01 button{background-color: #1c52bb;border-radius: 4px;margin-top: 30px;border: 1px solid #1c52bb;} .s-form01 button::after{border-radius: 4px;} .s-form01 button:hover{color: #1c52bb;} */ .serviceone01wrap .wpcf7-form{display: block;width: 60%;box-sizing: border-box;} .serviceone01wrap .wpcf7-form p{font-size: 15px;color: #222222;margin-bottom: 10px;} .serviceone01wrap .wpcf7-form input{display: block;width: 100%;height: 40px;box-sizing: border-box;padding: 0 12px;font-size: 14px;border: 1px solid #ddd;margin-bottom: 30px;outline: none;} .serviceone01wrap .wpcf7-form select{display: block;width: 100%;height: 40px;box-sizing: border-box;border: 1px solid #ddd;background-color: #ebefef;margin-bottom: 30px;outline: none;} .serviceone01wrap .wpcf7-form textarea{width: 100%;box-sizing: border-box;height: 200px;border: 1px solid #ddd;padding: 20px;resize: none;outline: none;} .serviceone01wrap .wpcf7-form button{background-color: #1c52bb;border-radius: 4px;margin-top: 30px;border: 1px solid #1c52bb;} .serviceone01wrap .wpcf7-form button::after{border-radius: 4px;} .serviceone01wrap .wpcf7-form button:hover{color: #1c52bb;} .serviceone01wrap .wpcf7-form p span{ position: relative;display: block;overflow: hidden;} .serviceone01wrap .wpcf7-form p span span{ position: absolute;top: 0;right: 10px;color: #1c52bb;line-height: 40px;font-size: 12px} .serviceone01wrap .wpcf7-form p br{display: none;} /* 鏈嶅姟02 */ .servicetwowrap{width: 100%;margin: auto;box-sizing: border-box;padding: 60px calc((100% - 1200px)/2);border-top: 1px solid #ddd;} .servicetwo01{width: 100%;box-sizing: border-box;} .servicetwo01 h3{font-size: 16px;color: #222222;font-weight: bold;margin-bottom: 30px;} .servicetwo01 h4{font-size: 15px;color: #666666;line-height: 30px;margin-bottom: 30px;} /* servicetwo02 .servicetwo02{width: 60%;box-sizing: border-box;margin-top: 60px;} .servicetwo02 .top p{font-size: 18px;color: #1c52bb;padding-bottom: 20px;display: block;width: 100%;border-bottom: 1px solid #ddd;margin-bottom: 30px;} .servicetwo02 .top .info{width: 100%;box-sizing: border-box;margin-bottom: 40px;} .servicetwo02 .top .info li{width: 100%;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;margin-bottom: 20px;} .servicetwo02 .top .info li h3{width: 30%;font-size: 15px;color: #222222;box-sizing: border-box;padding-right: 20px;font-weight: bold;} .servicetwo02 .top .info li .item{width: 70%;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: 0 40px;background-color: #f1f2f3;height: 50px;} .servicetwo02 .top .info li .item label{font-size: 15px;color: #666666;} .servicetwo02 .top .info li .item label input{margin-right: 10px;} .servicetwo02 .coent{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .servicetwo02 .coent input{display: block;width: 49%;box-sizing: border-box;border: 1px solid #ddd;padding: 0 20px;font-size: 14px;outline: none;height: 40px;margin-bottom: 30px;} .servicetwo02 .bot{width: 100%;box-sizing: border-box;} .servicetwo02 .bot input{display: block;width: 100%;border: 1px solid #ddd;margin-bottom: 30px;font-size: 14px;outline: none;height: 40px;box-sizing: border-box;padding: 0 20px;} .servicetwo02 .bot p{font-size: 14px;color: #666666;margin-bottom: 10px;} .servicetwo02 .bot button{background-color: #1c52bb;border-radius: 0px;margin-top: 30px;border: 1px solid #1c52bb;width: 260px;height: 46px;line-height: 46px;color: #fff;} .servicetwo02 .bot button::after{border-radius: 0px;} .servicetwo02 .bot button:hover{color: #1c52bb;} */ /* servicetherewrap */ .servicetherewrap,.servicefourwrap{width: 100%;box-sizing: border-box;padding-top: 70px;border-top: 1px solid #ddd;} .servicethere{width: 1200px;margin: auto;} .servicethere li{width: 100%;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;margin-bottom: 70px;} .servicethere li .imgbox{width: 50%;box-sizing: border-box;overflow: hidden;} .servicethere li .imgbox img{display: block;width: 100%;} .servicethere li .text{width: 50%;box-sizing: border-box;padding-left: 50px;} .servicethere li .text h3{font-size: 20px;color: #222222;font-weight: bold;margin-bottom: 30px;} .servicethere li .text h4{font-size: 16px;color: #666666;line-height: 30px;} .servicethere li:nth-of-type(2n){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;} .servicethere li:nth-of-type(2n) .text{padding-left: 0;padding-right: 50px;} /* servicefourwrap */ .servicefour{width: 1200px;margin: 0 auto 80px;box-sizing: border-box;padding-right: 200px;} .servicefourwrap .cont{width: 100%;margin: auto;box-sizing: border-box;border-top: 2px solid #2164af;} .servicefourwrap a{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;height: 70px;border-bottom: 1px solid #DDDDDD;transition: all .3s;padding: 0 30px;} .servicefourwrap a h3{font-size: 16px;color: #222222;} .servicefourwrap a h3 i{font-size: inherit;color: inherit;margin-right: 10px;} .servicefourwrap a p{font-size: 13px;color: #2164af;} .servicefourwrap a p i{font-size: inherit;color: inherit;margin-left: 10px;} .servicefourwrap a:hover{background-color: #f1f2f3;color: #306bde;} /* 浜у搧璇︽儏 */ /* proinfo01 */ .proinfo01wrap{width: 1200px;margin: 100px auto;} .proinfo01wrap .top{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 70px;text-align: center;} .proinfo01{width: 100%;box-sizing: border-box;margin: 80PX auto;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;} .proinfo01 .left{width: 50%;box-sizing: border-box;padding: 0 50px;} .proinfo01 .left .imgslider{width: 100%;box-sizing: border-box;} .proinfo01 .left .imgslider .gallery-top{width: 100%;box-sizing: border-box;border: 1px solid #DDDDDD;} .proinfo01 .left .imgslider .gallery-top .bigimgbox{width: 100%;overflow: hidden;} .proinfo01 .left .imgslider .gallery-top .bigimgbox img{display: block;width: 100%;} .proinfo01 .left .imgslider .gallery-thumbs{padding-top: 20px;} .proinfo01 .left .imgslider .gallery-thumbs .swiper-slide{border: 1px solid #DDDDDD;position: relative;box-sizing: border-box;} .proinfo01 .left .imgslider .gallery-thumbs .swiper-slide::after{content: '';display: block;width: 0;height: 0;border: 6px solid transparent;border-bottom: 6px solid #306bde;position: absolute;top: -12px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);opacity: 0;} .proinfo01 .left .imgslider .gallery-thumbs .swiper-slide-thumb-active{border: 1px solid #306bde;} .proinfo01 .left .imgslider .gallery-thumbs .swiper-slide-thumb-active::after{opacity: 1;} .proinfo01 .left .swiper-button-next,.proinfo01 .left .swiper-button-prev{background-image: none;font-size: 30px;color: #222;height: auto;width: auto;} .proinfo01 .left .swiper-button-next{right: 30px;} .proinfo01 .left .swiper-button-prev{left: 30px;} .proinfo01 .right{width: 50%;box-sizing: border-box;} .proinfo01 .right h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 30px;padding-bottom: 20px;border-bottom: 1px solid #ddd;} .proinfo01 .right .info{width: 100%;box-sizing: border-box;} .proinfo01 .right .info li{display: block;width: 100%;box-sizing: border-box;padding-left: 12px;font-size: 15px;color: #666666;line-height: 36px;position: relative;} .proinfo01 .right .info li::before{content: '';display: block;width: 5px;height: 5px;background-color: #666;border-radius: 50%;position: absolute;left: 0;top: 15px;} .proinfo01 .left .imgslider .gallery-thumbs .swiper-slide .smallimgbox{width: 100%;} .proinfo01 .left .imgslider .gallery-thumbs .swiper-slide .smallimgbox img{width: 100%;} .proinfo01 .right .more{border-color: #306bde;color: #306bde;margin-top: 0px;float: right;} .proinfo01 .right .more::after{background-color: #306bde;} .proinfo01 .right .more:hover{color: #FFFFFF;} /* proinfo02wrap */ .proinfo02wrap{width: 100%;padding: 80px 0;background-color: #fff;} .proinfo02{width: 1000px;margin: auto;} .proinfo02 .top{font-size: 24px;font-weight: bold;margin-bottom: 50px;text-align: center;} .proinfo02 .img{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;} .proinfo02 .img li{width: 49%;box-sizing: border-box;position: relative;margin-right: 2%;} .proinfo02 .img li:last-child{margin-right: 0;} .proinfo02 .img li p{font-size: 20px;box-sizing: border-box;color: #222222;margin-bottom: 10px;padding-left: 7%;text-align:center;} .proinfo02 .img li .box{width: 100%;overflow: hidden;} .proinfo02 .img li .box img{display: block;width: 100%;} .proinfo02 .notes{width: 100%;box-sizing: border-box;padding-left: 50px;padding-right: 20%;font-size: 15px;color: #222222;line-height: 40px;position: relative;margin: 40px 0 80px;} .proinfo02 .notes span{font-size: 15px;color: #222222;position: absolute;left: 0;top: 0;line-height: 40px;} .proinfo02 table{width: 100%;box-sizing: border-box;background-color: #eeeeee;} .proinfo02 table td{height: 60px;font-size: 15px;color: #222222;text-align: center;border: 1px solid #fff;width: 8%;} .proinfo02 table td:first-child{width: 18%;} /* proinfo03 */ .proinfo03wrap{width: 100%;box-sizing: border-box;position: relative;padding-top: 120px;background-color: #fff;padding-bottom: 100px;} .proinfo03wrap::before{content: '';display: block;width: 100%;height: 70%;background: url(../img/proinfo03.jpg)no-repeat fixed;background-size: cover;position: absolute;top: 0;left: 0;z-index: 0;} .proinfo03{width: 1200px;position: relative;background-color: #fff;z-index: 1;margin: auto;box-sizing: border-box;box-shadow: 0px 0px 10px rgba(0,0,0,0.3);padding-bottom: 80px;} .proinfo03 strong{display: block;width: 0px;height: 60px;background-color: #0d5ea7;margin:0 auto 30px;transform: translateY(-30px);-webkit-transform: translateY(-30px);} .proinfo03 .top{font-size: 24px;text-align: center;font-weight: bold;margin-bottom: 50px;color: #222;} .proinfo03 table{width: 1000px;box-sizing: border-box;border: 1px solid #ddd;margin: auto;} .proinfo03 table tr td{width: 25%;border: 1px solid #fff;background-color: #e7eaf3;height: 50px;font-size: 15px;color: #222222;box-sizing: border-box;padding: 0 30px;} .proinfo03 table tr td:nth-of-type(even){background-color: #f1f2f3;} /* proinfo04 */ .proinfo04wrap{width: 100%;box-sizing: border-box;background-color: #fff;padding: 0 5% 100px;} .proinfo04{width: 100%;box-sizing: border-box;} .proinfo04 .top,.proinfo04two .top{font-size: 24px;color: #222;font-weight: bold;margin-bottom: 50px;text-align: center;} .proinfo04 .cont{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;} .proinfo04 .cont a{display: block;width: calc((100% - 100px)/3);box-sizing: border-box;margin-right: 50px;background-color: #eeeeee;} .proinfo04 .cont a:last-child{margin-right: 0;} .proinfo04 .cont a .imgbox{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;} .proinfo04 .cont a .imgbox img{display: block;width: 100%;transition: all .6s;} .proinfo04 .cont a:hover .imgbox img{transform: scale(1.1);} .proinfo04 .cont a .text{width: 100%;box-sizing: border-box;padding: 30px 40px;position: relative;} .proinfo04 .cont a .text::before{content: '';display: block;width: 3px;height: 18px;background-color: #1c52bb;position: absolute;left: 0;top: 30px;} .proinfo04 .cont a .text h3{font-size: 18px;color: #1c52bb;font-weight: bold;position: relative;white-space: nowrap;overflow: hidden;margin-bottom: 30px;} .proinfo04 .cont a .text h4{font-size: 15px;color: #666666;line-height: 30px;} /* proinfo04two */ .proinfo04two{width: 100%;box-sizing: border-box;margin-top: 100px;} .proinfo04two .cont{width: 100%;box-sizing: border-box;} .proinfo04two .cont a{display: block;width: 100%;background-color: #eeeeee;height: 340px;padding: 30px 0;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} .proinfo04two .cont a img{display: block;width: auto;height: auto;max-width: 80%;max-height: 100%;margin: auto;} .proinfo04two .cont .page{width: 100%;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin-top: 40px;} .proinfo04two .cont .swiper-button-next,.proinfo04two .cont .swiper-button-prev{position: relative;height: auto;width: auto;font-size: 26px;top: 0;margin: 0;padding: 0;left: 0;right: 0;color: #1c52bb;background-image: none;} .proinfo04two .cont .swiper-pagination{position: relative;margin: 0 100px;} .proinfo04two .cont .swiper-pagination-bullet{width: 8px;height: 8px;background-color: transparent;border: 1px solid #1c52bb;opacity: 1;margin-right: 10px;} .proinfo04two .cont .swiper-pagination-bullet:last-child{margin-right: 0;} .proinfo04two .cont .swiper-pagination-bullet-active{background-color: #1c52bb;} /* proinfo05 */ .proinfo05wrap{width: 100%;box-sizing: border-box;padding: 100px 5%;background-color: #f1f2f3;} .proinfo05wrap .top{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 50px;text-align: center;} .proinfo06wrap .top{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 50px;text-align: center;} .proinfo05{width: 100%;box-sizing: border-box;} .proinfo05 a{display: block;width: 100%;position: relative;overflow: hidden;box-sizing: border-box;} .proinfo05 a .imgbox{width: 100%;position: relative;overflow: hidden;} .proinfo05 a .imgbox img{display: block;transition: all .6s;width: 100%;} .proinfo05 a:hover .imgbox img{transform: scale(1.1);} .proinfo05 a .font{font-size: 14px;color: #222222;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;height: 60px;background-color: #fff;box-sizing: border-box;padding: 0 20px;width: 100%;opacity: 1;transition: all .3s;position: absolute;left: 0;bottom: 0;} .proinfo05 a .text{width: 100%;height: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: flex-start;align-items: flex-start;-webkit-flex-flow: column;flex-flow: column;padding: 0 40px;background-color: rgba(48,107,222,0.8);position: absolute;top: 0;left: 0;transform: translateY(101%);-webkit-transform: translateY(101%);transition: all .3s;} .proinfo05 a .text h3{font-size: 15px;color: #fff;padding-bottom: 20px;border-bottom: 1px solid #fff;margin-bottom: 20px;width: 100%;} .proinfo05 a .text h4{font-size: 14px;color: #fff;line-height: 30px;} .proinfo05 a:hover .text{transform: none;-webkit-transform: none;} .proinfo05 a:hover .font{opacity: 0;} .proinfo05 .page{width: 100%;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin-top: 40px;} .proinfo05 .swiper-button-next,.proinfo05 .swiper-button-prev{position: relative;height: auto;width: auto;font-size: 26px;top: 0;margin: 0;padding: 0;left: 0;right: 0;color: #1c52bb;background-image: none;} .proinfo05 .swiper-pagination{position: relative;margin: 0 100px;} .proinfo05 .swiper-pagination-bullet{width: 8px;height: 8px;background-color: transparent;border: 1px solid #1c52bb;opacity: 1;margin-right: 10px;} .proinfo05 .swiper-pagination-bullet:last-child{margin-right: 0;} .proinfo05 .swiper-pagination-bullet-active{background-color: #1c52bb;} /* proinfo06 */ .proinfo06wrap{width: 100%;box-sizing: border-box;padding: 100px 50px;background: url(../img/programmebg01.jpg) fixed no-repeat;background-size: cover;} .proinfo06{width: 100%;box-sizing: border-box;position: relative;} .proinfo06 a{display: block;width: 100%;position: relative;} .proinfo06 a img{display: block;width: 100%;} .proinfo06 a:nth-of-type(2n){margin-right: 0;} .proinfo06 a .text h3{font-size: 26px;color: #306bde;padding-bottom: 20px;border-bottom: 1px solid #ddd;margin-bottom: 20px;} .proinfo06 a .text p{font-size: 15px;color: #666666;line-height: 36px;} .proinfo06 a .text{width: 50%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);box-sizing: border-box;padding-left: 50px;} .proinfo06 .page{width: 100%;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin-top: 40px;} .proinfo06 .swiper-button-next,.proinfo06 .swiper-button-prev{position: relative;height: auto;width: auto;font-size: 26px;top: 0;margin: 0;padding: 0;left: 0;right: 0;color: #007aff;background-image: none;outline: none;} .proinfo06 .swiper-pagination{position: relative;margin: 0 100px;} .proinfo06 .swiper-pagination-bullet{width: 8px;height: 8px;background-color: transparent;border: 1px solid #007aff;opacity: 1;margin-right: 10px;} .proinfo06 .swiper-pagination-bullet:last-child{margin-right: 0;} .proinfo06 .swiper-pagination-bullet-active{background-color: #007aff;} .pro_imgbox{width:1000px;margin:auto;box-sizing:border-box;overflow:hidden;} .pro_imgbox img{display:block;width:100%;margin: auto;} .contmessgewrap .wpcf7-form{width: 100%;box-sizing: border-box;} .contmessgewrap .wpcf7-form .top .label{width: 100%;box-sizing: border-box;display: -wap-marquee;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 30px;} .contmessgewrap .wpcf7-form .top .label span{position: relative;display: block;width: 49%;border: 1px solid #ddd;box-sizing: border-box;background-color: #f1f2f3;border-radius: 4px;outline: none;height: 44px;box-sizing: border-box;padding: 0 20px;font-size: 14px;color: #888;} .contmessgewrap .wpcf7-form .top .label input{display: block; border: 1px solid #ddd;box-sizing: border-box;background-color: #f1f2f3;outline: none;height: 42px;box-sizing: border-box;padding: 0 0;font-size: 14px;color: #888; border: 0;width: 100%;} .contmessgewrap .wpcf7-form .bot input{display: block;width: 100%;box-sizing: border-box;border: 1px solid #ddd;box-sizing: border-box;background-color: #f1f2f3;border-radius: 4px;outline: none;height: 44px;box-sizing: border-box;padding:0 20px;font-size: 14px;color: #888;margin-bottom: 30px;} .contmessgewrap .wpcf7-form .bot textarea{display: block;padding: 20px;font-size: 14px;color: #888;width: 100%;height: 120px;border: 1px solid #ddd;box-sizing: border-box;background-color: #f1f2f3;border-radius: 4px;outline: none;resize: none;} .contmessgewrap .wpcf7-form .bot button{display: block;width: 130px;height: 40px;line-height: 40px;text-align: center;background-color: #1c52bb;border-radius: 4px;margin-top: 30px;border: 1px solid #1c52bb;} .contmessgewrap .wpcf7-form .bot button::after{border-radius: 4px;} .contmessgewrap .wpcf7-form .top .label span span{ position: absolute;border: 0;background: none;top: 0;line-height: 44px;right: 0;width: auto;color: #1c52bb;letter-spacing: 0;} .screen-reader-response,.contmessgewrap .wpcf7-form .top .label br,.contmessgewrap .wpcf7-form .top br{ display: none; } .wpcf7-response-output,.wpcf7-mail-sent-ng{display: block;color: #1c52bb;margin: 20px 0 0 0;font-size: 14px;} .servicetwowrap .wpcf7-form{width: 60%;box-sizing: border-box;margin-top: 60px;} .servicetwowrap .wpcf7-form .top p{font-size: 18px;color: #1c52bb;padding-bottom: 20px;display: block;width: 100%;border-bottom: 1px solid #ddd;margin-bottom: 30px;} .servicetwowrap .wpcf7-form .top .info{width: 100%;box-sizing: border-box;margin-bottom: 40px;} .servicetwowrap .wpcf7-form .top .info li{width: 100%;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;margin-bottom: 20px;} .servicetwowrap .wpcf7-form .top .info li h3{width: 30%;font-size: 15px;color: #222222;box-sizing: border-box;padding-right: 20px;font-weight: bold;} .servicetwowrap .wpcf7-form .top .info li .item{width: 70%;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: 0 0 0 20px;background-color: #f1f2f3;height: 50px;} .servicetwowrap .wpcf7-form .top .info li .item label{font-size: 15px;color: #666666;} .servicetwowrap .wpcf7-form .top .info li .item label input{margin-right: 10px;} .servicetwowrap .wpcf7-form .coent{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .servicetwowrap .wpcf7-form .coent input{display: block;width: 49%;box-sizing: border-box;border: 1px solid #ddd;padding: 0 20px;font-size: 14px;outline: none;height: 40px;margin-bottom: 30px;} .servicetwowrap .wpcf7-form .bot{width: 100%;box-sizing: border-box;} .servicetwowrap .wpcf7-form .bot input{display: block;width: 100%;border: 1px solid #ddd;margin-bottom: 30px;font-size: 14px;outline: none;height: 40px;box-sizing: border-box;padding: 0 20px;} .servicetwowrap .wpcf7-form .bot p{font-size: 14px;color: #666666;margin-bottom: 10px;} .servicetwowrap .wpcf7-form .bot button{background-color: #1c52bb;border-radius: 0px;margin-top: 30px;border: 1px solid #1c52bb;width: 260px;height: 46px;line-height: 46px;color: #fff;} .servicetwowrap .wpcf7-form .bot button::after{border-radius: 0px;} .servicetwowrap .wpcf7-form .bot button:hover{color: #1c52bb;} .servicetwowrap .wpcf7-form .bot p span,.servicetwowrap .wpcf7-form .bot span,.servicetwowrap .wpcf7-form .coent span{position: relative;display: block;} .servicetwowrap .wpcf7-form .bot p span span,.servicetwowrap .wpcf7-form .bot span span,.servicetwowrap .wpcf7-form .coent span span{position: absolute;border: 0;background: none;top: 0;line-height: 44px;right: 10px;width: auto;color: #1c52bb;letter-spacing: 0;} .servicetwowrap .wpcf7-form .bot p br,.servicetwowrap .wpcf7-form .coent br{ display: none; } .servicetwowrap .wpcf7-form .coent span{ width: 49%; margin-bottom: 30px;} .servicetwowrap .wpcf7-form .coent input{width: 100%;margin: 0;} .servicetwowrap .wpcf7-form .top .info li .item span{ display: block; position: relative;width: 100%;} .servicetwowrap .wpcf7-form .top .info li .item span span{display: block;overflow: hidden;position: relative;width: 100%;} .servicetwowrap .wpcf7-form .top .info li .item span span span{ float: left;display: block;width: auto;margin: 0 15px 0 0;} .servicetwowrap .wpcf7-form .top .info li .item span span span span{ font-size: 12px;line-height: 15px;margin: 0 0 0 10px;} .servicetwowrap .wpcf7-form .top .info li .item span span span input{ display: block;float: left;width: 15px;height: 15px;border-radius: 50%;} .servicetwowrap .wpcf7-form .top .info li .item span .wpcf7-not-valid-tip{ position: absolute;top: 0;right: 0;width: auto;line-height: 1em;color: #1c52bb;z-index: 3;width: auto;letter-spacing: 0;} /* 鏂伴椈璇︽儏 */ .newsinfowrap{width: 100%;box-sizing: border-box;margin-top: 7rem;} .newsinfowrap .n-tlwrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 80px 0;} .newsinfowrap .n-tlwrap .n-tl{width: 1200px;margin: auto;} .newsinfowrap .n-tlwrap .n-tl h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 20px;line-height: 36px;} .newsinfowrap .n-tlwrap .n-tl p{font-size: 14px;color: #888888;} .newsinfo01{width: 1200px;margin: auto;box-sizing: border-box;padding-right: 280px;margin-bottom: 100px;} .newsinfo01 .cont{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;padding: 50px 0;} .newsinfo01 .cont h4{font-size: 15px;color: #666666;line-height: 32px;margin-bottom: 30px;} .newsinfo01 .cont h4:last-child{margin-bottom: 0;} .newsinfo01 .cont h4 img{ display: block;width: auto;height: auto;max-width: 100%;margin: 0 auto;} .newsinfo01 .cont h4 p{font-size: 15px;color: #666666;line-height: 32px;margin-bottom: 30px;} .newsinfo01 .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;} .newsinfo01 .page a{font-size: 14px;color: #666666;} .newsinfo01 .page a i{font-size: inherit;color: inherit;margin-right: 10px;} .newsinfo01 .page a:last-child i{margin-right: 0;margin-left: 10px;} .newsinfo01 .page a:hover{color: #f39800;} /* 绔炰簤浼樺娍璇︽儏 */ .jingzheng01{width: 1200px;margin: 100px auto;box-sizing: border-box;} .jingzheng01 li{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-bottom: 80px;} .jingzheng01 li .imgbox{width: 50%;overflow: hidden;} .jingzheng01 li .imgbox img{display: block;width: 100%;transition: all .6s;} .jingzheng01 li .imgbox:hover img{transform: scale(1.1);} .jingzheng01 li .text{width: 50%;box-sizing: border-box;padding-left: 40px;text-align: justify;} .jingzheng01 li .text h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 30px;} .jingzheng01 li .text h4{font-size: 15px;color: #666666;line-height: 30px;} .jingzheng01 li:nth-of-type(2n){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;} .jingzheng01 li:nth-of-type(2n) .text{padding-left: 0;padding-right: 40px;} .jingzheng01 li:last-child{margin-bottom: 0;} /* jingzheng02wrap */ .jingzheng02wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background: url(../img/sev001.jpg)no-repeat;background-size: cover;} .jingzheng02{width: 1200px;margin: auto;} .jingzheng02 .top{font-size: 24px;color: #ffffff;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #FFFFFF;} .jingzheng02 ul{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .jingzheng02 ul li{width: 46%;box-sizing: border-box;} .jingzheng02 ul li h3{font-size: 20px;color: #FFFFFF;margin-bottom: 20px;} .jingzheng02 ul li h4{font-size: 15px;color: #FFFFFF;line-height: 30px;opacity: 0.8;text-align: justify;} /* jingzheng03 */ .jingzheng03{width: 1200px;margin: 100px auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .jingzheng03 .text{width: 50%;box-sizing: border-box;padding-right: 50px;} .jingzheng03 .text h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 30px;} .jingzheng03 .text h4{font-size: 15px;color: #666666;line-height: 30px;text-align: justify;} .jingzheng03 .imgbox{width: 50%;overflow: hidden;} .jingzheng03 .imgbox img{display: block;width: 100%;} .inve a p{color:#444;} @media only screen and (max-width: 1600px){ /* .headerwrap{padding: 0 5%;} .index01 .imgbox img{width: auto;height: 100%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);min-width:100%;} .index02 a img{width: auto;height: 100%;min-width: 100%;} .index03wrap .index03{width: 82%;} .index03wrap .index03 .cont a .text h4{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; font-size: 13px;line-height: 18px;} .index04wrap .index04 .right .cont .box{padding: 0 50px;} .index04wrap .index04 .right .cont .text{padding: 0 50PX;} .index04wrap .index04 .left .cont{padding: 0 4%;} .index04wrap .index04 .left .top{padding-left: 10%;margin-bottom: 20px;} .index04wrap .index04 .left .more02{} .index04wrap .index04 .left .href{padding-left: 10%; margin-top: 10px;} .index04wrap .ba{width: 90%;left: 5%; bottom: 40px;} .index04wrap .index04 .right .cont .text h4{text-align: justify;font-size: 13px;line-height: 22px;font-family: 'Light';} .index04wrap .index04 .left .cont a .text{padding: 0 30px;} .index03wrap .index03 .cont a .text h3{line-height: 22px;margin-bottom: 15px;font-size: 16px;} .index02 a .text{padding: 0 40px;} .index02 .circle{width: 220px;height: 220px;} .index04wrap .index04 .left .cont a .text h4{font-size:13px;} .index04wrap .index04 .left .cont a .text .more{font-size:13px;} .banner .text h3{font-size:38px;margin-bottom: 14px;} .banner .text p{font-size:15px;margin-bottom: 14px;} .index01 .text a .cont h3{font-size:26px;} .index02 a .text h3{font-size:26px;} .index02 a .text h4{font-size:15px;} .index02 a .text font{width: 150px;height: 38px;line-height: 36px;} .index04wrap .index04 .left .cont a{width: 49%;margin-bottom: 2%;} .index04wrap .index04 .left .cont a .text h3{font-size:22px;margin-bottom:10px;} .index03wrap .index03 .more{display:none;} .index03wrap .index03 .t-top{} .index04wrap .index04 .left .top h3{font-size:30px;} .index04wrap .index04 .left .top p{font-size:14px;margin-bottom:10px;} .index04wrap .index04 .left{height:80%;} .headerwrap .header .right a{height: 70px;line-height: 70px;} .headerwrap .header .nav li a{height: 70px;line-height: 70px;font-size:14px;} .num-gd .mumping_mun li .mun_top h2{width: 80px;height: 80px;font-size: 18px;} .headerwrap .header .nav li{margin-right:22px;} .banner .text .link a {margin-right: 30px;width: 140px;height: 40px;line-height: 40px;font-size: 13px;} */ body,html{font-size: 8.5px;} .num-gd .mumping_mun li .mun_top h2{width: 9rem;height: 9rem;font-size: 2.4rem;} .headerwrap{padding: 0 4%;} .headerwrap .header .nav li a{font-size: 1.8rem;height: 7rem;line-height: 7rem;} .headerwrap .header .logo .logo01{height: 3.8rem;} .headerwrap .header .right a{height: 7rem;line-height: 7rem;font-size: 1.8rem;} .more{ width: 14rem;height: 4rem;line-height: 4rem;} .index03wrap .index03 .cont a .text h4{ font-size: 1.5rem;line-height: 1.8rem;margin-bottom: 2rem;} .index03wrap .index03 .cont a .text h3{font-size: 2rem;line-height: 2rem;margin-bottom: 2rem;} .index04wrap .index04 .left .top{margin-bottom: 2rem;} .index04wrap .index04 .left .cont a .text .more{ width: 10rem; height: 3rem;line-height: 3rem;} .index04wrap .index04 .right .cont .text{width: 100%;box-sizing: border-box;padding: 0 0 0 5rem;margin-top: 7rem;text-align: unset;} .index04wrap .index04 .right .cont .text h4{font-size: 1.5rem; line-height: 2.3rem;margin-bottom: 5rem;} .index04wrap .index04 .right .cont .box{ padding: 0 5rem;} .index04wrap .index04 .left .href .fx a{font-size: 1.9rem;} /* 20200706 */ .innerbanner .text h3{font-size: 52px;} .contact01wrap .top,.contact01wrap .botwrap .cont,.n-tab,.news01wrap li a,.fy{width: 1100px;} .contact02wrap .contact02{width: 90%;} .about02wrap .topwrap .cont{width: 1200px;padding-left: 100px;} .about02wrap .topwrap .cont .text{padding-right: 100px;width: calc(100% - 300px);} .about02wrap .topwrap .cont .right{width: 300px;height: 300px;} .about02wrap .bot{width: 1200px;margin-bottom:100px;} .about04wrap{margin-top:100px;} .about02wrap .bot .right .box .item{width: 50%;height: 300px;} .case01wrap{width: 90%;} .video{width: 1100px;} .headerwrap .header .nav li .nav02{top: 7rem;} } .innerwrap .fy{background-color:#fff;} .innerwrap .honor01wrap .fy{background-color:#f1f2f3;} @media only screen and (max-width: 1280px){ body,html{font-size: 8px;} } /* pc */ .pc_black{width: 100%;height: 100%;background-color: #000;position: fixed;top: 0;left: 0;display: none;z-index: 10;} .pc_black>h3{width: 100%;text-align: center;margin-top:60px;display: none;} .pc_black>h3>p{font-size: 20px;color: #ccc;margin-bottom: 35px;} .pc_black>h3>span{display: block;font-size: 14px;color: #ccc;line-height: 24px;} @media only screen and (max-width:1200px ) { .pc_black{display: block;} .pc_black>h3{display: block;} /* .index01,.index02,.index03{display: none;} */ }