@charset "utf-8"; /* CSS Document */ body{ background-color:#FFF; } .float{ width:768px; left:0; top:0; height:100%; position:fixed; margin-left:-384px; background-color:rgba(0,0,0,0.9); z-index:1200; display:none; } .float > .f-navlist{ width:100%; position:absolute; left:0; top:0; z-index:1002; display:none;} .float > .f-navlist > h3{ width:100%; height:48px; line-height:48px; font-size:16px; box-sizing:border-box; padding-left:10px; padding-right:10px; border-bottom:1px solid rgba(255,255,255,0.8); color:#333; text-align:center; font-weight:normal; color:#FFF;} .float > .f-navlist > h3 > span{ float:left;} .float > .f-navlist > h3 > span a,.float > .f-navlist > h3 > span a:hover{ color:#FFF;} .float > .f-navlist > h3 > span:nth-of-type(2){ float:right; } .float > .f-navlist > h3 > span > i{ font-size:14px;} .float > .f-navlist > ul{ width:100%; box-sizing:border-box; box-sizing:border-box;} .float > .f-navlist > ul > li{ width:100%; height:40px; line-height:40px; font-size:12px; overflow:hidden; text-align:left; box-sizing:border-box; padding-left:10px; padding-right:10px; border-bottom:1px solid rgba(255,255,255,0.6);} .float > .f-navlist > ul > li + li{} .float > .f-navlist > ul > li > a,.float > .f-navlist > ul > li > a:hover{ color:#FFF !important; } .float > .f-navlist > ul > li > a > i{ color:#FFF; font-size:14px;} .float > .f-navlist > ul > li:hover{ background-color:#000;} .float > .f-navlist > ul > li:hover > a,.float > .f-navlist > ul > li > a:hover,.float > .f-navlist > ul > li:hover > a > i,.float > .f-navlist > ul > li:hover > a:hover > i{ color:#FFF !important;} /**/ .header{width:100%;height:auto;box-sizing:border-box;background-color:rgba(255,255,255,1);position:fixed;left:0;top:0;z-index:100;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;z-index: 999;border-bottom: 2px solid #0075C2;} .hd-con{ height:auto; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items:stretch;} .logo{display:block;width:208px;padding-top: 17px;padding-bottom: 17px;flex-shrink: 0;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;} .logo img{ width:100%;} /*瀵艰埅*/ .navlist{width:100%;height: 92px;box-sizing: border-box;padding-left: 10%;font-family:semi-bold;} .navlist > ul{ width:100%; height:92px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; } .navlist > ul > li{width: 20%;float: left;height: 92px;position: relative;} .navlist > ul > li:nth-of-type(1){width: 10%;} .navlist > ul > li:nth-of-type(6){width: 35%;} .navlist > ul > li > div{ width: 100%; position: relative; height: 92px;display: flex;flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;} .navlist > ul > li > div > a{font-size: 20px;color: #0075C2 !important;font-weight: bold;} .navlist > ul > li > div > a::after{ content: ' '; width:80%; height: 4px; background-color: #f68228; position: absolute; left:10%; bottom:20%; display: none;} .navlist > ul > li.active > div > a,.navlist > ul > li:hover > div > a{ color: #195fb5 !important; } .navlist > ul > li:hover > div > a::after,.navlist2 > ul > li.active > div > a::after{ display: block; } .navlist > ul > li:hover > div > a::after,.navlist2 > ul > li.active > div > a::after{ display: block; } .navlist > ul > li:nth-of-type(9) > div > a::after{display: none;} .navlist > ul > li > p{width: 180px;height: auto;position: absolute;left:0;top: 80px;background-color: #FFF;display: none; box-shadow: 2px 0 11px -3px rgba(0,0,0,.2); transition: all .5s ease;-webkit-animation:fadeInUp 0.5s ease-in-out; } .navlist > ul > li > p > a{line-height: 46px; font-size: 14px;text-align:left;color: #195fb5;display: block; position: relative;font-weight: 500;text-transform: capitalize;color: #025596;padding: 0 19px;transition: all .3s ease;} .navlist > ul > li:hover > p{ display: block; } .navlist > ul > li > p > a:hover{background: #186AAB;color: #fff;border-color: 0;} .navlist > ul > li > p > a:hover> a{background: #186AAB;color: #fff;border-color: 0;} /*.hd-right > .hdr-tools > .hdrTool-search:hover > .search{ display: block; }*/ .navlist01{width:100%;height: 92px;box-sizing: border-box;padding-left: 10%;font-family:semi-bold;} .navlist01 > ul{ width:100%; height:92px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; } .navlist01 > ul > li{width: 20%;float: left;height: 92px;position: relative;} .navlist01 > ul > li:nth-of-type(1){width: 10%;} .navlist01 > ul > li > div{ width: 100%; position: relative; height: 92px;display: flex;flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;} .navlist01 > ul > li > div > a{font-size: 20px;color: #0075C2 !important;font-weight: bold;} .navlist01 > ul > li > div > a::after{ content: ' '; width:80%; height: 4px; background-color: #f68228; position: absolute; left:10%; bottom:20%; display: none;} .navlist01 > ul > li.active > div > a,.navlist01 > ul > li:hover > div > a{ color: #195fb5 !important; } .navlist01 > ul > li:hover > div > a::after,.navlist012 > ul > li.active > div > a::after{ display: block; } .navlist01 > ul > li:hover > div > a::after,.navlist012 > ul > li.active > div > a::after{ display: block; } .navlist01 > ul > li:nth-of-type(9) > div > a::after{display: none;} .navlist01 > ul > li > p{width: 180px;height: auto;position: absolute;left:0;top: 74px;padding-bottom:100px;background-color: #FFF;display: none; box-shadow: 2px 0 11px -3px rgba(0,0,0,.2); transition: all .5s ease; } .navlist01 > ul > li > p > a{line-height: 46px; font-size: 14px;text-align:left;color: #195fb5;display: block; position: relative;font-weight: 500;text-transform: capitalize;color: #025596;padding: 0 19px;transition: all .3s ease;} .navlist01 > ul > li:hover > p{ display: block; } .navlist01 > ul > li > p > a:hover{background: #186AAB;color: #fff;border-color: 0;} .navlist01 > ul > li > p > a:hover> a{background: #186AAB;color: #fff;border-color: 0;} /*.hd-right > .hdr-tools > .hdrTool-search:hover > .search{ display: block; }*/ .navlist2{ width:100%; height: 92px;} .navlist2 > ul{ width:100%; height:92px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } .navlist2 > ul > li{ width: 11.111%; float: left; height: 92px; } .navlist2 > ul > li > div{ width: 100%; position: relative; height: 92px;display: flex;flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;} .navlist2 > ul > li > div > a{ font-size: 16px; display: inline-block; line-height: 2; color: #FFF !important;position: relative; } .navlist2 > ul > li > div > a::after{ content: ' '; width:100%; height: 2px; background-color: #f68228; position: absolute; left:0; bottom:0; display: none;} .navlist2 > ul > li:hover > div > a::after,.navlist2 > ul > li.active > div > a::after{ display: block; } .search{ width: 100%; min-width: 320px; height: 100px; background-color: rgba(0,0,0,0.5); position: absolute; left:0; top:92px; z-index: 550; display: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;animation: fadeIn 0.5s ease-in-out; -webkit-animation: fadeIn 0.5s ease-in-out; cursor: pointer;} .sechForm{ width:600px;height: 60px; box-sizing: border-box; border:1px solid #FFF; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding-right: 10px; padding-left: 10px;animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;} .sechInput{ width: 100%; height: 30px; background-color: transparent; box-sizing: border-box; padding:0 10px;} .sechInput input{ color: #FFF; width: 100%; height: 30px; line-height: 30px; font-size: 16px; border:0; background-color: transparent; } input:-webkit-input-placeholder {/* placeholder棰滆壊 */color: rgba(255,255,255,0.8);} .sechSubmit,.sechBtn{ width: 36px; height: 36px; flex-shrink: 0; } .sechSubmit > input{ width: 36px; height: 36px; background-image: url(../images/btn-search.png); background-position: center center; background-repeat: no-repeat; background-color: transparent; border:0;} .sechBtn > img{ width:36px; height: 36px; } .menu{ width:30px; height:30px; cursor:pointer; display:none; align-self: center;} .menu > h3{ width:30px; height:30px; font-weight:normal; text-align:center; line-height:20px; color: #333; } .menu > h3 > i{ font-size:20px;} .header-blank{ background-color:transparent; height:92px;} /*婊氬姩鍚庡鑸?/ .scrolltop{ background-color:rgba(255,255,255,1); border-bottom:1px solid rgba(120,120,120,0.2); animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; z-index:999;} .scrolltop > h3.tx{ color:#333;} /*涓讳綋*/ .main{ height:auto; } /****/ /*layerslider*/ /*搴曢儴*/ .foot-blank{ height:auto; width:100%; } .service{box-sizing:border-box; background-color: #195fb5;background-image:url(../images/footer_bg.png); height: auto; padding:10px 0 2% 0; width:100%; min-width: 320px;position: relative;background-size: 100% 100%;background-position: top;background-repeat: no-repeat;} .service::after{content: ' ';width: 100%;height: 1px;background-color: rgba(255,255,255,0.2);position: absolute;left:0;top: 26%;} .service > .c-con{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; } .servLogo{ width:38.5715%; flex-shrink: 0; } .servItem{ /*width:50%;*/ width:auto;} .sLogoImg{ width:50%; overflow: hidden; } .sLogoImg > img{ width: 100%; } .servQTCode{ width:100px; flex-shrink: 0; } .servLogo > h3,.servItem > h3,.servQTCode > h3{ width:100%; height: auto; line-height: 4; font-weight: normal; font-size: 18px; text-align: left; box-sizing: border-box; border-bottom: 1px solid rgba(255,255,255,0.2); margin-bottom: 10px; color: #FFF;} .servQTCode > h3{ margin-bottom: 0; } .servItem > h3{ position: relative; } .servItem > h3::after{content: ' '; width:60px; height: 2px; background-color: #f68228; position: absolute; left:0;bottom:0;} .sIContact,.sIlist{ width:100%; box-sizing: border-box; padding-right: 10%; overflow: hidden; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; } .sIContact > ul{ width:50%; } .sIContact > ul > li{ width:100%; height: 36px; line-height: 36px; font-size: 14px; color: #FFF; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;} .sIContact > ul > li > p{ width: 24px; height:24px; float: left; margin-top:6px; margin-right: 10px; display: inline-block; background-color: #FFF; overflow: hidden; } .sIContact > ul > li > p > img{ width:24px; height:24px; } .sIlist > ul > li{ width:100%; min-width: 120px; box-sizing: border-box; padding-right: 20px; height: 36px; line-height: 36px; font-size: 14px; text-align: left; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; } .sIlist > ul > li > a{color: #FFF;} .sIlist > ul > li > a:hover{ color: rgba(255,255,255,0.8); } .sQImg{ width:100%; height:auto; padding-top: 10px; } .sQImg > p{ width:100%; height:auto; overflow: hidden; } .sQImg > p > img{ width:100%; } .sQImg > h4{ width:100%; height:36px; line-height: 36px; overflow: hidden; color: #FFF;font-weight: normal; text-align: center;font-size:14px; } .servLogo2{ width:24%; flex-shrink: 0; } .servItem2{width: 22%;} .sLogoImg2{ width:268px; overflow: hidden; } .sLogoImg2 > img{ width: 100%; } .servQTCode2{ width:100px; flex-shrink: 0; } .servLogo2 > h3,.servItem2 > h3,.servItem3 > h3{ width:100%; height: auto; line-height: 4; font-weight: normal; font-size: 18px; text-align: left; box-sizing: border-box; margin-bottom: 10px; color: #FFF;} .sIContact2,.sIlist2{ width:100%; box-sizing: border-box; padding-right: 10%; } .sIContact2 > ul > li{width:100%;line-height: 36px;font-size: 14px;color: #FFF;/* overflow: hidden; */display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;white-space: nowrap;} .sIContact2 > ul > li > p{ width: 24px; height:24px; float: left; margin-top:6px; margin-right: 10px; display: inline-block; overflow: hidden; } .sIContact2 > ul > li > p > img{ width:24px; height:24px; } .sIContact2 > ul > li:nth-of-type(4){height: auto;} .sIContact2 > ul > li > a{display: inline-block;position:relative;margin-top: 10px;} .sIContact2 > ul > li > a > p{width: 102px;position:absolute;top: -112px;left: -35px;z-index:999;box-sizing: border-box;border:1px solid #195fb5;display: none;animation: fadeInDown 0.5s ease-in-out;-webkit-animation: fadeInDown 0.5s ease-in-out;} .sIContact2 > ul > li > a > p > img{width: 100%;height: 100%;} .sIContact2 > ul > li > a > p::after{content: ' ';width:0;height:0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 10px solid #fff;position: absolute;left:50%;margin-left: -6px;bottom:-10px;} .sIContact2 > ul > li > a > img{width: 70%;border-radius: 50%;} .sIContact2 > ul > li > a:hover > p{display: block;} .sIlist2 > ul > li{ width:100%; height: 36px; line-height: 36px; font-size: 14px; text-align: left; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; } .sIlist2 > ul > li > a{color: #FFF;} .sIlist2 > ul > li > a:hover{ color: rgba(255,255,255,0.8) !important; } .servItem3{width: 54%;} .servItem3 > .servItem3-wrap{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start;} .sIlist3{width: 25%;} .sIlist3 > h4{font-size: 14px;height: 36px; line-height: 36px;color: #FFFFFF;} .sIlist3 > ul > li{ width:100%; height: 36px; line-height: 36px; font-size: 14px; text-align: left; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; } .sIlist3 > ul > li > a{color: #FFF;} .sIlist3 > ul > li > a:hover{ color: rgba(255,255,255,0.8) !important; } .sIlist3 > h4 > a >img{ width: 50%;margin-top: 7%;} .footer{ box-sizing:border-box; background-color: #015398; height: auto; width:100%; min-width: 320px; border-top: 1px solid rgba(255,255,255,0.01);} .footer > .c-con{ box-sizing: border-box; padding:12px 0; } .copyright{ width: 100%; height: auto; line-height: 1.8; font-size: 14px; color:rgba(255,255,255,0.8); box-sizing: border-box; padding:0 20px;} .copyright a{color:rgba(255,255,255,0.8);} .copyright a:hover{color:#fff !important;} /*棣栭〉*/ /*鐒︾偣鍥?/ .flash{ width:100%; position: relative; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; } .tp-leftarrow.large { z-index: 100; cursor: pointer; position: absolute; width: 64px; height: 60px; left: 80px; background: #858484 url("../images/slider-prev.png") 50% 50% no-repeat; } .tp-rightarrow.large { z-index: 100; cursor: pointer; position: absolute; width: 64px; height: 60px; left: -80px; background: #858484 url("../images/slider-next.png") 50% 50% no-repeat; } .tp-leftarrow.tparrows.square.large { position: absolute!important; top: 42%!important; /* left: 3%!important; */ } .tp-rightarrow.tparrows.square.large { position: absolute!important; top: 42%!important; /* left: 92%!important; */ } /*revolution slider*/ .fullwidthbanner{ max-height: 720px; height: auto; } .revolution-slider { width: 100%; position: relative; padding: 0; margin:0px 0 0 0; overflow: hidden; z-index: 1; } .tp-caption { padding:10px 15px; font-family: "Roboto", Arial; border-radius: 2px; color:#FFF; margin-left: -15px; } .tp-caption.large_title{ line-height: 50px; font-weight: 700; font-size:32px; } .tp-caption.normal_title { line-height: 40px; font-size:26px; font-weight: 600; } .tp-caption.small_title { line-height: 32px; font-size:16px; font-weight: 400; } .tp-caption .round{ /*line-height: 32px;*/ font-size:14px; font-weight: 400; } .tp-caption.grey_subtitle{ font-size:14px; font-family: "Roboto", Arial; color:#656d78; line-height:24px; font-style: italic; border-radius: 4px; } .tp-caption.grey_subtitle_alt{ font-size:14px; font-family: "Roboto", Arial; color:#FFF; line-height:24px; font-style: italic; border-radius: 4px; } .bullet.selected { background-color:#169fe6!important } /**鎵嬫満***/ .colHeader{width: 100%;height: auto;padding:3% 0 3% 0;position: relative;text-align: center;} .colHeader > h3{ width: 100%; font-size: 14px; height: 24px; line-height: 24px; overflow: hidden; text-align: left; text-transform: uppercase; color: #999; font-weight: normal;} .colHeader > h4{height: 80px;line-height: 40px;font-size: 30px;color: #222;flex-shrink: 0;padding:5px 0;/* width: 162px; */text-align: center;font-weight: normal;box-sizing: border-box;position: relative;margin: 0 auto;display: inline-block;} .colHeader > h4::after{content: ' ';width: 100%;height:16px;background-image:url(../images/ItemTitle.png);background-position: center;background-repeat: no-repeat;background-size: unset;position: absolute;left:0;bottom:0;} .colHeader > a:hover{ background-color: #195fb5; border:1px solid #195fb5; color: #FFF !important; } .colHeader > ul{ width:300px; height:54px; position: absolute; right:0; top:50%; margin-top: -27px; } .colHeader > ul > li{ width: 54px; height: 54px; border-radius: 50%; float: left; margin-left:20px; } .colHeader > ul > li > a{ display: block; width:54px; height: 54px; position: relative;} .colHeader > ul > li > a > img{ width:100%; height:100%; border-radius: 50%;} .colHeader > ul > li > a > p{ width: 102px; height:102px; position: absolute; left:50%; top:-112px; margin-left: -51px; box-sizing: border-box; border:1px solid #195fb5; display: none; animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out;} .colHeader > ul > li > a > p::after{ content: ' '; width:0; height:0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 10px solid #195fb5; position: absolute; left:50%; margin-left: -6px; bottom:-10px; } .colHeader > ul > li > a:hover > p{ display: block; } .colHeader > ul > li > a > p > img{ width:100%; height:100%;} /*****/ .f2{width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; position: relative; padding-bottom: 2.5%;} .f2Flash{width: 16%;height: auto;flex-shrink: 0;position: relative;margin-right: 4%;} .news{width: 80%;box-sizing: border-box;display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: space-between;align-items: baseline;position: relative;z-index: 320;} .newsTab{width: 100%;height: auto;box-sizing: border-box;display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: flex-start;align-items: center;flex-shrink: 0;margin-bottom: 3%;position: relative;} .newsTab > p{width: 100%;height: 81px;line-height: 40px;font-size: 28px;position: relative;cursor: pointer;padding: 5% 0;margin: 5%;box-sizing: content-box;color: #333;} .newsTab > p.on{font-weight: 400;color: #195fb5 !important;border-bottom: 2px solid #F68228;} .newsTab > p > span{display:block;height: 40px;font-size: 16px;line-height: 40px;white-space: nowrap;} .newsTab > p.on > span{font-weight: bold;} .newsTab > a{ display: none; height: 32px; line-height: 30px; font-size: 14px; padding:0 15px; position: absolute; right:0; top:50%; margin-top: -16px; color: #666; } .newsTab > a:hover{ color: #000 !important; } .newsList{ width: 100%; height: auto;flex:1; overflow: hidden; display: none; } .newsList > ul{width: 100%;} .newsList > ul > li{width:100%;height: auto;box-sizing: border-box;padding: 1.5% 0;border-bottom: 1px dashed #666666;} .newsList > ul > li > a{ width:100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; } .newsList > ul > li > a > .cnItem-img{width: 220px;flex-shrink: 0;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;} .newsList > ul > li > a > .cnItem-img > p{width: 100%;height: 0;padding-top: 59%;overflow: hidden;position: relative;} .newsList > ul > li > a > .cnItem-img > p > img{width:100%;/* height:100%; */position: absolute;left:0;top:0;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;} .newsList > ul > li:hover > a > .cnItem-img > p > img{ transform: scale(1.02,1.02); -webkit-transform: scale(1.02,1.02); } .newsList > ul > li > a > .cnItem-date{width: 139px;height: 130px;flex-shrink: 0;color: #fff;box-sizing: border-box;padding-top: 10px;background-color: #0075C2;border-radius: 15px;} .newsList > ul > li > a > .cnItem-date > p{width:100%;height: 24px;line-height: 24px;text-align: center;font-size: 18px;} .newsList > ul > li > a > .cnItem-date > h3{width: 100%;font-size: 30px;padding: 10% 0;text-align: center;} .newsList > ul > li > a > .cnItem-about{width:100%;overflow: hidden;margin-left: 5%;margin-right: 3%;} .newsList > ul > li > a > .cnItem-about > h3{width:100%;height: 30px;line-height: 30px;font-weight: bold;font-size: 20px;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;min-width: 0;/*display: block; flex: 0 0 auto;*/color: #424242;} .newsList > ul > li > a > .cnItem-about > h4{ width: 100%; height: 24px;line-height: 24px; font-weight: normal; font-size: 14px; text-align: left;overflow: hidden; display: none; color: #999; } .newsList > ul > li > a > .cnItem-about > div{width:100%;height: auto;line-height: 30px;max-height: 90px;overflow: hidden;font-size: 16px;color: #999;margin-bottom: 1%;} .newsList > ul > li > a > .cnItem-about > p{width: 94px;height: 29px;box-sizing: border-box;border: 1px solid #F68228;border-radius: 14px;line-height: 29px;font-size: 14px;text-align: center;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;} .newsList > ul > li > a > .cnItem-about > p > i{ font-size: 16px; } .newsList > ul > li:hover > a > .cnItem-about > p{ background-color: #0975d0; border:1px solid #0975d0; color: #FFF;} .news > a{width: 180px;height: 40px;border: 2px solid #F68228;border-radius: 30px;line-height: 40px;font-size: 16px;margin-top: 2%;text-align: center;} .news > a:hover { background-color: #0975d0; border:2px solid #0975d0; color: #FFF !important;border-radius: 30px;line-height: 40px;font-size: 16px;margin-top: 2%;text-align: center;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;} .navlist01{width:100%;height: 62px;box-sizing: border-box;padding-left: 10%;font-family:semi-bold;} .navlist01 > ul{ width:100%; height:92px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; } .navlist01 > ul > li{width: 20%;float: left;height: 62px;position: relative;} .navlist01 > ul > li:nth-of-type(1){width: 10%;} .navlist01 > ul > li > div{ width: 100%; position: relative; height: 62px;display: flex;flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;} .navlist01 > ul > li > div > a{font-size: 20px;color: #0075C2 !important;font-weight: bold;} .navlist01 > ul > li > div > a::after{ content: ' '; width:80%; height: 4px; background-color: #f68228; position: absolute; left:10%; bottom:20%; display: none;} .navlist01 > ul > li.active > div > a,.navlist01 > ul > li:hover > div > a{ color: #195fb5 !important; } .navlist01 > ul > li:hover > div > a::after,.navlist012 > ul > li.active > div > a::after{ display: block; } .navlist01 > ul > li:hover > div > a::after,.navlist012 > ul > li.active > div > a::after{ display: block; } .navlist01 > ul > li:nth-of-type(9) > div > a::after{display: none;} .navlist01 > ul > li > p{width: 180px;height: auto;position: absolute;left:0;top: 74px;padding-bottom:100px;background-color: #FFF;display: none; box-shadow: 2px 0 11px -3px rgba(0,0,0,.2); transition: all .5s ease; } .navlist01 > ul > li > p > a{line-height: 46px; font-size: 14px;text-align:left;color: #195fb5;display: block; position: relative;font-weight: 500;text-transform: capitalize;color: #025596;padding: 0 19px;transition: all .3s ease;} .navlist01 > ul > li:hover > p{ display: block; } .navlist01 > ul > li > p > a:hover{background: #186AAB;color: #fff;border-color: 0;} .navlist01 > ul > li > p > a:hover> a{background: #186AAB;color: #fff;border-color: 0;} /*.hd-right > .hdr-tools > .hdrTool-search:hover > .search{ display: block; }*/ /*********/ /***鍏充簬鎴戜滑***/ .about{ width: 100%; height: auto; min-width: 320px; background-image: url(../images/about.png); background-size: 100% 80%; background-color: #FFF; background-repeat: no-repeat; background-position: center bottom; padding-bottom: 4%; } .about > .c-con{ } .about > .c-con > .colHeader{ padding-top: 6%;} .about > .c-con > .colHeader > h3,.about > .c-con > .colHeader > h4{text-align: center; } .about > .c-con > .colHeader > p{ margin:0 auto; margin-top: 10px;} .about > .c-con > .colHeader > div{ width:100%; font-size: 16px; text-align: center; color: #999; margin-top:2%; margin-bottom: 2%; } .mainAbout{ width: 100%; height: auto; min-width: 320px; display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding-top: 2%; } .mAboutImg{ width: 50%; display: block; } .mAboutImg > p{ width: 100%;height: 0; padding-top:65%; position: relative; overflow: hidden;} .mAboutImg > p > video{ width:100%; height: 100%; position: absolute; left:0; top:0; } .mAboutLeft{ width: 50%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center; box-sizing: border-box; padding-right: 3%;} .mAboutLeft > h3{ width:100%; display: inline-block; height: auto; position: relative; text-align: left; font-size: 0;} .mAboutLeft > h3 > p,.mAboutLeft > h3 > span{display: inline-block;font-weight: normal;font-size: 26px;line-height: 2.5;box-sizing: border-box;z-index: 140;position: relative;color: #FFF;} .mAboutLeft > h3 > p::after{ content: ' '; width:70%; height: 4px; background-color: #FFF;position: absolute; left:0; bottom:0; z-index: 120;} .mAboutLeft > div{width: 100%;height: 224px;line-height: 32px;text-align: left;font-size: 16px;color: #FFF;overflow: hidden;margin-top: 5%;margin-bottom: 3%;} .mAboutLeft > p{ width:100%; height: auto; text-align: left; font-size: 0; } .mAboutLeft > p > a{display: inline-block;padding: 0 25px;height: 35px;line-height: 35px;text-align: center;font-size: 16px;color: #fff !important;border-radius: 30px;border: 1px solid #F68228;} .mAboutLeft > p > a:hover { padding: 0 25px;height: 35px;line-height: 35px;text-align: center;font-size: 16px;border-radius: 30px;background-color: #0975d0; border:1px solid #fff; color: #FFF !important;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;} .colAbout{ width: 100%; height: auto; min-width: 320px; padding-bottom: 2%; } .colAboutcen{ width: 100%; } .colAboutcen > h3{ width:100%; display: inline-block; height: auto; position: relative; text-align: left; font-size: 0;} .colAboutcen > h3 > p,.mAboutLeft > h3 > span{display: inline-block;font-weight: normal;font-size: 26px;line-height: 2.5;box-sizing: border-box;z-index: 140;position: relative;color: #FFF;} .colAboutcen > h3 > p::after{ content: ' '; width:70%; height: 4px; background-color: #FFF;position: absolute; left:0; bottom:0; z-index: 120;} .colAboutcen > div{width: 100%;height: 34px;line-height: 32px;text-align: left;font-size: 16px;color: #FFF;overflow: hidden;margin-top: 1%;margin-bottom: 1%;} .colAboutcen > p{ width:100%; height: auto; text-align: left; font-size: 0; } .colAboutcen > p > a{display: inline-block;padding: 0 25px;height: 35px;line-height: 35px;text-align: center;font-size: 16px;color: #fff !important;border-radius: 30px;border: 1px solid #F68228;} .colAboutcen > p > a:hover {padding: 0 25px;height: 35px;line-height: 35px;text-align: center;font-size: 16px;border-radius: 30px;background-color: #0975d0; border:1px solid #fff;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;} /******/ /***涓昏惀涓氬姟***/ .layer-mask { width: 100%; height: 100%; opacity: 0.1; transition: all 0.5s; background-color: #3e3e3e; position: absolute; left: 0; top: 0; right: 0; } .wrap{width: 100%;margin: 0 auto;} .business_banner .wrap{border-bottom: 1px solid #C1C1C1;} .business_banner .swiper-slide-active .layer-mask { display: none; } .business_banner { width: 100%; float: left; } .business_banner .swiper-container { width: 100%; /* margin: 35px 0; */ } .business_banner .swiper-slide { -webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; -webkit-transform: scale(0.85); /* margin: 1px; */ transform: scale(0.85); margin-top: 80px; margin-bottom: 10px; } .business_banner .swiper-slide-active,.swiper-slide-duplicate-active { -webkit-transform: scale(1.05); transform: scale(1.05); z-index: 1002; } .business_banner .swiper-slide a { background: #fff; display: block; border-radius: 2px; } .business_banner .swiper-slide img { width: 100%; border-radius: 5px; display: block; height: 100%; border: none; } .business_banner .swiper-pagination { position: relative; margin-bottom: 30px; } .business_banner .swiper-pagination-bullet { background: #00a0e9; margin-left: 4px; margin-right: 4px; width: 17px; height: 17px; opacity: 1; margin-bottom: 4px; } .business_banner .swiper-pagination-bullet-active { width: 13px; height: 13px; background: #FFF; margin-bottom: 0; } .business_banner .button { width: 100%; margin: -20px auto 0; top: 65%; position: absolute; z-index: 1002; } .business_banner .button div:hover { background-color: #0075C2; opacity: 0.8; cursor: pointer; } .business_banner .swiper-button-prev { width: 50px; height: 50px; border-radius: 50%; background: url("../images/business-left.png") #0075C2 center 100%/100% 100% no-repeat; opacity: 0.7; cursor: pointer; left: 130px; right: auto; } .business_banner .swiper-button-next { width: 50px; height: 50px; border-radius: 50%; background: url("../images/business-right.png") #0075C2 center 100%/100% 100% no-repeat; opacity: 0.7; cursor: pointer; right: 130px; left: auto; } .layer-txt{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; box-sizing: border-box; color: #ffffff; display: none; flex-direction: column; justify-content: center; align-items: center; border-radius: 2px; } .layer-txt.ontab{ display: flex; background: rgba(0,117,194,.4); border-radius: 8px; transition: all .4s ease-in-out; } .txt-num{position: absolute;top: 40px;left: 40px;} .txt-num span{font-size: 24px;} .txt-box{width:85%;} .txtTit{font-size: 24px;position: relative;padding-bottom: 20px;text-align: center;margin-bottom: 20px;} .txtTit::after{ content: ""; position: absolute; bottom: 0; left: 50%; width: 100px; height:6px; margin-left: -50px; background:#BD9E7F ;} .txtMore{width: 130px;height: 40px;line-height: 40px;background:#BD9E7F;border-radius:8px;margin: 15px auto;} .industry{ list-style: none; display: flex; width: 80%; margin: 0 auto; justify-content: space-between; } .industry .item{ font-size: 24px; list-style: none; width: 15%; text-align: center; position: relative; padding-bottom: 20px; } .industry .item.ontab{ color: #0075C2; font-weight: bold; } .industry .item.ontab::after{ content: ""; position: absolute; bottom: 0; left: 50%; width: 60px; height: 6px; margin-left: -30px; background:#F68228 ; } .fbCon{color: #fff;min-height: 40px;line-height: 25px;} .boxShadow{box-shadow: 0 2px 5px rgba(0,0,0,.2);} /********/ .media{ width: 100%; height: auto; min-width: 320px; background-color: #FFF; padding-bottom: 4%; overflow: hidden;} .mediaList{ width:100%; height:auto; } .mediaList > ul{ width:100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; } .mediaList > ul > li{ width:50%; } .mediaList > ul > li > a{ display: block; width:100%; position: relative;} .mediaList > ul > li > a > .mediaImg{ width:100%; height:0; padding-top: 60%; position: relative; overflow: hidden; } .mediaList > ul > li > a > .mediaImg > img{ width:100%; height:100%; position: absolute; left:0;top:0; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; } .mediaList > ul > li > a:hover > .mediaImg > img{ transform: scale(1.02,1.02); -webkit-transform: scale(1.02,1.02); } .mediaList > ul > li > a > .mediaAbout{ width:100%; height: 100%; position: absolute; left:0;top:0; background-color: rgba(0,0,0,0.1); box-sizing: border-box; padding:5%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } .mediaList > ul > li > a > .mediaAbout > h3,.mediaList > ul > li > a > .mediaAbout > h4{ width:100%; font-weight: normal; text-align: left; color: #FFF; font-size:16px; } .mediaList > ul > li > a > .mediaAbout > h4{ color: rgba(255,255,255,0.8); } .mediaList > ul > li > a:hover > .mediaAbout > h4{ animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; } .mediaList > ul > li > a > .mediaAbout > h3{ font-size:22px; } .mediaList > ul > li > a > .mediaAbout > p{ margin-top: 2%; width:100%; height:auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center;font-size: 16px; color: #FFF; } .mediaList > ul > li > a:hover > .mediaAbout > p{ animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out; } .mediaList > ul > li > a > .mediaAbout > p > span{ display: inline-block; flex-shrink: 0; margin-right: 10px;} .mediaList > ul > li > a > .mediaAbout > p > span > i{ font-size: 22px; color: #FFF; } /*鍐呴〉*******/ .headerCol{ background-color: rgba(0,0,0,0.1); position: fixed; left:0; top:0;border-bottom:none; } .headerCol > .c-con{width: 1400px; padding:0 0;} .headerCol .navlist > ul > li > div > a{ font-size: 16px; color: #FFF !important; } .colFlash{ width:100%; height: auto; overflow: hidden; } .colFlash img{ width:100%; height: auto; } .location{ width:100%; height: auto; box-sizing: border-box; text-align: left; box-sizing: border-box; padding:1% 0;} .location > h3{ width:auto; display: inline-block; font-weight: normal; font-size: 16px; font-weight: 550; line-height: 2.5; position: relative;} .location > h3::after{ content: ' '; width:40px; height:2px; background-color: #eb9c00; position: absolute; left:0;bottom:0;} .shops{ width:100%; height:auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; padding:0 0 8% 0;margin-top:5px; } .shopList{ width:49%; height:auto; transition: all 0.5 linear; -webkit-transition: all 0.5 linear;} .shopList > ul{ width:100%; height: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; transition: all 0.5 linear; -webkit-transition: all 0.5 linear; } .shopList > ul > li{ width:100%; height: auto; transition: all 0.5 linear; -webkit-transition: all 0.5 linear; } .shopList > ul > li > h3{ width:100%; height: auto; box-sizing: border-box; border-bottom:1px solid #dcdcdc; padding:10px 20px 10px 0; line-height: 2; font-size: 16px; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-weight: normal;position: relative; } .shopList > ul > li > h3 > p{ width:22px; height: 22px; box-sizing: border-box; border:1px solid #999; border-radius: 50%; line-height: 20px; position: absolute; right:0; top:50%; margin-top: -11px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;} .shopList > ul > li > h3 > p::after{ content: ' '; width: 12px; height:2px; background-color: #999; position: absolute; left:50%; top:50%; margin-top: -1px; margin-left:-6px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;} .shopList > ul > li > h3 > p::before{ content: ' '; width: 2px; height:12px; background-color: #999; position: absolute; left:50%; top:50%; margin-top: -6px; margin-left:-1px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;} .shopList > ul > li > .slItems{ width:100%; height: auto; /*display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center;*/ padding-top: 10px; padding-bottom: 10px; background-color: #FFF; display: none;animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;} .shopList > ul > li:hover > .slItems{ display: block; } .shopList > ul > li > .slItems > p{ overflow: hidden; width:48%; line-height: 48px; height:48px;text-align: left; font-size:16px; color: #999; box-sizing: border-box; border-bottom:1px solid #FFF; float: left; } .shopList > ul > li > .slItems > p:nth-of-type(2n){ float: right; } .shopList > ul > li:hover > h3 > p{ border:1px solid #2a69b7; } .shopList > ul > li:hover > h3 > p::after{ background-color: #2a69b7;} .shopList > ul > li:hover > h3 > p::before{ display: none;} .col{ width:100%;min-width: 320px; background-color: #f7f8f9; min-width: 320px; } .col .colHeader{ padding-top: 6%;background-image: url(../images/colHeader.png); background-repeat: no-repeat; background-position: center top; background-size: 100% 100%; } .col .colHeader > h3,.col .colHeader > h4{text-align: center; color: #195fb5; } .col .colHeader > p{ margin:0 auto; margin-top: 10px;} .col .colHeader > div{ width:100%; font-size: 16px; text-align: center; color: #999; margin-top:2%; margin-bottom: 2%; } /*****/ .colF1{ width:100%; height:auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; padding-top: 50px;} .colF1Objs{ width:100%; flex:1; background-color: #F60; } .colF1Objs > ul{ width:100%; height:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; } .colF1Objs > ul > li{ width:50%;height:50%; box-sizing: border-box; display: flex; flex-direction: column; flex-wrap: nowrap; justi display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;fy-content: center; align-items: center; } .colF1Objs > ul > li:nth-of-type(1){ background-color: #ffa716; } .colF1Objs > ul > li:nth-of-type(2){ background-color: #002f82; } .colF1Objs > ul > li:nth-of-type(3){ background-color: #2f8dff; } .colF1Objs > ul > li:nth-of-type(4){ background-color: #009f00; } .colF1Objs > ul > li > a{ display: flex; width:100%; height:100%; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; } .colF1Objs > ul > li > a > p{ width:40%; } .colF1Objs > ul > li > a > p > img{ width:100%; } .colF1Objs > ul > li > a > h3{ width:100%; font-weight: 550; font-size: 18px; color: #FFF !important; } .colF1Flash{ width:64.2857%; flex-shrink: 0; margin-left:10px; background-color: #FFF; } .colF1Flash > img{ width:100%; } .pic{overflow: hidden;/*闅愯棌婧㈠嚭*/width: 100%;height: auto;} .pic ul{ width:100%; display: flex; flex-direction: row; flex-wrap: nowrap;justify-content: space-between; align-items: stretch; } .pic ul li{height: 420px; width: 80px;flex-shrink: 0; } .pic ul li.pic1{/*background-image: url(../Images/a1.png)*/ ;background-position: center center; /*鍥剧墖灞呬腑 绛夋瘮渚?/background-repeat: no-repeat; /*鍥剧墖涓嶅钩閾?/ } .pic ul li.pic2{/*background-image: url(../Images/a2.png) ;*/background-position: center center;background-repeat: no-repeat;} .pic ul li.pic3{/*background-image: url(../Images/a3.png) ;*/background-position: center center;background-repeat: no-repeat;} .pic ul li.pic4{/*background-image: url(../Images/a4.png) ;*/background-position: center center;background-repeat: no-repeat} .pic ul li.active{width: 100%;flex-shrink: 1; } .pic ul li .txt{box-sizing: border-box;padding-top: 10px;/*background-color: #000;*/background: rgba(25,95,181,0.3);height: 420px;width: 80px;display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center; } .pic ul li.active .txt{background: rgba(25,95,181,0.8);} .txt .icon{width:40px; height:40px; overflow: hidden; } .txt .icon > img{ width:100%; height:100%; } .txt .p1{font-size: 18px;line-height: 24px;width: 30px;height:288px; overflow: hidden; text-align: center; color: #FFF !important; } .txt .more{width:40px; height:30px; line-height: 30px; text-align: center; overflow: hidden;} .txt .more > i{ font-size: 20px; color: #FFF; } /********/ .colNews{ width:100%; height:auto; box-sizing: border-box; /* padding:1% 3% 4% 3%; */background-color: #FFF; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch;} .cNewsItem{ width:100%; flex:1; background-color: #fff;/* padding: 3% 0; *//* max-height: 580px; */} .cNewsItem2{width:73%; flex-shrink: 0; margin-left:10px; background-color: #FFF;} .cNewsItem .colHeader,.cNewsItem2 .colHeader{padding-top: 0;} .cNewsItem .colHeader > h4,.cNewsItem2 .colHeader > h4{font-size: 30px;color: #222;} .cNewsItem .colHeader > p{ margin:0 auto; margin-top: 10px;} .cNoticList{width: 100%;height:auto;padding: 0 10%;box-sizing: border-box;} .cNoticList > ul > li{ width:100%; height: auto; margin-top: 4%; position: relative; box-sizing: border-box; padding-left:50px; min-height: 80px; cursor: pointer;} .cNoticList > ul > li > .cnlAbout{width:100%;height: auto;min-height: 70px;} .cNoticList > ul > li > .cnlAbout > h4,.cNoticList > ul > li > .cnlAbout > h5{width:100%;height: 30px;line-height: 30px;text-align: left;font-weight: normal;font-size: 14px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color: #999;} .cNoticList > ul > li > .cnlAbout > h4{font-size: 20px;/* height: 35px; *//* line-height: 35px; */color: #333;} .cNoticList > ul > li > .cnlAbout > h5{font-size: 16px;color: #838282 !important;background-image: url(../images/ywgg-time.png);background-position: left center;background-repeat: no-repeat;text-indent: 2em;} .cNoticList > ul > li > .cnlDate{width: 40px;height: 40px;box-sizing: border-box; padding:10px 0; position: absolute;left:0;top: 0;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;} .cNoticList > ul > li > .cnlDate > h4,.cNoticList > ul > li > .cnlDate > p{ width:100%; height: 34px; line-height: 34px; font-weight: 550; text-align: center; font-size: 24px; overflow: hidden; color: #FFF; } .cNoticList > ul > li > .cnlDate > p{ height:24px;line-height: 24px;font-size: 14px; } .cNewsTitle{width: 88%;height: 60px;margin: 0px 6%;line-height: 60px;border-bottom:1px solid #bcbcbc;margin-bottom: 3%;box-sizing: border-box;} .cNewsTitle > p{float: left;position: relative;text-align: center;margin: 0 4%;} .cNewsTitle > p > a{font-size: 21px;line-height: 40px;} .cNewsTitle > p.cur > a{font-weight: bold;color: #195FB5;} .cNewsTitle > p.cur > a::after{content: ' ';width: 80%;height: 9px;background-size:cover;position: absolute;left:0;right: 0;margin: 0 auto;bottom: -1px;background: #f68228;} .cNewsList{width:100%;/* padding: 0px 6%; */box-sizing: border-box;flex:1;} .cNewsList > div{width:100%;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size: 14px;position: relative;box-sizing: border-box;display: none;} .cNewsList > div:nth-of-type(1){/* overflow-x: scroll; */padding: 0 8%;box-sizing: border-box;} .cNewsList > div:nth-of-type(2){padding: 0 8%;box-sizing: border-box;} .cNewsList > div > h5{font-size: 24px;font-weight: bold;line-height:40px;} .cNewsList > div > p{font-size: 16px;line-height:24px;} .cNewsList > div > img{max-width: 100%;margin-top: 3%;}