@charset "utf-8"; @import url('https://fonts.font.im/css?family=Poppins'); /*-定制---------------------------------------------------------------------------------------*/ ::selection{background-color:#1b4fb4;color:#fff;} ::-moz-selection{background-color:#1b4fb4;color:#fff;} ::-webkit-selection{background-color:#1b4fb4;color:#fff;} html,body,header,footer,nav,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dd,dt,img,p,form,input,button{margin:0;padding:0;list-style:none;} html,body{font-size:1vw;margin:auto;} /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ /*分页样式-------------------------------------------------------------------------------------*/ .pagination{margin:10px auto 0 auto;} .pagination ul{margin:50px auto 0 auto;padding-bottom:50px;text-align:center;} .pagination ul li{color:#fff;line-height:30px;display:inline-block;text-align: center;height:30px;overflow:hidden;} .pagination ul li a{background:#1b4fb4;border-radius:5px;display:block;color:#fff;font-size:15px;line-height:30px;padding:0 12px;float:left;margin:0 5px;} .pagination ul li.current a{color:#000;font-size:15px;margin:0;padding:0 12px;border-radius:5px;background:#eee;line-height:30px;display: block;float: left;margin:0 5px;} .pagination ul li span{display:block;float:left;padding:0;border-radius:5px;margin-left:0;color: #fff;line-height:30px;} /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ @media screen and (min-width:1300px){ * {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; } a{text-decoration:none;} .fixtop .toper ul.navpc li a,.fixtop .toper ul.navpc li.mpro dl dd img,.fixtop .toper .btn a,.fixtop .toper .btn form #button,.fixtop .toper .btn form,.indpro li p,.indpro li .cons,.indpro li .cons .more i,.indnews p.pcover,.indnews .cons,.indmap .cons h2 a i,.foot dl.last a,.aboutmenu dd i,.aboutmenu dd a,.news li .pic a,.news li .list .t a,.news li,.products li,.products li .cons h2 a i,.products li .cons h2,.plist li .title a,.plist li .pic p,.service dd a,.message li.btn p input,.message li p input[type="text"],.message li p #cbeizu,.message li p #mbeizu,.conslist .pic a,.conslist .cons .title a,.get_more,.video li .pic i,.video li .title,.infoplat dd,.fixtop1,.fixtop1.active .toper .logo a,.fixtop1 .toper ul.navpc li a,.fixtop .toper .btn .en,.fixtop1 .toper .btn .zoom,.fixtop1 .toper .btn .info,.distributor dd h1 p a,.distributor dd h2 #button,.distributor dd h2 a,indmap .cons h2 a,.products li .cons h2 i {transition-duration:.3s;-ms-transition-duration:.3s;-moz-transition-duration:.3s; -webkit-transition-duration:.3s;} .indpro li:hover p,.indnews:Hover p.pcover,.news li .pic:hover a,.plist li:hover .pic p,.conslist .pic:hover a {transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05)} .abc {transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); } .indpro li .cons,.indnews .cons,.network li,.faq .mright,.faq .mright #k,.message li p input[type="text"],.message li p #cbeizu,.message li p #mbeizu,.conslist .cons {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} html{-webkit-text-size-adjust:none;font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';height:100%;} body {font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';height:100%;margin:0 auto;overflow-x:hidden;background:#fff;font-size:16px;line-height:30px;color:#666;max-width:1920px;font-weight:300} .fl{float:left;}.fr{float:right;}.cr{clear:both;} .tal{text-align:left;}.tac{text-align:center;}.tar{text-align:right;} .dvt{display:inline-block;vertical-align:top;}.dvm{display:inline-block;vertical-align:middle;}.dvb{display:inline-block;vertical-align:bottom;} #banner1 .swiper-button-next,#banner1 .swiper-button-prev{color:#009eeb;} #banner1 .swiper-pagination-bullet-active{background:#ff9b00;} .hxbg { position: absolute; left: -1px; bottom: 40px; pointer-events: none; z-index: 8; } .cls-1{fill: #fff;} /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ .pc_none{display:none !important;} .wh000{width:100%;} .wh14max{max-width:1800px;min-width:1300px;width:80vw;margin:auto;font-size:0;} /*顶部========================================================================*/ .gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;} .gray:Hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;} .gray2 {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;} .gray2:hover {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;} ::-webkit-input-placeholder {color: #999999;} :-moz-placeholder {color: #999999; } ::-moz-placeholder { color: #999999; } :-ms-input-placeholder {color: #999999; } ::selection {background:#23b8bc;color:#ffffff;} ::-moz-selection {background:#124ac5;color:#ffffff;} ::-webkit-selection {background:#23b8bc;color:#ffffff;} .wrap {margin:0 auto;max-width:1300px; position:relative;display: flex;justify-content: space-between;align-items: center;height: 100px;} .phonemenu { display:none;} .fixtop {height:100px; position:fixed; z-index:99;left:0;top:0;width:100%; background:#fff} .fixtop .toper .logo {} .fixtop .toper .logo a { } .navpc {display: flex;justify-content: space-between;align-items: center;max-width: 750px;width: 100%;} .fixtop .toper ul.navpc li {margin:0;position:relative;} .fixtop .toper ul.navpc li a,.fixtop .toper ul.navpc li>a{display:block;padding:0 16px;color:#333333;font-weight:700;font-size:17px;} .fixtop .toper ul.navpc li a:hover,.fixtop .toper ul.navpc li:hover>a{color:#124ac5;} .fixtop .toper ul.navpc li.check a{color:#f8b73d;} .fixtop .toper ul.navpc li dl { display:none; position:absolute;width:100%; left:0;top:75px;background:#fff;padding:10px 0;opacity:0} .fixtop .toper ul.navpc li dl dd {margin:10px 0} .fixtop .toper ul.navpc li.check dl dd a,.fixtop .toper ul.navpc li dl dd a{padding:0; background:none; text-align:center; line-height:25px; height:25px;border:0;font-weight:300;color:#666;} .fixtop .toper ul.navpc li dl dd a:hover {color:#23b8bc;background:none;} .fixtop .toper ul.navpc li.mpro dl { position:fixed;border-top:1px solid #b5b6b6; text-align:center;padding:35px 0 65px 0} .fixtop .toper ul.navpc li.mpro dl dd {margin:0 20px; display:inline-block; vertical-align:top;} .fixtop .toper ul.navpc li.mpro dl dd img { position:relative;top:25px; height:90px;} .fixtop .toper ul.navpc li.mpro dl dd:hover img {top:20px} .fixtop .toper ul.navpc li.mpro.check dl dd a,.fixtop .toper ul.navpc li.mpro dl dd a{ height:auto} .fixtop .toper .btn {float:right; text-align:right; position:relative} .fixtop .toper .btn a { display:inline-block; vertical-align:middle;font-size:14px;margin:0 0 0 30px} .fixtop .toper .btn .shop { background:#f8b73d;color:#3e3a39;border-radius:3px; height:30px; line-height:30px;padding:0 15px;font-weight:400; letter-spacing:2px} .fixtop .toper .btn .shop:hover { background:#23b8bc;color:#fff} .fixtop .toper .btn .zoom { background:url(../images/zoom.png) no-repeat center;width:17px; height:17px;} .fixtop .toper .btn .info { background:url(../images/1.png) no-repeat center;width:19px; height:20px;} .fixtop .toper .btn .en {font-weight:400;color:#3e3a39;} .fixtop .toper .btn form { position:absolute;top:47px;width:208px;right:0;opacity:0} .fixtop .toper .btn form #k { height:30px; line-height:30px;padding:0 15px;width:138px;font-size:14px} .fixtop .toper .btn form #button { cursor:pointer;border:0; background:#f8b73d;color:#3e3a39; height:30px; line-height:30px;width:40px;text-align:center;font-size:13px} .fixtop .toper .btn form #button:Hover { background:#23b8bc;color:#fff;} .fixtop .toper .btn form.active {opacity:1;top:57px;} .tblank { height:65px} .fixtop1 { background:none;} .fixtop1.active,.fixtop1:hover { background:#fff} .fixtop1 .toper .logo a { background:url(../images/logo1.png) no-repeat center; background-size:cover;width: 430px;height: 63px;display: block;} .fixtop1.active .toper .logo a,.fixtop1:hover .toper .logo a { background:url(../images/logo.png) no-repeat center;background-size:cover;width: 430px;height: 63px;display: block;} .fixtop1 .toper ul.navpc li a {color:#fff} .fixtop1:hover .toper ul.navpc li a{color:#333} .fixtop1.active .toper ul.navpc li a {color:#333} .fixtop.active .toper ul.navpc li a.fixtop:hover .toper ul.navpc li a {color:#3e3a39;} .fixtop1 .toper ul.navpc li.check a {color:#fff} .fixtop1.active .toper ul.navpc li.check a{color:#333;} .fixtop1:hover .toper ul.navpc li.check a {color:#124ac5;} .fixtop1 .toper .btn .en {color:#fff;} .fixtop1.active .toper .btn .en,.fixtop1:hover .toper .btn .en {color:#3e3a39} .fixtop1.active .toper .btn .en:hover,.fixtop1:hover .toper .btn .en:hover {color:#23b8bc} .fixtop1 .toper .btn .zoom { background:url(../images/zoom_1.png) no-repeat center;} .fixtop1.active .toper .btn .zoom,.fixtop1:hover .toper .btn .zoom { background:url(../images/zoom.png) no-repeat center} .fixtop1 .toper .btn .info { background:url(../images/1_1.png) no-repeat center;} .fixtop1.active .toper .btn .info,.fixtop1:hover .toper .btn .info { background:url(../images/1.png) no-repeat center;} /*顶部========================================================================*/ /*顶部========================================================================*/ /*顶部========================================================================*/ /*顶部========================================================================*/ /*顶部========================================================================*/ /*顶部========================================================================*/ /*顶部========================================================================*/ /*顶部========================================================================*/ /*顶部========================================================================*/ /*顶部========================================================================*/ /*顶部========================================================================*/ /*顶部========================================================================*/ /*顶部========================================================================*/ /*顶部========================================================================*/ /*顶部========================================================================*/ /*顶部========================================================================*/ /*顶部========================================================================*/ /*顶部========================================================================*/ /*顶部========================================================================*/ /*顶部========================================================================*/ /*顶部========================================================================*/ /*顶部========================================================================*/ /*顶部========================================================================*/ header{width:100%;text-align:center;} .webtop{background:#3d3a35;width:100%;display:flex;justify-content:center;align-items: center;padding:5px 0;} .webtop1{width:600px;font-size:13px;color:#cccccc;line-height:1.6;text-align: left;} .webtop2{width:600px;display:flex;justify-content:right;} .webtop21{font-size:14px;color:#cccccc;line-height:1.6;display:flex;align-items: center;margin-left:30px;} .webtop21 a{color:white;} .webtop21 img{margin-right:10px;height:16px;} .navs{width:1200px;margin:auto;display:flex;justify-content: space-between;align-items: center;padding: 18px 0;} .nav1{text-align: center;display:flex;justify-content:left;width: 450px;align-items: center;} .nav1_logo img{height:60px;} .nav1_name{text-align:left;margin-left:20px;} .nav1_name h1{font-size:25px;line-height:1.4;} .nav1_name p{font-size:15px;line-height:1.2;} .nav2{display:flex;justify-content:space-between;align-items:center;} .nav21{max-width:650px;width:auto;display:flex;padding:0;align-items:center;vertical-align:middle;} .nav21 a{color:#000000;font-size:16px;} .nav21:after{content:'|';padding-left:20px;margin-right:20px;font-size:12px;line-height:1;color: #aaaaaa;} .nav21:last-child:after{display:none;} .nav3{display:flex;color:#000000;font-size:30px;justify-content: center;font-weight:700;align-items: center;} .nav3 img{height:40px;margin-right:10px;} .bm{width:100%;position:relative;} .bm_title{width:100%;text-align:center;position:absolute;bottom:8vw;font-size:50px;font-weight:700;line-height:1.2;color:white;letter-spacing: .6vw;} .bm_title span{font-family:'Fjalla One', sans-serif;letter-spacing:0;font-size:50px;} .bm img{border:0;display:block;} /* .header_logo{width:400px;display:inline-block;vertical-align:middle;text-align:left;padding:24px 0;} .header_logo11{width:100%;display: none;} .header_logo12{width:100%;} .header_navs{width:700px;display:inline-block;vertical-align:middle;text-align:center;font-size:0;margin: 0 10px 0 10px;} .header_navs > nav{margin:0;width:88%;display:inline-block !important;vertical-align:middle;} .header_navs > nav > ul{display:flex;justify-content:space-between;width:100%;text-align:center;margin:auto;padding: 0;} .header_navs > nav > ul > li{position:relative;} .header_navs > nav > ul > li > a{font-size:16px;color:#000;font-weight:700; display:inline-block;line-height:2; position:relative;padding:0 10px;transition:all 300ms; text-align: center; } .header_navs > nav > ul > li > a .header_navs_line{display:block;position:absolute;bottom:-10px;height:3px;width:100%;border-radius:5px;transition:bottom 300ms,background 300ms;background:rgba(255, 255, 255, 0);} .header_navs > nav > ul > li > a:hover{} .header_navs > nav > ul > li > a:hover .header_navs_line{bottom:15px;background:#009eeb;} .header_navs > nav > ul > li > div{position:absolute;top:0;display:none;} .header_navs > nav > ul > li:hover div{position:absolute;top:30px;display:block;z-index:99;width:9vw;box-sizing:border-box;left:-1.5vw;} .header_navs > nav > ul > li > div > ul{display:inline-block;vertical-align:top;text-align:left;padding:1vw 0 0 0;width:100%;} .header_navs > nav > ul > li > div > ul > li{text-align: center;} .header_navs > nav > ul > li > div > ul > li > a{font-size:16px;color:#333;line-height:2vw;padding:0;box-sizing: border-box;width:100%;display: block;background:#ffffff;} .header_navs > nav > ul > li > div > ul > li > a:hover{font-weight:700;background:#f5f5f5;} .header_navs > nav > ul > li > div > img{width:250px;height:140px;display:inline-block;vertical-align:top;margin-left:20px;} .header_tel{width:300px;display:inline-block;vertical-align:middle;text-align:left;padding:0;} .header_tel11{display:inline-block;vertical-align:middle;width:50px;min-width:20px;text-align:left;margin-right:0;} .header_tel111{display:none;} .header_tel112{width:100%;} .header_tel12{display:inline-block;vertical-align:middle;margin: 0 0 0 10px;} .header_tel12 h2{color:#000;font-size:16px;line-height:1.4;font-weight:400;} .header_tel12 h3{color:#000;font-size:24px;line-height:1;} .dj_header6{height:5.2vw;border-left:1px solid rgba(0,0,0,0.1);display:inline-block;vertical-align:middle;padding:1vw 1.2vw 0 1.2vw;box-sizing:border-box;} .dj_header6 a{ font-size:calc(16px + 0.3vw);color:#333;font-weight:300;line-height:3vw;background:none;transition:background 300ms,border 300ms; display:inline-block;vertical-align:top;width:3vw;height:3vw;border:1px solid #333;border-radius:100vw;margin-right:0.8vw;} .dj_header6 a:hover{background:#009eeb;border:1px solid #009eeb;color:#fff;} */ .toggle{display: none !important;} .active{background:rgba(255, 255, 255, 1) !important;box-shadow:0 0 15px rgba(0, 0, 0, 0.1) !important;} /*header:hover{background:rgba(255, 255, 255, 1) !important;box-shadow:0 0 15px rgba(0, 0, 0, 0.1) !important;} header:hover .header_logo11,.active .header_logo11{display:none !important;} header:hover .header_logo12,.active .header_logo12{display:block !important;width:25vw;} header:hover .header_tel111,.active .header_tel111{display:none !important;} header:hover .header_tel112,.active .header_tel112{display:block !important;width:2.5vw;} header:hover .header_tel12 h2,.active .header_tel12 h2{color:#555555;} header:hover .header_tel12 h3,.active .header_tel12 h3{color: #183288 !important;} header:hover .header_navs > nav > ul > li > a,.active .header_navs > nav > ul > li > a{color:#333333 !important;transition:all 300ms !important;}*/ .active .header_navs > nav > ul > li > a:hover{color:#000 !important;bottom:0;} header:hover .dj_header6 a,.active .dj_header6 a{ font-size:calc(16px + 0.3vw);color:#555555;font-weight:300;line-height:3vw;background:none;transition:background 300ms,border 300ms; display:inline-block;vertical-align:top;width:3vw;height:3vw;border:1px solid rgba(0, 0, 0, 0.3);border-radius:100vw;margin-right:0.8vw;} .active .dj_header6 a:hover{background:#009eeb;border:1px solid #009eeb;color:white;} .sbanner{width:100%;min-width:1300px;} .sbanner img{width:100%;} .bc10{background:url(../images/b1.jpg) no-repeat center top;background-size:2000px;height:100vh !important;text-align:center;min-width:1200px;font-size:0;} .bc11{width:600px;margin:0 auto 0 auto;padding: 7vw 0 3vw 0;} .bc11 img{} .bc12{width:80%;text-align: left;color: white;margin: 0 auto 0 auto;padding: 20vw 0 0 0;font-size: 30px;line-height: 1.5;font-weight: 700;} .bc12 img{width:100%;} .bc121{width:100%;text-align: center;} .bc121 img{width:388px;} .bc122{margin-top:22px;} .bc122 img{width:100%;} .bc123{margin-top:42px;} .bc123 img{width:357px;} .bc124{margin-top:30px;} .bc124 img{width:83px;} .bc125{margin-top:49px;} .bc125 img{width:539px;} .bc20{background:url(../images/b2.jpg) no-repeat center top;background-size:2000px;height:100vh !important;text-align:center;min-width:1200px;font-size:0;} .bc21{text-align:center;width: 80%;padding: 20vw 0 0 0;font-size: 30px;color: white;line-height: 1.5;text-shadow: 0.3vw 0.3vw 1vw rgba(0,0,0,100%);margin: auto;text-align: left;} .bc211{width:279px;display:block;} .bc212{width:271px;margin:20px 0 50px 0;} .bc213{width:456px;} .bc24{width:100%;margin:50px auto 0 auto;text-align:left;display: flex;justify-content: space-between;} .bc24 img{width:116px;} .bc25{width:42vw;margin:auto;text-align:center;padding: 8vw 5vw 0 0;} .bc25 img{width:622px;margin-right:108px;} .bc30{background:url(../images/b3.jpg) no-repeat center top;background-size:2000px;height:100vh !important;text-align:center;min-width:1200px;font-size:0;} .bc31{width:80%;margin:auto;font-size: 30px;line-height: 1.5;color: #fff;padding:20vw 0 0 0;text-shadow: 0.2vw 0.2vw 0.3vw rgb(0, 0, 0);font-weight: 700;text-align: left;} .bc31-1{width:535px;} .bc31-2{width:507px;margin: 40px 0 20px 0;} .bc31-3{width:494px;} .bc31-4{width:216px;margin-left:10px;} .bc31-5{width:42px;margin-left:0;} .bc32{width:31vw;text-align:right;margin:auto;} .bc32 img{width:100%;padding-left:17vw;} .bc321{width:100%;margin-top: 64px;} .bc321-1{width:111px;margin:0 30px 0 10px;} .bc321-2{width:111px;margin:0 30px 0 10px;} .bc321-3{width:138px;margin:0 30px 0 10px;} .bc333{width:30px;display:inline-block;vertical-align:top;}.bc333 img{width:30px} .bc322{display:inline-block;vertical-align:top;} .bc40{background:url(../images/b4.jpg) no-repeat center top;background-size:2000px;height:100vh !important;text-align:center;min-width:1200px;font-size:0;} .bc50{background:url(../images/b5.jpg) no-repeat center top;background-size:2000px;height:100vh !important;text-align:center;min-width:1200px;font-size:0;} .icon1{ background:url(../images/1.png) no-repeat center top;background-size:100%;background-color:#f5f5f5; text-align:center;font-size:0;padding:3.5vw 0 3.5vw 0;max-height:221px; } .icon11{display:inline-block;vertical-align:middle;width:22vw;text-align:center;} .icon111{display:inline-block;vertical-align:middle;} .icon111 img{} .icon111_1{width:4vw;} .icon111_2{width:4vw;} .icon111_3{width:4vw;} .icon111_4{width:4vw;} .icon112{display:inline-block;vertical-align:middle;text-align:left;margin-left:1.2vw;} .icon112 h3{color:#ffffff;font-size:calc(6px + 1vw);line-height:calc(30px + 1vw);font-weight:400;} .icon112 p{color:#ffffff;font-size:calc(0px + 1vw);line-height:calc(2px + 1vw);} .icon2{border-top:1px solid #dddddd;text-align:center;padding:3vw 0 4vw 0;} .icon21{display:inline-block;min-width:260px;text-align:center;margin:0 1vw;} .icon21 div{border: 1px solid #fff;width:160px;height:160px;display:flex;justify-content:center;border-radius:160px;align-items:center;margin: auto;} .icon21 img{width:80px;} .icon21 h3{color:#fff;font-size:calc(6px + 0.8vw);line-height:calc(20px + 0.8vw);margin-top: 30px;} .icon21 p{color:#000000;font-size:calc(4px + 0.8vw);line-height:calc(12px + 0.8vw);margin-top:0.4vw;font-family:'Poppins','Microsoft YaHei';} .title1{text-align:center;padding:2vw 0 3vw 0;} .title1 p{color:#009eeb;font-size:calc(8px + 1vw);line-height:calc(22px + 1vw);} .title1 h2{font-size:calc(20px + 1vw);line-height:calc(60px + 1vw);font-weight:700;color:black;} .title1 span{background:#009eeb;display:block;margin:auto;width:6vw;height:.4vw;} .title1 img{width:20vw;} .link1{text-align:center;} .link1 a{display:inline-block;vertical-align:top;padding:0.8vw 2vw;color:#000000;font-size:calc(2px + 0.8vw);line-height:calc(4px + 0.8vw);background:#eeeeee;margin:0 1vw;color:#ffffff;background:#009eeb;transition:margin-top 300ms,box-shadow 300ms;} .link11{color:#000000 !important;background:#eeeeee !important;} .link1 a:hover{color:#ffffff;box-shadow:0 5px 12px rgba(0, 0, 0, 0.2);margin-top:-4px;} .link11:hover{color:#000000 !important;} .link2{background:#0040b4;color:white;padding:0 4px 0 6px;} .link21{font-size:16px;line-height:2;margin-right:0px;font-weight: 400;display: inline-block;vertical-align: top;} .link2 span{display:inline-block;vertical-align:top;background:url(../images/ss.svg) no-repeat left center;background-size:1vw;/*! background-color:#238d1f; */line-height:2;width:1.6vw;} .photo2{padding:3vw 0;min-width:1300px;margin:auto;width:80vw;} .photo21{width:50%;display:inline-block;vertical-align:top;text-align:left;} .photo22{width:50%;display:inline-block;vertical-align:top;text-align:right;} .photo23{width:80vw;min-width:1300px;margin:2vw auto 3vw auto;height:37vw;min-height:599px;font-size:0;} .photo231{width:68vw !important;height:37vw !important;min-width:1100px;min-height:599px;display:inline-block;vertical-align:top;} .photo232{width:11.6vw !important;height:37vw !important;min-width:190px;min-height:599px;display:inline-block;vertical-align:top;margin-left:0.4vw !important;padding:0 !important} .photo231_pic{width:68vw;height:37vw;min-width:1100px;min-height:599px;} .photo231_pic img{width:68vw;height:37vw;min-width:1100px;min-height:599px;} .photo232_pic{width:11.6vw;height:9vw;min-width:190px;min-height:141px;background:black;opacity:1 !important;overflow:hidden;} .photo232_pic img{width:11.6vw;height:9vw;min-width:190px;min-height:141px;display:block;opacity:0.4;font-size:0;} .gallery-thumbs .swiper-slide-thumb-active img{opacity:1 !important;} .photo24{height:2vw;} .photo3{text-align:center;font-size:0;width:100%;padding:5vw 0 8vw 0;} .photo3_title{font-size: 2.5vw;line-height: 1.5;font-weight: 700;color: #0040b4;padding-bottom:2vw;} .photo3_title img{margin:0 2vw;} .photo3w{width:80%;margin:auto;max-width: 1800px;min-width: 1250px;} .photo31{display:inline-block;vertical-align:top;width:22%;position:relative;text-align:left;max-width: 600px;margin:0 3% 0 0;} .photo31 a{width:100%;display:block;box-sizing: border-box;transition: all 600ms;} .photo31 a img{width:100%;} .photo31:nth-child(4){box-sizing:border-box;margin:0;} .photo311{margin:0;font-size:1.1vw;line-height:1;color:rgb(255, 255, 255);font-weight: 700;position: absolute;left: 0;bottom: -1vw;background: #0040b4;padding: 1vw 1.5vw;transition: all 300ms;} .photo31:hover .photo311{margin-top:1.1vw;color:white;font-size:1.6vw;} .photo4{text-align:center;font-size:0;width:80%;padding:0 0 5vw 0;margin: auto;} .photo41{ display:inline-block;vertical-align:top;width:30%;height:20vw;position:relative;border:1px solid #eeeeee; box-sizing:border-box;text-align:left;margin-bottom:50px; background-size:100%;background-repeat:no-repeat;background-position:right bottom;transition:background 500ms; } .photo41:nth-child(3n-1){margin-left:65px;margin-right:65px;} .photo41 a{width:100%;height:300px;display:block;} .photo41:hover{background-size:103%;} .photo41 a img{width:100%;} .photo411{margin:0;font-size:24px;line-height:2;color:black;font-weight:700;transition:color 500ms;} .photo41:hover .photo411{color:#0040b4;} .photo412{margin:20px 0 0 30px;font-size:calc(6px + 1vw);line-height:calc(20px + 1vw);color:#009eeb;font-weight:700;transition:margin 300ms;} .photo412 span{background-color:#009eeb;color:white;padding:.3vw 1vw;line-height:calc(30px + 1vw) !important;} .photo41:hover .photo412{margin-left:5vw;} .photo413{transition:bottom 300ms;display: none;} .photo413:hover{bottom:36px;} .photo5{text-align:center;font-size:0;width:100%;margin:80px auto 0 auto;display:inline-block;vertical-align:top;background:#f5f5f5;padding:60px 0 50px 0;} .photo50{width:1300px;margin:auto;text-align:left;} .photo51{ display:inline-block;vertical-align:top;width:241px;height:100px;position:relative;border:1px solid #eeeeee; box-sizing:border-box;text-align:left;margin:0 9px 20px 9px; background-size:70%;background-repeat:no-repeat;background-position:right bottom;transition:background 500ms;background-color:white; } .photo51 a{width:100%;display:block;} .photo51:hover{background-size:80%;} .photo511{margin:10px 0 0 14px;font-size:18px;line-height:30px;color:black;font-weight:700;transition:color 500ms;} .photo51:hover .photo511{color:#009eeb;} .photo512{margin:20px 0 0 30px;font-size:calc(6px + 1vw);line-height:calc(20px + 1vw);color:#009eeb;font-weight:700;transition:margin 300ms;} .photo512 span{background-color:#009eeb;color:white;padding:.3vw 1vw;line-height:calc(30px + 1vw) !important;} .photo51:hover .photo512{margin-left:5vw;} .photo513{position:absolute;left:4px;bottom:10px;transition:bottom 300ms;transform: scale(0.75)} .photo513:hover{bottom:10px;} .proinfo{font-size:0;text-align:center;box-sizing:border-box;margin: 0 0 0 50px;width: 1000px;} .proinfo1{display:inline-block;vertical-align:top;width:1300px;margin:30px 0 0 0;} .proinfo1 .xl_pro_list{min-width:1300px !important;width:1300px !important;border-bottom:4px solid #eeeeee;} .zc_proinfo_swiper{display:inline-block;vertical-align:top;width:630px;} .proinfo2{display:inline-block;vertical-align:top;width:100%;margin-left:0;text-align:left;} .proinfo21{width: 100%;} .proinfo21 h1{font-size: 18px;font-weight: 700;color: white;background: #124ac5;line-height: 1;padding: 15px 30px;letter-spacing: 2px;margin-bottom: 20px;} .proinfo21 p{font-size: 16px; font-weight: normal; color: rgb(69, 69, 69); line-height: 1.5;} .proinfo22{color: rgba(66,66,66,1); font-size: 16px;line-height: 1.5;border-top: 1px solid rgba(0,0,0,.1);border-bottom: 1px solid rgba(0,0,0,.1);padding: 10px 0;margin: 20px 0;} .proinfo23{font-size: 1vw; color: rgba(37,37,37,1); line-height: 1.8; padding-bottom: 20px; } .proinfo24{font-size: 14px; color: rgba(153,153,153,1); line-height: 1.8;} .proinfo25{text-align: left !important;margin-top: 1vw !important;} .proinfo25 a{font-size: 14px; color: rgba(153,153,153,1); line-height: 1.8;} .proinfo3{line-height:3;font-size: 22px;font-weight: bold;color: rgba(68,68,68,1);text-align: left;margin: 2vw auto 0 auto;border-bottom: 2px solid rgba(0,0,0,.1);display: none;} .proinfo4{} .proinfo5{font-size:20px;color:black;line-height:2;font-weight:700;margin-top:30px;} #feedback{margin:0 0 50px 0;} .nnfd{width:1300px;margin:auto;font-size:0;} .nnfd1{line-height:3;font-size: 22px;font-weight: bold;color: rgba(68,68,68,1);text-align: left;width: 100%;margin: 2vw auto 0 auto;border-bottom: 2px solid rgba(0,0,0,.1);} .nnfd1 span{font-size:14px;line-height:1;font-weight:400;color:#797979;} .nnfd2{display: inline-block;vertical-align: top;width:30%;margin:30px 0 0 0;} .nnfd2:nth-child(3){margin:30px 5% 0 5% !important;} .nnfd21{line-height:2;font-size:14px;font-weight: bold;color: rgba(68,68,68,1);text-align: left;} .nnfd22 input{border:1px solid #dddddd;width:100%;box-sizing:border-box;padding:5px 10px;line-height:1.4;font-size:14px;color:#555;} .nnfd31{line-height:2;font-size:14px;font-weight: bold;color: rgba(68,68,68,1);text-align: left;margin-top:30px;} .nnfd32 textarea{border:1px solid #dddddd;width:100%;height:100px;box-sizing:border-box;padding:8px 10px;line-height:1.6;font-size:15px;color:#555;} .nnfd4{text-align:left;margin-top:30px;} .nnfd4 button{display: block; text-align: center; box-sizing: border-box; width: 200px; padding: 10px 15px; background-color: #474747; line-height:1;font-size:14px;font-weight: bold;color:#ffffff; border: 0; } .lgd_title{text-align:center;} .lgd_title1{font-size:36px;line-height:1;color:black;font-weight:700;letter-spacing: 3px;} .lgd_title2{font-size:16px;line-height:1;color:#708193;margin:15px 0;font-weight: 700;letter-spacing: 1px;} .lgd_title3{background:#124ac5;width:80px;height:7px;border-radius:100px;margin: 0 auto 30px auto;} .lgd_bannerzz{width: 100%;overflow: hidden;text-align: center;display: flex;justify-content: center;margin-top:-16px;z-index:10;position:relative;} .lgd_bannerzz img{width:2000px;margin:auto;} .lgd_bannerx{width: 100%;overflow: hidden;text-align: center;display: flex;justify-content: center;} .lgd_bannerx img{width:2000px;margin:auto;} .lgd_company{width:100%;display:flex;max-width: 2000px;margin: auto;} .lgd_company1{flex:0 1 auto;display:flex;overflow: hidden;justify-content: right;max-width: 887px;} .lgd_company1 img{width:auto;max-width:927px;} .lgd_company2{flex:1 0 auto;display:flex;background:url(../images/l3.jpg) no-repeat left top;} .lgd_company21{flex:1 0 auto;max-width: 750px;padding: 55px 50px 0 70px;box-sizing: border-box;} .lgd_company211{color: #124ac5;font-size: 26px;line-height: 1;margin-bottom: 15px;font-weight: 700;} .lgd_company212{color: #3d3d3d;font-size: 16px;line-height: 1;margin-bottom: 15px;font-weight: 700;} .lgd_company213{margin-top:45px;color:#444;font-size:18px;line-height:2.5;margin-bottom: 15px;font-weight:400;-webkit-line-clamp: 9;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;letter-spacing: 3px;} .lgd_company214{margin-top:30px;} .lgd_company22{} .lgd_company23{} .lgd_company24{} .lgd_company22{flex:1 0 auto;width: auto;} .lgd_td{width:1300px;margin:auto;padding:70px 0 80px 0;} .lgd_td1{width:100%;text-align: center;} .lgd_td2{width:92%;margin:auto;} .lgd_td21{display:flex;justify-content:space-around;align-items: center;flex-flow: nowrap;margin-top: 20px;} .lgd_td21img{flex: 50%;text-align: left;display: flex;justify-content: space-between;align-items: center;padding-right:50px;box-sizing:border-box;} .lgd_td21img img{margin-right:30px;} .lgd_td21c{} .lgd_td21c h3{color:#124ac5;font-size:36px;line-height:1;margin-bottom:15px;} .lgd_td21c p{color:#555;font-size:16px;line-height:1.4;margin-bottom:10px;} .lgd_tdpic{flex: 50%;text-align:center;} .lgd_shebei{width:100%;padding:60px 0 80px 0;position:relative;} .lgd_shebei .lgd_title{color:white;} .lgd_shebei1{background:#ca103f;position:absolute;top:0;width:100%;height:280px;z-index:-1;} .lgd_shebei2{width:100%;} .lgd_shebei_img,.lgd_shebei_img img{width:100%;} .lgd_shebei_title{text-align:left;font-size:16px;color:#2b435d;display: flex;align-items: center;} .lgd_shebei_title img{width:15px;margin-right:15px;} .ssb{width:1300px;margin:30px auto 0 auto;} .lgd_news{background:#f6f7fb;padding:70px 0 60px 0;} .snews{width:1300px;margin:auto;box-sizing: border-box;padding: 0 20px !important;} .snews .swiper-wrapper{padding:0 20px;box-sizing: border-box;} .snews .swiper-slide{margin:15px 0;} .lgd_news1{display:block;padding:20px;background:white;border-bottom:4px solid #124ac5;position:relative;} .lgd_news_data{position:absolute;top:-10px;left:-10px;background-color: #124ac5;text-align: center;padding: 15px 15px 10px 15px;border-radius: 20px 0 0 0;} .lgd_news_data span{font-size:40px;color: white;line-height:1;display:block;} .lgd_news_data p{font-size:16px;color: white;line-height: 2;} .lgd_news_img img{width:100%;} .lgd_news_title{line-height:1.3;font-size:16px;color:#333333;margin:5px 0 0 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .lgd_news_title2{line-height:1.3;font-size:14px;color:#666666;margin:5px 0;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;height: 40px;} .lgd_news_more{text-align:left;} .lgd_news_more img{width:30px;margin:10px 0;} .lgd_contact{width:1300px;margin:0 auto 80px auto;} .lgd_contact1{border-bottom:1px solid #ddd;text-align:center;font-size:30px;line-height:1.4;color:black;padding:50px 0 40px 0;} .lgd_contact2{display:flex;justify-content: space-between;flex-wrap: nowrap;} .lgd_contact21{text-align:center;} .lgd_contact21 img{display:block;margin:30px auto 10px auto;} .lgd_contact21 span{font-size:16px;color:#666;line-height:2;margin-bottom:10px;} .lgd_contact21 p{font-size:22px;color:#000;line-height:1.4;} .lgd_contact22{text-align:center;} .lgd_contact221{text-align:center;padding:30px 0 0 0;} .lgd_contact221 img{width:60%;} .lgd_contact222{font-size:16px;line-height:1.2;color:#555;} .jl_main1{width: 1200px;margin: 30px auto 0 auto;display: flex;justify-content: space-between;} .jl_main2{width: 1200px;margin:30px auto;} .jl_main3{width: 1200px;margin:60px auto 10px auto;} .jl_company{width: 383px;}.jl_news{width: 382px;}.jl_contact{width: 323px;} .jl_company1{display: flex;justify-content: space-between;align-items: center;} .jl_company11{text-align:left;display: flex;align-items: center;font-size: 16px;font-weight: 700;color: #333;line-height: 2;} .jl_company11 img{height:16px;margin-right: 10px;} .jl_company12{width: 79px;height: 23px;} .jl_company12 a{display:inline-block;line-height: 2;vertical-align: middle;} .jl_company2{width: 100%;margin: 15px 0;} .jl_company3{font-size: 14px;line-height: 1.7;color: #666666;} .jl_company_new{} .jl_company_new ul{} .jl_company_new ul li{font-size:14px;line-height:1.6;display:flex;justify-content: space-between;} .jl_company_new ul li:before{content:"•";padding-right:8px;} .jl_company_new ul li a{font-size:14px;line-height:1.6;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:10px;} .jl_company_new ul li span{font-size:14px;line-height:1.6;color:#666;} .jl_contact_c{} .jl_contact_c ul li{font-size:14px;line-height:1.6;color:#666;padding-left:6px;display:flex;align-items: center;} .jl_contact_c ul li img{width:20px;padding-right:8px;} .swiper-father{width:1350px;margin:0 auto 80px auto;position: relative;} .swiper-button-next-p,.swiper-button-prev-p{margin-top:-60px !important;} .spro{width:1200px;margin-top:20px;} .spro .swiper-wrapper{/*! height: 80%; */} .spro .swiper-slide{display:block;height:100%;box-sizing: border-box;transition: all 800ms;border:0;} .spro a{text-decoration: none;} .spro_img{width:100%;border:1px solid #ddd;overflow:hidden;display: flex;} .spro_img img{max-width:100%;margin:0 auto;scale:1;transition: all 800ms;height: 225px;} .spro_title{font-size:16px;line-height:1.2;color:#333;padding: 10px 0 5px 0;width:100%;margin:auto;border-radius: 5px;transition: all 800ms;text-align:center;font-weight: 400;} .spro_title2{padding:0 0 30px 0;text-align:center;width:100%;margin:auto;box-sizing: border-box;font-size:14px;line-height: 1.6;color: #666666;transition: all 800ms;} .spro .swiper-slide:hover .spro_img img{scale:1.1;} .spro .swiper-slide:hover{} .spro .swiper-slide:hover .spro_title{} .spro .swiper-slide:hover .spro_title2{} .wenhua_content{width:100%;text-align: left;font-weight: 400;} .wenhua_c{width:800px;margin:0 auto 30px auto;display:flex;justify-content:center;align-items:center;background:#1b4fb4;} .wenhua_img{width:400px;}.wenhua_img img{width:100%;} .wenhua_text{width:400px;color:white;display:flex;align-items:center;justify-content:center;font-size:20px;color:white;line-height:2;font-weight:700;text-align:center;} .about1{padding:4vw 0 4vw 0;text-align:center;font-size:0;} .about11{width:45%;min-width:550px;display:inline-block;vertical-align:top;} .about11 img{width:100%;} .about12{width:50%;min-width:650px;display:inline-block;vertical-align:top;text-align:left;box-sizing:border-box;padding:0 0 0 5%;} .about121{text-align:left;border-left:3px solid #009eeb;padding-left:1vw;margin-bottom:2vw;} .about121 p{color:#009eeb;font-size:calc(8px + 1vw);line-height:calc(22px + 1vw);} .about121 h2{font-size:calc(18px + 1vw);line-height:calc(22px + 1vw);font-weight:400;color:black;} .about122{color:#ffffff;background:#009eeb;letter-spacing:0.3vw;font-size:calc(4px + .8vw);line-height:calc(6px + .8vw);font-weight:400;text-align:left;padding:0.6vw 2vw;display:inline;margin-bottom:2vw;} .about123{color:#555555;font-size:calc(2px + .8vw);line-height:calc(10px + .8vw);margin:3vw 0 0 0;} .about13{text-align:left !important;} .about13 a{margin:2vw 0 0 0 !important;} .about2{text-align: center;min-width: 1300px;width: 100%;background: url(../images/aboutbg.jpg) no-repeat center center;background-size: 100%;font-size: 0;max-width: 2000px;padding: 3vw 0 8vw 0;background-attachment: fixed;margin: 5vw 0;} .about2122{width: 100%;padding: 0 0 3vw 0;letter-spacing: .1vw;box-sizing: border-box;margin: 0 auto;text-align: center;font-family: "89d9e7d5-173e-432d-9b2c-aaa3781be2e9";color: #183288;} .about2122 h1{font-size:2.5vw;line-height:1.5;font-weight:700;color: #0040b4;} .about2122 p{font-size:0.9vw;line-height:1.5;font-weight:400;color:#333;} .about2122 img{margin:1vw auto;width:2vw;} .about_more{width:100%;margin:2vw auto;text-align:center;} .about_more a{display:inline-block;padding:.6vw 2vw;vertical-align:top;font-size:1vw;line-height:1;color:white;background-color: #ff6000;border-radius: 100rem;transition: all 500ms;font-weight: 700;} .about_more a:hover{font-weight:700;color:white;background-color:#004094;} .about2123{width:600px;margin:0;text-align: right;display: inline-block;vertical-align: top;min-width: 600px;padding-right: 4vw;} .about2123 img{max-width:100%;} .about31,.about32{display:inline-block;vertical-align:top;width:40%;font-size:40px;font-family: "89d9e7d5-173e-432d-9b2c-aaa3781be2e9";} .about2121{font-size:.9vw;line-height:1.7;font-weight:400;color:#444;width: 600px;display: inline-block;vertical-align: top;min-width: 600px;text-align:left;} .about21211{font-size: 36px;line-height: 1.2;font-weight: 700;color: #000;letter-spacing: .2vw;} .about21212{-webkit-line-clamp: 7;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;padding-top: 1vw;font-size: 16px;color: #333333;} .about2121 .about_more{margin:20px 0 0 0 !important;text-align: left;} .icon3{text-align:center;background: #00379c;padding: 0 10px 10px 10px;width: 1200px;margin: -160px auto 0 auto;/*! min-width: 1300px; */border-radius: 10px;font-size: 0;position: relative;height: 130px;box-sizing: border-box;} .icon31{background: #0056c4;margin: 0 auto;border-radius: 10px;display: flex;justify-content: space-between;text-align: center;width: 1180px;box-sizing: border-box;position: absolute;top: -10px;height: 130px;padding: 0;} .icon311{width: 18%;margin-top: -20px;position: relative;} .icon3b1{width: 90%;background: #0080e2;margin: 0 0 0 3%;border-radius: 50vw;position: absolute;top: 0;height: 48px;} .icon3b2{background: #0040b4;width: 90%;margin: 0 0 0 5%;border-radius: 50vw;position: absolute;top: 5px;left: 0;height: 48px;} .icon3_title{font-size: 22px;color: white;line-height: 2;position: absolute;top: 5px;left: 0;text-align: center;width: 200px;margin: 0 0 0 5px;} .icon3_c{font-size: 15px;color: white;line-height: 1.4;position: absolute;top: 80px;width: 100%;text-align: center;} .xl_honor{background-size: 13vw;padding: 5vw 0;background-color: white;width: 1200px;margin: 0 auto 0 auto;padding: 50px 0 50px 0;/*! max-width: 1800px; *//*! min-width: 1250px; */box-sizing: border-box;} .xl_honor_1{width: 100%;box-sizing: border-box;margin-bottom: 2vw;} .xl_honor_11{display:inline-block;vertical-align:top;width:5vw;height:.5vw;background:#009eeb;margin-top:1.6vw;} .xl_honor_12{text-align: center;} .xl_honor_12 h2{font-size:2.5vw;line-height:1.5;padding: 0;text-align: center;color: #0040b4;font-weight: 700;} .xl_honor_12 h3{margin:.3vw 0 0 0;font-weight: 400;font-size: .9vw;} .xl_honor_12 p{text-align:center;font-size:.9vw;color:#333;line-height: 2;} .xl_honor_12 h3 img{width:6vw;margin-right: .4vw;} .xl_honor_2{position:absolute;left:0;bottom:0;width:37vw;z-index:1;text-align:left;padding:2vw 0 4vw 5vw;box-sizing:border-box; font-size:calc(2px + 1vw);line-height:calc(18px + 1vw);font-weight:300;color:#747474; display: none; } .xl_honor_3{width:100%;margin: auto;/*! max-width: 1600px; *//*! min-width: 1300px; */} .xl_honor_31{position: relative;}.xl_honor_31 img{width:100%;} .xl_honor_32{font-size:18px;line-height:1;font-weight:400;color:#000;padding: 1vw 0 1vw 1.5vw;text-align: left;background: url(../images/ss1.svg) no-repeat left center;background-size: 1.5vw;} #swiper2 .swiper-pagination-bullet{background:#4c4c4c;width:10px;height:10px;} #swiper2 .swiper-pagination-bullet-active{background:#183288;} .swiper-pagination-case{margin:2vw auto 0 auto;text-align:center;} #swiper2 .swiper-slide { text-align: center; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition:all 1500ms; border: 1px solid #dddddd; padding: .6vw; } #swiper2 .swiper-slide-active{opacity:1;transition:all 1500ms;} .td{width:100%;text-align:center;margin:5vw 0;background: url(../images/11.jpg) no-repeat center top;background-attachment: fixed;padding: 5vw 0;box-sizing: border-box;} .tdtitle{font-size: calc(20px + 1vw);line-height: calc(60px + 1vw);font-weight: 700;color: white;margin: 0 0 3vw 0;} .tdlist{width:90vw;min-width:1300px;margin:auto;font-size:0;} .tdtd{display:inline-block;vertical-align:top;width:11vw;border-bottom: 1px solid #fff2;border-right: 1px solid #fff2;padding:0 1vw 2vw 1vw;} .tdtd span{width:4vw;height:4vw;margin:2vw auto;display:block;text-align:center;} .tdtd img{margin:auto;width:100%;transition: all 500ms;} .tdtd p{font-size:calc(2px + 1vw);line-height:calc(18px + 1vw);color: white;border-radius: 5px;background: transparent;transition: all 300ms;} .tdtd:nth-child(8n){border-right:0;} .tdtd:nth-child(n+9){border-bottom:0;} .tdtd:hover img{transform: scale(1.2);} .tdtd:hover p{background:#008acd;} .news1{background:url(../images/2.png) no-repeat center top;font-size:0;width: 100%;text-align: center;padding:3vw 0 4vw 0;} .news1 .title1{width:80vw;min-width:1300px;margin: 0 auto 2vw auto;text-align:left;} .news1 .title1 h2{color:white;} .news11{display:inline-block;vertical-align:top;width:40vw;min-width:650px;height:27.8vw;position:relative;overflow:hidden;} .news111{width:100%;width:100%;min-height:27.8vw;transition:transform 600ms;} .news11:hover .news111{transform: scale(1.05);} .news112{position:absolute;bottom:0;width:100%;background:#009eeb;font-size:calc(2px + .8vw);line-height:calc(10px + .8vw);color:white;box-sizing:border-box;padding:0.7vw 1.6vw;text-align:left;} .news12{display:inline-block;vertical-align:top;width:40vw;min-width:650px;box-sizing:border-box;padding:0 0 0 2vw;text-align:left;} .news121{padding:.7vw;background:white;margin-bottom:1vw;} .news1211{display:inline-block;vertical-align:top;width:16vw;overflow:hidden;} .news1211 img{width:100%;transition:transform 600ms;} .news1212{display:inline-block;vertical-align:top;width:20vw;box-sizing:border-box;padding:1vw 1vw 0 2vw;} .news1212 h3{font-size:calc(3px + 1vw);line-height:calc(14px + 1vw);font-weight:400;color:black;margin-bottom:1.4vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;} .news1212 p{ font-size:calc(0px + .8vw);line-height:calc(4px + .8vw);font-weight:400;color:black;color:#666666;margin-bottom:1.4vw; -webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;height:2.6em; } .news1212 span{font-size:calc(0px + .8vw);line-height:calc(10px + .8vw);font-weight:400;color:#009eeb;display:block;} .news1212 .news1212_date{color:#999999;margin-top:1vw;} .news121:hover .news1211 img{transform: scale(1.1);} .other1{width:50%;display:inline-block;vertical-align:top;text-align:right;font-size:calc(2px + 0.8vw);line-height:calc(22px + 1vw);color:#666666;padding-top:1.1vw;} .other2{text-align:center;min-width:1300px;margin:auto;padding:4vw 0;} .other21{font-size:calc(8px + 1vw);line-height:calc(18px + 1vw);font-weight:400;color:black;margin-bottom:2vw;} .other22{margin-bottom:1.5vw;} .other22 input{border:0;background:#eeeeee;padding:1vw 1vw;font-size:calc(0px + .8vw);line-height:calc(6px + .8vw);font-weight:400;margin-right:0.7vw;} .other221{width:10vw;} .other222{width:20vw;} .other22 button{border:0;background:#009eeb;color:white;padding:1vw 3vw;font-size:calc(2px + .8vw);line-height:calc(6px + .8vw);font-weight:400;} .other23{font-size:calc(2px + .8vw);line-height:calc(6px + .8vw);font-weight:400;color:#666666;margin-bottom:2vw;} .other3{width:1300px;min-width:1300px;margin:3vw auto 6vw auto;box-sizing:border-box;font-size:0;} .other31{display:inline-block;vertical-align:top;width:800px;margin-top:3vw;} .other31 h1{font-size:30px;line-height:50px;font-weight:700;color:#009eeb;margin-bottom:1vw;text-align:center;} .other31 p{font-size:15px;line-height:28px;font-weight:400;color:#333333;text-indent:2em;} .other32{display:inline-block;vertical-align:top;width:450px;border-left:1px solid #eee;box-sizing:border-box;padding-left:3vw;margin:3vw 0 0 50px;} .other32 h2{font-size:22px;line-height:40px;font-weight:700;color:#000000;margin-bottom:0;} .other32 h3{font-size:30px;line-height:40px;font-weight:700;color:#009eeb;margin-bottom:2vw;} .other32 p{font-size:18px;line-height:40px;font-weight:400;color:#666666;margin-bottom:1vw;} .other321{background:url(../images/w5.svg) no-repeat left center;background-size:30px;padding-left:40px;} .other322{background:url(../images/w2.svg) no-repeat left center;background-size:30px;padding-left:40px;} .other323{background:url(../images/w1.svg) no-repeat left center;background-size:30px;padding-left:40px;} .other324{background:url(../images/w3.svg) no-repeat left center;background-size:30px;padding-left:40px;} .other325{background:url(../images/w4.svg) no-repeat left center;background-size:30px;padding-left:40px;} .other33{border-top:1px solid #eeeeee;margin-top:3vw;padding-top:3vw;} .other33 h2{font-size:30px;line-height:50px;font-weight:700;color:#009eeb;margin-bottom:2vw;text-align:center;} .other331{display:inline-block;vertical-align:top;width:240px;font-size:16px;text-align:left;box-sizing:border-box;padding:1vw .8vw;line-height:24px;background:#f5f5f5;color:#666666;margin:0 10px;border-radius:10px;height:160px;transition:background 300ms,margin-top 300ms;} .other331:hover{background:#009eeb;color:white;margin-top:-10px;} .bgbg{width: 100%;font-size:0;background-image: url(../images/bg.jpg);background-size: 100%;background-repeat: no-repeat;background-position: center;background-attachment: fixed;}.bgbg img{width:100%;font-size:0;} .bgbg h1{text-align:center;padding:7vw 0;line-height:2;color: #183288;font-weight: 400;font-size: 76px;letter-spacing: 1vw;text-shadow: 0 0 1vw rgba(0,0,0,50%);} .dj_news{max-width:1600px;margin: 0 auto 0 auto;min-width:1300px;width:100%;font-size:0;text-align:center;padding:5vw 0 8vw 0;} .dj_news1{max-width:1600px;margin: 0 auto 0 auto;min-width:1300px;width:100%;font-size:0;text-align:center;} .dj_news1 .xl_honor_12 h3{font-size:2.6vw !important;line-height:1 !important;color:#0040b4 !important;font-weight: 700 !important;} .dj_news1 .xl_honor_12 h2{color:#000;font-size:2vw;} .dj_news1 .xl_honor_12 hr{height:1px;display:inline-block;vertical-align:middle;line-height:2;width:3vw;background:#0040b4;margin:0 1.4vw;} .dj_news_title{font-size:30px;line-height:50px;text-align:center;margin-bottom:50px;font-weight:400;color:black;} .dj_news11{display:inline-block;vertical-align:top;width:20vw;height:22.29vw;max-width:420px;max-height:468px;box-sizing:border-box;} .dj_news11 img{width:100%;font-size:0;margin:0 auto;padding:0;display:block;} .dj_news13{display:flex;justify-content:space-between;box-sizing:border-box;text-align:left;font-size: 0;} .dj_news12{padding:0;box-sizing:border-box;transition:background 500ms;text-align:left;background: #f5f5f5;position: relative;width: 32%;background: url(../images/newsborder.png) no-repeat center center;background-size: 100%;} .dj_news121{padding:1vw 0 1vw 0;text-align:center;box-sizing:border-box;background: #1349a4;display: inline-block;vertical-align: top;width: 18%;height: 5.7vw;} .dj_news121 h3{font-size:3vw;color:#fff;line-height:1;font-weight:700;} .dj_news121 p{font-size:.7vw;line-height:1;font-weight:400;color: white;} .dj_news122{width:82%;box-sizing:border-box;padding:.7vw 1.5vw .8vw 1.5vw;background: #f5f5f5;transition: all 400ms;display: inline-block;vertical-align: top;height: 5.7vw;overflow: hidden;} .dj_news122 h2{color:#000;font-size:1vw;line-height:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight: 400;} .dj_news122 p{color:#777777;font-size:.8vw;font-weight:400;line-height:1.4;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;} .dj_news12:hover .dj_news122{background:#1349a4;padding:.7vw 1.5vw .8vw 1.5vw;} .dj_news12:hover .dj_news122 h2,.dj_news12:hover .dj_news122 p{color:white;} .dj_news123{width:100%;overflow:hidden;} .dj_news123 img{width:100%;height: 16vw;} .dj_news124{display:none;} .dj_news124 img{width:100%;height: 16vw;} .dj_news12:nth-child(2){margin:0 1%;} .dj_news12:hover{background:#f5f5f5;} .jy_icon{width:80vw;max-width:1800px;margin:0 auto 5vw auto;} .jy_icon img{width:100%;} .footer1{text-align:center;padding:0;font-size:0;background-color: #000;} .footer1_w{padding:30px 0 0 0;width: 950px;max-width: 1200px;text-align: left;margin:auto;display: inline-block;vertical-align: top;} .footer_zonghe{text-align:left;min-width:300px;margin: auto;width: 1200px;/*! max-width: 1600px; */padding: 0;border-top: 1px solid #ffffff50;} .footer_logo{width:100%;margin-bottom:0.6vw;display: none;} .footer_logo img{width:18.2vw;} .footer_11{text-align:left;display: inline-block;vertical-align: top;padding: 0 5vw 2vw 3vw;} .footer_11 h3{font-weight:400;font-size: 12px;color:#fff;text-align:left;line-height: 1.5;} .footer_11 h2{font-size:16px;color:#fff;font-weight: 400;line-height: 1.5;} .f_ren{background: url(../svgs/w5.svg) no-repeat left top;background-color: rgba(0, 0, 0, 0);background-size: 2.5vw;} .f_tel{background: url(../svgs/w7.svg) no-repeat left top;background-color: rgba(0, 0, 0, 0);background-size: 2.5vw;} .f_mail{background: url(../svgs/w4.svg) no-repeat left center;background-color: rgba(0, 0, 0, 0);background-size: 2.5vw;margin: 0 10%;} .f_add{background: url(../svgs/w8.svg) no-repeat left top;background-color: rgba(0, 0, 0, 0);background-size: 2.5vw;} .footer_contact1{display:none;vertical-align:top;text-align:left;width:22vw;margin:0 0 0 2vw;min-width:300px;} .footer_contact1 h2{color:#000000;font-weight:700;font-size:calc(2px + 1vw);line-height: calc(40px + 0.4vw);border-bottom: 1px solid #ccc;margin-bottom: .8vw;padding-bottom: 0.6vw;display: none;} .footer_contact11{color: #fff;font-size: 0.8vw;} .footer_contact11 p{font-size:0.8vw;line-height:1vw;margin-bottom:0.4vw;} .footer_qr{display:inline-block;vertical-align:top;width:100px;/*! max-width:120px; */margin-left:10px;padding: 60px 0 0 0;} .footer_qr img{width:100%;} .footer_qr p{font-size:0.7vw;color:#666666;line-height:1vw;margin-top:0.2vw;} .footer_info{width:100%;margin:auto;padding:0;color:#aaa;text-align:center;box-sizing:border-box;font-size: 0;} .footer_info a,.footer_info span{color:#aaa;font-size:13px;line-height:3;margin:0 10px;display: inline-block;vertical-align: middle;} .footer_info a:hover{color:#ddd;} /*==============================================================================================*/ /*==============================================================================================*/ /*==============================================================================================*/ /*==============================================================================================*/ /*==============================================================================================*/ /*==============================================================================================*/ /*==============================================================================================*/ /*内页BANNER-------------------------------------------------------------------------------------*/ .zc-banner{width:100%;font-size: 0;} .zc-banner img{width:100%;} .banner_x1{width:100%;min-width:1300px;} .banner_x1 img{width:100%;} .navbag{ width:80vw;margin:auto;min-width:1300px;border-bottom: 1px solid #eeeeee;padding:1vw 0 1vw 1.6vw; background:url(../images/home.svg) no-repeat left center;background-size:1vw; } .navbag span{color:#777777;font-size: calc(2px + 0.8vw);line-height:calc(16px + 0.8vw);} .navbag a{color:#777777;font-size:calc(2px + 0.8vw);line-height:calc(16px + 0.8vw);} .navbag a:after{content:' > ';} .jy_navbag{ width:100%;margin:auto;padding:15px 50px 15px 0;box-sizing:border-box; font-size:14px;line-height:1;font-weight:400;color:#868686; position:relative; background: #e9e9e9; text-align: right; } .jy_navbag a{display:inline-block;vertical-align:middle;font-weight:400;color:#7e7e7e;font-size: 14px;line-height: 1;} .jy_navbag_1{position:absolute;left:0;top:-4vw;width:8vw;height:8vw;background:#009eeb;text-align:center;box-sizing:border-box;padding:0.8vw 0 0 0;} .jy_navbag_1 h1{font-size:calc(8px + 1vw);line-height:calc(10px + 1vw);font-weight:700;color:#ffffff;padding:1vw 0;} .jy_navbag_1 hr{border:0;border-top:1px solid rgba(255,255,255,.3);display:block;margin:auto;height:1px;width:3vw;} .jy_navbag_1 p{color:white;font-size:calc(4px + 1vw);line-height:calc(10px + 1vw);font-weight:400;padding:.4vw 0 0 0;text-align: center;} .jy_navclass{margin-top:3vw;width:155px;border-right:1px solid #dddddd;display:inline-block;vertical-align:top;top:0;transition:top 800ms;} .jy_navclass h1{ display:inline-block;vertical-align:middle;font-size:calc(18px + 0.2vw);line-height:calc(30px + 1vw);font-weight:700;color:#333333; margin-right:2vw;margin-bottom:1vw;border-bottom:0.25vw solid #009eeb; } .jy_navclass a{ display:inline-block;vertical-align:middle;font-size:calc(14px + 0.2vw);line-height:calc(30px + 1vw);font-weight:400;color:#555555; margin-right:2vw; } .jy_navclass a:hover{color:#009eeb} .main{width:1300px;margin:50px auto 50px auto;display: flex;justify-content: center;align-items: start;} #xl_left_list{padding: 0;width:250px;} #xl_left_list h4{font-size:24px;line-height:2;background:url(../images/leftbg.jpg) no-repeat center center;background-color:#1b4fb4;color: white;text-align: center;padding: 15px 0;} #xl_left_list > ul{padding:0;border: 1px solid #ddd;border-top: 0;} #xl_left_list > ul > li{text-align:left;width:100%;background: #ffffff;border-bottom:1px solid #ddd;} #xl_left_list > ul > li > a{font-size:17px;color:black;line-height:1;padding:15px 0 15px 20px;box-sizing: border-box;transition:300ms;font-weight: 400;display: block;} #xl_left_list > ul > li > a:hover{color:#124ac5;background: #f5f5f5;font-weight:700;} #xl_left_list > ul > li:last-child{border:0;} .xl_left_list_dd{border-bottom:10px solid #1b4fb4;color:#fff !important;background: #f5f5f5 !important;} .web_left_bottom{margin-top:20px;border:1px solid #cccccc;background:#f5f5f5;text-align:center;padding:50px 0;} .web_left_bottom img{width:130px;margin:0 auto 10px auto;} .web_left_bottom p{font-size:15px;line-height:1.6;color:#333;font-weight: 700;margin-bottom: 5px;} .web_left_bottom h3{font-size:20px;line-height:1.6;color:#0057c7;font-weight: 700;} .xl_company{width:950px;margin:0 0 0 50px;padding:0;text-align:center;/*! font-size:0; */} .xl_company_title{border-bottom:1px solid #ddd;margin:0 auto 30px auto;display: none;justify-content: space-between;align-items: center;padding: 10px 0;} .xl_company_title1{font-size:16px;line-height:1.2;color:#333;font-weight:700;} .xl_company_title1 img{width:12px;margin-right:10px;} .xl_company_title2{font-size:12px;line-height:1.2;color:#666;} .xl_company_title2 a{color:#666;} .aa_11{/*! font-size:0; */box-sizing:border-box;padding:0 0 0 0;display:inline-block;vertical-align:top;} .aa_111{text-align:center;font-size:calc(20px + 1vw);line-height:calc(40px + 2vw);font-weight:400;} .aa_112{font-size:14px;line-height:2;font-weight:400;box-sizing:border-box;padding:0 0 3vw 0;text-align:left;color:#333333;} .aa_112 img{margin:1vw auto;max-width:100%;} /*标题样式*/ .x-title-2{text-align:center;margin-top: 5vw;margin-bottom: 2vw;} .x-title-21{font-size:3vw;line-height:1.2;font-weight:700;color:#333333;letter-spacing: 1vw;} .x-title-22{font-size:2vw;font-weight:300;margin-top:1vw;color:#555555;letter-spacing: .9vw;line-height: 1;} .x-title-2 hr{height:1px;width:85px;margin: 1vw auto;display: block;background:#ddd;border:0;} .mxus_lishi20{padding-bottom: 5vw;} .mxus_lishi21{font-size:0;width:1220px;margin:0 auto;text-align:left;} .mxus_lishi211{ float:left;width:609px;overflow:hidden; text-align:right;border-left:0;border-right:2px solid #1b4fb4; } .mxus_lishi211:nth-child(even){ float:right;width:609px;overflow:hidden; text-align:left;border-left:2px solid #1b4fb4;border-right:0; } .mxus_lishi2111{ display:inline-block;vertical-align:middle;width:200px;font-size:100px;line-height:80px;text-align:center;color:#1b4fb4; font-family: 'Teko',sans-serif;overflow:hidden;padding-top:20px; } .mxus_lishi2112{display:inline-block;vertical-align:middle;width:380px;font-size:16px;line-height:22px;font-weight:300;text-align:right;padding:16px 0;color:#555555;} .mxus_lishi211:nth-child(even) .mxus_lishi2112{text-align:left;} .mxus_lishi2113{display:inline-block;vertical-align:middle;width:20px;height:5px;background:#1b4fb4;} .app{width:80%;margin:auto;padding:0 0 10px 0;font-size:0;text-align:center;} /**/ .yt_honor{display:inline-block;vertical-align:top;width:18%;text-align:center;margin:20px 1%;} .yt_honor_pic{width:280px;height:210px;line-height:210px;vertical-align:middle;background:#f5f5f5;padding:10px;box-sizing:border-box;} .yt_honor_pic img,.yt_honor_pic video{max-width:100%;max-height:100%;} .yt_honor_title{font-size:16px;line-height:20px;padding:10px 0;} .listactive{position:sticky;top:150px;left:0;} .zc_news_ccc{width:1000px;margin:0 0 0 50px;background:#fff;text-align: center;padding:0 0;font-size:0;} .zc_news_cccleft{padding:0;box-sizing:border-box;margin:50px 0 0 0;text-align:center;} .zc_news_cccleft_t{font-weight:bold;color:#333;font-size:16px;overflow:hidden;text-align:left;line-height:180%;} .zc_news_cccleft_line{border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;height:1px;margin-top:20px;margin-bottom:20px;} .zc_news_cccleft_title h1{font-size:24px;color:#333;line-height:2;font-weight:700;} .zc_news_cccleft_time{font-size:12px;color:#999;line-height:1.2;padding:10px 0;margin-bottom:20px;} .zc_news_cccleft_c{padding-bottom:30px;padding-top:10px;margin-bottom:10px;font-size:16px;line-height:1.8;color:#333;text-align:left;font-weight:400;min-height: 260px;} .zc_news_cccleft_c img{max-width:100%;margin:5px 0 10px 0;} .zc_news_cccright{display:flex;justify-content:space-between;width:100%;text-align:center;margin:30px 0 30px 0;border-top: 1px solid #eee;padding-top: 30px;} .zc_news_cccright_info{text-align: left;flex: 50%;} .zc_news_cccright_info a{color:#666;display: flex;align-items: center;} .zc_news_cccright_info span{font-size:12px;font-weight:400;background: #1b4fb4;color: white;border-radius: 6px;padding: 5px 10px;margin-right: 20px;flex: auto;text-align: center;width: 50px;max-width: 50px;min-width: 50px;} .zc_news_cccright_info p{font-size:14px;margin-top:10px;line-height:1.4;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;width: 100%;font-weight: 400;color: #999;} .zc_news_cccright_info_t{font-size:16px;color:#333;line-height:1.4;margin:10px 0;font-weight:700;padding-right: 30px;} .zc_news_cccright_info_t{} .zc_news_ccc .btn{text-align: center;} .zc_news_ccc .btn a{padding:8px 20px;color:#FFF;background:#100000;cursor: pointer;text-align: center;border-radius:50px;font-size:12px;transition:background 300ms;} .zc_news_ccc .btn a:hover{background:#100000;} .jobs{width:1300px;margin:0 auto 8vw auto;} .jobs2{display:flex;width:100%;background:#ffffff;border:1px solid #ddd;border-left:#0040b4 5px solid;padding:.5vw 2vw;justify-content: space-between;transition: all 300ms;} .jobs2:hover{background:#0040b4;} .jobs3{font-size:.9vw;color:#000;line-height:2;} .jobs2:hover .jobs3{color:#fff;} .zc_jobs_ccc{width:1300px;margin:2vw auto 30px auto;background:#fff;text-align: center;padding:0 0;font-size:0;} .zc_jobs_cccleft{background:#fff;padding:0;box-sizing:border-box;width:100%;margin:50px 20px 50px 0;text-align:center;} .zc_jobs_cccleft_t{font-weight:bold;color:#333;font-size:16px;overflow:hidden;text-align:left;line-height:180%;} .zc_jobs_cccleft_line{border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;height:1px;margin-top:20px;margin-bottom:20px;} .zc_jobs_cccleft_title h1{font-size:24px;color:#333;line-height:36px;margin-bottom:20px;font-weight:700;} .zc_jobs_cccleft_time{padding:1vw 0;margin-bottom:30px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .zc_jobs_cccleft_time span{font-size:1vw;color:#333;line-height:20px;padding:0 2vw;} .zc_jobs_cccleft_c{padding-bottom:30px;padding-top:10px;margin-bottom:10px;font-size:1vw;line-height:2;color:#333;text-align:left;font-weight:400;} .zc_jobs_cccleft_c img{max-width:100%;margin:5px 0 10px 0;} .zc_jobs_cccright{display:inline-block;vertical-align:top;width:400px;text-align:left;margin-left:50px;margin-top:50px;} .zc_jobs_cccright_info{background:#f5f5f5;padding:20px 30px;box-sizing: border-box;margin-bottom:30px;transition:margin-top 200ms,background 300ms;border-radius:.4vw;} .content1_t{font-size:2vw;line-height:4vw;text-align:center;margin:-3vw auto 0 auto;min-width: 1200px;max-width: 1300px;padding: 2vw 0 0 0;background-size: 25vw;color: black;width: 88vw;} .content1{width:100%;margin:0 auto 0 auto; color:#555555; box-sizing: border-box; padding: 2vw 0; font-weight: 400; text-align: left; } .content1 table{border-collapse: collapse;margin:10px 0;} .content1 table tr td{padding:6px 0;font-size:14px;line-height:1.4;} .content1 h1{} .content1 h2{background:url(../images/pb.png) no-repeat left center;color:white;font-size:16px;line-height:1.2;padding:15px 0 20px 30px;display:block;background-size:100%;} .content1 h3{} .content1 h4{} .content1 h5{} .content1 h6{} .content1 p{font-size: 14px;line-height: 1.6;} .content1 img{max-width:100%;margin:1vw 0;} .hc_ccc{display:flex;justify-content:space-between;width:100%;text-align:center;margin:0;padding: 30px 0 0 0;border-top: 1px solid #ccc;} .hc_ccc_info{background:#f5f5f5;padding:15px 20px 20px 20px;box-sizing: border-box;margin-bottom:20px;transition:margin-top 200ms,background 300ms;border-radius:10px;text-align: left;width: 350px;} .hc_ccc_info a{color:#666;} .hc_ccc_info span{font-size:12px;font-weight:400;margin-bottom:20px;} .hc_ccc_info p{font-size:14px;margin-top:10px;line-height:1.4;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;} .hc_ccc_info_t{font-size:16px;color:#333;line-height:1.4;margin:10px 0;font-weight:700;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .hc_ccc_info_t{} .hc_ccc_info:hover{background:#1b4fb4;} .hc_ccc_info:hover a{color:white;} .hc_ccc_info:hover span{color:white;} .hc_ccc_info:hover p{color:white;} .hc_ccc_info:hover .hc_ccc_info_t{color:white;} .photo1{width:80vw;margin:auto;min-width:1300px;padding:0 0 2vw 0;} .photo1 ul{text-align:center;} .photo1 ul li{display: inline-block;vertical-align: top;border: 1px solid #eeeeee;padding: .6vw;width: 18vw;height:18vw;margin: 1vw;min-width:280px;overflow:hidden;} .photo1 ul li:nth-child(4n-3){margin-left:0 !important;} .photo1 ul li:nth-child(4n-4){margin-right:0 !important;} .photo11{} .photo11 img{width:100%;height:13.5vw;transition:transform 600ms;} .photo12{padding:.5vw 0;color:#666666;font-size:calc(0px + 1vw);line-height:calc(12px + 1vw);font-weight:400;} .photo1 ul li:hover .photo11 img{transform: scale(1.1);} @media only screen and (max-width: 1626px) { .photo1 ul li{width:300px;height:280px;margin:10px;} .photo11 img{width:280px;height:205px;} .photo12{font-size:16px;} } .news2{width:80vw;margin:auto;min-width:1300px;padding:0 0 2vw 0;font-size:0;} .news2 ul{text-align:left;padding-top:2vw;} .news2 ul li{display:inline-block;vertical-align:top;width:38vw;border-bottom:1px solid #eeeeee;margin-top:2vw;padding-bottom:2vw;min-width:630px;transition:border-bottom 600ms;} .news2 ul li:nth-child(2n-1){margin-right:2vw;} .news21{display:inline-block;vertical-align:top;width:12vw;height:9vw;min-width:200px;min-height:150px;overflow:hidden;transition:margin-left 500ms;} .news21 img{width:12vw;height:9vw;min-width:200px;min-height:150px;transition:transform 600ms;} .news2 ul li:hover{border-bottom:1px solid #009eeb;} .news2 ul li:hover .news21 img{transform: scale(1.1);} .news22{display:inline-block;vertical-align:top;width:20vw;min-width:390px;margin-left:2vw;text-align:left;transition:margin-left 500ms;} .news22 h2{ font-size:calc(2px + 1vw);line-height:calc(12px + 1vw);font-weight:700;color:#333333; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%; } .news221{font-size:calc(-2px + .8vw);line-height:calc(10px + 1vw);color:#666;font-weight:300;} .news222{ font-size:calc(1px + .8vw);line-height:calc(7px + .8vw);color:#888;width:100%;margin-top:0.2vw; -webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden; } .news223{font-size:calc(1px + .8vw);line-height:calc(20px + 1vw);color:#009eeb;margin-top:0vw;} @media only screen and (max-width: 1600px) { .news22 h2{font-size:16px;line-height:22px;} .news221{font-size:12px;line-height:14px;margin:10px 0 5px 0;} .news222{font-size:14px;line-height:20px;margin:5px 0 5px 0;} .news223{font-size:14px;line-height:20px;margin:10px 0 0 0;} } .news_c1{width:80vw;margin:auto;min-width:1300px;padding:3vw 0 2vw 0;font-size:0;text-align:center;} .news_c11{display:inline-block;vertical-align:top;width:55vw;min-width:800px;box-sizing:border-box;padding-right:2.5vw;margin-right:2.5vw;border-right:1px solid #eee;} .news_c11 h1{font-size:calc(4px + 1vw);line-height:calc(12px + 1vw);font-weight:700;color:#333333;text-align:center;} .news_c112{margin-top:1vw;width:100% !important;min-width:100% !important;} .news_c112 img{margin:0.5vw auto;} .news_c12{display:inline-block;vertical-align:top;width:16vw;min-width:200px;} .news_c121{margin-bottom:2vw;} .news_c121 h2{font-size:calc(-2px + 1vw);line-height:calc(10px + 1vw);font-weight:700;color:#ffffff;text-align:left;background:#777;padding:0.4vw 1vw;transition:background 300ms;} .news_c121 img{max-width:100%;} .news_c121:hover h2{background:#009eeb;} @media only screen and (max-width: 1600px) { .news_c121 h2{font-size:14px;line-height:20px;} } .navclass1{width:80vw;margin:2vw auto;min-width:1300px;padding:2vw 0 1vw 0;font-size:0;text-align:center;} .navclass1 ul{text-align:center;display:flex;justify-content:space-between;} .navclass1 ul li{margin:0;} .navclass1 ul li a{font-size:calc(-1px + 1vw);line-height:calc(10px + 1vw);font-weight:400;color:#333;text-align:left;background:#fff;padding:0.6vw 2vw;transition:background 300ms;border:1px solid #ddd;border-radius:0.3vw;} .navclass1 ul li a:hover{background:#009eeb;color:white;border:1px solid #009eeb;} .navclass1_ddd{background:#009eeb !important;color:white !important;border:1px solid #009eeb !important;} @media only screen and (max-width: 1626px) { .navclass1 ul li a{font-size:16px;line-height:20px;} } .ac_2{width:80vw;margin:2vw auto;min-width:1300px;padding:2vw 0 1vw 0;font-size:0;text-align:center;} .ac_21{display:inline-block;vertical-align:top;width:40vw;height:40vw;} .ac_211{width:40vw;border:1px solid #ddd;box-sizing:border-box;} .ac_211 img{width:auto;height:auto;max-width:100%;max-height:30vw;} .ac_212{margin-top:0.4vw;} .ac_212 img{width:100%;} .ac_22{display:inline-block;vertical-align:top;width:40vw;box-sizing:border-box;padding: 1vw 0 0 3vw;} .ac_22 h1{font-size:calc(2px + 1vw);line-height:calc(30px + 1vw);font-weight:700;color:#ffffff;text-align:left;background:#009eeb;padding:0 2vw;} .ac_221{font-size:calc(2px + 1vw);line-height:calc(12px + 1vw);font-weight:700;color:#333333;text-align:left;margin:2vw 0 0 2vw;} .ac_222{width:100% !important;min-width:100% !important;text-align:left;padding-left:2vw;box-sizing:border-box;} .ac_223{border:0;text-align:center;} .ac_223 a{display:inline-block;padding:.6vw 3vw;font-size:calc(2px + .8vw);line-height:calc(6px + .8vw);font-weight:400;border-radius:100px;background:#009eeb;color:white;transition:background 300ms;} .ac_223 a:hover{background:#333333;color:white;} .roll1{width:80vw;margin:2vw auto;min-width:1300px;padding:3vw 0 2vw 0;font-size:0;text-align:center;border-top:1px solid #dddddd;} .roll11{font-size:calc(4px + 1vw);line-height:calc(30px + 1vw);font-weight:700;color:#333333;text-align:center;border-bottom:3px solid #009eeb;margin-bottom:2vw;display:inline-block;} .roll12{box-sizing: border-box;padding:0.6vw;border: 1px solid #eee;} .roll121{height:9vw;line-height:9vw;} .roll121 img{max-width:100%;max-height:100%;vertical-align:middle;} .roll122 h2{font-size:calc(0px + .8vw);line-height:calc(14px + .8vw);font-weight:400;color:#333333;text-align:left;padding:0;} .roll122 a{} .contact1{width:80vw;margin:0 auto;min-width:1200px;padding:2vw 0 8vw 0;font-size:0;text-align:center;} .contact11{display:inline-block;vertical-align:top;box-sizing:border-box;text-align:left;margin:0 2vw 2vw 0;width:20vw;min-width:358px;} .contact11 span{font-size:calc(-2px + 1vw);line-height:calc(4px + 1vw);padding:0.6vw 0 0 4vw;font-weight:400;color:#666;} .contact11 p{font-size:calc(4px + 1vw);font-weight:400;line-height:calc(18px + 1vw);padding:0 0 0 4vw;} .contact1_icon1{background: url(../images/c1.svg) no-repeat left top;font-weight:400;background-size:3vw;} .contact1_icon2{background: url(../images/c2.svg) no-repeat left top;font-weight:400;background-size:3vw;} .contact1_icon3{background: url(../images/c3.svg) no-repeat left top;font-weight:400;background-size:3vw;} .contact1_icon4{background: url(../images/c4.svg) no-repeat left top;font-weight:400;background-size:3vw;} .contact1_icon5{background: url(../images/c5.svg) no-repeat left top;background-size:3vw;} .zchr{height:1px;font-size:0;border:0;background:#ddd;margin:2vw 0 2.6vw 0;} /*新闻页面-------------------------------------------------------------------------------------*/ .zc-info-list{padding:0;margin:0 0 0 50px;font-size:0;width:1000px;} .zc-info-list-c{display:block;width:100%;padding:1vw 0;text-align:left;background:#ffffff;border:1px solid #eeeeee;margin-bottom:1vw;} .zc-info-list-c:hover{background-color: #f5f5f5;} .zc-info-list-left{display:inline-block;vertical-align:middle;width:160px; padding:0;margin-left:20px;transition:all 300ms;} .zc-info-list-left img{width:100%;transition:all 300ms;transform: scale(1);} .zc-info-list-c:hover .zc-info-list-left img{transform: scale(1.05);} .wz-newslist-more{font-size:16px;color:white;text-align:center;line-height:40px;background:#009eeb;width:7vw;border-radius:5px;} .zc-info-list-right{display:inline-block;vertical-align:middle;width:380px;text-align:left;transition:margin-left 200ms,width 300ms;} .zc-info-list-right h3{font-size:15px;color: #333;margin-bottom:10px;font-weight:700;line-height: 1.2;} .zc-info-list-right p{font-size:13px;line-height:1.6;max-width:100%;color: #313131;font-weight:400;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;} .wz-newslist-time{display:inline-block;vertical-align:middle;width:150px;text-align:center;} .wz-newslist-time-day{font-size: calc(30px + 1vw);line-height: calc(40px + 1.4vw);color: #666;text-align: center;padding: 0;} .wz-newslist-time-year{font-size: 16px;line-height: 30px;color: #666;text-align: center;padding: 0;} @media screen and (max-width:1626px){ .zc-info-list-right p{font-size:14px;line-height:22px;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;} } .hc_protitle{font-size: 18px;font-weight:700;color: white;background: #124ac5;line-height: 1;padding: 15px 30px;letter-spacing: 2px;margin-bottom:20px;text-align: left;} .hc_proinfo{margin-bottom: 20px;} .hc_proinfo>h2{font-size:17px;color:#333;line-height: 1;padding: 10px 20px;font-weight: 700;border: 1px solid #ddd;} .hc_proinfo>ul{display:flex;flex-wrap: wrap;padding:30px 30px 10px 30px;text-align: left;justify-content: left;border: 1px solid #ddd;border-top-width: 1px;border-top-style: solid;border-top-color: rgb(221, 221, 221);border-top: 0;} .hc_proinfo>ul>li{flex:0 1 25%;padding:0 10px 10px 0;box-sizing:border-box;border-bottom:1px solid #eee;margin-bottom:20px;display: flex;align-items:start;} .hc_proinfo>ul>li>img{width:20px;} .hc_proinfo>ul>li>a{font-size:14px;line-height:1.2;color: #333;font-weight:400;display:block;} .hc_proinfo>ul>li>a:hover{color:black;} .hc_propic{margin-bottom: 50px;} .hc_propic>h2{font-size: 17px;color: #333;line-height: 1;padding: 10px 20px;font-weight: 700;border: 1px solid #ddd;} .hc_propic ul{} .xl_pro_list{margin:3vw auto 3vw auto;text-align:left;padding:0 0 0 0;width:84vw;min-width:1200px;} .xl_pro_list11{position:relative;border-bottom: 3px solid #0040b4;} .xl_pro_list11_back{display:inline-block;vertical-align:top;} .xl_pro_list11_back a{font-size:22px;color:black;line-height:50px;margin-right:50px;background:url(../images/1.svg) no-repeat left center;background-size:1.2vw;padding-left:1.8vw;} .xl_pro_list11_back a:hover{color:#009eeb;} .xl_pro_list11 h2{display:inline-block;vertical-align:top;font-size:22px;color:black;line-height:50px;background:#0040b4;color:white;padding:0 1vw;border-radius:7px 7px 0 0;} .xl_pro_list11_navbag{box-sizing:border-box;background: url(../images/casebg2.png) no-repeat left 1.2vw;background-size: 2.7vw;font-size: 0.9vw;line-height: 3vw;font-weight: 400;color: #888;position: absolute;top: 0;right: 0;padding: 0 0 0 3.4vw;} .xl_pro_list11_navbag a{display:inline-block;vertical-align:middle;font-size:calc(12px + 0.2vw);line-height:calc(30px + 1vw);font-weight:300;color:#888888;} .xl_pro_list12{text-align:left;} .xl_pro_list12 ul{padding:16px 0 16px 30px;background: #f5f5f5;} .xl_pro_list12 ul li{display:inline-block;vertical-align:top;margin:0 30px 0 0;} .xl_pro_list12 ul li a{font-size:16px;line-height:30px;color:#555;font-weight: 700;} .xl_pro_list12d{border-bottom:3px solid #a72d2d;} .xl_products{width: 950px;margin: 0 0 0 50px;} .xl_products1{padding: 30px 20px;border: 1px solid #ddd;border-top-width: 1px;border-top-style: solid;border-top-color: rgb(221, 221, 221);border-top-width: 1px;border-top-style: solid;border-top-color: rgb(221, 221, 221);border-top: 0;display: flex;flex-wrap: wrap;} .xl_products11{flex:20%;margin:0;padding:0 5px 20px 5px;box-sizing:border-box;transition: all 300ms;max-width: 20%;} .xl_products11:nth-child(3n){margin-right:0;} .xl_products11 img{width:100%;height: 140px;} .xl_products11 a{display:block;} .xl_products111{width:100%;height: 100%;} .xl_products112{width:100%;margin:0;text-align: center;} .xl_products112{font-size:14px;line-height:1.2;color:#333;font-weight: 400;} .propro{width:100%;} .propro ul{display:flex;justify-content: center;flex-wrap: wrap;} .propro ul li{flex:30%;margin-right: 3%;text-align: center;max-width: 30%;margin-bottom:30px;} .propro ul li:nth-child(3n+0){margin-right:0;} .propro ul li img{max-width: 100%;height: 220px;display: block;} .propro ul li p{font-size:16px;line-height:1.6;color:#333;text-align: center;padding: 5px 0 0 0;font-weight: 400;} .jishu-list{padding:0 0 50px 0;min-width:1300px;margin:5vw auto 0 auto;font-size:0;width:1300px;} .jishu-list-c{display:inline-block;vertical-align:top;width:400px;padding:1vw 0;text-align:left;margin-bottom:1vw;} .jishu-list-c:nth-child(3n-1){margin:0 50px;} .jishu-list-pic{width:100%;height:200px;overflow:hidden;background:#ddd;} .jishu-list-pic img{width:100%;filter:brightness(100%);transition:transform 0.6s,filter 0.5s;} .jishu-list-right{text-align:left;} .jishu-list-right h2{font-size:18px;color: #333;margin-bottom:1vw;font-weight:400;margin-top:1vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .jishu-list-right p{font-size:15px;line-height:24px;color:#666;font-weight:300;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;} .jishu-list-c:hover .jishu-list-right{} .jishu-list-c:hover .jishu-list-pic img{filter:brightness(120%);transform: scale(1.1);} .dj_pro{width:100%;padding:70px 0 0 0;min-width:1300px;font-size:0;box-sizing:border-box;} .dj_pro_title{font-size:30px;line-height:50px;text-align:center;margin-bottom:30px;font-weight:400;} .dj_pro_title span{display:inline-block;vertical-align:middle;width:80px;height:1px;background:#aaa;margin: 0 80px;} .sycase-wrap { position: relative; } .sycase-wrap ul { width: 90%; margin: auto; text-align: center; } .sycase-wrap ul li { display:inline-block;vertical-align:top; position: relative; width: 20%; margin:0 2%; } .sycase-wrap ul li .pic:after { padding-bottom: 38.75%; } .sycase-wrap ul li .case-zzc { width: 550px; height: 190px; display: block; position: absolute; top: 50%; margin-top: -95px; left: 50%; margin-left: -275px; z-index: 3; color: #fff; background: #000; filter: alpha(opacity=65); background: rgba(0, 0, 0, 0.65); padding: 0 50px; opacity: 0; filter: alpha(opacity=0); transition: all 0.3s; } .sycase-wrap ul li .case-zzc h3 { text-align: center; border-bottom: 1px solid #fff; font-size: 30px; line-height: 70px; margin-top: 10px; } .sycase-wrap ul li .case-zzc p { font-size: 12px; line-height: 25px; margin: 30px 0; height: 55px; overflow: hidden; } .sycase-wrap ul li:hover .case-zzc { opacity: 1; filter:alpha(opacity=100); } .he_border2{background:#036;height:13.8vw;padding:0;margin:0;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden} .he_border2 img{ width: 400px; /*! height:305px; */} .he_border2 .he_border2_img{display:block;width:100%;padding:0;margin:0;position:relative;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden} .he_border2:hover .he_border2_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.2} .he_border2 .he_border2_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden} .he_border2 .he_border2_caption::before,.he_border2 .he_border2_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s} .he_border2 .he_border2_caption::before{top:14%;right:5%;bottom:14%;left:5%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0} .he_border2 .he_border2_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0} .he_border2:hover .he_border2_caption::before,.he_border2:hover .he_border2_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)} .he_border2 .he_border2_caption,.he_border2 .he_border2_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000} .he_border2 .he_border2_caption_h{font-size:23px;font-weight:700;text-align:center;width:80%;position:absolute;top:5vw;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1} .he_border2 .he_border2_caption_p{font-size:16px;text-align:center;width:79%;position:absolute;top:7vw;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0} .he_border2 .he_border2_caption_p a{ display: block; color: #fff; font-size: 16px; border-top: 1px solid #00a2ff; padding: 1vw 0 0 0; margin: 5vw auto; width: 80px;} .he_border2:hover .he_border2_caption_p{top:20%;opacity:1} .he_border3{background:#036;height:18vw;padding:0;margin:0;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden} .he_border3 img{ width: 410px; height:305px;} .he_border3 .he_border3_img{display:block;width:100%;padding:0;margin:0;position:relative;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden} .he_border3:hover .he_border3_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.2} .he_border3 .he_border3_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden} .he_border3 .he_border3_caption::before,.he_border3 .he_border3_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s} .he_border3 .he_border3_caption::before{top:14%;right:5%;bottom:14%;left:5%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0} .he_border3 .he_border3_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0} .he_border3:hover .he_border3_caption::before,.he_border3:hover .he_border3_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)} .he_border3 .he_border3_caption,.he_border3 .he_border3_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000} .he_border3 .he_border3_caption_h{font-size:23px;font-weight:700;text-align:center;width:80%;position:absolute;top:43%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1} .he_border3 .he_border3_caption_p{font-size:16px;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0} .he_border3 .he_border3_caption_p a{ display: block; color: #fff; font-size: 16px; border: 1px solid #fff; border-radius: 4px; padding: 4px; margin: 66px 34%; width: 100px;} .he_border3:hover .he_border3_caption_p{top:40%;opacity:1} .dj_logo{width:100%;min-width:1300px;margin:0 auto 100px auto;box-sizing:border-box;padding-top:0;} .dj_logo1{min-width:1300px;margin:1.5vw auto 0 auto;} .dj_logo_title{font-size:30px;line-height:50px;text-align:center;margin-bottom:2vw;font-weight:400;color:black;} .dj_logo11{text-align:center;font-size:0;width:1300px;margin: auto;} .dj_logo111{display:inline-block;vertical-align:top;width:196px;margin:0 10px 10px 10px;} .dj_logo111 img{max-width:215px;width:100%;margin:auto;border:1px solid #eee;} .ddddd{width:100%;margin-top: 5vw;} .about{max-width:1600px;min-width:1200px;} .about .home_title{color:white;} .about .home_title:before,.about .home_title:after{background-color:#ffffff70;} .about_pic{width:40%;}.about_pic img{width:100%;border-radius:20px;} .about_c{width:60%;padding-left:5%;box-sizing:border-box;} .about_c_title{font-size:30px;font-weight:700;text-align:left;color: #93c02c;} .about_content{font-size:16px;line-height:1.6;text-align:left;text-indent: 2em;margin-top: 4%;color: white;} .about_icon{width:100%;display:flex;align-items:self-start;justify-content:space-between;margin-top: 6%;text-align: left;} .about_icon_1{display:flex;flex:33%;} .about_icon_img{text-align: center;flex: 12%;}.about_icon_img img{width:100%;margin: auto;} .about_icon_title{font-size:16px;line-height:1.4;text-align:left;flex: 70%;padding-left: 7%;box-sizing: border-box;color: white;} .about_icon_title strong{font-size:36px;font-weight:700;display:block;width:100%;line-height:1.2;} .zc-in-title2{width:1200px;margin:0 auto 50px auto;text-align:center;} .zc-in-title2 span{font-size:0;height:0;width:4vw;border:0.2vw solid #264a9e;margin:1vw auto 2vw auto;display:block;} .zc-in-title2 h1{font-size:calc(18px + 1vw);line-height:calc(30px + 1.6vw);font-weight:400;margin:0 auto 0 auto;} .zc-in-title2 h2{font-size:15px;line-height:20px;font-weight:400;color:#00000050;margin:auto;text-align:center;} .in-join{background:url(../images/jbg.jpg) no-repeat center center;background-size:2000px;box-sizing:border-box;padding:80px 0 80px 0;text-align:center;} .in-join .zc-in-title2 h1{font-size:40px;color:white;font-weight:700;line-height:1;letter-spacing:1px;} .in-join .zc-in-title2 p{font-size:15px;color:white;line-height:1.4;margin-bottom:10px;font-weight: 400;margin-top: 10px;} .swiper-father-news{position:relative;height: 69%;} .snews{min-width:1200px;margin:2vw 0 0 0;max-width:1600px;width:100%;height: 77%;} .snews .swiper-wrapper{} .snews .swiper-pagination{bottom:0;} .news{background:white;padding:30px 20px;border-radius:10px;} .news1{width:100%;margin-bottom:16px;} .news1 img{width:100%;} .news2{font-size:16px;line-height:1.2;text-align:left;margin:5px 0 6px 0;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;} .news3{font-size:14px;line-height:1.4;text-align:left;margin-bottom:16px;color: #999999;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;} .news4{text-align:left;margin-bottom: 16px;} .news4 strong{font-size:40px;line-height:1;margin-right: 10px;color: #001139;} .news5{text-align:left;} .news5 {text-align:center;padding:7px 20px;background:#001139;font-size:12px;line-height:1.2;font-weight: 700;color: white;border-radius: 5px;transition: all 500ms;} .news5:hover{background:#93c02c;} .news4 span{font-size:14px;line-height:1.2;font-style: italic;color: #999;} footer{width:100%;min-width:1300px;background:#323232;} .dj_footer1{width:1300px;margin:auto;padding:2% 0 2% 0;text-align: center;display: flex;justify-content: space-between;} .dj_footer11{width:120px;margin-right: 50px;}.dj_footer11 img{width:100%;} .dj_footer14{text-align: left;width: 420px;} .dj_footer14 p{font-size:16px;line-height:2.5;color:white;font-weight: 400;} .dj_footer14 img{width:20px;display:inline-block;vertical-align:middle;margin-right:10px;} .dj_footer12{flex: auto;} .dj_footer122{width:500px;margin-bottom:1%;} .dj_footer122 img{width:100%;margin-bottom: 0;} .dj_footer122 p{font-size:29px;line-height:1.4;font-weight:700;color:#eee;text-align:right;} .dj_footer13{float:right;display:flex;justify-content:space-between;width:20%;margin:0;text-align:right;} .dj_footer13 img{width:20%;margin-top:-5%;} .dj_footer2{clear:both;background:black;color:#999;padding:10px 0;} .dj_footer21{font-size:14px;text-align:center;max-width:1600px;width:96%;margin:auto;line-height: 1.2;} .dj_footer21 a{color:#999;} }