@font-face{ font-family:"calibri"; src: url("../font/SourceHanSansK-RegularSub.woff") format("woff"), url("../font/SourceHanSansK-RegularSub.ttf") format("truetype"), url("../font/SourceHanSansK-RegularSub.eot") format("embedded-opentype"), url("../font/SourceHanSansK-RegularSub.otf") format("opentype"); } @font-face{ } body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;color:#555; font-size:12px;font-family:"鎬濇簮榛戜綋", "Arial"; line-height:1;font-weight: normal;letter-spacing: 0;} body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;} img{display: block;} a{ color:#333; text-decoration:none;} ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;} html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;} .fl{float: left;} .fr{float: right;} .clearfix:after{display: block;content: '';clear: both;} .bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;} /*IE*/ .web-ie2018{ font-family: microsoft yahei; position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;} .web-ie2018 dl{ position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;} .web-ie2018 dl #img{ display: block;margin: 50px auto;} .web-ie2018 dl h3{ display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;} .web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;} .web-ie2018 dl dd{ margin: 0 auto 50px; display: block;text-align: center; margin-bottom:50px;} .web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;} .web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;} .web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;} /*<------------------------------------->*/ .index06wrap .index06 .sjmap{ display: none; } #cnzz_stat_icon_1279368434{ font-size: 12px;color: #9fa3a6;} #cnzz_stat_icon_1279368434 a{font-size: 12px;color: #9fa3a6;} .prolistoneinfo li .tlinfo p,.prolistoneinfo li .tlinfo span,.prolistoneinfo li .tlinfo font{ font-size: 16px;color: #666666;line-height: 32px;margin-bottom: 0;width: 100%;} .prolistoneinfo li .tlinfo img{display: block;width: auto;height: auto;float: left;max-width: 100%;} #goodcover{display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 133%;background-color: black;z-index: 1001;-moz-opacity: 0.8;opacity: 0.50;filter: alpha(opacity=80);} #code{ width: 50%;height: auto;background-color: #fff;padding: 10px;position: fixed;top: 50px !important;display: none;left: 25% !important;z-index: 1002;padding: 30px;border-radius: 4px; } #code #closebt{ color: #666;font-size: 16px;float: right;width: 40px;height: 40px;border: 1px solid #ccc;text-align: center;line-height: 40px;border-radius: 50%;} #code .wpcf7{} #code .wpcf7 .wpcf7-form{ display: block;overflow: hidden;width: calc(100% - 100px);margin: 0 auto;} #code .wpcf7 .wpcf7-form p{ display: block;line-height: 1em;font-size: 15px;font-weight: bold;color: #222;margin: 0 0 5px 0;} #code .wpcf7 .wpcf7-form p span{ display: block;overflow: hidden;position: relative;margin: 0 0 30px 0;} #code .wpcf7 .wpcf7-form p span input{ background-color: #f1f2f3;display: block;border: 1px solid #ddd;height: 40px;width: calc(100% - 2px);font-size: 16px;text-indent: 1em;color: #333; font-weight: normal;} #code .wpcf7 .wpcf7-form p span span{} #code .wpcf7 .wpcf7-form .more{border: 1px solid #e6771b;width: 130px;height: 36px;line-height: 34px;cursor: pointer;} #code #closebt:hover{color: #e6771b;border: 1px solid #e6771b;} #wpcf7-f2464-o1 .ddtt{} #wpcf7-f2464-o1 .ddtt h3{ display: block;font-size: 26px;font-weight: bold;text-align: center;margin:10px 0;} #wpcf7-f2464-o1 .ddtt h4{ display: block;text-align: center;color: #333;letter-spacing: 0;font-size: 14px;margin: 30px 0;} .bltindexnews{ display: block;width: 80%;margin:0px auto;overflow: hidden;position: relative;padding: 80px 0 0;} .bltindexnews .left{ display: block;width:calc(50% - 25px);overflow: hidden;position: relative;float: left;} .bltindexnews .left p,.bltindexnews .right p{ display: block;overflow: hidden;position: relative;} .bltindexnews .left p img,.bltindexnews .right p img{display: block;width: 100%;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;} .bltindexnews .left dd{ display: block;overflow: hidden;margin: 30px 0 0 0;} .bltindexnews .left dd h3{display: block;color: #333;font-size: 24px;font-weight: bold; line-height: 26px;} .bltindexnews .left dd h4{ display: block;font-size: 14px;line-height: 22px;margin: 20px 0;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .bltindexnews .right{display: block;width: calc(50% - 25px);overflow: hidden;position: relative;float: right;} .bltindexnews .right a{ display: block;overflow: hidden;margin: 0 0 50px 0;position: relative;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .bltindexnews .right a dd{ display: block;width: 60%;overflow: hidden;} .bltindexnews .right a dd h3{ line-height: 26px;font-weight: bold; display: block;color: #333;font-size: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .bltindexnews .right a dd h4{display: block;font-size: 14px;margin: 16px 0;text-align: justify;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #666;} .bltindexnews .right a p{display: block;overflow: hidden;width: 35%;} .bltindexnews .right a:last-child{margin:0;} .bltindexnews .right a .newsmore,.bltindexnews .left .newsmore{ display: inline-block;border-bottom: 2px solid #b81c27;width: auto;padding: 0 0 5px;} .bltindexnews .right a .newsmore span,.bltindexnews .left .newsmore span{display: block;font-size: 12px;float: left;margin: 0 10px 0 0;color: #333;text-transform: uppercase;} .bltindexnews .right a .newsmore .fa,.bltindexnews .left .newsmore .fa{ color: #333;font-size: 16px;float: left;} .bltindexnews .right a h5,.bltindexnews .left h5{ display: block;color: #000;margin: 20px 0;font-size: 14px;} .bltindexnews a:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);} .bltindexnews a:hover h3,.bltindexnews .right a:hover dd h3{ color:#174699; } .bltindexnews .right a:hover dd .newsmore{border-bottom: 2px solid #174699;} .index_newstit{ margin-bottom: 60px; } .index09wrap{ background:url(../img/aboutbg2.png) no-repeat 100%; background-size: 100% 100%; } .index_newsmore{ text-align: center; margin-top: 0px; padding-bottom: 80px; } .index_newsmore a{ margin: 0 auto; font-size: 14px; border-radius: 2px; background-color:#174699; color: #fff; margin-top: 30px; border-radius: 2px; width: 150px; height: 40px; line-height: 40px; display: inline-block; position: relative; z-index: 1; } .index_newsmore a::after { content: ''; width: 0; height: 100%; background-color: #b81c27; position: absolute; top: 0; left: 0; transition: all .3s; z-index: -1; border-radius: 2px; } .index_newsmore a:hover::after { width: 100%; } .bltindexnewstime{ position: absolute; bottom: 0px; left: 0px; font-size: 20px; display: inline-block; background-color: rgb(18 42 136 / 50%); color: #fff; padding: 20px 30px; font-family: op; font-weight: bold; } .bltindexnewsrigtime{ position: absolute; bottom: 0px; left: 0px; font-size: 13px; display: inline-block; background-color: rgb(18 42 136 / 50%); color: #fff; font-family: op; width: 100px; height: 33px; line-height: 33px; text-align: center; font-weight: bold; } @media only screen and (max-width: 1600px){ .bltindexnews{ width:90%;} .bltindexnews .left dd h3{ font-size: 20px;} .bltindexnews .left dd h4{-webkit-line-clamp: 2;} .bltindexnews .right a h5{display: none;} .bltindexnews .right a dd h3{font-size:16px;} .bltindexnews .right a{margin: 0 0 45px 0;} .bltindexnews .right a dd h4{font-size:13px; } .bltindexnews .right a .newsmore span, .bltindexnews .left .newsmore span{ letter-spacing: -1px;} } .innerbanner .hottt{display: block;width: 570px;margin: 20px auto 0;} .innerbanner .hottt span{ line-height: 24px; display: block;float: left;color: #ddd;font-size: 14px;letter-spacing: 0;} .innerbanner .hottt a{display: block;float: left;color: #ccc;font-size: 12px;margin:0 10px 10px 0;border: 1px solid #eee;line-height: 20px;padding: 2px 10px;border-radius: 4px;opacity: 0.9;} .innerbanner .hottt a:hover{ border: 1px solid #fff;color: #fff; } .nofoundanytihings{ display: block;color: #102f40;letter-spacing: 0;font-size: 20px; margin: 100px 0 0 0;} .searchlistcenter .p-yjy-center .p-kn .product{ display: block; overflow: hidden;} .searchlistcenter .p-yjy-center .p-kn .product a{display: block;overflow: hidden;border: 1px solid #ddd;width: calc(100% - 2px);position: relative;margin: 0 0 1% 0;float: left; transition: all .3s; padding: 20px 0; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .searchlistcenter .p-yjy-center .p-kn .product a h5{ display: block;overflow: hidden;float: left;width: 20%; max-height: 250px; } .searchlistcenter .p-yjy-center .p-kn .product a h5 img{width: 100%;display: block;transition: all .6s;} .searchlistcenter .p-yjy-center .p-kn .product a h6{ display: block;width: 75%;padding: 0 0;background: none;} .searchlistcenter .p-yjy-center .p-kn .product a h6 span{ display: block;font-size: 20px;color: #000;font-weight: bold;line-height: 22px;} .searchlistcenter .p-yjy-center .p-kn .product a h6 font{ display: block;color: #666;font-size: 14px;line-height: 24px;} .searchlistcenter .p-yjy-center .p-kn .product a h6 e{ display: block;width: 50px;height: 1px;background: #ccc;margin: 10px 0;} .searchlistcenter .p-yjy-center .p-kn .product a:hover{ border: 1px solid #f49f6f;} .searchlistcenter .p-yjy-center .p-kn .product a:hover h6 span{ color:#f49f6f; } .searchlistcenter .p-yjy-center .p-kn .product a:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);} .searchlistcenter .p-yjy-center .p-kn .powder{} .searchlistcenter .p-yjy-center .p-kn .powder a{ display: block;overflow: hidden;width: 80%;margin: 0 0 50px 0;position: relative;} .searchlistcenter .p-yjy-center .p-kn .powder a{display: block;width: 18.4%;box-sizing: border-box;background-color: #b4b8ba;padding: 25px;margin-right: 2%;transition: all .3s;} .searchlistcenter .p-yjy-center .p-kn .powder a .cont{display: block;width: 100%;box-sizing: border-box;border: 2px solid #fff;padding: 70px 20px;} .searchlistcenter .p-yjy-center .p-kn .powder a .cont h3{font-size: 28px;color: #fff;font-weight: bold;text-transform: uppercase;} .searchlistcenter .p-yjy-center .p-kn .powder a:nth-of-type(4n){margin-right: 0;} .searchlistcenter .p-yjy-center .p-kn .powder a .cont p{font-size: 18px;color: #fff; display: none;} .searchlistcenter .p-yjy-center .p-kn .powder a:hover{background-color: #e77d26;} .searchlistcenter .p-yjy-center .p-kn .newslist{} .searchlistcenter .p-yjy-center .p-kn .newslist .content{ display: block;width: 100%; padding: 50px 0; background-color: transparent;transition: all .3s;border-bottom: 1px solid #ddd;} .searchlistcenter .p-yjy-center .p-kn .newslist .content .main{position: relative;position: relative;width: 1200px;margin: 0 auto;} .searchlistcenter .p-yjy-center .p-kn .newslist .content .main .imgbox{width: 20%;overflow: hidden;} .searchlistcenter .p-yjy-center .p-kn .newslist .content .main .imgbox img{display: block;width: 100%;transition: all .6s;} .searchlistcenter .p-yjy-center .p-kn .newslist .content:hover .main .imgbox img{transform: scale(1.1);} .searchlistcenter .p-yjy-center .p-kn .newslist .content .main .textbox{position: absolute;top: 50%;right: 0%;transform: translateY(-50%);width: 75%;} .searchlistcenter .p-yjy-center .p-kn .newslist .content .main .textbox p{font-size: 16px;color: #666;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;} .searchlistcenter .p-yjy-center .p-kn .newslist .content .main .textbox h3{font-size: 22px;color:#222;font-weight: bold;margin: 26px 0;} .searchlistcenter .p-yjy-center .p-kn .newslist .content .main .textbox span{font-size: 14px;color:#888;line-height: 100%;} .searchlistcenter .p-yjy-center .p-kn .newslist .content:hover .main .textbox h3{color: #e6771b;} .innerbanner{width: 100%;box-sizing: border-box;position: relative;overflow: hidden; } .innerbanner img{display: block;width: 100%;} .searchbanner .text{width: 100%;text-align: center;position: absolute;top: 55%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .innerbanner .text p{font-size: 24px;color: #ffffff;line-height: 1em;margin:0;font-weight: normal; } .innerbanner .text h3{font-size: 40px;color: #ffffff;font-weight: bold;text-transform: uppercase;} .innerbanner .text form{width: 570px;height: auto;margin: auto;margin-top: 20px;} .innerbanner .text form input{display: block;width: 85%;float: left;box-sizing: border-box;background-color: #FFFFFF;border: none;height: 42px;outline: none;padding-left: 20px;} .innerbanner .text form .btn{display: block;width: 15%;box-sizing: border-box;border: none;background-color: #f49f6f;font-size: 12px;color: #FFFFFF;height: 42px;outline: none;cursor: pointer; transition: all .3s;} .innerbanner .text form .btn i{font-size: 12px;color: inherit;margin-right: 5px;} .innerbanner .text form .btn:hover{background-color: #f49f6f;} .searchlist-titile{display: block;overflow: hidden;margin:20px auto 0;width: 800px; } .searchlist-titile h3{ text-transform: uppercase; display: block; font-size: 16px;} .searchlist-titile h3 span{ display: inline-block;color: #f49f6f;font-size: 20px;margin: 0 20px 0 0;} .p-search-to{ margin: 50px auto 0; } .p-search-to dl{ margin: 30px 0 10px; } .searchlistcenter{display: block;width: 1200px;margin:100px auto;overflow: hidden;min-height: 600px;} .searchlistcenter .p-yjy{ display: block;overflow: hidden;border-bottom: 1px solid #eee;padding: 0 0 10px 0;} .searchlistcenter .p-yjy a{ position: relative;display: block;float: left;font-size: 20px;text-transform: uppercase;margin: 0 80px 0 0;overflow: hidden; font-weight: bold;} .searchlistcenter .p-yjy .active{ color: #f49f6f; } .searchlistcenter .p-yjy-center{ display: block;overflow: hidden;margin: 50px 0 0 0;} .searchlistcenter .p-yjy-center .p-kn{ display: block;overflow: hidden; } .searchlistcenter .p-yjy-center .p-kn .searchlistnews{} .searchlistcenter .p-yjy-center .p-kn .searchlistnews a{ width: 100%;margin: 0 0 30px 0;background: none;float: none;border: 0; overflow: hidden; display: block;} .searchlistcenter .p-yjy-center .p-kn .searchlistnews a img{ display: none;} .searchlistcenter .p-yjy-center .p-kn .searchlistnews a p{ text-align: left;text-transform: uppercase;padding: 20px 10px;min-height: auto;background: none;border: 1px solid #eee; font-size: 16px;font-weight: normal;} .searchlistcenter .p-yjy-center .p-kn .searchlistnews a p font{display: block;float: right;color: #000;margin: 0 20px 0 0;font-weight: normal;letter-spacing: 0px;font-size: 14px;} .searchlistcenter .p-yjy-center .p-kn a:hover p{ background: #f49f6f; color: #fff;} .searchlistcenter .p-yjy-center .p-kn a:hover p font{ color: #fff; } .searchlistcenter .p-yjy-center .p-kn .product01{ width: 100%; padding: 0;} .innerbanner .hottt span{width: 100px;float: left;text-align: left;} .innerbanner .hottt p{width: calc(100% - 100px); float: left;} @media only screen and (max-width: 1600px){ .searchbanner .text p{ font-size: 24px;margin: 0;} .searchbanner .text form{ margin-top: 10px;} .searchbanner .text{top:55%;} } /* pc */ .pc-1200px{display: none;} @media only screen and (max-width:1260px) { .pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;} .pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;} .pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;} .pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;} .pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;} } /* header */ .headerwrap{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;box-sizing: border-box;padding: 0 5%;position: fixed;top: 0;left: 0;z-index: 20;transition: all .3s;} .headerwrap .header{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .headerwrap .header .logo{display: block;} .headerwrap .header .logo img{display: block;width: auto;height:40px;} .headerwrap .header .logo .logo02{display: none;} .headerwrap .header .nav{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-left: auto;margin-right:2%;} .headerwrap .header .nav li{position: relative;} .headerwrap .header .nav li>a{display: block;height: 90px;line-height: 90px;font-size: 15px;color: #FFFFFF;position: relative;box-sizing: border-box;padding: 0 20px;transition: all .3s;} .headerwrap .header .nav li>a::after{content: '';display: block;width: 0%;height: 2px;background-color:#b81c27;transition: all .3s;position: absolute;left: 0;bottom: 0;} .headerwrap .header .right{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;} .headerwrap .header .right .language{font-size: 14px;color: #FFFFFF;} .headerwrap .header .right i{font-size: 18px;color: #FFFFFF;margin-right:15px;} .headerwrap .header .right span{display: block;width: 1px;height: 14px;background-color: #FFFFFF;margin: 0 10px;} .headerwrap .header .right a{font-size: 14px;color: #FFFFFF;} .headerwrap .header .right .lag_en{font-size: 14px;} .header .nav li .nav02{position: absolute;box-sizing: border-box;padding: 0;z-index: 5;width: 610px;left: 0;margin-left: 0px;text-align: center;top: 51.5px;display: none;justify-content: center;flex-flow: row;white-space: nowrap;transition: all .3s;top: 90px;} .header .nav li .nav02 a{display: inline-block;width: auto;font-size: 15px;color: #666;line-height: 40px;margin: 0;float: none;margin-right: 0;position: relative;text-align: left;padding-left: 30px;padding-right: 10px;} .header .nav li .nav02 a:last-child{margin-right: 0;} .header .nav li .nav02 a:hover{color: #b81c27;background-color: #fff;} .header .nav li .nav02 a:before{content: '';display: inline-block;width: 3px;height: 14px;background-color:#b81c27;position: absolute;top: 14px;left: 5px;opacity: 0;} .header .nav li .nav02 a:hover:before{opacity: 1} .header .nav li .nav02 a i{opacity: 0;transition: all .6s;} .header .nav li .nav02 a:hover i{opacity: 1;} .header .nav li .nav02{background-color: rgba(255,255,255,0.9);padding: 0;width: 180px;box-shadow: 0px 2px 2px rgba(34,34,34,0.3)} .header .nav li .nav02 a{display: block;display: flex;justify-content: space-between;align-items: center;} .header .nav li:hover .nav02{display: block;} .headerwrap .header .nav li>.nav_1ji{color: #fff;} .headerwrap:hover,.div2_1 .headerwrap,.div3 .headerwrap{background-color: #FFFFFF;} .headerwrap:hover .header .logo .logo01,.div2_1 .headerwrap .header .logo .logo01,.div3 .headerwrap .header .logo .logo01{display: none;} .headerwrap:hover .header .logo .logo02,.div2_1 .headerwrap .header .logo .logo02,.div3 .headerwrap .header .logo .logo02{display: block;} .headerwrap:hover .header .nav li>a,.div2_1 .headerwrap .header .nav li a,.div3 .headerwrap .header .nav li>a{color: #333333;} .div2_1 .headerwrap .header .nav li .nav_1ji{height: 60px;line-height: 60px;transition: all .3s;} .headerwrap:hover .header .right i,.div2_1 .headerwrap .header .right i,.headerwrap:hover .header .right,.div2_1 .headerwrap .header .right,.div3 .headerwrap .header .right i,.div3 .headerwrap .header .right{color: #333333;} .headerwrap:hover .header .right a,.div2_1 .headerwrap .header .right a,.div3 .headerwrap .header .right a{color: #333333;} .headerwrap:hover .header .right span,.div2_1 .headerwrap .header .right span,.div3 .headerwrap .header .right span{background-color: #333333;} .headerwrap .header .nav li:hover a::after{width: 100%;} .headerwrap:hover .header .nav li:hover>a{color:#174699;font-weight: 700;} .header .nav .active .nav_1ji{color:#174699;font-weight: 700;} .div2_1 .headerwrap .header .nav .active .nav_1ji{color:#174699;font-weight: 700;} .headerwrap:hover .header .nav .active .nav_1ji{color:#174699;} .headerwrap .header .right .fa-search{font-size: 18px;margin: 0 20px 0 0;} .headerwrap .header .nav li .nav03{ position: fixed;width: 90%;background:rgb(23 70 153 / 90%);left: 0;padding: 0 5%;display: none;overflow: hidden;z-index: -1;} .headerwrap .header .nav li .nav03 dt{ float: left;display: block;width:100%; padding:30px 0; overflow: hidden;} .headerwrap .header .nav li .nav03 dt h5{ display: block;font-size: 30px;color: #000;line-height: 30px;margin: 0 0 30px 0;border-bottom: 1px solid #ccc;padding-bottom: 20px;} .headerwrap .header .nav li .nav03 dt h6{ display: block;} .headerwrap .header .nav li .nav03 dt h6 span{ display: block;float: left;width:20%;border-right:1px solid #4472c3;box-sizing: border-box;text-align: center;margin: 20px 0;} .headerwrap .header .nav li .about_nav2 dt h6 span{width: 25%;} .headerwrap .header .nav li .nav03 dt h6 span a{ color: #fff;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .headerwrap .header .nav li .nav03 dt h6 span a .fa{ margin: 0 0 0 10px;color:#fff} .headerwrap .header .nav li .nav03 dt h6 span a:hover{font-weight: bold;} .headerwrap .header .nav li .nav03 dd a:hover .cont h3{color:#b81c27;} .headerwrap .header .nav li .nav03 dd{ box-shadow: -16px 0px 15px rgba(0, 0, 0, 0.05); padding:30px 0 30px 5%; display: block;overflow: hidden;width:35%;float: right;} .headerwrap .header .nav li .nav03 dd a{} .headerwrap .header .nav li .nav03 dd a .imgBox{ max-height:300px; display: block;overflow: hidden;} .headerwrap .header .nav li .nav03 dd a .imgBox img{display: block; width: 100%;} .headerwrap .header .nav li .nav03 dd a .cont{} .headerwrap .header .nav li .nav03 dd a .cont p{display: block;color: #999;margin: 20px 0;} .headerwrap .header .nav li .nav03 dd a .cont h3{display: block;color: #333;font-size: 24px;line-height: 30px;} .headerwrap .header .nav li .nav03 dd a .cont font{} .headerwrap .header .nav li .nav03 dd a .cont .more{} .headerwrap .header .nav li:hover .nav03{ display: block;top: 90px;} .nav_prospan{ text-align: left; } .indexnav_img{ width: 120px; margin:0 auto; margin-top: 20px; } .nav_3jicd{ margin-top: 15px; } .nav_prospan .nav_3jicd a{ color: #a9c3f1 !important; font-size: 13px !important; display: block; line-height:16px; padding:10px 0; } .nav_prospan .nav_3jicd .nav_3more{color: #fff !important;} .headerwrap .header .nav li .nav03 .nav_prospan{ width: 22%; text-align: left; margin-left: 3%; height: 210px; } /*鎼滅储妗?/ .searchbox{ cursor: pointer; } .search_div{ height:100px; width: 100%; position:fixed; top: 86px; background-color:rgb(250 250 250 / 90%); z-index: 10; display: none; } .div2_1 .search_div{ top: 60px; } .search_div_flex{ width: 600px; border-radius: 100px; overflow: hidden; height: 35px; margin: 0 auto; margin-top: 35px; } .search_div_flex input{ height: 35px; background: #fff; padding: 0 45px; background-image: url(../img/search.jpg); background-position: 15px center; background-repeat: no-repeat; border:0; width: 410px; outline:none; float: left; display: inline-block; } .search_div_flex button { width: 100px; height: 35px; line-height: 35px; background-color:#174699; font-size: 17px; color: #fff; cursor: pointer; border:0; float: left; display: inline-block; } /* .nav_profl{ height: 345px; } */ .header .nav li .nav02 .dropdown-menu{position: absolute; box-sizing: border-box; padding: 0; z-index: 5; min-width: 190px; width: auto; left: 100%; margin-left: 0px; text-align: center; display: none; justify-content: center; flex-flow: row; white-space: nowrap; transition: all .3s; top: 0px; background: #ffffffe8;} .header .nav li .nav02 .nav04:hover .dropdown-menu{display: block;} .dropdown-menu>li{display: block; width: 100%; line-height: 40px; margin: 0; float: none; position: relative; text-align: left;} .headerwrap .header .nav .dropdown-menu>li>a{height: 40px; line-height: 40px;} .headerwrap .header .nav .dropdown-menu>li>a::after{display: none;} .div2_1 .headerwrap .header .nav li:hover .nav03{top: 60px;} @media only screen and (max-width: 1600px){ .headerwrap .header .nav li:hover .nav03{ display: block;top: 86px;} .headerwrap .header .nav li .nav03 dt h5,.headerwrap .header .nav li .nav03 dd a .cont h3{font-size:20px; } .div2_1 .headerwrap .header .nav li:hover .nav03{top: 60px;} } /*banner*/ .bannerwrap,.bannerwrap .banner,.bannerwrap .banner .swiper-container{width: 100%;height: 100%;position: relative;overflow: hidden;} .bannerwrap .swiper-container img{display: block;width: auto;height: 100%;min-width: 100%;} /* .bannerwrap::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.3);z-index: 0;} */ .bannerwrap .banner .text{width: 1200px;height: calc(100% - 180px);box-sizing: border-box;position: absolute;top: 90px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);z-index: 2;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: auto;border-left: 1px solid rgba(255,255,255,0.3);padding-left: 60px;} .bannerwrap .banner .text .cont{width: 100%;box-sizing: border-box;position: relative;} .bannerwrap .banner .text p{font-size: 16px;color: #ffffff;text-transform: uppercase;margin-bottom: 30px;line-height: 30px;} .bannerwrap .banner .text h3{font-size: 56px;color: #ffffff;font-weight: bold;margin-bottom: 40px;letter-spacing: 10px;} .bannerwrap .banner .text .cont .more{height:46px;line-height:46px;} .more{display: block;height: 42px;text-align: center;line-height: 42px;color: #FFFFFF;font-size: 14px;overflow: hidden;position: relative;z-index: 0;border-radius: 2px;cursor:pointer;} .more:hover { color:#fff; } .more:hover::after{width: 100%;} .more::after{content: '';width: 0;height: 100%;background-color:#b81c27;position: absolute;top: 0;left: 0;transition: all .3s;z-index: -1;} .bannerwrap .banner .text .cont::before{content: '';display: block;width: 3px;height: 30px;top: 0;left: -62px;background-color: #FFFFFF;position: absolute;} .bannerwrap .swiper-container{ width: 100%; height: 100%; } .bannerwrap .swiper-container .swiper-pagination{ bottom: 20px; } .bannerwrap .swiper-container .swiper-pagination-bullet{ width: 10px; height: 10px; } .bannerwrap .swiper-container .swiper-button-prev{ left: 0px; width: 30px; height: 50px; margin-top:18px; background: url(../svg/right.svg) no-repeat 3px rgba(0, 0, 0, .5); background-size: 27px; transform: rotate(180deg); } .bannerwrap .swiper-container .swiper-button-next{ right: 0px; width: 30px; height: 50px; margin-top: 18px; background: url(../svg/right.svg) no-repeat 3px rgba(0, 0, 0, .5); background-size: 27px; } .bannerwrap .swiper-container .swiper-button-prev:after{ display: none; } .bannerwrap .swiper-container .swiper-button-next:after{ display: none; } .swiper-container .swiper-button-prev:after{ display: none; } .bot .swiper-container .swiper-button-next:after{ display: none; } .videoIcon1 { position: relative; display: flex; align-items: center; justify-content: center; margin-right: 20px; } .videoIcon11 { position: absolute; left: 0; top: 0; animation: xunzhuan infinite 5s linear; width: 40px; } @keyframes xunzhuan{ 0%{ transform: rotate(0deg); } 100%{transform: rotate(360deg);} } .videoIcon12{ width: 40px; position: absolute; left: 0px; top: 0; } .gfxcsp{ display: inline-block; margin-left:50px; } .video-box { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); z-index: 1000; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } .video-box.show { visibility: visible; opacity: 1; } .video-box .move_content { position: absolute; top: 50%; left: 25%; width: 50%; height: auto; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } .btn-close { position: absolute; top: 10px; right: 10px; z-index: 99; } .mv_guanbi { font-size: 24px !important; color: #fff; cursor:pointer; } .video-box .move_content video { width: 100%; height: 100%; } .gsmove{ display: block; height: 42px; text-align: center; line-height: 42px; color: #FFFFFF; font-size: 14px; overflow: hidden; position: relative; z-index: 0; border-radius: 2px; cursor: pointer; } /* videobanner */ .bannerwrap video{display: block;width: 100%;object-fit: fill;height:100%;} .bannerwrap .vide0text{padding-top:86px;position: absolute;top:50%;left: 5%;width:90%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 1;} .bannerwrap .vide0text p{font-size:18px;line-height: 1.8em;color: #FFFFFF;margin:12px 0;} .bannerwrap_en .vide0text p{font-weight: bold;} .bannerwrap .vide0text h3{font-size: 48px;color: #FFFFFF;margin:12px 0;text-shadow: 0 2px 5px rgb(0 0 0 / 50%);} .bannerwrap .sjbanner{display: none;} .bannerwrap_en .vide0text{width: 80%;} /*棣栭〉浜у搧涓績*/ .index_pro{ padding: 80px 0; width: 100%; } .index_tit{ text-align: center; } .index_tit h2{ font-size: 80px; font-weight: bold; color: rgb(238 238 238 / 50%); font-family: op; } .index_tit h3{ color:#174699; font-size: 26px; font-weight: 700; letter-spacing: 3px; padding-bottom:20px; margin-top: -50px; } .inpro_bk{ padding: 0 5%; margin-top:60px; } .inpro_bk ul li{ width: 22.75%; padding-bottom: 60px; float: left; border-radius:20px; margin:0 1.5%; text-align: center; margin-bottom:20px; position: relative; overflow: hidden; background: url(../img/tongbg2.png) no-repeat; background-size: 100% 100%; } .inpro_bk ul li:first-child{ margin-left: 0; } .inpro_bk ul li:last-child{ margin-right: 0; } .inpro_bk ul li .indexpro_img{ width: 200px; margin: 0 auto; margin-top: 50px; } .indexpro_mc img{ width: 36px; margin: 0 auto; margin-bottom: 15px; margin-top: 30px; } .indexpro_mc h3{ font-size: 20px; color: #000; margin-bottom:5px; } .indexpro_mc p{ color: #ababac; font-size: 16px; font-weight: 300; } .inpro_bk ul li:hover .indexpro_mc{ display: none; } .indexpro_bg{ display: none; background-color:#174699; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .inpro_bk ul li:hover .indexpro_bg{ display: block; } .inpro_bk ul li:hover .indexpro_img{ width: 320px; } .indexpro_iconb{ position: absolute; top: 0px; opacity: 0; transition: all 0.4s ease; width: 100%; text-align: center; } .indexpro_iconb img{ width:60px; display: inline-block; } .indexpro_btjjbk{ position: absolute; top: 120px; width: 100%; } .indexpro_btjj{ position: absolute; top: 100px; text-align: center; width: 100%; opacity: 0; transition: all 0.4s ease; } .inpro_bk ul li:hover .indexpro_btjj{ top: 20px; opacity: 1; } .indexpro_iconb h2{ font-size: 22px; color: #fff; font-weight: 300; margin-top: 10px; } .indexpro_btjj p{ color: #fff; font-size: 15px; width: 80%; text-align: center; margin: 0 auto; margin-top: 30px; line-height: 27px; font-weight: 300; } .inpro_bk ul li:hover .indexpro_iconb{ opacity: 1; top: 50px; transition: all 0.4s ease; } .indexpro_more{ position: absolute; bottom: 0px; width: 100%; left: 0; opacity: 0; transition: all 0.4s ease; } .indexpro_more p{ background-color: #fff; border-radius: 20px; color: #174699; padding: 10px 30px; display: inline-block; } .inpro_bk ul li:hover .indexpro_more{ opacity: 1; bottom: 50px; } /*棣栭〉鍏充簬绉戞磱*/ .index08wrap{ position: relative; padding: 80px 0; } .index08wrap_bgcolor{ background-color:rgb(18 42 136 / 75%); height: 100%; width: 100%; position: absolute; top: 0; left: 0; opacity: 0.6; } .index08wrap_cont{ padding: 0 10%; width: 80%; } .index08wrap_conttit h2{ font-size: 80px; font-weight: bold; color: rgb(255 255 255 / 10%); font-family: op; text-align: center; } .index08wrap_conttit h3{ font-size: 26px; font-weight: 700; color: #fff; padding-bottom:20px; text-align: center; margin-top: -47px; } .index08wrap_contleft{ text-align: center; margin: 0 auto; padding-top:30px; width: 80%; padding-bottom:80px; background: url(../img/customers_album2.png) no-repeat 100%; background-position-x: 50%; background-position-y: 50%; } .index08wrap_contleft p{ font-size: 16px; color: #fff; line-height: 35px; margin-top: 30px; margin-bottom:50px; letter-spacing: 2px; } .index08wrap_contleft_en p{ letter-spacing: 0px; } .index08wrap_contleft a{ border: 1px solid #fff; color: #fff; font-size: 14px; padding: 8px 35px; border-radius: 2px; position: relative; z-index: 1; } .index08wrap_contleft a::after { content: ''; width: 0; height: calc(100% + 1px); background-color: #fff; position: absolute; top: 0px; left: -1px; transition: all .3s; z-index: -1; border-radius: 2px; } .index08wrap_contleft a:hover{ color: #b81c27; } .index08wrap_contleft a:hover::after { width: calc(100% + 1px); } .index08wrap_contrig{ } .index08wrap_contrig ul{ height: 200px; } .index08wrap_contrig ul li{ width: 21%; float: left; margin:0 2%; text-align: center; transition: margin-top 0.2s linear 0s; } .index08wrap_contrig ul li img{ width: 80px; margin:0 auto; } .index08wrap_contrig ul li .shuzi{ font-size:45px; margin-right: 10px; font-family:op; font-weight: bold; } .index08wrap_contrig ul li span{ color: #fff; margin: 0 6px; font-size: 15px; } .index08wrap_contrig ul li p{ font-size: 15px; color: #fff; margin-top: 10px; letter-spacing: 4px; } .index08wrap_contrig_en ul li p{ letter-spacing: 2px; } .index08wrap_contrig ul li:hover{ margin-top:-15px; background-color: rgb(255 255 255 / 20%); border-radius: 20px; padding: 20px 0px; } .b-bot{width: 100%;box-sizing: border-box;height: 90px;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;position: absolute;left: 0;bottom: 0;z-index: 3;} .b-bot .scoll{width: calc((100% - 1200px)/2);height: 100%;background-color: #7e8085;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;-webkit-flex-flow: column;flex-flow: column;cursor: pointer;transition: all .3s;} .b-bot .scoll p{color: #fff;font-size: 12px;} .b-bot .scoll:hover{background-color: #e6771b;} .b-bot .page{width: auto;height: 90px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #FFFFFF;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;box-sizing: border-box;} .b-bot .swiper-pagination-bullet{width: 12px;height:12px;background-color: transparent;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;border: 1px solid #00000000;opacity: 1;margin-right: 10px;} .b-bot .swiper-pagination{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;position: relative;padding: 0 120px 0 30px;box-sizing: border-box;height: 90px;border-right: 1px solid #DDDDDD;} .b-bot .swiper-pagination-bullet::after{content: '';display: block;width: 6px;height: 6px;background-color: #bbbbbb;border-radius: 50%;} .b-bot .swiper-pagination .swiper-pagination-bullet-active{border-color: #e6771b;} .b-bot .swiper-pagination .swiper-pagination-bullet-active::after{background-color: #e6771b;} .b-bot .swiper-pagination-bullet:last-child{margin-right: 0;} .b-bot .page strong{display: block;width: 50px;height: 2px;background-color: #BBBBBB;margin: 0 30px;} .b-bot .page .arrow{width: auto;box-sizing: border-box;padding: 0 30px;} .b-bot .page .arrow .swiper-button-next,.b-bot .page .arrow .swiper-button-prev{background-image: none;font-size: 30px;position: relative;color: #454545;height: auto;margin-top: 0;width: auto;} .b-bot .page .arrow .swiper-button-next{margin-left: 40px;right: 0;} .jt {display: block;width: 10px;height: 10px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;animation: updown 1.5s ease-out infinite;-webkit-animation: updown 1.5s ease-out infinite;z-index: 3;} @keyframes updown { 0% { transform: translateY(0) rotate(-45deg);-webkit-transform: translateY(0) rotate(-45deg); opacity: 1; } 50% { transform: translateY(20px) rotate(-45deg);-webkit-transform: translateY(20px) rotate(-45deg); opacity: 0; } 100% { transform: translateY(0) rotate(-45deg);-webkit-transform: translateY(0) rotate(-45deg); opacity: 0; } } @-webkit-keyframes updown { 0% { transform: translateY(0) rotate(-45deg);-webkit-transform: translateY(0) rotate(-45deg); opacity: 1; } 50% { transform: translateY(20px) rotate(-45deg);-webkit-transform: translateY(20px) rotate(-45deg); opacity: 0; } 100% { transform: translateY(0) rotate(-45deg);-webkit-transform: translateY(0) rotate(-45deg); opacity: 0; } } .centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;} @-webkit-keyframes centerBig{ 100%{transform:scale(1.1,1.1);}} @keyframes centerBig{ 100%{transform:scale(1.1,1.1);}} .swiper-slide img{animation-duration:5s;animation-timing-function:linear;animation-fill-mode: forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode: forwards; } .bannerwrap .banner:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background-color: rgba(0,0,0,0.5);} /* indexwrap */ .indexwrap{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;} /* index01wrap */ .index01{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: flex-start;align-items: flex-start;position: relative;margin-top: 150px;} .index01 .left{width: 36.66%;position: relative;box-sizing: border-box;padding-left: 100px;} .index01 .left::after{content: '';display: block;width: 1px;height: calc(100% - 72px);background-color: #ddd;position: absolute;left: 0;top: 0;} .index01 .left .cont{width: 100%;box-sizing: border-box;position: relative;padding-right: 100px;z-index: 1;} .index01 .left::before{content: '';width: 3px;height: 30px;background-color: #e6771b;position: absolute;left: 0;top: 0;} .index01 .left .cont h3{font-size: 32px;color: #222222;font-weight: bold;margin-bottom: 30px;line-height: 30px;} .index01 .left .cont h4{font-size: 18px;color: #222222;line-height: 30px;margin-bottom: 30px;font-weight: bold;} .index01 .left .cont h5{font-size: 15px;color: #666666;line-height: 30px;margin-bottom: 30px;} .index01 .left .cont .more{border: 1px solid #e6771b;} .index01 .right{width: 43.33%;box-sizing: border-box;position: relative;} .index01 .right .cont{width: 100%;overflow: hidden;background-color: #eee;} .index01 .right .cont img{display: block;width: 100%;transition: all .6s;} .index01 .right .cont:hover img{transform: scale(1.1);} .a-right{width: 20%;height:100%;position: absolute;right: 0;bottom: 0;} .a-right a{width: 100%;height: 100%;background-color: #e09845;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-flow: column;flex-flow: column;box-sizing: border-box;padding: 90px 50px;transition: all .3s;} .a-right h3{font-size: 26px;color:#ffffff;font-weight: bold;} .a-right h3 span{display: block;font-size: 16px;color: #FFFFFF;font-weight: normal;margin-top: 10px;} /* .a-right i{font-size: 18px;color: #FFFFFF;} */ .a-right:hover a{background-color: #e6771b;} .jt02{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;} .jt02::before{content: '';display: block;width: 20px;height: 2px;background-color: #fff;transition: all .3s;} .jt02::after{content: '';display: block;width: 0;height: 0;border: 5px solid transparent;border-left-color: #fff;margin-left: -5px;} .a-right:hover .jt02::before{width: 40px;} /* index02 */ .index02{width: 100%;margin: auto;box-sizing: border-box;margin-bottom: 150px;position: relative;} .index02 .imgbg{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);position: absolute;z-index: 0;width: 600px;right: -300px;} .index02 li{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;position: relative;z-index: 1;} .index02 li .left{width: 36.66%;background-color: #eee;overflow: hidden;} .index02 li .left img{display: block;width: 100%;transition: all .6s;} .index02 li:hover .left img{transform: scale(1.1);} .index02 li .right{width: 43.33%;box-sizing: border-box;padding: 90px 50px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-flow: column;flex-flow: column;} .index02 li .right h3{font-size: 26px;color: #222222;font-weight: bold;} .index02 li .right h3 span{display: block;font-size: 16px;color: #222;margin-top: 10px;font-weight: normal;} .index02 li .right i{font-size: 18px;color: #e6771b;} .index02 li:nth-of-type(2n){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;-webkit-justify-content: flex-end;justify-content: flex-end;} .index02 li:nth-of-type(2n) .left{width: 53.67%;} .index02 li:nth-of-type(2n) .right{width: 36.66%;} .index02 li .right .jt02::before{background-color: #e6771b;} .index02 li .right .jt02::after{border-left-color: #e6771b;} .index02 li:hover .right .jt02::before{width: 40px;} .index02 li:hover .right h3{color: #e6771b;} .index02 li:hover .right h3 span{color: #e6771b;} .index02 li .right .hover{margin-top: 30px;font-size: 15px;color: #666;opacity: 0;transition: all .3s;line-height: 30px;} .index02 li:hover .right .hover{opacity: 1;} /* index03 */ .index03{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;box-sizing: border-box;padding: 150px calc((100% - 1400px)/2) 0;background-color: #fff;} .index03 .item{display: block;width: 50%;overflow: hidden;position: relative;position: relative;} .index03 .item::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;transition: all .3s;} .index03 .item:nth-of-type(1)::after{background-color: rgba(0,0,0,0.4);} .index03 .item:nth-of-type(2)::after{background-color: rgba(54,54,54,0.4);} .index03 .item img{display: block;width: 100%;transition: all .6s;} .index03 .item .text{width: 100%;display: block;position: absolute;top: 50%;left: 0;z-index: 1;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .index03 .item .text h3{font-size: 32px;color: #FFFFFF;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid rgba(255,255,255,0.5);position: relative;text-align: center;font-weight:bold;} .index03 .item .text h3::after{content: '';display: block;width: 30px;height: 3px;position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);background-color: #e6771b;} .index03 .item .text h4{width: 60%;margin: auto;font-size: 15px;color: rgba(255,255,255,0.8);line-height: 30px;text-align: center;} .index03 .item .text .more{margin: auto;border: 1px solid #fff;background-color: transparent;margin-top: 130px;} .index03 .item:nth-of-type(1):hover::after{background-color: rgba(0,0,0,0.66);} .index03 .item:nth-of-type(2):hover::after{background-color: rgba(54,54,54,0.6);} .index04wrap{width: 100%;box-sizing: border-box;position: relative;padding:0;} .index04wrap .top{margin: 150px auto;width: 1200px;text-align: center;} .index04wrap .top p{font-size: 20px;color: #313233;margin-bottom: 10px;opacity:0.7;} .index04wrap .top h3{font-size: 30px;color: #313233;font-weight: bold;} .index04wrap .top strong{display: block;width: 30px;height: 2px;background-color: #e6771b;margin: 30px auto;} .index04wrap .top h4{font-size: 15px;color: #666666;line-height: 26px;width: 50%;margin: auto;} .index04wrap .index04{width: 100%;box-sizing: border-box;position: relative;padding: 150px calc((100% - 1200px)/2);background: url(../img/indexbg_03_3.jpg)no-repeat fixed;background-size: cover;} .index04wrap .index04 .text{width: 100%;position: relative;} .index04wrap .index04 .text .cont{width: 50%;padding: 70px;background-color: rgba(0,0,0,0.5);margin-left: -70px;box-sizing: border-box;padding-left: 110px;transition: all .3s;} .index04wrap .index04 .text .cont::before{content: '';display: block;content: '';display: block;width: 1px;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(255,255,255,0.5);} .index04wrap .index04 .text .cont::after{content: '';display: block;width: 2px;height: 30px;position: absolute;left: 0;top: 70px;background-color: #FFFFFF;} .index04wrap .index04 .text .cont h3{font-size: 32px;color: #ffffff;font-weight: bold;margin-bottom: 30px;} .index04wrap .index04 .text .cont h4{font-size: 15px;color: #ffffff;line-height: 24px;margin-bottom: 40px;text-align:justify;} .index04wrap .index04 .text .cont a{background-color: transparent;border: 1px solid #fff;} .index04wrap .index04 .text .cont a::after{background-color: #fff;} .index04wrap .index04 .text .cont a:hover{color: #e6771b;} .index04wrap .index04 .text .cont:hover{background-color: rgba(0,0,0,0.7);} /* index05wrap */ .index05wrap{width: 100%;box-sizing: border-box;position: relative;background: linear-gradient(180deg, #f0f4ff 0%, rgba(240, 244, 255, 0) 100%);padding: 150px 0;} .index05wrap .top{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 40px;} .index05wrap .top .left{width: 50%;box-sizing: border-box;padding-left: calc((100% - 1200px)/2);position: relative;} .index05wrap .top .left .bgfont{font-size: 170px;color: #222222;opacity: 0.05;font-weight: bold;text-transform: uppercase;position: absolute;left: 0;letter-spacing: 26px;top:130px;} .index05wrap .top .left .cont{width: 100%;padding-top: 200px;border-left: 1px solid #ddd;box-sizing: border-box;padding-left: 40px;position: relative;} .index05wrap .top .left .cont::before{content: '';display: block;width: 3px;height: 30px;position: absolute;left: -2px;top: 200px;background-color:#b81c27;} .index05wrap .top .left .cont .tl{font-size: 32px;color:#174699;font-weight:700;margin-bottom: 120px;} .index05wrap .top .left .cont .list{width: 100%;box-sizing: border-box;} .index05wrap .top .left .cont .list .item h3{font-size: 20px;color: #222222;margin-bottom: 40px;} .index05wrap .top .left .cont .list .item h4{font-size: 15px;color: #666666;line-height: 26px;margin-bottom: 50px;padding-right: 100px;box-sizing: border-box;} .index05wrap .top .left .cont .list .item .more{width: 150px;height: 40px;line-height: 40px;transition: all .3s;background-color:#174699;} /*.index05wrap .top .left .cont .list .item .more::after{background-color: transparent;}*/ /*.index05wrap .top .left .cont .list .item .more:hover{background-color: transparent;}*/ .index05wrap .top .gallery-thumbs .swiper-wrapper .swiper-slide{opacity: 0!important;} .index05wrap .top .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{opacity: 1!important;} .index05wrap .top .right{width: 50%;box-sizing: border-box;overflow: hidden;} .index05wrap .top .right img{display: block;width: 100%;transition: all .6s;border-bottom-left-radius: 340px;} .index05wrap .bot{width: 100%;overflow: hidden;box-sizing: border-box;position: relative;} .index05wrap .bot .gallery-thumbs .swiper-slide a{display: block;width: 100%;} .index05wrap .bot .gallery-thumbs .swiper-slide a .imgbox{width: 100%;box-sizing: border-box;} .index05wrap .bot .gallery-thumbs .swiper-slide a .imgbox img{display: block;width: 100%;} .index05wrap .bot .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a .imgbox{opacity: 1;} .index05wrap .bot .gallery-thumbs .swiper-slide a .text{width: 100%;font-size: 18px;color: #222222;box-sizing: border-box;margin-top: 20px;text-align: center;} /*.index05wrap .bot .gallery-thumbs .swiper-slide a .text::before{content: '';display: block;width: 30px;height: 1px;background-color: #222;margin-right: 10px;}*/ .index05wrap .bot .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a .text{color:#b81c27;} .index05wrap .bot .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a .text::before{background-color:#b81c27;} .index05wrap .swiper-button-next,.index05wrap .swiper-button-prev{width: 45px;height: 45px;background-color: #FFFFFF;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-image: none;font-size: 18px;color: #222;margin-top: -38px;outline: none;} .index05wrap .swiper-button-next{right: 0;} .index05wrap .swiper-button-prev{left: 0;} /* .index06 */ .index06wrap{width: 100%;box-sizing: border-box;margin-bottom:0px;} .index06wrap .tl{width: 1200px;margin: auto;border-left: 1px solid #ddd;font-size: 32px;color: #222222;font-weight:bold;margin-bottom: 0px;padding: 150px 0 70px;position: relative;padding-left: 40px;box-sizing: border-box;} .index06wrap .tl::before{content: '';position: absolute;left: -2px;top: 150px;background-color: #e6771b;width: 3px;height: 30px;} .index06wrap .index06{width: 1400px;box-sizing: border-box;position: relative;margin: auto;} .index06wrap .index06 img{display: block;width: 100%;} .index06wrap .index06 .min{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .index06wrap .index06 .min a{ text-align: center;position: relative;width: 150px;height: 150px;-webkit-transition: opacity 0.5s ease-out;-moz-transition: opacity 0.5s ease-out;-o-transition: opacity 0.5s ease-out;transition: opacity 0.5s ease-out;} .index06wrap .index06 .min a span{z-index: 1;border: 1px solid #e6771b;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 10px;height: 10px;margin: auto; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding;border-radius: 50%;background-clip: padding-box;background: transparent;background-color: #e6771b;} .index06wrap .index06 .min a font{display: inline-block;font-size: 18px;color: #000;white-space: nowrap;} .index06wrap .index06 .min #a1{top: 15%;left: 3%;position: absolute;width: 80px;height: 80px;visibility: visible;opacity: 1;} .index06wrap .index06 .min #a2{top: 18%;left: 4%;position: absolute;width: 100px;height: 100px;visibility: visible;opacity: 1;} .index06wrap .index06 .min #a3{top: 25%;left: 7%;position: absolute;width: 80px;height: 80px;visibility: visible;opacity: 1;} .index06wrap .index06 .min #a4{top: 30%;left: 40%;position: absolute;width: 80px;height:80px;visibility: visible;opacity: 1;} .index06wrap .index06 .min #a5{top: 20%;left: 70%;position: absolute;width: 110px;height: 110px;visibility: visible;opacity: 1;} .index06wrap .index06 .min #a6{top: 24%;left: 45.8%;position: absolute;width: 110px;height: 110px;visibility: visible;opacity: 1;} .index06wrap .index06 .min #a7{top: 23%;left: 42%;position: absolute;width: 110px;height: 110px;visibility: visible;opacity: 1;} .index06wrap .index06 .min #a8{top: 15%;left: 10%;position: absolute;width: 110px;height: 110px;visibility: visible;opacity: 1;} .index06wrap .index06 .min #a1 font{ position: absolute;top: 30px;left: 50px;} .index06wrap .index06 .min #a2 font{ position: absolute;top: 40px;left: 60px;} .index06wrap .index06 .min #a3 font{ position: absolute;top: 30px;left: 60px;white-space: nowrap;} .index06wrap .index06 .min #a4 font{ position: absolute;top: 30px;left: 50px;} .index06wrap .index06 .min #a5 font{ position: absolute;top: 45px;left: 65px;} .index06wrap .index06 .min #a6 font{position: absolute;top: 46px;left: 65px;} .index06wrap .index06 .min #a7 font{position: absolute;top: 46px;left: 65px;} .index06wrap .index06 .min #a8 font{ position: absolute;top: 46px;left: 65px;} @keyframes ballScale { 0% {-webkit-transform: scale(0);transform: scale(0);opacity: 1;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 0; }} .index06wrap .index06 .min .point{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 10px;height: 10px;margin: auto; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; background: transparent;width: 100%;height: 100%;} .index06wrap .index06 .min .point-10 strong{ display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #e6771b;opacity: 0; -webkit-animation: ballScale 12s 0s linear infinite; -moz-animation: ballScale 12s 0s linear infinite; -ms-animation: ballScale 12s 0s linear infinite; animation: ballScale 12s 0s linear infinite;} .index06wrap .index06 .min .point-70 strong,.index06wrap .index06 .min .point-40 strong{ display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #e6771b;opacity: 0; -webkit-animation: ballScale 6s 0s linear infinite; -moz-animation: ballScale 6s 0s linear infinite; -ms-animation: ballScale 6s 0s linear infinite; animation: ballScale 6s 0s linear infinite;} .min02wrap{width: 100%;box-sizing: border-box;background: url(../img/index_pbg.jpg)no-repeat fixed;padding: 150px 0;background-size: cover;} .index06wrap .min02{width: 1200px;box-sizing: border-box;position: relative;margin: auto;padding:0;margin-top: 0;} .index06wrap .min02 .swiper-container03{width: 100%;} .index06wrap .min02 .imgbox{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content:flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .index06wrap .min02 .imgbox p{display: block;width: 7.555%;margin-right: 4%;margin-bottom: 4%;height:auto;flex-shrink: 0;} .index06wrap .min02 .imgbox p img{display: block;width: 100%;} .index06wrap .min02 .imgbox p:nth-of-type(9n){margin-right: 0;} .index06wrap .min02 .swiper-pagination{position: relative;bottom: 0;} .index06wrap .min02 .swiper-pagination-bullet{width: 40px;height: 2px;background-color: #d4d4d4;opacity: 0.5;border-radius: 0;} .index06wrap .min02 .swiper-pagination-bullet-active{background-color: #fff;opacity: 1;} .index06wrap .swiper-button-prev,.index06wrap .swiper-button-next{background-image: none;font-size: 26px;color: #aaaaaa;width: auto;height: auto;margin-top: -2%;transform: translateY(-50%);-webkit-transform: translateY(-50%);outline: none;} .index06wrap .swiper-button-prev{left: -50px;} .index06wrap .swiper-button-next{right: -50px;} /* index07wrap */ .index07wrap{width: 100%;box-sizing: border-box;} .index07wrap .item{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;position: relative;} .index07wrap .item .text{width: 50%;box-sizing: border-box;background-color: #f1f2f3;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;position: relative;padding-right: calc((100% - 1200px)/2);} .index07wrap .item .text .cont{width: 100%;box-sizing: border-box;padding-right: 100px;padding-left: 90px;} .index07wrap .item .text .cont h3{font-size: 32px;color: #222222;font-weight: bold;margin-bottom: 30px;position: relative;} .index07wrap .item .text .cont h3::before{content: '';display: block;width: 3px;height: 30px;position: absolute;top: 0;background-color: #e6771b;left: -90px;} .index07wrap .item .text .cont h4{font-size: 15px;color: #666666;line-height: 30px;margin-bottom: 30px;} .index07wrap .item .text .cont .more{width: 150px;height: 40px;line-height: 40px;border: 1px solid #e6771b;transition: all .3s;margin-top: 30px;} .index07wrap .item .text .cont .fontbg{font-size: 170px;color: #222222;opacity: 0.05;font-weight: bold;text-transform: uppercase;position: absolute;left: 0;margin-top: -70px;letter-spacing:20px;} .index07wrap .item .right{width: 50%;box-sizing: border-box;position: relative;} .index07wrap .item .right img{display: block;width: 100%;} .index07wrap .item .text .cont h5{font-size: 18px;color: #222222;line-height: 30px;margin-bottom: 50px;} .index07wrap .item .text .cont p{font-size: 15px;color: #666666;line-height: 36px;} /* index08 */ .index08{width: 1200px;margin: 150px auto;text-align: center;padding-top: 90px;border-top: 1px solid #ddd;} .index08 p{font-size: 20px;color: #313233;margin-bottom: 10px;opacity:0.7;} .index08 h3{font-size: 30px;color: #313233;font-weight: bold;} .index08 strong{display: block;width: 40px;height: 2px;background-color: #e6771b;margin: 30px auto;} .index08 a{border: 1px solid #e6771b;color: #e6771b;background-color: transparent;margin: auto;} .index08 a:hover{color: #FFFFFF;} .index08 a::after{background-color: #e6771b;} /* footerwrap */ .footerwrap{width: 100%;box-sizing: border-box;background:#174699 url(../img/ditu2.png) no-repeat 50px 100px;padding: 100px 0 20px;background-size: 70%;background-position-x: 50%;} .footerwrap .footer{width: 100%;box-sizing: border-box;padding: 70px 10%;background-color: #303132;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .footerwrap .footer .left{width: 50%;} .footerwrap .footer .left .f-logo{display: block;margin-bottom: 40px;} .footerwrap .footer .left .f-logo img{display: block;width: auto;height: 50px;} .footerwrap .footer .left h3{font-size: 17px;color: #ffffff;font-weight: bold;margin-bottom: 30px;} .footerwrap .footer .left h4{font-size: 14px;color: rgba(255,255,255,0.7);line-height: 30px;margin-bottom: 30px;} .footerwrap .footer .left .ewm{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;} .footerwrap .footer .left .ewm li img{display: block;width: auto;} .footerwrap .footer .left .ewm li p{font-size: 13px;color: rgba(255,255,255,0.8);margin-top: 20px;text-align: center;} .footerwrap .footer .left .ewm li:last-child{margin-left: 20px;} .footerwrap .footer .right{width: 50%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-flow: column;flex-flow: column;} .footerwrap .footer .f-nav{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .footerwrap .footer .f-nav li h3 a{font-size: 16px;color: #FFFFFF;font-weight: bold;} .footerwrap .footer .f-nav li h3{margin-bottom: 30px;} .footerwrap .footer .f-nav li .list p{margin-bottom: 25px;} .footerwrap .footer .f-nav li .list p a{font-size: 15px;color: rgba(255,255,255,0.6);padding-bottom: 5px;position: relative;} .footerwrap .footer .f-nav li .list p a::after{content: '';display: block;width: 0%;height: 1px;background-color: #FFFFFF;position: absolute;left: 0;bottom: 0;transition: all .3s;} .footerwrap .footer .f-nav li .list p a:hover::after{width: 100%;} .footerwrap .footer .f-nav li .list p a:hover{color: #FFFFFF;} .footerwrap .footer .right .bot{width: 100%;border-top: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);padding: 0 20px;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;padding: 30px 0;} .footerwrap .footer .right .bot h3{font-size: 16px;color: #ffffff;font-weight: bold;margin-right: 50px;} .footerwrap .footer .right .bot .bdsharebuttonbox{display: flex;display: -webkit-flex;} .footerwrap .footer .right .bot .bdsharebuttonbox a{background-image: none;font-size: 14px;color: rgba(255,255,255,0.5);margin: 0;margin-right: 20px;padding: 0;} .footerwrap .footer .right .bot .bdsharebuttonbox a:last-child{margin-right: 0;} .footerwrap .copyright{width: 100%;box-sizing: border-box;padding: 20px 10%;background-color: #1e1e1e;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .footerwrap .copyright h3{font-size: 12px;color: rgba(255,255,255,0.5);display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;} .footerwrap .copyright h3 i{display: block;width: 1px;height: 12px;background-color: rgba(255,255,255,0.5);margin: 0 20px;} .footerwrap .copyright a{font-size: 12px;color: rgba(255,255,255,0.5);} /* footer02 */ .footer02{width:80%;margin: auto;box-sizing: border-box;} .footer_left{ width: 30%; float: left; border-right: 1px solid #9fa3a6; box-sizing: border-box; margin-right: 5%; padding-right: 5%; } .footer_logo{ width: 200px; margin-bottom:50px; } .footer_left p{ color: #fff; font-size: 15px; line-height:35px; } .footer_left p img{ width: 27px; float: left; margin-right: 10px; margin-top: 4px; } .item_xxfa{ margin-top:60px; } .bottom_guanzhu{ position:absolute; right:0; bottom: 0; } .bottom_guanzhu h3{ font-size: 16px; color: #FFFFFF; font-weight: 700; margin-bottom:25px; } .bottom_guanzhu ul li{ float:left; } .bottom_guanzhu_wb{ margin-left:15px; } .bottom_guanzhu_dy{ margin-left:15px; } .bottom_guanzhu ul li img{ width:90px; margin:0 auto; } .bottom_guanzhu ul li p{ text-align:center; color:#fff; margin-top:10px; } .sj_db2wm{ display: none; } .footer02 .top{width:100%;display: flex;display: -webkit-flex;-0-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;margin-bottom:30px;} .footer02 .top li .item h3 a{font-size: 16px;color: #FFFFFF;font-weight: 700;} .footer02 .top li .item h3{margin-bottom: 30px;} .footer02 .top li .item .min p,.footer02 .top li .item .min .xcxhover{margin-bottom: 30px;position: relative;} .footer02 .top li .item .min a{font-size: 14px;color:#dedede;position: relative;} .footer02 .top li .item .min a:hover{color: #FFFFFF;} .footer02 .top li .item{margin-bottom: 40px;} .footer02 .top li .item:last-child{margin-bottom: 0;} .footer02 .top li .item form{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .footer02 .top li .item form input{display:block;font-size:14px;color:#6c7073;height:32px;width:189px;background:0 0;border:1px solid #6c7073;outline:none;padding:4px 0 4px 12px;border-right:none;vertical-align:middle;border-radius:4px 0 0 4px;box-sizing: border-box;} .footer02 .top li .item form button{display:block;width:32px;height:32px;font-size:12px;line-height:1;color:#fff;background:#6c7073;border:none;outline:none;vertical-align:middle;border-radius:0 4px 4px 0;} .footer02 .top li .item form button i{font-size: 13px;color: #fff;} .footer02 .bot{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-bottom: 35px;border-bottom: 1px solid #6c7073;margin-bottom: 20px;position: relative;} .footer02 .bot .left{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;} .footer02 .bot .left .f-logo img{display: block;width: auto;height: 30px; opacity:0.5;} .footer02 .bot .left .f-nav{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-left: 40px;} .footer02 .bot .left .f-nav a{font-size: 12px;color: #9fa3a6;position: relative;margin-right: 20px;display: block;} .footer02 .bot .left .f-nav a:last-child{margin-right: 0;} .footer02 .bot .left .f-nav a:hover{color: #FFFFFF;} .footer02 .bot .right{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: center;-webkit-align-items: center;position: absolute;right: 0;bottom: 20px;} .footer02 .bot .right li{position: relative;margin-right: 20px;} .footer02 .bot .right li a{display:block;width:21px;} .footer02 .bot .right li a img{width:100%;} .footer02 .bot .right li:last-child{margin-right: 0;} .footer02 .bot .right li .popup,.footer02 .top li .item .min .xcxhover .popup{display:block;position:absolute;bottom:20px;right:-10px;width:144px;height:160px;transition: all .3s;opacity: 0;display: none;} .footer02 .bot .right li .er-code,.footer02 .top li .item .min .openhover .er-code{padding:4px;border-radius:4px;background:#fff;-ms-box-shadow:0 2px 6px 0 rgba(0,0,0,.1);-o-box-shadow:0 2px 6px 0 rgba(0,0,0,.1);box-shadow:0 2px 6px 0 rgba(0,0,0,.1);} .footer02 .bot .right li .er-code img,.footer02 .top li .item .min .openhover .er-code img{display: block;width: 100%;} .footer02 .bot .right li .triangle,.footer02 .top li .item .min .openhover .triangle{ position:absolute;background:#fff;-ms-box-shadow:4px 4px 8px rgba(0,0,0,.1);-o-box-shadow:4px 4px 8px rgba(0,0,0,.1);box-shadow:4px 4px 8px rgba(0,0,0,.1);z-index:8;width:11px;height:11px;bottom:16px;right:16px;transform:translateY(50%) rotate(45deg);} .footer02 .bot .right li:hover .popup,.footer02 .top li .item .min .xcxhover:hover .popup{opacity: 1;display: block;} .footer02 .top li .item .min .xcxhover .popup{bottom: -180px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);z-index: 2;} .footer02 .top li .item .min .openhover .triangle{top: -11px;left: 50%;margin-left: -8px;} .footer02 .copyright02{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;border-top: 1px solid #6c7073;padding-top: 20px;} .footer02 .copyright02 .right .item{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-bottom: 10px;} .footer02 .copyright02 .right .item:last-child{margin-bottom: 0;} .footer02 .copyright02 .right .item p{font-size: 13px;color: #fff;} .footer02 .copyright02 .right .item .link{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-left: 30px;} .footer02 .copyright02 .right .item .link a{font-size: 13px;color:#fff;position: relative;display: block;} .footer02 .copyright02 .right .item .link a:hover{color: #FFFFFF;} .footer02 .copyright02 .right .item .link i{display: block;width: 3px;height: 3px;background-color: #9fa3a6;border-radius: 50%;margin: 0 5px;} .footer02 .copyright02 .right .item .ba,.footer02 .copyright02 .right .item font{font-size: 12px;color: #9fa3a6;} .footer02 .copyright02 .right .item font{margin-left: 20px;} .footer02 .copyright02 .f-language{font-size: 13px;color: #fff;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;} .footer02 .copyright02 .f-language i{font-size: 18px;color: #bfbfbf;margin-right: 10px;} .footer02 .copyright02 .f-language:hover{color: #fff;} /* 20200728 */ .index01wrap{width: 100%;box-sizing: border-box;background-color: #eeeeee;overflow: hidden;padding-top: 100px;/* height: 100%; */} .index01wrap .top{margin: 0 auto 50px;width: 1200px;text-align: center;} .index01wrap .top p{font-size: 20px;color: #313233;margin-bottom: 10px;opacity:0.7;} .index01wrap .top h3{font-size: 30px;color: #313233;font-weight: bold;} .index01wrap .top strong{display: block;width: 30px;height: 2px;background-color: #e6771b;margin: 30px auto;} .index01wrap .top h4{font-size: 15px;color: #666666;line-height: 26px;width: 50%;margin: auto;} /* index01two */ .index01two{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;} .index01two .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;} .index01two .imgbox::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.3);z-index: 1;} .index01two .imgbox img{width: 100%;transition: all .3s;display: none;} .index01two .imgbox img:first-child{display: block;} .index01two .textmin{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;z-index: 1;} .index01two .textmin li{width: calc(100% / 3);box-sizing: border-box;border-right: 1px solid #FFFFFF;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} .index01two .textmin li .item{width: 96%;height: 96%;border: 1px solid transparent;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;transition: all .5s;opacity: 0.6;} .index01two .textmin li .item .cont{width: 80%;transform: translateY(49px);transition: all .3s;} .index01two .textmin li .item .cont font{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 21px;color: #fff;font-weight: bold;margin-bottom: 50px;} .index01two .textmin li .item .cont font::after{content: '';display: block;width: 30px;height: 1px;background-color: #FFFFFF;margin-left: 10px;} .index01two .textmin li .item .cont .tl{margin-bottom: 50px;} .index01two .textmin li .item .cont .tl h3{font-size: 34px;color: #fff;font-weight:bold;} .index01two .textmin li .item .cont .tl p{font-size: 16px;color: #FFFFFF;opacity: 0.75;margin-top: 15px;} .index01two .textmin li .item .cont h4 {font-size: 14px;line-height: 28px;color: #FFFFFF;} .index01two .textmin li .item .cont .more{width: 180px;height: 42px;line-height: 42px;background-color: transparent;border: 1px solid #FFFFFF;margin-top: 50px;opacity: 0;transition: all .3s;} .index01two .textmin li.active .item{background-color: rgba(0,0,0,0.3);border-color: #FFFFFF;opacity: 1;} .index01two .textmin li.active .item .cont .more{opacity: 1;} .index01two .textmin li.active .item .cont{transform: none;} /* 鍏充簬 */ .innerbanner{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;} .innerbanner img{display: block;width: 100%;} .innerbanner .sjbanner{display: none;} .innerbanner .text{width:90%;box-sizing: border-box;position: absolute;top:78%;left:5%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index:1;} .innerbanner .text p{font-size: 40px;color: #ffffff;margin-bottom:15px; font-weight:700;} .innerbanner .text h3{font-size: 26px;color:#d0d0d0;font-weight: normal;} .mbxwrap{z-index:2;width: 100%;box-sizing: border-box;background-color:#fff;border-bottom: 1px solid #ddd;} .mbxwrap h3{font-size: 30px;color: #e6771b;font-weight: bold;box-sizing: border-box;padding: 0 20px;line-height: 90px;background-color: #FFFFFF;width: 30%;text-align: center;} .mbxwrap .right{text-align: center;width: 90%;margin: 0 5%;height: 80px;line-height: 80px;} .mbxwrap .right a{display: inline-block;font-size:18px;color: #000;} .mbxwrap .right a.active{opacity: 1;color: #174699;font-weight: 700;} .mbxwrap .right a.active::after{ content: ''; display: block; width:60%; height:1px; background-color:#174699; margin: 0 auto; } .mbxwrap .right a span{ border-left: 1px solid #ddd; padding: 0 30px; box-sizing: border-box; } .mbxwrap .right a:first-child span{ border-left: 0; } .mbxwrap .right a:hover{ color: #174699; font-weight: 700; } .mbxwrap .right a:hover::after{ content: ''; display: block; width:60%; height:1px; background-color:#174699; margin: 0 auto; } /* innerwrap */ .innerwrap{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;} /* about01wrap */ .about01wrap{width:90%;margin: 0 5%;box-sizing: border-box;padding: 130px 0;box-sizing: border-box;position: relative;} . .about01{position: relative;z-index: 1;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .about01 .left{width: 65%;box-sizing: border-box;} .about01 .right{width: 35%;box-sizing: border-box;padding: 0 100px 0 60px;} .about01 .right p{font-size: 13px;color: #aaaaaa;margin-bottom: 30px;} .about01 .right h3{font-size: 36px;color: #222222;margin-top: 30px;font-weight: bold;} .about01 .right h4{font-size: 22px;color: #222222;line-height: 36px;font-weight: bold;margin: 30px 0;} .about01 .right h5{font-size: 15px;color: #666666;line-height: 32px;text-align: justify;} #box{display: block;overflow: hidden;position: relative;} #box video{display: block;width: 100%;} #box dt{ position: absolute;width: 100%;height: 100%;top: 0;left: 0; padding: 0; transition: 0.8s;} #box .cover{cursor:pointer; position: absolute;width: 100%;height: 100%;top: 0;left: 0; background-color: rgba(0, 0, 0, 0.22); z-index: 2;} #box .cover #imgbg{opacity: 1; position: absolute;width: 100%;height: 100%;left: 0;top: 0; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;} #box .fa{ z-index: 2;position: absolute;top: 50%;left: 50%;color: #fff;font-size: 36px;font-weight: normal;width: 80px;height: 80px;text-align: center;line-height: 80px;border: 2px solid #fff;border-radius: 50%;margin: -40px 0 0 -40px;} #box .fa:before{ margin-left: 15px;} #box dt:hover #imgbg{-webkit-transform:scale(1.04); -moz-transform:scale(1.04); transform:scale(1.04);} /* about02 */ .about02{width: 1200px;margin: 140px auto;box-sizing: border-box;padding-left: 180px;position: relative;} .about02 .left{position: absolute;top: 0;left: 0;border-left: 1px solid #cccccc;width: 180px;height: 100%;box-sizing: border-box;padding-left: 10px;} .about02 .left h3{font-size: 13px;color: #aaaaaa;writing-mode:tb;} .about02 .right{width: 100%;box-sizing: border-box;} .about02 .right h3{font-size: 36px;color: #222222;font-weight: bold;} .about02 .right h4{font-size: 22px;color: #222222;margin: 30px 0;} .about02 .right h5{font-size: 15px;color: #666666;line-height: 32px;text-align: justify;} /* about03 */ .about03wrap{width: 100%;box-sizing: border-box;position: relative;background: url(../img/qywh-bg.jpg) center / cover no-repeat fixed;} .about03wrap .bg{display: block;width: 100%;} .about03{width: 100%;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;height: 100%;} .about03 li{width: calc((100% - 2px)/3);border-right: 1px solid #ddd;background-color: rgba(0,0,0,0.3);position: relative;transition: all .3s;overflow: hidden;cursor: pointer;} .about03 li:last-child{border: none;} .about03 li h3{font-size: 44px;color: #ffffff;font-weight: bold;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-flex-flow: column;flex-flow: column;-webkit-align-items: center;align-items: center;text-align: center;line-height: 52px;} /* .about03 li h3::before,.about03 li h3::after{content: '';display: block;width: 46px;height: 2px;background-color: #FFFFFF;} .about03 li h3::before{margin-bottom: 20px;} .about03 li h3::after{margin-top: 20px;} */ .about03 li .about03_qywhtit{font-size: 24px;color: #FFFFFF;text-align: center;margin-top:50px;} .about03 li .hovertext{font-size: 18px;color: #ffffff;opacity:1;transition: all .3s;text-align: center;margin-top:60px;line-height: 34px;} .about03 li .bot{bottom: 70px;font-size: 13px;color: #FFFFFF;line-height: 24px;text-align: center;opacity: 0.5;text-transform: uppercase;position: absolute;left: 0;text-align: center;width: 100%;} .about03 li:hover{background-color: rgba(65,67,75,0.75);} .about03 li:hover h3::before,.about03 li:hover h3::after{background-color: #e6771b;} /* about04wrap */ .about04wrap{width: 100%;box-sizing: border-box;background-color: #fff;padding: 130px 0;background:url(../img/add-service.png);} .about04wrap .a-tl{font-size: 36px;color: #222222;font-weight: bold;margin-bottom: 60px;text-align: center;font-weight: bold;} .about04{width: 1200px;margin: auto;box-sizing: border-box;position: relative;} .about04 .gallery-top{box-sizing: border-box;padding: 0;width: calc(100% - 160px);margin: auto;} .about04 .gallery-top .text{width: 100%;text-align: center;} .about04 .gallery-top .text h3{font-size: 24px;color: #222222;margin-bottom: 50px;font-weight: bold;} .about04 .gallery-top .text h4{font-size: 16px;color: #666666;line-height: 30px;} .about04wrap .about04 .swiper-pagination{position: relative;bottom: 0;margin-top: 50px;margin-bottom: 30px;font-size: 15px;color: #222;} .about04wrap .about04 .swiper-pagination .swiper-pagination-current{font-weight: bold;} .about04wrap .about04 .swiper-button-next,.about04wrap .about04 .swiper-button-prev{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #ffffff;border-radius: 50%;width: 60px;height: 60px;font-size: 18px;color: #333;background-image: none;} .about04wrap .about04 .swiper-button-next::after,.about04wrap .about04 .swiper-button-prev::after{content: '';display: block;width: 8px;height: 8px;border-top: 1px solid #333;border-right: 1px solid #333;} .about04wrap .about04 .swiper-button-prev::after{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);} .about04wrap .about04 .swiper-button-next::after{transform: rotate(45deg);-webkit-transform: rotate(45deg);} .about04wrap .about04 .thumbswrap{width: 100%;box-sizing: border-box;padding: 0 60px;position: relative;margin-top: 40px;} .about04wrap .about04 .thumbswrap::after{content: '';display: block;width: 100%;height: 1px;background-color: #dddddd;position: absolute;left: 0;top:1px;} .about04wrap .about04 .gallery-thumbs{width: 100%;} .about04wrap .about04 .gallery-thumbs .swiper-slide{cursor: pointer;} .about04wrap .about04 .gallery-thumbs .swiper-slide span{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 30px;margin: auto;margin-bottom: 20px;height: 2px;} .about04wrap .about04 .gallery-thumbs .swiper-slide span::before{content: '';display: block;width: 30px;height: 2px;border-radius: 0;background-color: transparent;transition: all .3s;} .about04wrap .about04 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span::before{width: 30px;height: 2px;background-color: #e6771b;} .about04wrap .about04 .gallery-thumbs .swiper-slide p{font-size: 18px;color: #222222;font-family: arial;text-align: center;} .about04wrap .about04 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{color: #e6771b;} /* about05wrap */ .about05wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f3f4f6;} /* .about05wrap .top{text-align: center;margin: auto;width: 600px;margin-bottom: 50px;} .about05wrap .top h3{font-size: 36px;color: #ffffff;margin-bottom: 60px;font-weight: bold;} .about05wrap .top h4{font-size: 15px;color: #ffffff;line-height: 36px;} .about05{margin: auto;box-sizing: border-box;} .about05 .swiper-slide{background-color: rgba(255,255,255,0.3);box-sizing: border-box;padding:10px 50px;transition: all .3s;background-color: #fff;border:1px solid #dedede;cursor: pointer;} .about05 .swiper-slide .text{width: 100%;border: 1px solid #FFFFFF;box-sizing: border-box;padding-top: 10px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} .about05 .swiper-slide .text h3{font-size: 16px;color: #555;line-height: 30px;text-align: center;} .about05 .page{width: 100%;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin-top: 40px;} .about05 .swiper-button-next,.about05 .swiper-button-prev{position: relative;height: auto;width: auto;font-size: 26px;top: 0;margin: 0;padding: 0;left: 0;right: 0;color:#174699;background-image: none;} .about05 .swiper-pagination{position: relative;margin: 0 50px;} .about05 .swiper-pagination-bullet{width: 8px;height: 8px;background-color: transparent;border: 1px solid #174699;opacity: 1;margin-right: 10px;} .about05 .swiper-pagination-bullet:last-child{margin-right: 0;} .about05 .swiper-pagination-bullet-active{background-color:#174699;} */ /*about_ny01*/ .about_ny01{} .about_nytit{ margin-bottom:60px; } .about_nytit h3{font-size: 26px;color: #000;} .about_ny01qyt img{ width: 100%; } .about_ny01gsjj{ display: flex; align-items: center; } /* .about_nytit h3:after{ content: ""; width: 50px; height: 3px; display: block; background-color: red; margin-top:15px; } */ .about_ny01fl{ width:45%; float: left; margin-right: 5%; } .about_ny01fl h4{ font-size: 20px; color: #222222; font-weight: bold; margin-bottom: 50px; } .about_nyjjdiv{ } .about_ny01fl h5{ font-size: 15px; line-height: 35px; text-indent: 2em; color: #000; } .about_ny01fl h5:first-child{ margin-bottom:20px; } .about_ny01fr{ width: 48%; float: left; margin-left: 2%; position: relative; overflow: hidden; } .aboutautoplay{ cursor: pointer; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.22); z-index: 2; } .aboutautoplay dt{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 0; transition: 0.8s; } .move_imgbg{ opacity: 1; position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .aboutautoplay:hover .move_imgbg{ -webkit-transform: scale(1.04); -moz-transform: scale(1.04); transform: scale(1.04); } .aboutautoplay .fa{ width: 54px; height: 54px; line-height: 54px; z-index: 2; position: absolute; top: 50%; left: 50%; color: #fff; font-size: 30px; font-weight: normal; text-align: center; border: 2px solid #fff; border-radius: 50%; margin: -28px 0 0 -28px; } .about02ys{ margin-top:80px; } .about02ys ul li{ float: left; width: 23.5%; margin-left:2%; } .about02ys ul li:first-child{ margin-left:0; } .about02ys ul li .about02ys_shuzi{ margin-bottom:50px; } .about02ys ul li .about02ys_shuzi p{ font-size:15px; text-align: center; color:#000; } .about02ys ul li .about02ys_shuzi p:first-child{ margin-bottom: 10px; } .about02ys_shuzi .about02ys_sz{ font-size: 45px; margin-right:8px; font-family: op; color: #174699; font-weight: bold; } .about02ys_shuzi .about02ys_jia{ margin-right:8px; } .about02ys_img{ overflow: hidden; cursor: pointer; position: relative; } .about02ys_img img{ width: 100%; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .about02ys ul li:hover .about02ys_img img { transform: scale(1.15); -webkit-transform: scale(1.15); } .about02ys_imgbg{ background-color: rgb(18 42 136 / 10%); height: 100%; width: 100%; position: absolute; top: 0; left: 0; opacity: 0.6; } /*浼佷笟鏂囧寲*/ .about03_qywhbg{ padding:80px 0; height: 440px; } .about03_qywhicon{ width: 80px; } /* .about03_qywh:hover .about03_qywhicon{ width: 60px; } .about03_qywh:hover .about03_qywhtit{ margin-top:10px; } */ .about03_qywhov{ width:80%; margin:0 auto; margin-top:40px; overflow: auto; padding: 0 2% } .about03_qywhov h5{ color: #fff; text-align: center; font-size:16px; margin-bottom: 10px; font-weight: 700; } .about03_qywhov p{ color: #fff; text-align: center; font-size: 14px; line-height:24px; margin-bottom: 30px; } .about03_qywh:hover .about03_qywhov{ display: block; } /* .about03_qywh:hover .about03_qywhbg{ padding: 50px 0; height: 500px; } .about03_qywh:hover .bot{ display: none; } .about03_qywhov::-webkit-scrollbar { width: 2px; height:2px; background: #fff; border-radius: 10px; } .about03_qywhov::-webkit-scrollbar-thumb { background:#174699; border-radius: 10px; }*/ /*鍙戝睍鍘嗙▼*/ .about04_fzlc{ width: 90%; margin:0 5%; } .about05wrap_ryzz{ width: 90%; margin: 0 5%; } #sw3 .swiper-slide { float: left; position: relative; width: 300px; height: 100%; z-index: 0; } #sw3 .slideinner { position: relative; width: 100%; padding-top: 50px; height: 276px; } .fittuwen3 { display: block; padding-left: 28px; padding-right: 72px; height: 100%; color: #fff; background: url(../img/sx1-fz1.png) 4px 26px no-repeat; position: relative; } .fittuwen3 dt { font-size: 16px; line-height: 48px; height: 48px; overflow: hidden; } .fittuwen3 dt em { font-size: 28px; font-family: op; margin-right: 5px; color: #174699; } .fittuwen3 i { position: absolute; left: 0; top: 20px; z-index: 1; border-radius: 5px; width: 9px; height: 9px; background-color: #174699; -webkit-transition: 1s; transition: 1s; } .fittuwen3 dd { font-size: 16px; line-height: 26px; margin-top: 10px; } #sw3 .swiper-slide:nth-child(even) .slideinner { padding-top: 0; height: 326px; } .fittuwen3 dd p{ font-size: 14px; line-height: 20px; margin-bottom: 12px; position: relative; padding-left: 15px; } .fittuwen3 dd p:after { content: ''; width: 6px; height: 6px; background: #b81c27; position: absolute; left: 0; top: 7px; } .cer3 .swiper-container{ padding-bottom: 50px; } .cer3 .swiper-wrapper{ margin-bottom: 15px; } .cer3 .swiper-container .swiper-button-next{ background-image: url(../svg/right.svg); background-size: 17px; right: 43%; top: 95%; border-radius: 100%; width: 17px; height: 17px; padding: 10px; border: 1px solid #174699; background-color: #174699; } .cer3 .swiper-container .swiper-button-prev{ background-image: url(../svg/right.svg); background-size: 17px; left: 43%; top: 95%; border-radius: 100%; width: 17px; height: 17px; padding: 10px; border: 1px solid #174699; background-color: #174699; transform: rotate(180deg); } .cer3 .swiper-container .swiper-pagination{ top: 95%; margin-top:-5px; } /*鑽h獕璧勮川*/ .swiper_box{ margin: 100px auto 0; width: 90%; } .honor .swiper-slide{ width: 280px; } .honor .swiper-slide img{ width: 100%; box-shadow: 0px 8px 22px 2px rgb(0 0 0 / 10%); } .honor .banner_page{ margin: 20px auto; left: 0; right: 0; } .honor .banner_page span{ margin: 0 10px; } .honor .swiper-pagination-bullet-active{ width: 16px; border-radius: 8px; } .about05wrap_ryzz .about05 .swiper_box{ opacity: 0; visibility:hidden; height: 0px; margin:0 auto; } .about05wrap_ryzz .swiper_box.active { opacity: 1; visibility: unset; height: auto; } .tab_list{ margin-bottom:60px; } .tab_list ul li{ display: inline-block; padding: 13px 32px; font-size: 14px; margin:0 8px; cursor: pointer; background-color: #fff; } .tab_list ul li a{ color: #000; } .tab_list .active { background-color:#174699; } .tab_list .active a{ color: #fff; } .about05 .swiper_box .swiper-container{ padding-bottom: 80px; } .about05 .swiper_box .swiper-container .swiper-wrapper{ margin-bottom: 30px; } .about05 .swiper_box .swiper-container .swiper-button-prev{ background-image: url(../svg/right.svg); background-size: 17px; left: 43%; top: 93%; border-radius: 100%; width: 17px; height: 17px; padding: 10px; border: 1px solid #174699; background-color: #174699; transform: rotate(180deg); } .about05 .swiper_box .swiper-container .swiper-button-next{ background-image: url(../svg/right.svg); background-size: 17px; right: 43%; top: 93%; border-radius: 100%; width: 17px; height: 17px; padding: 10px; border: 1px solid #174699; background-color: #174699; } .about05 .swiper_box .swiper-container .swiper-pagination{ font-size: 18px; color: #174699; top: 93%; margin-top: -10px; } .about05 .swiper_box .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color: #174699; width: 8px; } /*A+K鍝佺墝鏁呬簨*/ .ppgs1wrap { box-sizing: border-box; padding: 130px 0; box-sizing: border-box; position: relative; } .brand_tit h3{ font-size: 26px; color: #000; text-align: center; } .brand01{ padding-top:30px; max-width: 1200px; margin: 0 auto; margin-top:0px; } .brand01 ul li{ margin-top:50px; } .brand01 ul li p{ font-size: 16px; vertical-align: middle; line-height: 26px; } .brand01 ul li p strong{ font-weight: 700; font-size: 17px; margin-right:10px; font-family: op; color: #174699; } .brand01 ul li p span{ width: 10px; height: 10px; display: inline-block; background-color:#b81c27; vertical-align: middle; margin-right:15px; margin-top: -5px; } .brand01_img{ margin-top:30px; margin-left:25px; } .brand01_img img{ width:200px; display: inline-block; } .brand01_img img:first-child{ margin-right:15px; } .brand02{ background-color: #fff; padding: 80px 5%; max-width: 1200px; margin:0 auto; } .brand02_cont{ margin-top:60px; } .brand02_contleft{ width: 48%; float: left; margin-right:2%; } .brand02_contleft p{ text-align: left; font-size: 18px; color: #000; padding-left:28%; } .brand02_contleft .brand02_line1 .brand02_line1kong{ margin:0 30px; } .brand02_contleft .brand02_line1 .brand02_line1red{ color: #b81c27; margin:0 5px; } .brand02_contleft .brand02_line2{ margin-top:26px; } .brand02_contleft .brand02_line2 .brand02_line1kong{ margin:0 30px; } .brand02_contleft .brand02_line2 .brand02_line1red{ color: #b81c27; } .brand02_contleft img{ width: 100%; margin-top:30px; } .brand02_contright{ width: 48%; margin-left: 2%; float: left; } .brand02_contright p{ text-align: left; font-size: 18px; color: #000; padding-left: 18%; } .brand02_contright .brand02_line1 .brand02_line1kong{ margin:0 30px; } .brand02_contright .brand02_line1 .brand02_line1red{ color: #b81c27; margin:0 5px; } .brand02_contright .brand02_line2{ margin-top:26px; } .brand02_contright .brand02_line2 .brand02_line1kong{ margin:0 30px; } .brand02_contright .brand02_line2 .brand02_line1red{ color: #b81c27; } .brand02_contright img{ width: 100%; margin-top:30px; } .brand03{ background-color: #fff; padding: 80px 5%; border-top:1px solid #dedede; } .brand03_wrap{ max-width: 1200px; margin:0 auto; } .brand03_cont p{ font-size: 16px; text-align: center; margin-top: 30px; } .brand03_cont img{ width: 100%; margin-top: 50px; } .brand04{ background: linear-gradient(180deg, #f0f4ff 0%, rgba(240, 244, 255, 0) 100%); padding: 80px 5%; } .brand04 .swiper-container{ max-width: 1000px; margin-top: 50px; } .brand04 .swiper-container .swiper-slide{ border: 1px solid #dedede; box-sizing: border-box; } .brand04_cont p{ font-size: 16px; text-align: center; margin-top: 30px; } .brand04_cont img{ width: 100%; } .brand04_cont2 ul li{ width:30%; float: left; margin-top: 50px; margin-right:5%; } .brand04_cont2 ul li:nth-child(3n){ margin-right:0; } .brand04_cont2 ul li img{ width: 100%; max-width: 400px; margin: 0 auto; } .brand04_cont2 ul li p{ font-size: 15px; text-align: center; margin-top: 15px; color: #000; font-weight: 700; } .brand05{ background: linear-gradient(180deg, #f0f4ff 0%, rgba(240, 244, 255, 0) 100%); padding: 80px 5%; } .brand05 .swiper-container{ max-width: 1000px; margin-top: 30px; } .brand05 .swiper-container .swiper-slide{ border: 1px solid #dedede; box-sizing: border-box; } .brand05_cont p{ font-size: 16px; text-align: center; margin-top:50px; } .brand05_cont img{ width: 100%; } .brand05_cont2{ margin-top:50px; } .brand05_cont2 p{ font-size: 16px; text-align: center; } .brand05_cont2 img{ width: 100%; } .brand05_cont3{ margin-top:50px; } .brand05_cont3 p{ font-size: 16px; line-height: 26px; margin-top:20px; } .brand05_cont3 p strong{ color: #174699; } /*鎶曡祫鑰呭叧绯?/ .Investor01{ box-sizing: border-box; padding: 80px 0; box-sizing: border-box; position: relative; width:90%; margin:0 auto; } .Investor_tit h3{ font-size: 26px; color: #000; } .Investor01_left{ width: 56%; /* background: linear-gradient(180deg, #f0f4ff 0%, rgba(240, 244, 255, 0) 100%); */ float: left; margin-right:4%; padding: 50px 5% 50px 5%; } .Investor01_right{ width: 24%; /* background-color: #f0f4ff; */ float: left; padding: 50px 3% 50px 3%; } .Investor01_left h3{ font-size: 22px; border-bottom: 1px solid #d7cbcb; padding-bottom: 20px; font-weight: 700; } .Investor01_left_li{ font-size: 15px; line-height:20px; border-bottom: #dedede solid 1px; color: #000; } .Investor01_left_li .Investor01_left_litime{ font-size: 17px; font-family: op; color: #174699; margin-right:20px; display: inline-block; padding-right: 20px; border-right: 1px solid #dedede; font-weight: bold; } .Investor01_left_liclear{ display: none; clear: both; } .Investor01_left_li img{ display: inline-block; width: 36px; vertical-align: middle; float: right; margin-top: -8px; } .Investor01_left_li a{ width: 100%; height: 100%; display: block; padding: 25px 0; } .Investor01_right h3{ font-size: 22px; border-bottom: 1px solid #d7cbcb; padding-bottom: 20px; font-weight: 700; } .Investor01_right_cont p{ font-size: 16px; line-height: 20px; margin-top: 25px; } .Investor01_right_cont p img{ display: inline-block; width: 28px; vertical-align: middle; margin-top: -5px; margin-right: 10px; } /* .about05 .swiper-slide img{ width: 100%; transition: all 0.4s; } .about05_zizhit{ display: flex; justify-content: center; align-items: center; min-height: 270px; } .about05 .swiper-slide:hover{ border:1px solid #174699; } .about05 .swiper-slide:hover img{ transform: scale(1.2); } */ /*浜у搧涓庤В鍐虫柟妗?浜у搧绯诲垪*/ .product01wrap { width: 90%; margin: 0 5%; box-sizing: border-box; padding: 130px 0; box-sizing: border-box; position: relative; overflow: hidden; } /* .product_bk{ margin-top: 60px; } .product_bk ul li { width: 22.75%; padding-bottom: 60px; float: left; border-radius: 20px; margin: 0 1.5%; text-align: center; margin-bottom: 20px; position: relative; overflow: hidden; background: url(../tongbg2.png) no-repeat; background-size: 100% 100%; } .product_bk ul li:first-child { margin-left: 0; } .product_bk ul li:last-child { margin-right: 0; } .product_bk ul li .indexpro_img{ width: 200px; margin: 0 auto; margin-top: 50px; } */ /* 瑙e喅鏂规 */ .solution01{width: 700px;margin: 100px auto;box-sizing: border-box;} .s-tl{text-align: center;} .s-tl h3{font-size: 36px;color: #222;font-weight:bold;} .s-tl strong{display: block;width: 186px;height: 1px;background-color: #ddd;margin: 20px auto;position: relative;} .s-tl strong::after{content: '';display: block;width: 30px;height: 2px;background-color: #e6771b;position: absolute;left: 50%;margin-left: -15px;bottom: 0;} .s-tl h4{font-size: 16px;color: #666666;line-height: 34px;} .s-tl p{font-size: 18px;color: #222;font-weight: bold;line-height: 22px;display: block;margin-bottom: 14px;} .s-tl .more,.proonetext .more{ border: 1px solid #e6771b;margin: 20px auto 0;} .product02wrap{ padding: 80px 0; border-top: 1px solid #ddd; } .productfangan{ margin: auto; } .productfangan .swiper-slide img{ width: 100%; } .productfapt{ position: relative; border-radius: 7px; overflow: hidden; } .productfapt img{ width: 100%; } .productfapt_bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgb(23 70 153 / 50%); } .productfamc{ position: absolute; top: 40%; left: 10%; width: 80%; text-align: center; } .productfamc h3{ color: #fff; font-size: 24px; font-weight: lighter; } .productfamc a{ color: #fff; padding: 12px 28px; background-color: rgb(184 28 39 / 90%); font-size: 13px; margin-top: 35px; display: inline-block; } .productfangan .swiper-container{ padding-bottom: 30px; } .productfangan .swiper-container .swiper-pagination-bullet{ width: 25px; height: 3px; background-color: red; border-radius: 0; margin:0 5px; } .productfangan .swiper-container .swiper-pagination{ bottom: 0px; width: 100%; } .productfangan .swiper-container .swiper-pagination-bullet-active{ width: 40px; transition: all 0.4s; } .pro_lb1head{ background-color:#174699; overflow: hidden; position: relative; padding:100px 0; z-index: 1; border-radius:10px; } .wenshidu_pro_lb1head{ background-color:#e36612; } .pro_lb1_xlmc{ padding-left: 100px; } .pro_lb1_xlmc h3{ text-transform:uppercase; font-size: 36px; color: #fff; font-weight: normal; margin-bottom:30px; font-family: op; font-weight: bold; } .pro_lb1_xlmc h4{ font-size: 30px; color: #fff; font-weight: normal; } .pro_lb1_xltp{ position: absolute; right: 0px; top: 0px; height: 100%; } .pro_lb1_xltp img{ height: 90%; margin-top: 5%; } .pro_lb1_proen{ font-family: op; font-size: 150px; color: rgb(255 255 255 / 10%); text-transform:uppercase; position: absolute; top:0px; left:0px; font-weight: 700; z-index: -1; } .pro_lb1_xlmc h4 img{ width: 43px; display: inline-block; margin-right:20px; vertical-align: middle; margin-top: -5px; } .pro_lb1li{ margin-top: 30px; margin-bottom: 80px; } .pro_lb1li ul li{ width: 32%; margin-right:2%; box-sizing: border-box; float: left; margin-bottom: 40px; } .pro_lb1li ul li:nth-child(3n){ margin-right:0; } .pro_lb1liimg{ border: 1px solid #f1f1f1; padding: 15% 20%; overflow: hidden; } .pro_lb1liimg_jcyw{ padding: 0; border-radius: 10px; } .pro_lb1li ul li img{ width: 100%; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .pro_lb1li ul li:hover .pro_lb1liimg img{ transform: scale(1.15); -webkit-transform: scale(1.15); } .pro_lb1li h5{ font-size: 16px; font-weight: 700; color: #000; text-align: center; margin-top: 20px; } .pro_anlibg_line{ border-top: 1px solid #dedede; padding-top: 80px; } .pro_lb1_xlmc_anli { text-align: center; } .pro_lb1_xlmc_anli h3 { text-transform: uppercase; font-size: 36px; color: #174699; font-weight: bold; margin-bottom: 30px; font-family: op; } .pro_lb1_xlmc_anli h4 { font-size: 30px; color: #174699; font-weight: normal; } .pro_anli_fl { width: 90%; margin: 0 auto; margin-top: 50px; margin-bottom: 80px; } .pro_anli_fl .pro_anli_fl1, .pro_anli_fl2 { width: 49%; float: left; border-radius: 10px; } .pro_anli_fl .pro_anli_fl2 { margin-left: 2%; } .pro_anli_fl .pro_anli_fl1 a, .pro_anli_fl2 a { color: #fff; font-size: 24px; margin: 200px 0; display: block; text-align: center; text-decoration: underline; } .pro_anlibg{ background: url(../img/pro-anli.jpg) no-repeat; background-size: 100% 100%; border-radius: 20px; } .pro_anlibg .pro_lb1head { padding: 150px 0; background-color: unset; } .pro_anlibg .pro_lb1head .pro_lb1_xlmc h4{ text-decoration:underline; } /*浜у搧涓庤В鍐虫柟妗?璇︽儏椤?/ .product_dettop{ background:linear-gradient(180deg, #f0f4ff 0%, rgba(240, 244, 255, 0) 100%); } .product_dettop1200{ width: 90%; max-width: 1200px; margin:0 auto; padding-top:30px; box-sizing: border-box; display: flex; align-items: center; } .product_dettop1200left{ width: 45%; text-align: center; float: left; box-sizing: border-box; } .product_dettop1200left img{ display: inline-block; } .product_dettop1200right{ width: 48%; float: left; margin-left:7%; } .product_dettop1200right h3{ font-size: 22px; color: #000; border-bottom: 1px solid #dedede; padding-bottom: 25px; margin-bottom: 30px; font-weight: bold; } .product_dettop1200right p{ font-size: 13px; line-height: 32px; color: #000; } .pro_det_navbk{ width: 100%; border-bottom: 1px solid #ddd; } .pro_det_nav{ width: 90%; max-width: 1200px; text-align: center; margin:0 auto; } .pro_det_nav ul li{ display: inline-block; font-size: 16px; box-sizing: border-box; cursor: pointer; } .pro_det_nav ul li a{ line-height: 80px; } .pro_det_nav ul li a.active{ font-weight: 700; color:#174699; } .pro_det_nav ul li a.active::after { content: ''; display: block; width: 60%; height: 1px; background-color: #174699; margin: 0 auto; } .pro_det_nav ul li a span{ border-right: 1px solid #ddd; padding:0 30px; } .pro_det_nav ul li:last-child span{ border-right:0; } .product_detmain1200{ width: 90%; max-width: 1200px; margin:0 auto; margin-top: 20px; padding: 30px 0; box-sizing: border-box; border-bottom: 2px solid #eeeeee; margin-bottom: 50px; } .product_detmain1200_nav ul{ border-bottom: 2px solid #eeeeee; } .product_detmain1200_nav ul li{ display: inline-block; font-size: 18px; margin-right: 50px; line-height: 45px; cursor: pointer; } .product_detmain1200_nav ul .active:after{ content: ''; display: block; width: 100%; height: 2px; background-color: red; margin-top:10px; margin-bottom: -2px; } .product_detmain_cpxn{ padding: 30px 0; } .product_detmain_jscs{ padding: 30px 0; display: none; } .product_detmain_cpxn img{ max-width: 100%; display: initial; height: auto !important; } .product_detmain_jscs img{ max-width: 100%; display: initial; height: auto !important; } .table_div table{ margin-bottom: 20px; } .product_detmain_cpxn ul{ padding: revert; } .product_detmain_cpxn li{ list-style:disc; padding: auto; } .product_detbot1200{ width: 100%; max-width: 1200px; margin:0 auto; margin-top:40px; padding:0px 0; box-sizing: border-box; } .product_det_dow{ padding: 15px 50px; background-color: #174699; color: #fff; font-size: 16px; display: inline-block; } .product_det_dow img{ width: 32px; display: inline-block; margin-right: 10px; vertical-align: middle; margin-top: -5px; } .pro_xq_xgcp{ width: 90%; max-width: 1200px; margin: 0 auto; margin-top: 30px; margin-bottom: 70px; } .pro_xq_xgcptit{ font-size:18px; margin-bottom: 30px; } .pro_xq_xgcp .swiper-container{ padding: 0 1px; } .pro_xq_xgcp .swiper-container .swiper-slide{ border:1px solid #f3eeee; box-sizing: border-box; padding:20px 30px; text-align:center; border-radius: 12px; } .pro_xq_xgcp .swiper-container .swiper-slide a img{ width: 80%; margin: 0 auto; } /*閫夊瀷鏂规*/ .selection_01{ background-color: #fff; padding: 80px 0; } .selection_nytit h3{ font-size: 26px; text-align: center; color: #000; } .selection_nytit p{ font-size: 16px; text-align: center; color: #000; margin-top: 30px; } .selection_cont{ margin:0 5%; margin-top: 50px; } .selection_form{ width: 90%; margin:0 auto; max-width: 900px; box-shadow: 0 5px 40px rgb(0 0 0 / 7%); padding: 5%; } .selection_form input{ -webkit-appearance:none; border-radius:0; } .selection_form textarea{ -webkit-appearance:none; border-radius:0; } .selection_form_table{ font-size: 18px; } .selection_form_table select{ font-size: 18px; border:0; flex-grow: 1; float: right; height: 30px; line-height: 30px; outline:none; border-bottom: 1px solid #dedede; appearance: none; background:url(../svg/sanjiao.svg) no-repeat; background-position-x: 95%; background-size: 20px; background-position-y: 2px; } .selection_form_table option{ font-size: 15px; color: #999; } .selection_form_1line .selection_form_table{ width: 48.5%; float: left; line-height: 30px; padding: 15px 30px; margin-right: 3%; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: nowrap; } .selection_form_1line .selection_form_table2{ margin-right: 0px; } .selection_form_1line .selection_form_table input{ font-size: 18px; float: right; border:0; height: 30px; line-height: 30px; border-bottom:1px solid #dedede; box-sizing: border-box; outline:none; flex-grow: 1; } .selection_form_1line{ margin-bottom:30px; } .selection_form_3line{ margin-bottom:30px; } .selection_form_3line .selection_form_table{ width: 48.5%; float: left; line-height: 30px; padding: 15px 30px; margin-right: 3%; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: nowrap; } .selection_form_3line .selection_form_table input{ font-size: 18px; border:0; height: 30px; line-height: 30px; border-bottom:1px solid #dedede; outline:none; flex-grow: 1; } .selection_form_3line .selection_form_table2{ margin-right: 0px; } .selection_form_3line .selection_form_table1 input{ width: 23%; margin-left: 15px; } .selection_form_7line{ padding:30px 30px; } .selection_form_7line textarea{ border:0; font-size: 18px; width: 100%; box-sizing: border-box; height: 100px; border-bottom:1px solid #dedede; outline:none; } .selection_form_tixing{ margin-top:30px; font-size: 18px; margin-bottom:40px; padding-left: 30px; color: #174699; } .selection_form_8line{ margin-bottom: 30px; } .selection_form_8line .selection_form_table{ width: 48.5%; float: left; line-height: 30px; padding: 15px 30px; margin-right: 3%; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: nowrap; } .selection_form_8line .selection_form_table input{ font-size: 18px; height: 30px; line-height: 30px; border:0; outline:none; flex-grow: 1; border-bottom:1px solid #dedede; } .selection_form_8line .selection_form_table2{ margin-right: 0; } .selection_form_9line{ padding:30px 30px; } .selection_form_9line textarea{ border:0; border-bottom:1px solid #dedede; font-size: 18px; width: 100%; box-sizing: border-box; height: 100px; outline:none; } .selection_form_7line textarea::-webkit-input-placeholder { color:#555;} .selection_form_7line textarea::-moz-placeholder{ color:#555;} .selection_form_9line textarea::-webkit-input-placeholder { color:#555;} .selection_form_9line textarea::-moz-placeholder{ color:#555;} .selection_form_sub{ text-align: center; margin-top: 40px; } .selection_form_sub p{ width: 140px; text-align: center; background: #174699; border: 1px solid #174699; margin: 55px auto 0px; -o-transition: all 0.4s; -ms-transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; border-radius: 5px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; display: inline-block; margin: 0 10px; } .selection_form_sub p:nth-child(2) { background-color: #999; border: 1px solid #999; } .selection_form_sub p input { width: 100%; height: 45px; line-height: 45px; color: #fff; font-size: 15px; background: none; border: none; outline: none; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer; text-align: center; } .selection_form_sub p:hover { background-color: #fff; } .selection_form_sub p:hover input { color: #174699; } /*琛屼笟搴旂敤*/ .hangyecont ul li{ position: relative; z-index: 0; cursor: pointer; } .hangye_liceng{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .hangye_liceng img{ width: 100%; height: 100%; transition: all 0.4s; opacity: 1; } .hangye_litxt{ text-align: center; padding: 100px 0; max-width: 880px; margin: 0 auto; min-height: 550px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; } .hangye_litxt h3{ font-size: 30px; margin-bottom: 50px; color: #fff; } .hangye_litxt p{ font-size: 16px; color: #fff; line-height: 36px; } .hangyecont ul li:hover .hangye_liceng img{ opacity: 0.6; } /*瑙e喅鏂规*/ .hangyemaxwrap{ border-bottom:0px; padding-bottom: 1px; } .hangye_ny01{ background-color: #f7f7f7; padding: 80px 0; } .hangye01wrap{ margin: 0 5%; } .hangye01wrap .about_nytit h3{ text-align: center; } .about_nytit h5{ font-size: 18px; margin:0 auto; margin-top: 30px; width:70%; text-align: center; } .hyyy_lidiv{ max-width: 1200px; margin: 0 auto; } .hyyy_li{ margin-bottom:80px; position: relative; z-index: 1; } .hyyy_li a{ display: flex; width: 100%; padding:50px 0; align-items: center; position: relative; } .hyyy_li_fl{ width: 53%; float: left; overflow: hidden; } .hyyy_li_fl img{ width: 100%; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .hyyy_li_fr{ width: 33%; padding:0 7%; float: right; z-index: 1; } .hyyy_li_fr h2 { font-size: 24px; font-weight: bold; line-height: 1.75; color: #333; } .hyyy_li::after { content: ""; width: 80%; height: 100%; background: #fff; position: absolute; top: 0; right: 0; z-index: -1; } .hyyy_li:hover .hyyy_li_fl img{ transform: scale(1.15); -webkit-transform: scale(1.15); } .hyyy_li_fr p{ margin-top: 26px; font-size: 16px; line-height: 1.75; color: #666; } .hyyy_li_more{ display: inline-block; padding: 17px 45px; background-image: -webkit-linear-gradient( 177deg, rgb(255,106,61) 0%, rgb(243,69,44) 47%, rgb(230,31,26) 99%); margin-top:60px; position: relative; text-align: center; } .hyyy_li_more span{ font-size: 14px; color: #fff; } .hyyy_li.on::after { left: 0; } .hyyy_li_icon{ position: absolute; right: 10px; bottom: 10px; } .hyyy_li_icon img{ width: 120px; } .hyyy_li_iconr{ position: absolute; left: 10px; bottom: 10px; } .hyyy_li_iconr img{ width: 120px; } /*鏂伴椈涓績*/ .news_nytit{ margin-bottom: 20px; } .news_nytit h3 { font-size: 26px; text-align: center; color: #000; } .news_ny01{ background-color: #f7f7f7; padding: 80px 0; } .news_lidiv{ width: 90%; margin: 0 auto; } .news_li{ padding:1.5%; width: 30.33%; float: left; } .news_li_img{ width: 100%; height: 0; padding-bottom: 65%; overflow: hidden; } .news_li_img img{ width: 100%; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .news_li_text{ background-color: #fff; padding:40px 20px; position: relative; } .news_li_text h4{ font-size:18px; margin-bottom:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #000; font-weight: 700; line-height: 28px; height: 56px; } .news_li a:hover .news_li_text h4{ color:#174699; } .news_li_text p{ font-size: 14px; line-height:26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; height: 78px; color: #666; font-family: "寰蒋闆呴粦"; } .news_li_text h6{ font-size: 16px; margin-top:30px; color: #999; font-family: "寰蒋闆呴粦"; } .news_li_text:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background-color:#174699; -webkit-transition: all 0.8s; transition: all 0.8s; } .news_li a:hover .news_li_text:after{ width: 100%; } .news_li a:hover .news_li_img img { transform: scale(1.15); -webkit-transform: scale(1.15); } .news_li_text h6 img{ display: inline-block; width: 25px; vertical-align: middle; margin-right:10px; } .news_li_text h6 span{ vertical-align: middle; font-size: 13px; font-family: op; font-weight: bold; } .news_lipage{ text-align: center; margin-top: 20px; font-size: 14px; } .news_lipage span{ display: inline-block; height: 40px; line-height: 40px; color: #555; font-size: 14px; font-family: "寰蒋闆呴粦"; margin:0 11px; } .news_lipage li{ display: inline-block; } .news_lipage a{ display: inline-block; height:40px; line-height: 40px; color: #555; font-size: 14px; font-family: "寰蒋闆呴粦"; margin:0 11px; } .news_lipage .active{ color:#b81c27; font-weight: 700; } .news_lipage li a .fa-angle-left{ font-size: 20px; vertical-align: middle; margin-top: -3px; margin-right: 10px; } .news_lipage li a .fa-angle-right{ font-size: 20px; vertical-align: middle; margin-top: -3px; margin-left:10px; } .news_lipage .nohref:hover{ color: #ccc; } .news_lipage .nohref:hover .fa-angle-left{ color: #ccc; } .news_lipage .nohref:hover .fa-angle-right{ color: #ccc; } /*鏂伴椈涓績-璇︽儏椤?/ .news_xqdiv{ background-color: #f7f7f7; padding: 50px 0; } .news_xq1200{ max-width: 1200px; margin:0 auto; display: flex; width: 90%; } .news_xq1200_l{ width: 70%; background-color: #fff; float: left; padding: 50px; box-sizing: border-box; } .news_xq1200_r{ width: 28%; background-color: #fff; margin-left:2%; float: left; padding: 35px 0; } .news_xq1200_ltit{ font-size: 24px; color: #000; text-align: center; font-weight: 700; } .news_xq1200_lfbt{ margin-top:20px; line-height:80px; border-bottom: 1px solid #eee; color: #999; text-align: center; } .news_xq1200_lfbt span{ font-size: 14px; margin:0px 30px; font-weight: 700; font-family: op; } .news_xq_cont{ margin:30px 0; } .news_xq_cont img{ display: inline-block; max-width: 100%; } .news_xq1200_rhottop{ position: relative; padding: 0 25px; } .news_xq1200_rhottop h4{ font-size: 22px; font-weight: 700; color: #174699; } .news_xq1200_rhottop:after { content: ''; position: absolute; width: 5px; height: 100%; background-color: #225e82; left: 0; top: 0; } .news_xq1200_rhottop h4 a{ font-weight: normal; font-size: 17px; float: right; margin-top: 3px; } .news_xq1200_rhot1{ padding: 0 25px; margin-top:30px; } .news_xq1200_rhot1img{ width: 100%; overflow: hidden; } .news_xq1200_rhot1img img{ width: 100%; } .news_xq1200_rhot1 h4{ font-size: 18px; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; line-height: 60px; } .news_xq1200_rhot1 p{ font-size: 15px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; line-height: 28px; } .news_xq1200_rhot1 span{ font-size: 16px; line-height: 50px; color: #999; margin-top:5px; display: block; border-bottom:2px solid #e6eaec; } .news_xq1200_rhot2{ padding: 0 25px; margin-top:35px; } .news_xq1200_rhot2 a{ position: relative; margin-bottom: 30px; display: block; padding-left:20px; } .news_xq1200_rhot2 a p{ font-size: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 20px; } .news_xq1200_rhot2 a:hover p{ color: #174699; } .news_xq1200_rhot2 a:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -3px; width: 6px; height:6px; background-color: #174699; border-radius: 50%; -webkit-border-radius: 50%; } .news_xq1200_fanye{ margin:0 auto; width: 100%; margin-top:100px; text-align: center; } .news_xq1200_fanye ul{ } .news_xq1200_fanye ul a{ height: 100%; display: block; text-align: center; height: 50px; line-height: 50px; font-size: 16px; color: #fff; padding: 0 30px; } .news_fanye_pr{ background-color:#8f8f8f; display: inline-block; margin-right:2px; } .news_fanye_pr:hover{ background-color:#174699; } .news_fanye_pr a img{ width: 18px; display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: -2px; } .news_fanye_nx a img{ width: 18px; display: inline-block; vertical-align: middle; margin-left: 5px; margin-top: -2px; transform: rotate(180deg); } .news_fanye_nx{ background-color:#8f8f8f; display: inline-block; margin-left: 2px; } .news_fanye_nx:hover{ background-color:#174699; } .news_fanye_ml{ width: 17%; margin:0 1.5%; background-color: #fff; float: left; box-shadow: 0 5px 40px rgb(0 0 0 / 7%); } .news_fanye_ml a img{ width: 26px; margin:0 auto; display: inline-block; vertical-align: middle; margin-top: -3px; } /*鐢电-搴旂敤妗堜緥*/ .yyanli01_tit{ margin:80px 0 50px 0; } .yyanli01_tit h3{ font-size: 26px; color: #000; text-align: center; } .yyanli02{ background-color: #fff; padding:80px 0; } .yyanli03{ background-color:#f0f4ff; padding:80px 0; } .yyanli02_div{ width: 90%; max-width: 1200px; margin:0 auto; } .yyanli02_div h4{ font-size: 20px; color: #000; margin-bottom:30px; } .yyanli02_div h6{ font-size: 15px; line-height: 28px; margin-bottom:30px; } .yyanli02_div h6 strong{ color: #b81c27; } .yyanli02_div p{ font-size: 15px; text-align: center; margin-top:25px; font-weight: 700; color: #b81c27; } .yyanli_swiper img{ width: 100%; } .yyanli_swiper .swiper-slide{ border-radius:5px; overflow: hidden; } /*妗堜緥灞曠ず*/ .anlizs01 { background-color: #fff; padding: 80px 0; } .anlizs_01div{ width: 90%; max-width: 1200px; margin: 0 auto; } .anlizs_01div h4 { font-size: 20px; color: #000; margin-bottom: 30px; } .anlizs_01div h6 { font-size: 16px; line-height: 28px; margin-bottom: 10px; } .htanli_swiper .swiper-slide img{ width: 100%; } .anlizs_01_cz5h{ font-size: 16px; text-align: center; margin-top: 30px; } .htanli_swiper{ margin-top: 30px; } .htanli_swiper .swiper-button-next{ right: 0px; width: 30px; height: 40px; margin-top: -35px; background: url(../svg/right.svg) no-repeat 3px rgba(0, 0, 0, .5); background-size: 24px; } .htanli_swiper .swiper-button-prev{ left: 0px; width: 30px; height: 40px; margin-top: -35px; background: url(../svg/right.svg) no-repeat 3px rgba(0, 0, 0, .5); background-size: 24px; transform: rotate(180deg); } .anlizs02 { background-color: #f0f4ff; padding: 150px 0; } .anlizs03{ background-color: #fff; padding: 150px 0; } .anlizs_02div { width: 90%; max-width: 1200px; margin: 0 auto; display: flex; align-items: center; } .anlizs_02divl{ width: 45%; float: left; margin-left:5%; } .anlizs_02divl p{ font-size:18px; line-height: 45px; } .anlizs_02divr{ width: 50%; float: left; } .anlizs_02divr img{ max-width: 100%; } .anlizs_02divl_dian{ width: 8px; height: 8px; margin-right: 20px; background-color:#174699; display: inline-block; vertical-align: middle; margin-top: -4px; } /*鑱旂郴鎴戜滑*/ .contact01warp{ width: 90%; margin:0 auto; margin-bottom: 80px; max-width: 1200px; } .contact_ditu{ position: relative; margin-top: 50px; height: 500px; } .contact_map1{ width: 100%; position: absolute; top: 0; left: 0; } .contact_map2{ width: 100%; position: absolute; top: 0; left: 0; display: none; } .contact_map_btn{ height:400px; width: 400px; background-color: #fff; position: absolute; bottom: 0px; right:3%; padding: 3.6% 3%; } .my-map {width:100%; height:500px; } .my-map .icon { background: url(https://a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; } .amap-container{height: 100%;} .myinfowindow{width: 240px;min-height: 50px;} .myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; } .myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; } .contact_map_tit{ color: #333333; font-size: 28px; } .contact_map_btn ul{ margin-top: 50px; } .map_bts{ cursor: pointer; } .map_bts h4{ margin-bottom: 20px; } .map_bts img{ width:34px; display: inline-block; vertical-align: middle; margin-right:10px; } .map_bts span{ font-size: 20px; color: #333333; vertical-align: middle; } .map_bts p{ font-size: 16px; margin-top: 10px; color: #666666; font-family: "寰蒋闆呴粦"; } .map_bt2{ margin-top: 50px; } .contact_map1 .amap-overviewcontrol{ z-index: -1; } .contact_map2 .amap-overviewcontrol{ z-index: -1; } .map_btact span{ color: #174699; } .map_btact p{ color: #174699; } .map_bts .zuobiao_l{ display: none; } .map_btact .zuobiao_h{ display: none; } .map_btact .zuobiao_l{ display: inline-block; } .contact_qita{ margin-top: 80px; } .contact_qita_tit{ font-size: 26px; padding-bottom:20px; color: #000; text-align: center; } .contact_qita ul li{ float: left; padding: 32px 0; width: 42.5%; margin-top: 30px; font-size: 16px; line-height: 1.6; min-height: 110px; margin-right:15%; } .contact_qita ul li:nth-child(even) { margin-right: 0; } .contact_qita ul li h6{ font-size: 18px; color: #222; padding-bottom:15px; margin-bottom:20px; border-bottom: 1px solid #8e8e8e; } .contact_en_tit{ font-weight: bold; } .contact_qita ul li p{ font-size: 15px; line-height:45px; color: #222; font-family: "寰蒋闆呴粦"; } .contact_qita ul li p img{ width: 24px; display: inline-block; vertical-align: middle; margin-right: 15px; } .contact_qita ul li p span{ vertical-align: middle; } .contact_lx_gsmc_en{ font-weight: bold; } .contact_qita ul li p strong{ vertical-align: middle; } /* solution02wrap */ .solution02wrap{width: 100%;box-sizing: border-box;padding: 100px 0 100px;background: url(../img/bg_solution.jpg)no-repeat fixed;background-size: cover;} .solution02wrap .tl{font-size: 36px;color: #ffffff;margin-bottom: 30px;text-align: center;} .solution02wrap strong{display: block;width: 186px;height: 1px;background-color: rgba(255,255,255,0.33);margin: 20px auto;position: relative;} .solution02wrap strong::after{content: '';display: block;width: 30px;height: 2px;background-color: #fff;position: absolute;left: 50%;margin-left: -15px;bottom: 0;} .solution02wrap h4{font-size: 16px;color: #fff;line-height: 34px;display: block;width: 700px;text-align: center;margin: auto;} .solution02{width: 90%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin: auto;} .solution02 li{width: 100%;box-sizing: border-box;padding: 40px 35px;border-right: 1px solid rgba(255,255,255,0.4);} .solution02 li:last-child{border-right: none;} .solution02 li img{display: block;width: auto;margin: auto;max-width: 100%;margin-bottom: 30px;} .solution02 li h3{font-size: 14px;color: #ffffff;line-height: 24px;text-align: center;} /* solution03 */ .solution03{width: 1200px;margin: 100px auto;box-sizing: border-box;} .solution03 .cont{width: 100%;box-sizing: border-box;margin-top: 30px;} .solution03 .cont a{display: block;width: 100%;position: relative;} .solution03 .cont a img{display: block;width: 100%;} .solution03 .cont a .text{position: absolute;width: 46%;box-sizing: border-box;padding: 40px 40px;height: 60%;background-color: rgba(255,255,255,0.9);right: 40px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .solution03 .cont a .text h3{font-size: 22px;color: #222222;font-weight: bold;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #aaaaaa;} .solution03 .cont a .text h4{font-size: 15px;color: #666666;line-height: 28px;} .solution03 .cont .swiper-pagination{display: flex;display: -webkit-flex;-webkit-justify-content: flex-end;justify-content: flex-end;box-sizing: border-box;padding: 0 40px;bottom: 10%;} .solution03 .cont .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #FFFFFF;opacity: 0.6;margin: 0;margin-right: 10px;} .solution03 .cont .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;} .solution03 .cont .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;} /* solution04wrap */ .solution04wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background: url(../img/bg08.jpg)no-repeat;background-size: cover;} .solution04wrap .tl{font-size: 36px;color: #222222;margin-bottom: 40px;text-align: center;font-weight: bold;} .solution04{width: 1200px;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .solution04wrap .solution04{ font-size: 0;} .solution04 li{width: 21%;margin-right:4%; margin-bottom:2%;} .solution04 li:nth-of-type(4n){margin-right:0;} .solution04 li .top{display: block;width: 100%;height: 54px;text-align: center;line-height: 54px;border: 1px solid #e6771b;font-size: 16px;color: #000000;border-radius: 2rem;font-weight:bold;background-color:#fff;} .solution04 li .info{width: 100%;box-sizing: border-box;padding-left: 30px;padding-top: 20px;} .solution04 li .info a{display: none;width: 100%;box-sizing: border-box;padding-left: 20px;position: relative;padding-left: 20px;font-size: 14px;line-height: 28px;} .solution04 li .info a::before{content: '';display: block;width: 4px;height: 4px;border-radius: 50%;background-color: #e6771b;position: absolute;left: 0;top: 12px;} /* solution05 */ .solution05wrap{width: 1200px;margin: 100px auto;box-sizing: border-box;} .solution05{width: 100%;box-sizing: border-box;} .solution05 .box{width: 100%;position: relative; background:url(../img/pro-bg.jpg);padding: 50px 0; background-size: cover;} .solution05 .box .tupian{ display: block;width: 60%;overflow: hidden;} .solution05 .box .tupian img{display: block;width:auto;margin:0 auto; height:420px; } .solution05 .box .text{width: 40%;box-sizing: border-box;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding-right: 90px;} .solution05 .box .text h3{font-size: 30px;font-weight: bold;margin-bottom: 10px;color: #FFFFFF;} .solution05 .box .text h3 strong{font-size:18px;vertical-align:super;} .solution05 .box .text h4{font-size: 18px;color: #FFFFFF;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #FFFFFF;} .solution05 .box .text p{font-size: 14px;line-height: 30px;color: #FFFFFF; letter-spacing: 0;} .solution05 .thumbswrap{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;padding-bottom: 20px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin-top: 40px;} .solution05 .gallery-thumbs{width: 60%;margin: 0 30px;} .solution05 .gallery-thumbs p{font-size: 16px;color: #333;text-align: center;margin-bottom: 10px;} .solution05 .gallery-thumbs span{display: block;width: 8px;height: 8px;background-color: #bbbbbb;border-radius: 50%;margin: auto;} .solution05 .swiper-slide-thumb-active p{color: #e6771b;} .solution05 .swiper-slide-thumb-active span{background-color: #e6771b;} .solution05 .swiper-button-prev,.solution05 .swiper-button-next{background-image: none;font-size:30px;color: #e6771b;position: relative;top: 0;margin: 0;padding: 0;left: 0;right: 0;width: auto;height: auto;outline: none;} /* solution06wrap */ .solution06wrap{width: 100%;box-sizing: border-box;padding: 90px 0;background-color: #f1f2f3;} .solution06{width: 1200px;display: block; margin: auto;margin-top: 30px;} .solution06 a{display: block;width: 100%;box-sizing: border-box;} .solution06 a .imgbox{width: 100%;overflow: hidden;position: relative;} .solution06 a .imgbox img{display: block;width: 100%;transition: all .6s;} .solution06 a:hover .imgbox img{transform: scale(1.1);} .solution06 a .text{width: 100%;box-sizing: border-box;padding-right: 30px;} .solution06 a .text p{font-size: 15px;color: #666666;margin-bottom: 20px;margin: 20px 0;} .solution06 a .text h3{font-size: 18px;color: #000000;line-height: 30px;font-weight: bold;} .solution06 a .text .more{background-color: transparent;border: 1px solid #e6771b;margin-top: 40px;color: #e6771b;} .solution06 a .text .more:hover{color: #FFFFFF;} .solution06 a .text .more::after{background-color: #e6771b;} .solution06 .swiper-container{ width: 100%;} /* 楂樼 */ .gaoguan01wrap{width: 100%;box-sizing: border-box;background-color: #eeeff0;padding: 100px 0;} .g-tl{width: 860px;margin: auto;text-align: center;} .g-tl h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 40px;} .g-tl h4{font-size: 15px;color: #666666;line-height: 30px;} /* gaoguan01 */ .gaoguan01{width: 1200px;margin: 100px auto 0;box-sizing: border-box;} .gaoguan01 .box{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;display: flex;display: -webkit-flex;-webkit-flex-flow: column;flex-flow: column;} .gaoguan01 .box .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;} .gaoguan01 .box .imgbox img{display: block;width: 100%;} .gaoguan01 .box .text{width: 100%;box-sizing: border-box;padding: 30px 10px;background-color: #fff;text-align: center;margin-top: 10px;transition: all .3s;} .gaoguan01 .box .text h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 20px;} .gaoguan01 .box .text h4{font-size: 15px;color: #222222;line-height: 30px;opacity: 0.6;} .gaoguan01 .swiper-slide:nth-of-type(2n) .box{-webkit-flex-flow: column-reverse;flex-flow: column-reverse;} .gaoguan01 .swiper-slide:nth-of-type(2n) .box .text{margin-top: 0;margin-bottom: 10px;} .gaoguan01 .swiper-scrollbar{opacity: 1!important;width: calc(100% - 120px);height: 6px;background:#dddddd;} .gaoguan01 .swiper-scrollbar-drag{background: #e6771b;border-radius: 10px;} .gaoguan01 .bot{width: 100%;height: 50px;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-top: 40px;} .gaoguan01 .bot .swiper-button-next,.gaoguan01 .bot .swiper-button-prev{background-image: none;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;font-size: 20px;color: #e6771b;border: 1px solid #e6771b;position: relative;padding: 0;margin: 0;top: 0;left: 0;right: 0;width: 50px;height: 50px;outline: none;background-color: #fff;} .gaoguan01 .swiper-slide .box:hover .text{background-color: #e6771b;} .gaoguan01 .swiper-slide .box:hover .text h3,.gaoguan01 .swiper-slide .box:hover .text h4{color: #fff;} /* 閾傚姏鐗逛汉 */ .career01wrap{margin: 100px 0;} .c-tl{text-align: center;} .c-tl h3{font-size: 30px;color: #000000;font-weight: bold;margin-bottom: 20px;} .c-tl strong{display: block;width: 180px;height: 2px;margin: 40px auto;position: relative;background-color: #ddd;} .c-tl strong::before{content: '';display: block;width: 20px;height: 2px;background-color: #e6771b;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .career01wrap .min{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;margin-top: 30px;} .career01wrap .min .item{width: 340px;height: 340px;border: 1px solid #ddd;border-radius: 50%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;align-items: center;-webkit-align-items: center;position: relative;margin-right: -20px;} .career01wrap .min .item:last-child{margin-right: 0;} .career01wrap .min .item span{display: inline-block;font-size: 18px;color: #aaaaaa;padding: 0 10px;background-color: #FFFFFF;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);top: -9px;} .career01wrap .min .item .text{text-align: center;} .career01wrap .min .item .text h3{font-size: 20px;color: #222222;margin-bottom: 10px;font-weight: bold;} .career01wrap .min .item .text p{font-size: 13px;color: #aaaaaa;margin-bottom: 30px;} .career01wrap .min .item .text h4{font-size: 15px;color: #666666;line-height: 24px;min-height: 72px;} /* career02wrap */ .career02wrap{width: 100%;box-sizing: border-box;} .career02wrap .link{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;border-top: 1px solid #ddd;} .career02wrap .link a{display: block;font-size: 16px;color: #222222;opacity: 0.5;margin-right: 60px;line-height: 80px;position: relative;font-weight: bold;} .career02wrap .link a::after{content: '';display: block;width: 0;height: 2px;position: absolute;bottom: 0;left: 0;transition: all. 3s;background-color: #e6771b;transition: all .3s;} .career02wrap .link a:hover::after,.career02wrap .link a.active::after{width: 100%;} .career02wrap .link a:hover,.career02wrap .link a.active{color: #e6771b;opacity: 1;} .career02{background-color: #f2f2f2;width: 100%;box-sizing: border-box;padding: 2% 2% 0;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-flow: wrap;flex-wrap: wrap;} .career02 a{display: block;width: 100%;background-color: #fff;width: 32%;margin-bottom: 2%;} .career02 a .min{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .career02 a .min .text{width: 50%;box-sizing: border-box;disfl display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;padding: 30px;} .career02 a .min .text h3{font-size: 18px;color: #222222;font-weight: bold;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .career02 a .min .imgbox{position: relative;width: 50%;overflow: hidden;} .career02 a .min .imgbox::after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);position: absolute;top: 0;left: 0;z-index: 0;opacity: 0;transition: all .3s;} .career02 a .min .imgbox img{display: block;width: 100%;-webkit-filter:grayscale(1);filter:gray;filter:grayscale(1);transition: all .6s;} .career02 a .min .imgbox .font{width: 100%;height: 48px;box-sizing: border-box;padding: 0 30px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;position: absolute;bottom: 0;left: 0;border-top: 1px solid #fff;font-size: 13px;color: #fff;opacity: 0;transition: all .3s;z-index: 1;} .career02 a .min .imgbox .font i{font-size: inherit;color: inherit;} .career02 a .bot{width: 100%;box-sizing: border-box;border-top: 1px solid #ddd;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;padding: 0 30px;height: 60px;} .career02 a .bot h3{font-size: 15px;color: #222222;font-weight: bold;} .career02 a .bot p{font-size: 14px;color: #888888;} .career02 a:hover .min .imgbox::after{opacity: 1;} .career02 a:hover .min .imgbox img{-webkit-filter:grayscale(0);filter:gray;filter:grayscale(0);transform: scale(1.1);} .career02 a:hover .min .imgbox .font{opacity: 1;} .career02 a:hover .min .text h3{color: #e6771b;} .career02wrap{margin: 100px 0;} .career02wrap .cont{width: 100%;} .career02wrap .cont .swiper-wrapper{height: auto;} .career02wrap .cont .swiper-slide video{display: block;width: 100%;opacity: 0.5;object-fit: fill;} .career02wrap .cont .swiper-slide .VideoBtn{display: block;font-size: 60px;color: #e6771b;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: auto;z-index: 10;} .career02wrap .cont .swiper-slide.swiper-slide-active video{opacity: 1;} .career02wrap .cont .swiper-button-next,.career02wrap .cont .swiper-button-prev{width: 46px;height: 46px;background-color: #e6771b;color: #FFFFFF;font-size: 18px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-image: none;outline: none;top: 50%;margin-top: -23px;} .career02wrap .cont .swiper-button-next{right: 0;} .career02wrap .cont .swiper-button-prev{left: 0;} .career02wrap .cont .swiper-pagination{width: 100%;margin-top: 30px;position: relative;} .career02wrap .cont .swiper-pagination-bullet{width:8px;height: 8px;border: 1px solid #e6771b;margin-right: 10px;background-color: transparent;opacity: 1;outline: none;} .career02wrap .cont .swiper-pagination-bullet:last-child{margin-right: 0;} .career02wrap .cont .swiper-pagination-bullet-active{background-color: #e6771b;} /* 渚涘簲閾 */ .supplywrap{width: 100%;box-sizing: border-box;margin-top: 90px;} /* .supplywrap */ .supplytopwrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 100px 0;} .supplytopwrap .text{width: 1200px;margin: auto;box-sizing: border-box;} .supplytopwrap .text p{font-size: 14px;color: #aaaaaa;margin-bottom: 10px;text-transform: uppercase;} .supplytopwrap .text h3{font-size: 36px;color: #222222;font-weight: bold;} /* supplyone01wrap */ .supplyone01wrap{width: 1200px;margin: 100px auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .supplyone01wrap .left{width: 30%;border-right: 1px solid #ddd;box-sizing: border-box;padding-right: 100px;} .supplyone01wrap .left a{display: flex;width: 100%;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;font-size:14px;color: #444444;height: 58px;border-bottom: 1px solid #ddd;} .supplyone01wrap .left a i{font-size: inherit;color: inherit;} .supplyone01wrap .left a:first-child{border-top: 1px solid #ddd;} .supplyone01wrap .left a.active{color: #e6771b;} .supplyone01wrap .right{width: 70%;box-sizing: border-box;padding-left: 100px;} #wpcf7-f2414-o1{width: 100%;box-sizing: border-box;display: block;} #wpcf7-f2414-o1 p{font-size: 15px;color: #222222;font-weight: bold;margin-bottom: 15px;} #wpcf7-f2414-o1 input{display: flexbox;width: 100%;height: 44px;border: 1px solid #ddd;outline: none;background-color: #f1f2f3;box-sizing: border-box;padding: 0 10px;font-size: 14px;color: #222;margin-bottom: 15px;} #wpcf7-f2414-o1 ul{width: 100%;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;} #wpcf7-f2414-o1 ul li{width: 32%;} #wpcf7-f2414-o1 textarea{display: block;border: 1px solid #ddd;outline: none;background-color: #f1f2f3;resize: none;width: 100%;height: 120px;margin-bottom: 30px;box-sizing: border-box;padding: 10px;font-size: 14px;color: #222;} #wpcf7-f2414-o1 .more{border: 1px solid #e6771b;width: 130px;height: 36px;line-height: 34px;} .screen-reader-response{ display: none; } #wpcf7-f2414-o1 p span{ display: block;overflow: hidden;position: relative;} #wpcf7-f2414-o1 p span span{position: absolute;top: 0;right: 5%;line-height: 40px;font-weight: normal;letter-spacing: 0;font-size: 12px;color: #eb881b;} .wpcf7-response-output,.wpcf7-validation-errors{ display: block;text-align: center;color: #000;letter-spacing: 0;font-size: 14px;color: #eb881b;} /* 渚涘簲閾?2 */ .supplyone01wrap .right .text02{width: 100%;box-sizing: border-box;text-align: justify;} .supplyone01wrap .right .text02 h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 30px;} .supplyone01wrap .right .text02 p{font-size: 20px;color: #222222;font-weight: bold;margin-bottom: 30px;} .supplyone01wrap .right .text02 h4{font-size: 14px;color: #666666;line-height: 26px;margin-bottom: 30px; letter-spacing: 0;} .supplyone01wrap .right .text02 h4:last-child{margin-bottom: 0;} .supplyone01wrap .right .form02{width: 100%;box-sizing: border-box;} .supplyone01wrap .right .form02 .tl{font-size: 24px;color: #222;font-weight: bold;margin-bottom: 30px;} /* 鍛樺伐鐢熸椿 */ .careerone01{width: 1200px;margin: auto;box-sizing: border-box;padding-bottom: 30px;border-bottom: 1px solid #ddd;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;margin-top: 100px;margin-bottom: 40px;} .careerone01 a{display: block;width: 160px;height: 42px;line-height: 42px;background-color: #dddddd;color: #222222;font-size: 16px;margin-right: 20px;border-radius: 0px;} .careerone01 a::after{background-color: #e6771b;} .careerone01 a:last-child{margin-right: 0;} .careerone01 a.active::after{width: 100%;} .careerone01 a:hover,.careerone01 a.active{color: #fff;} /* careerone02 */ .careerone02{width: 1200px;margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 30px;} .careerone02 a{display: block;width: 47%;margin-right: 6%;margin-bottom: 6%;} .careerone02 a .imgbox{width: 100%;overflow: hidden;} .careerone02 a .imgbox img{display: block;width: 100%;transition: all .6s;} .careerone02 a:hover .imgbox img{transform: scale(1.1);} .careerone02 a .text{width: 100%;background-color: #eeeeee;box-sizing: border-box;padding: 25px 20px;font-size: 18px;color: #222222;} .careerone02 a:nth-of-type(2n){margin-right: 0;} .innerwrap .careerone02wrap .item{display: none;} .innerwrap .careerone02wrap .item:first-child{display: block;} /* 绮夋湯浜у搧鍒楄〃 */ .prolistone01{width: 1000px;box-sizing: border-box;padding: 100px 0;margin: auto;border-left: 1px solid #ddd;padding-right: 70px;} .prolistone01 li{width: 100%;box-sizing: border-box;padding-left: 40px;margin-bottom: 100px;} .prolistone01 li:last-child{margin-bottom: 0;} .prolistone01 li .p-tl{width: 100%;box-sizing: border-box;font-size: 24px;color: #222222;margin-bottom: 30px;position: relative;text-align: left;} .prolistone01 li .p-tl::before{content: '';display: block;width: 2px;height: 100%;position: absolute;left: -40px;top: 0;background-color: #e6771b;} .prolistone01 li .info{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .prolistone01 li .info a{display: block;width: 23.5%;box-sizing: border-box;background-color: #b4b8ba;padding: 25px;margin-right: 2%;transition: all .3s;} .prolistone01 li .info a .cont{display: block;width: 100%;box-sizing: border-box;border: 2px solid #fff;padding: 70px 20px;} .prolistone01 li .info a .cont h3{font-size: 46px;color: #fff;font-weight: bold;text-transform: uppercase;} .prolistone01 li .info a:last-child{margin-right: 0;} .prolistone01 li .info a .cont p{font-size: 18px;color: #fff;display:none;} .prolistone01 li .info a:hover{background-color: #e77d26;} /* 绮夋湯浜у搧璇︽儏 */ .info .text{padding-top:80px;} .prolistoneinfowrap{width: 1200px;box-sizing: border-box;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .prolistoneinfo{width:70%;margin: auto;box-sizing: border-box;padding: 100px 0 0;border-left: 1px solid #ddd;} .prolistoneinfo li{width: 100%;box-sizing: border-box;padding-left: 40px;margin-bottom: 100px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-flex-flow: column;flex-flow: column;} .prolistoneinfo li .tl{width: 100%;box-sizing: border-box;font-size: 24px;color: #222222;margin-bottom: 30px;position: relative;font-weight:bold;} .prolistoneinfo li .tl::before{content: '';display: block;width: 2px;height: 100%;position: absolute;left: -40px;top: 0;background-color: #e6771b;} .prolistoneinfo li .tlinfo{font-size: 16px;color: #666666;line-height: 32px;margin-bottom: 40px;width: 100%;} .prolistoneinfo li .imgbox01{width: 100%;box-sizing: border-box;} .prolistoneinfo li .imgbox01 img{display: block;width: 100%;} .prolistoneinfo li .imgbox02{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;} .prolistoneinfo li .imgbox02 a{display: block;width: 32%;margin-right: 2%;overflow: hidden;background-color: #fff;} .prolistoneinfo li .imgbox02 a:last-child{margin-right: 0;} .prolistoneinfo li .imgbox02 a .img{width: 100%;overflow: hidden;} .prolistoneinfo li .imgbox02 a .img img{display: block;width: 100%;transition: all .6s;} .prolistoneinfo li .imgbox02 a:hover .img img{transform: scale(1.1);} .prolistoneinfo li .imgbox02 a .text{width: 100%;box-sizing: border-box;padding-top: 30px;} .prolistoneinfo li .imgbox02 a .text h3{font-size: 16px;color: #000000;line-height: 22px;margin-bottom: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;} .prolistoneinfo li .imgbox02 a .text .more{width: 120px;height: 38px;line-height: 38px;border: 1px solid #e6771b;} .prolistoneinfo li .imgbox02 a .text .more::after{background-color: #fff;} .prolistoneinfo li .imgbox02 a .text .more:hover{color: #e6771b;} .prolistoneinfowrap .r-list{width: 30%;box-sizing: border-box;padding-left: 90px;padding-top: 100px;} .prolistoneinfowrap .r-list h3{font-size: 24px;color: #222222;padding-bottom: 20px;border-bottom: 1px solid #ddd;font-weight: bold;} .prolistoneinfowrap .r-list .min{width: 100%;box-sizing: border-box;} .prolistoneinfowrap .r-list .min a{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 15px;color: #444444;height: 60px;border-bottom: 1px solid #ddd;} .prolistoneinfowrap .r-list .min a i{font-size: 18px;color: #e6771b;margin-right: 10px;} .prolistoneinfowrap .r-list .min a:hover{color: #e6771b;} /* 绮夋湯 */ .proonetext{width: 1000px;box-sizing: border-box;padding: 0 60px;text-align: center;margin: 100px auto 50px;} .proonetext h3{font-size: 30px;color: #222222;margin-bottom: 30px;font-weight: bold;} .proonetext h4{font-size: 18px;color: #222222;margin-bottom: 30px;font-weight: bold;} .proonetext p{font-size: 16px;color: #666666;line-height: 30px;} /* proone01wrap */ .proone01wrap{width: 100%;box-sizing: border-box;position: relative;padding: 60px 0;} .proone01wrap::after{content: '';display: block;width: 60%;height: 100%;background-color: #f1f2f3;position: absolute;right: 0;top: 0;z-index: 0;} .proone01{width: 100%;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;z-index: 1;} .proone01 .imgbox{width: 50%;box-sizing: border-box;overflow: hidden;} .proone01 .imgbox img{display: block;width: 100%;transition: all .6s;} .proone01 .text{width: 50%;box-sizing: border-box;padding: 0 calc((100% - 1200px)/2) 0 80px;} .proone01 .text li h3{font-size: 20px;color: #222222;font-weight: bold;margin-bottom: 20px;} .proone01 .text li p{font-size: 16px;line-height: 36px;position: relative;box-sizing: border-box;padding-left: 15px;color: #666666;} .proone01 .text li p::before{content: '';display: block;width: 4px;height: 4px;border-radius: 50%;background-color: #666666;position: absolute;left: 0;top: 15px;} .proone01 .text li{margin-bottom: 40px;} .proone01 .text li:last-child{margin-bottom: 0;} /* proone0201 */ .proone0201{width: 1200px;background: none;border-bottom: 1px solid #ddd;margin: auto;padding: 0 0 50px;} /* proone02 */ .proone02{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .proone02 a{display: block;width: calc((100% - 2px) / 3);overflow: hidden;position: relative;margin-bottom:1px;} .proone02 a .bg{display: block;width: 100%;transition: all .6s;} .proone02 a:hover .bg{transform: scale(1.1);} .proone02 a::after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(33,33,33,0.7);position: absolute;top: 0;left: 0;z-index: 0;transition: all .3s;} .proone02 a .text{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;box-sizing: border-box;padding: 0 90px;z-index: 1;} .proone02 a .text .cont{position: relative;width: 100%;text-align: center;} .proone02 a .text .cont h3{font-size: 24px;color: #ffffff;} .proone02 a .text .cont strong{display: block;width: 70%;height: 1px;background-color: rgba(255,255,255,0.5);margin: 20px auto 10px;transition: all .3s;} .proone02 a .text .cont img{display: block;width: auto;height: 64px;margin: auto;transition: all .3s;} .proone02 a .text .cont h4{font-size: 15px;color: #ffffff;line-height: 30px;top: 65px;position: absolute;transform: translateY(100%);transition: all .3s;opacity: 0;width: 100%;text-align: center;} .proone02 a:hover .text .cont img{opacity: 0;} .proone02 a:hover .text .cont h4{transform: none;opacity: 1;} .proone02 a:hover .text .cont strong{width: 10%;} .proone02 a:hover::after{background-color: rgba(230,119,27,0.9);} /* proone03 */ .proone03{width: 1000px;margin: auto;box-sizing: border-box;margin-bottom: 40px;} .proone03 .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;} .proone03 .imgbox img{display: block;width: auto;margin: auto;max-width: 90%;} .proone03 ul{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-top: -70px;} .proone03 ul li{width: 20%;box-sizing: border-box;text-align: center;} .proone03 ul li img{display: block;width: auto;margin: auto;max-width: 80%;margin-bottom: 20px;} .proone03 ul li h3{font-size: 16px;color: #666666;line-height: 24px;} .proone03 ul li:nth-of-type(1),.proone03 ul li:nth-of-type(4){margin-top: -70px;} /* proone04 */ .proone00{display: block;width: 100%;overflow: hidden;background-color: #f1f2f3;} .proone04{width: 100%;box-sizing: border-box;background-color: #fff;padding: 100px 0;} .proone04 .tl{font-size: 30px;color: #222222;font-weight: bold;text-align: center;} .proone04 .t-info{font-size: 16px;color: #666666;margin: 40px 0;text-align: center;} .proone04 .more{margin: auto;border: 1px solid #e6771b;} .proone05 a .cont h3{font-size: 40px;color: #fff;font-weight: bold;text-transform: uppercase;} .proone05{width: 1200px;margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-flex-wrap: wrap;flex-wrap: wrap;border-top: 1px solid #ddd;padding-top: 40px;margin-bottom: 100px;} .proone05 a{display: block;width: 18.4%;box-sizing: border-box;background-color: #b4b8ba;padding: 25px;margin-right: 2%;transition: all .3s;} .proone05 a .cont{display: block;width: 100%;box-sizing: border-box;border: 2px solid #fff;padding: 70px 20px;} .proone04 .proone05 a .cont h3{font-size: 28px;color: #fff;font-weight: bold;text-transform: uppercase;} .proone04 .proone05 a .cont{padding: 80px 20px;} .proone05 a:nth-of-type(4n){margin-right: 0;} .proone05 a .cont p{font-size: 18px;color: #fff; display: none;} .proone05 a:hover{background-color: #e77d26;} .proone04 .proone05{padding-top: 0;border: none;margin-bottom: 0px;} /* join01 */ .join01wrap{width: 1200px;box-sizing: border-box;margin: 100px auto;} .j-tl{text-align: center;margin-bottom: 40px;} .j-tl h3{font-size: 30px;color: #222222;font-weight: bold;} .j-tl strong{display: block;width: 190px;height: 1px;background-color: #ddd;margin: auto;position: relative;margin-top: 20px;} .j-tl strong::before{content: '';display: block;width: 20px;height: 2px;background-color: #e6771b;position: absolute;left: 50%;bottom: 0px;transform: translateX(-50%);-webkit-transform: translateX(-50%);} /* join01 */ .join01{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .join01 a{width: calc((100% - 1px)/2);display: block;position: relative;} .join01 a::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;opacity: 0;transition: all .3s;background-color: rgba(51,54,57,0.66);} .join01 a:hover::after{opacity: 1;} .join01 a img{display: block;width: 100%;transition: all .6s;} .join01 a .text{width: 100%;position: absolute;left: 0;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;box-sizing: border-box;padding: 0 70px;bottom: 0px;transition: all .4s;z-index: 1;} .join01 a .text .cont{width: 100%;position: relative;padding-bottom: 70px;} .join01 a .text .cont h3{font-size: 24px;color: #ffffff;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid rgba(255,255,255,0.5);} .join01 a .text .cont h4{font-size: 15px;color: #fff;line-height: 30px;min-height: 90px;} .join01 a .text .cont .more{background-color: transparent;border: 1px solid #fff;width: 140px;height: 42px;line-height: 42px;margin-top: 40px;position: absolute;left: 0;bottom: 0;opacity: 0;transition: all .3s;} .join01 a:hover .text{top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .join01 a:hover .text .cont .more{opacity: 1;} .join01 a:hover .text .cont h4{opacity: 0.75;} /* join02 */ .join02wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f1f2f3;position: relative;} .join02{width: 1200px;margin: auto;margin-bottom: 60px;position: relative;} .join02 a{display: block;width: 100%;box-sizing: border-box;} .join02 a .imgbox{width: 100%;overflow: hidden;} .join02 a .imgbox img{display: block;width: 100%;transition: all .6s;} .join02 a:hover .imgbox img{transform: scale(1.1);} .join02 a .text{width: 100%;box-sizing: border-box;padding-top: 20px;} .join02 a .text p{font-size: 15px;color: #666666;margin-bottom: 20px;} .join02 a .text h3{font-size: 18px;color: #000000;line-height: 30px;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .join02wrap .more{border: 1px solid #e6771b;background-color: transparent;width: 130px;height: 40px;line-height: 40px;margin: auto;color: #e6771b;} .join02wrap .more::after{background-color: #e6771b;} .join02wrap .more:hover{color: #fff;} .join02 .swiper-button-next,.join02 .swiper-button-prev{background-image: none;font-size: 30px;color: #c2c3c3;width: auto;height: auto;margin-top: -15px;} .join02 .swiper-button-next{right: -60px;} .join02 .swiper-button-prev{left: -60px;} /* join03 */ .join03{width: 1200px;box-sizing: border-box;margin: 100px auto;} .join03 .top{display: block;width: 370px;height: 94px;border-radius: 90px;background-color: #e6771b;font-size: 30px;color: #FFFFFF;text-align: center;line-height: 94px;position: relative;z-index: 1;margin: auto;border: 5px solid #eeeeee;margin-bottom: -52px;} .join03 .contwrap{width: 100%;margin: auto;box-sizing: border-box;border-radius: 10px;border: 5px solid #eeeeee;border-right: none;box-shadow: 0px 0px 15px rgba(0,0,0,0.3);padding: 60px 70px;height: 560px;overflow-y: scroll;} .join03 .contwrap .cont{width: 100%;box-sizing: border-box;} .join03 .contwrap .cont li{width: 100%;padding: 60px 0;position: relative;padding-left: 100px;box-sizing: border-box;border-bottom: 1px dashed #ddd;} .join03 .contwrap .cont li font{font-size: 54px;color: #dddddd;font-weight: bold;position: absolute;left: 0;top: 50px;} .join03 .contwrap .cont li h3{font-size: 20px;color: #222222;font-weight: bold;margin-bottom: 20px;} .join03 .contwrap .cont li h4{font-size: 16px;color: #666666;line-height: 30px;} .join03 .contwrap::-webkit-scrollbar{width:4px;height:4px;scrollbar-arrow-color:red;} .join03 .contwrap::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(230,119,27,0.9);background:rgba(230,119,27,0.9);scrollbar-arrow-color:red;} .join03 .contwrap::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px #eeeeee;border-radius:5px;background:#eeeeee} /* join04wrap */ .join04wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background: url(../img/career_bg02.jpg)no-repeat fixed;background-size: cover;} .join04{width: 960px;margin: auto;box-sizing: border-box;display: -wap-marquee;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .join04 a{display: block;width: 31%;position: relative;box-sizing: border-box;padding: 40px;background-color: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,0.3);margin-bottom: 4%;text-align: center;border-radius: 10px;transition: all .3s;} .join04 a img{display: block;width: auto;margin: auto;height: 52px;margin-bottom: 30px;} .join04 a h3{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;white-space: nowrap;font-size: 22px;color: #222222;} .join04 a h3::before,.join04 a h3::after{content: '';display: block;width: 40px;height: 1px;background-color: #888888;} .join04 a h3::before{margin-right: 10px;} .join04 a h3::after{margin-left: 10px;} .join04 a p{font-size: 12px;color: #888888;margin-top: 10px;} .join04 a .img02{display: none;} .join04 a:hover .img02{display: block;} .join04 a:hover .img01{display: none;} .join04 a:hover{background-color: #e6771b;} .join04 a:hover h3,.join04 a:hover p{color: #fff;} .join04 a:hover h3::before,.join04 a:hover h3::after{background-color: #fff;} /* join05 */ .join05wrap{margin: 100px 0;width: 100%;} .join05wrap .more{border: 1px solid #e6771b;background-color: transparent;width: 130px;height: 40px;line-height: 40px;margin: auto;color: #e6771b;} .join05wrap .more::after{background-color: #e6771b;} .join05wrap .more:hover{color: #fff;} /* 楂樼璇︽儏 */ .gaoguaninfo{width: 100%;box-sizing: border-box;} .gaoguaninfo01{width: 100%;background-color: #f1f2f3;padding: 100px 0;margin-top: 90px;} .gaoguaninfo01 .cont{width: 1200px;margin: auto;} .gaoguaninfo01 .cont p{font-size: 14px;color: #aaaaaa;margin-bottom: 10px;} .gaoguaninfo01 .cont h3{font-size: 36px;color: #222222;font-weight: bold;} /* gaoguaninfo02wrap */ .gaoguaninfo02wrap{width: 1200px;margin:0 auto 100px;box-sizing: border-box;} .gaoguaninfo02{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;padding: 70px 0;border-bottom: 1px solid #ddd;} .gaoguaninfo02 .imgbox{width: 30%;box-sizing: border-box;padding-right: 50px;border-right: 1px solid #ddd;} .gaoguaninfo02 .imgbox img{display: block;width: auto;max-width: 100%;} .gaoguaninfo02 .min{width: 70%;box-sizing: border-box;padding-left: 50px;} .gaoguaninfo02 .min .top{width: 90%;border-bottom: 1px solid #ddd;padding-bottom: 30px;margin-bottom: 30px;} .gaoguaninfo02 .min .top h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 10px;} .gaoguaninfo02 .min .top p{font-size: 18px;color: #222222;font-weight: bold;} .gaoguaninfo02 .min .info h4{font-size: 15px;color: #666666;line-height: 30px;margin-bottom: 20px;letter-sapcing:0;} .gaoguaninfo02 .min .info h4:last-child{margin-bottom: 0;} .gaoguaninfo02wrap .goback{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 15px;color: #666666;margin-top: 30px;} .gaoguaninfo02wrap .goback i{font-size: 15px;color: #666;margin-right: 10px;display: block;} /* 璁惧浜у搧 */ .pro02banner{position:relative;} .pro02banner video{display:block;width:100%;height:auto;} .pro02banner::after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.3);z-index: 0;} .protwowrap{background-color: #eeeeee;} .protwo01wrap{width: 100%;box-sizing: border-box;padding: 0 5%;margin: 100px 0;} .protwo-tl{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;white-space: nowrap;font-size: 36px;color: #222222;font-weight: bold;margin-bottom: 40px;} .protwo-tl::before,.protwo-tl::after{content: '';display: block;width: 50%;height: 1px;background-color: #ddd;} .protwo-tl::before{margin-right: 30px;} .protwo-tl::after{margin-left: 30px;} .protwo01{width: 100%;box-sizing: border-box;background-color: #fff;padding: 100px 0;position: relative;} .protwo01 .box{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .protwo01 .box .img{width: 50%;box-sizing: border-box;} .protwo01 .box .img img{display: block;width: 100%;} .protwo01 .box .text{width: 50%;box-sizing: border-box;padding: 0 100px 0 20px;} .protwo01 .box .text p{font-size: 34px;color: #222222;font-weight: bold;margin-bottom: 10px;} .protwo01 .box .text h3{font-size: 26px;color: #222222;font-weight: bold;} .protwo01 .box .text font{display: block;font-size: 24px;color: #444444;margin: 30px 0;font-weight:bold;} .protwo01 .box .text h4{font-size: 15px;color: #888888;line-height: 26px;} .protwo01 .box .text .more{margin-top: 30px;border: 1px solid #e6771b;} .protwo01 .swiper-button-next,.protwo01 .swiper-button-prev{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 18px;width: 50px;height: 50px;background-color: #fff;border-radius: 50%;box-shadow: 5px 5px 5px rgba(0,0,0,0.3);background-image: none;outline: none;} .protwo01 .swiper-button-next{right: -25px;} .protwo01 .swiper-button-prev{left: -25px;} .protwo01 .swiper-pagination{width: 100%;bottom: 40px;} .protwo01 .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;background-color: transparent;border: 1px solid #e6771b;border-radius: 50%;margin-right: 15px;opacity: 1;outline: none;} .protwo01 .swiper-pagination .swiper-pagination-bullet-active{background-color: #e6771b;} /* protwo02 */ .protwo02wrap{width: 90%;margin: 100px auto;} .protwo02{width: 100%;position: relative;} .protwo02 .box{width: 100%;background-color: #fff;padding: 60px 0;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .protwo02 .box .text{width:50%;box-sizing: border-box;padding-left: 50px;margin-right: -10%;position: relative;z-index: 1;} .protwo02 .box .text p{font-size: 26px;color: #222222;font-weight: bold;margin-bottom: 20px;} .protwo02 .box .text h3{font-size: 18px;color: #222222;font-weight: bold;margin-bottom: 20px;} .protwo02 .box .text font{display: block;font-size: 20px;color: #444444;margin: 30px 0;font-weight:bold;} .protwo02 .box .text h4{font-size: 15px;color: #888888;line-height: 26px;} .protwo02 .box .text .more{margin-top: 30px;border: 1px solid #e6771b;width: 160px;height: 44px;line-height: 44px;} .protwo02 .box .img{width: 50%;} .protwo02 .box .img img{display: block;width: 100%;} .protwo02 .swiper-button-next,.protwo02 .swiper-button-prev{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 18px;width: 50px;height: 50px;background-color: #fff;border-radius: 50%;box-shadow: 5px 5px 5px rgba(0,0,0,0.3);background-image: none;outline: none;} .protwo02 .swiper-button-next{right: -25px;} .protwo02 .swiper-button-prev{left: -25px;} /* 璁惧浜у搧璇︽儏 */ .protwoinfo01wrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 100px 0;} .protwoinfo01{width: 1200px;margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .protwoinfo01 .imgbox{width: 50%;} .protwoinfo01 .imgbox .gallery-top{width: 100%;box-sizing: border-box;border: 1px solid #ddd;} .protwoinfo01 .imgbox img{display: block;width: 100%;background-color: #fff;} .protwoinfo01 .imgbox .gallery-thumbs{padding-top: 12px;} .protwoinfo01 .imgbox .gallery-thumbs .swiper-slide{box-sizing: border-box;position: relative;cursor: pointer;border: 1px solid #ddd;} .protwoinfo01 .imgbox .gallery-thumbs .swiper-slide-thumb-active,.protwoinfo01 .imgbox .gallery-thumbs .swiper-slide:hover{border: 2px solid #e6771b;} .protwoinfo01 .imgbox .gallery-thumbs .swiper-slide::before{content: '';display: block;width: 0;height: 0;border: 8px solid transparent;border-bottom: 8px solid #e6771b;position: absolute;top: -16px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);opacity: 0;} .protwoinfo01 .imgbox .gallery-thumbs .swiper-slide-thumb-active::before{opacity: 1;} .protwoinfo01 .text{width: 50%;box-sizing: border-box;padding-left: 60px;} .protwoinfo01 .text li{width: 100%;margin-bottom: 30px;} .protwoinfo01 .text li:last-child{margin-bottom: 0;} .protwoinfo01 .text li .tl{font-size: 24px;color: #222222;margin-bottom: 30px;font-weight: bold;} .protwoinfo01 .text li .info{width: 100%;box-sizing: border-box;padding: 30px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;} .protwoinfo01 .text li .info p{font-size: 16px;color: #666666;line-height: 32px;} .protwoinfo01 .text li .img{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 60px;} .protwoinfo01 .text li .img .item{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-flex-flow: column;flex-flow: column;align-items: center;-webkit-align-items: center;} .protwoinfo01 .text li .img .item img{display: block;width: auto;max-width: 100%;} .protwoinfo01 .text li .img .item p{font-size: 16px;color: #666666;line-height: 26px;} .protwoinfo01 .text li .more{width: 290px;height: 50px;line-height: 50px;font-size: 16px;} .protwoinfo01 .text li .more i{font-size: inherit;color: inherit;margin-left: 10px;} .productinfo_banner .text{padding-top: 80px;} /* protwoinfo02wrap */ .protwoinfo02wrap{width: 1200px;margin: 100px auto;box-sizing: border-box;} .p-twoinfo{display: block;padding-bottom: 30px;border-bottom: 1px solid #ddd;margin-bottom: 30px;font-size: 30px;font-weight: bold;color: #222222;} .protwoinfo02{width: 100%;position: relative;} .protwoinfo02 .box{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;display: block;} .protwoinfo02 .box .imgbox{width: 100%;box-sizing: border-box;} .protwoinfo02 .box .imgbox img{display: block;width: 100%;} .protwoinfo02 .box .text{width: 100%;box-sizing: border-box;padding-left: 0;margin-top: 30px;} .protwoinfo02 .box .text h3{font-size: 22px;margin-bottom: 30px;font-weight: bold;color: #222222;} .protwoinfo02 .box .text .info{margin-bottom: 30px;} .protwoinfo02 .box .text .info p{font-size: 15px;line-height: 30px;color: #222222;font-weight: bold;} .protwoinfo02 .box .text h4{font-size: 15px;line-height: 30px;color: #666666;} .protwoinfo02 .page{width: 100%;margin-top: 40px;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;position: relative;} .protwoinfo02 .page .swiper-button-next,.protwoinfo02 .page .swiper-button-prev{background-image: none;font-size: 20px;position: relative;padding: 0;margin: 0;width: auto;height: auto;top: 0;left: 0;right: 0;outline: none;} .protwoinfo02 .page .swiper-pagination{position: relative;margin: 0 30px;} .protwoinfo02 .page .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #aaaaaa;margin: 0;margin-right: 12px;opacity: 1;} .protwoinfo02 .page .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;} .protwoinfo02 .page .swiper-pagination .swiper-pagination-bullet-active{background-color: #e6771b;} /* xzgn01 */ .xzgn01{width: 1200px;margin: 100px auto;box-sizing: border-box;} .xzgn01 .imgbox{width: 100%;box-sizing: border-box;} .xzgn01 .imgbox img{display: block;width: 100%;} .xzgn01 .imgbox img.sjimg{display: none;} /* protwoinfo03wrap */ .protwoinfo03wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f1f2f3;} .protwoinfo03{width: 1200px;margin: auto;} .protwoinfo03 .cont{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .protwoinfo03 .cont .imgbox{width: 50%;box-sizing: border-box;} .protwoinfo03 .cont .text{width: 50%;box-sizing: border-box;padding-left: 0px;} .protwoinfo03 .cont .text img{width:100%;} .protwoinfo03 .cont .text li{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-bottom: 40px;} .protwoinfo03 .cont .text li img{display: block;width: auto;max-width: 100%;} .protwoinfo03 .cont .text li p{font-size: 16px;color: #666;margin-left: 30px;} .protwoinfo03 .cont .text li p font{font-weight: bold;font-size: 16px;color: #666;margin-right: 10px;} .protwoinfo03 .cont .text li:last-child{margin-bottom: 0;} /* protwoinfo04wrap */ .protwoinfo04wrap{width: 1200px;margin: 100px auto;box-sizing: border-box;} .protwoinfo04wrap .p-twoinfo{border-bottom: none;} .protwoinfo04wrap .p-tab{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;margin-bottom: 30px;} .protwoinfo04wrap .p-tab a{display: block;line-height: 70px;position: relative;font-size: 20px;color: #666666;margin-right: 80px;} .protwoinfo04wrap .p-tab a:last-child{margin-right: 0;} .protwoinfo04wrap .p-tab a::after{content: '';display: block;width: 0%;height: 2px;background-color: #e6771b;position: absolute;left: 0;bottom: 0;transition: all .3s;} .protwoinfo04wrap .p-tab a:hover::after,.protwoinfo04wrap .p-tab a.active::after{width: 100%;} .protwoinfo04wrap .p-tab a:hover,.protwoinfo04wrap .p-tab a.active{color: #e6771b;} .protwoinfo04{width: 100%;box-sizing: border-box;position: relative;} .protwoinfo04 .item{width: 100%;position: relative;display: none;} .protwoinfo04 .item:first-child{display: block;} .protwoinfo04 .item a{display: block;} .protwoinfo04 .item a .imgbox{width: 100%;box-sizing: border-box;} .protwoinfo04 .item a .imgbox img{display: block;width: 100%;} .protwoinfo04 .item a .text{width: 100%;} .protwoinfo04 .item a .text h3{font-size: 16px;color: #222222;margin-top: 20px;font-weight: bold;} .protwoinfo04 .swiper-button-next,.protwoinfo04 .swiper-button-prev{background-image: none;font-size: 30px;color: #c2c3c3;width: auto;height: auto;margin-top: -15px;} .protwoinfo04 .swiper-button-next{right: -60px;} .protwoinfo04 .swiper-button-prev{left: -60px;} .protwoinfo04 .item a .text h4{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: left;margin-top: 20px;} .protwoinfo04 .item a .text h4 font{font-size: 16px;color: #222222;white-space: nowrap;line-height: 24px;} .protwoinfo04 .item a .text h4 p{font-size: 16px;line-height: 24px;color: #666666;} /* protwoinfo05wrap */ .protwoinfo05wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f1f2f3;} .protwoinfo05wrap .p-twoinfo{width: 1200px;margin: auto;margin-bottom: 30px;} .protwoinfo05{width: 1200px;margin: auto;position: relative;} .protwoinfo05 a font{background-color: transparent;color: #e6771b;border: 1px solid #e6771b;opacity: 0;margin-top: 20px;width: 130px;height: 36px;line-height: 36px;transition: all .3s;} .protwoinfo05 a font::after{background-color: #e6771b;} .protwoinfo05 a font:hover{color: #fff;} .protwoinfo05 a:hover .text h3{color: #e6771b;} .protwoinfo05 a:hover font{opacity: 1;} /* protwoinfo06wrap */ .protwoinfo06wrap{width: 100%;box-sizing: border-box;padding: 100px 0;} .protwoinfo06wrap .p-twoinfo{width: 1200px;margin: auto;margin-bottom: 30px;} .js-media{display:block;width:100%;} .protwoinfo06wrap .join02 .swiper-button-next,.protwoinfo06wrap .join02 .swiper-button-prev{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 18px;width: 50px;height: 50px;background-color: #fff;border-radius: 50%;box-shadow: 5px 5px 5px rgba(0,0,0,0.3);background-image: none;outline: none;} .protwoinfo06wrap .join02 .swiper-button-next::before,.protwoinfo06wrap .join02 .swiper-button-prev::before{color: #333;} .protwoinfo06wrap .join02 .swiper-button-next{right: -25px;} .protwoinfo06wrap .join02 .swiper-button-prev{left: -25px;} .protwoinfo06wrap .join02{width: 1200px;margin: auto;position: relative;} /* 鎵撳嵃鏈嶅姟 */ .prothere01{width: 1200px;margin: 100px auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .prothere01 .imgbox{width: 50%;overflow: hidden;} .prothere01 .imgbox img{display: block;width: 100%;} .prothere01 .text{width: 50%;box-sizing: border-box;padding-left: 40px;} .prothere01 .text h3{font-size: 18px;color: #222222;font-weight: bold;line-height: 30px;margin-bottom: 30px;letter-spacing: 0;} .prothere01 .text h4{font-size: 16px;color: #666666;line-height: 30px;} .p-tl{font-size: 30px;font-weight: bold;margin-bottom: 40px;text-align: center;color: #222222;} /* prothere02 */ .prothere02wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f5f6f8;} .prothere02{width: 1200px;margin: auto;box-sizing: border-box;position: relative;} .prothere02 .gallery-thumbs .swiper-slide{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;cursor: pointer;} .prothere02 .gallery-thumbs .bigimgbox{width: 100px;padding: 0 10px;position: relative;} .prothere02 .gallery-thumbs .bigimgbox::after{content: '';position: absolute;bottom: 0;left: 0;background-color: #e6771b;height: 2px;width: 0%;} .prothere02 .gallery-thumbs .bigimgbox .img{width: 100px;height: 100px;box-sizing: border-box;border: 10px solid #cacaca;background-color: #fff;border-radius: 50%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin: auto;} .prothere02 .gallery-thumbs .bigimgbox .img img{display: block;width: auto;max-width: 60%;} .prothere02 .gallery-thumbs .bigimgbox .img .img02{display: none;} .prothere02 .gallery-thumbs .bigimgbox h4{font-size: 18px;color: #666666;text-align: center;margin: 10px 0;line-height: 24px;min-height: 48px;white-space: nowrap;} .prothere02 .gallery-thumbs .bigimgbox h4 span{display: block;font-size: 14px;color: inherit;} .prothere02 .gallery-thumbs .bigimgbox i{display: block;width: 0;height: 0;border: 6px solid transparent;border-top: 6px solid #e6771b;margin: auto;opacity: 0;margin-bottom: 10px;} .prothere02 .gallery-top{width: 100%;box-sizing: border-box;background-color: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);} .prothere02 .gallery-top .text{width: 100%;box-sizing: border-box;padding: 90px 180px;} .prothere02 .gallery-top .text .tl{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;white-space: nowrap;align-items: center;-webkit-align-items: center;} .prothere02 .gallery-top .text .tl p{font-size: 14px;color: #e6771b;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;white-space: nowrap;align-items: center;-webkit-align-items: center;} .prothere02 .gallery-top .text .tl p::after{content: '';display: block;width: 100px;margin: 0 10px;height: 1px;background-color: #e6771b;} .prothere02 .gallery-top .text .tl::after{content: '';width: 100%;height: 1px;background-color: #ddd;} .prothere02 .gallery-top .text h4{font-size: 22px;color: #222222;font-weight: bold;margin: 30px 0;} .prothere02 .gallery-top .text p{font-size: 15px;color: #666666;line-height: 30px;} .prothere02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .bigimgbox .img .img02{display: block;} .prothere02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .bigimgbox .img .img01{display: none;} .prothere02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .bigimgbox .img{border-color: #e6771b;} .prothere02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .bigimgbox h4{color: #222222;} .prothere02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .bigimgbox i{opacity: 1;} .prothere02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .bigimgbox::after{width: 100%;} .prothere02 .gallery-thumbs .swiper-slide:first-child::before{content: '';display: block;width: 1px;height: 30px;background-color: #ddd;position: absolute;left: 0;top: 35px;} .prothere02 .gallery-thumbs .swiper-slide::after{content: '';display: block;width: 0;height: 0;border: 10px solid transparent;border-left-color: #dddddd;position: absolute;right: -10px;top: 45px;} .prothere02 .gallery-thumbs .swiper-slide:last-child::after{width: 1px;height: 30px;background-color: #ddd;position: absolute;right: 0;top: 35px;border: none;} .prothere02 .bot{position: relative;} .prothere02 .swiper-button-next,.prothere02 .swiper-button-prev{background-image: none;font-size: 40px;color: #c2c3c3;width: auto;height: auto;margin-top: -20px;outline: none;} .prothere02 .swiper-button-next{right: -60px;} .prothere02 .swiper-button-prev{left: -60px;} /* prothere03 */ .prothere03wrap{width: 100%;box-sizing: border-box;margin: 100px auto;} .prothere03{width: 100%;position: relative;} .prothere03 .li{width: 100%;overflow: hidden;box-sizing: border-box;position: relative;} .prothere03 .li img{display: block;width: 100%;transition: all .6s;} .prothere03 .li:hover img{transform: scale(1.1);} .prothere03 .li::before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(35,35,35,0.75);position: absolute;top: 0;left: 0;transition: all .3s;z-index: 1;} .prothere03 .li .text{position: absolute;width: 100%;box-sizing: border-box;text-align: center;top: 50%;left: 0;z-index: 2;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 0 65px;} .prothere03 .li .text strong{display: block;width: 70px;height: 1px;background-color: rgba(255,255,255,0.5);margin: auto;transition: all .3s;} .prothere03 .li .text h4{font-size: 16px;color: #ffffff;line-height: 30px;text-align: center;min-height: 90px;opacity: 0;transform: translateY(50px);transition: all .3s;margin-bottom: 50px;} .prothere03 .li:hover .text strong{width: 70px;background-color: rgba(255,255,255,0.5);} .prothere03 .li .text h3{font-size: 24px;color: #ffffff;margin: 30px auto;text-align: center;} .prothere03 .li:hover::before{background-color: rgba(230,119,27,0.9);} .prothere03 .li:hover .text h4{opacity: 0.75;transform: none;} .prothere03 .li .text a{border: 1px solid #fff;color: #fff;width: 150px;height: 42px;line-height: 42px;background-color: transparent;margin: auto;opacity: 0;transform: translateY(50px);transition: all .3s;} .prothere03 .li .text a::after{border: #fff;} .prothere03 .li .text a:hover{color: #e6771b;} .prothere03 .li:hover .text a{transform: none;opacity: 1;} .prothere03 .swiper-button-next,.prothere03 .swiper-button-prev{width: 46px;height: 46px;background-color: #fff;color: #1c3e7d;font-size: 18px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-image: none;outline: none;top: 50%;margin-top: -23px;} .prothere03 .swiper-button-next{right: 0;} .prothere03 .swiper-button-prev{left: 0;} /* prothere04wrap */ .prothere04wrap{width: 1200px;margin: 100px auto;box-sizing: border-box;} .prothere04{width: 100%;box-sizing: border-box;position: relative;} .prothere04 a{display: block;width: 100%;} .prothere04 a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;} .prothere04 a .imgbox img{display: block;width: 100%;transition: all .6s;} .prothere04 a:hover .imgbox img{transform: scale(1.1);} .prothere04 a .text h3{font-size: 18px;color: #222222;margin-top: 20px;text-align: center;} .prothere04 .swiper-button-next,.prothere04 .swiper-button-prev{background-image: none;font-size: 30px;color: #c2c3c3;width: auto;height: auto;margin-top: -15px;} .prothere04 .swiper-button-next{right: -60px;} .prothere04 .swiper-button-prev{left: -60px;} /* prothere05wrap */ .prothere05wrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 100px 0;} .prothere05wrap .proonetext{margin-top: 0;padding-top: 0;margin-bottom: 80px;} .prothere05wrap .proonetext02{padding-top: 60px;} .tablewraps{width: 1200px;margin: auto;box-sizing: border-box;margin-top: 50PX;} .tablewraps .tab{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;margin-bottom: 40px;} .tablewraps .tab a{display: block;width: 400px;line-height: 60px;border: 1px solid #ddd;background-color: #fff;margin-right: 20px;font-size: 16px;color: #222222;text-align: center;transition: all .3s;} .tablewraps .tab a:last-child{margin-right: 0;} .tablewraps .tab a.active,.tablewraps .tab a:hover{background-color: #e6771b;border-color: #e6771b;color: #fff;} .tablewraps .min{width: 100%;box-sizing: border-box;} .tablewraps .min .item{width: 100%;display: none;} .tablewraps .min .item:first-child{display: block;} .tablewraps .min .item img{display: block;width: 100%;} .prothere05wrap .proonetext03{margin-bottom: 0;} .prothere05wrap .proonetext03 .more{margin: auto;margin-top: 30px;} /* prothere05 */ .prothere05{width: 1200px;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;border-bottom: 1px solid #ddd;} .prothere05 li{width: 23.5%;box-sizing: border-box;padding: 0 40px 40px;background-color: #fff;position: relative;margin-right: 2%;margin-bottom: 53px;} .prothere05 li:nth-of-type(4n){margin-right: 0;} .prothere05 li h3{display: block;width: 200px;line-height: 46px;background-color: #fff;border-radius: 46px;border: 1px solid #e6771b;font-size: 16px;color: #666666;text-align: center;margin-top: -23px;margin-bottom: 30px;} .prothere05 li h4{font-size: 14px;line-height: 28px;color: #666666;text-align: center;} .prothere02{margin-top: 50px;} /* 鍒涙柊璁捐 */ .serviceone01{margin: 100px auto;box-sizing: border-box;} .serviceone01 .cont{width: 100%;box-sizing: border-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;} .serviceone01 .cont li{width: 33.33%;text-align: center;box-sizing: border-box;padding: 0 20px;} .serviceone01 .cont li:nth-of-type(2n){border-left: 1px solid #ddd;border-right: 1px solid #ddd;} .serviceone01 .cont li img{display: block;width: auto;margin: auto;} .serviceone01 .cont li h3{font-size: 18px;color: #222222;font-weight: bold;margin-top: 20px;} .serviceone01 .cont li strong{display: block;width: 30px;height: 2px;background-color: #e6771b;margin: 20px auto;} .serviceone01 .cont li h4{font-size: 15px;line-height: 24px;color: #666666;opacity: 0;transition: all .3s;} .serviceone01 .cont li:hover h4{opacity: 1;} /* serviceone02wrap */ .serviceone02wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f1f2f3;} .serviceone02{margin: auto;box-sizing: border-box;} .serviceone02 .cont{width: 100%;position: relative;} .serviceone02 .cont a{display: block;width: 100%;box-sizing: border-box; position: relative;} .serviceone02 .cont a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;} .serviceone02 .cont a .imgbox img{display: block;width: 100%;transition: all .6s;} .serviceone02 .cont a:hover .imgbox img{transform: scale(1.1);} .serviceone02 .cont a .text{width: 100%;box-sizing: border-box;text-align: center;padding: 0 20px;} .serviceone02 .cont a .text h3{font-size: 18px;color: #222222;font-weight: bold;margin: 20px auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .serviceone02 .cont a .text h4{font-size: 15px;color: #666666;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 20px;min-height:48px;} .serviceone02 .cont a .text .more{border: 1px solid #e6771b;margin: auto;} .serviceone02 .cont .swiper-button-next,.serviceone02 .cont .swiper-button-prev{background-image: none;font-size: 30px;color: #c2c3c3;width: auto;height: auto;margin-top: -15px;outline: none;} .serviceone02 .cont .swiper-button-next{right: -60px;} .serviceone02 .cont .swiper-button-prev{left: -60px;} /* serviceone03wrap */ .contwidth{width: 1200px;} .serviceone03wrap{margin: 100px auto;box-sizing: border-box;} .serviceone03{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .serviceone03 .imgbox{width: 50%;} .serviceone03 .imgbox img{display: block;width: 100%;} .serviceone03 .text{width: 50%;box-sizing: border-box;padding-left: 50PX;} .serviceone03 .text H4{font-size: 16px;color: #666666;line-height: 30px;padding-bottom: 30px;border-bottom: 1px solid #ddd;margin-bottom: 30px;} .serviceone03 .text h3{font-size: 18px;color: #222222;font-weight: bold;margin-bottom: 30px;} .serviceone03 .text H4:last-child{margin-bottom: 0;padding-bottom: 0;border: none;} /* 鍒涙柊璁捐璇︽儏 */ .prolistoneinfo li .s-swiper01{width: 100%;box-sizing: border-box;background-color: #eeeeee;position: relative;} .prolistoneinfo li .s-swiper01 img{display: block;width: 100%;} .prolistoneinfo li .s-swiper01 .swiper-button-next,.prolistoneinfo li .s-swiper01 .swiper-button-prev{background-image: none;font-size: 40px;color: #8f8f8f;width: auto;height: auto;margin-top: -20px;outline: none;} .prolistoneinfo li .s-swiper01 .swiper-button-next{right:10px;} .prolistoneinfo li .s-swiper01 .swiper-button-prev{left: 10px;} /* 宸ヨ壓鍙傛暟 */ .servicetwo01{margin: 100px auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .servicetwo01 .imgbox{width: 50%;} .servicetwo01 .imgbox img{display: block;width: 100%;} .servicetwo01 .text{width: 50%;box-sizing: border-box;padding-left: 50px;} .servicetwo01 .text h3{font-size: 24px;color: #222222;font-weight: bold;} .servicetwo01 .text strong{display: block;width: 40px;height: 2px;background-color: #e6771b;margin: 30px 0;} .servicetwo01 .text h4{font-size: 15px;color: #666666;line-height: 26px;} /* servicetwo02wrap */ .servicetwo02wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f1f2f3;} .servicetwo02{margin: auto;} .servicetwo02 .p-tl{text-align: left;} .servicetwo02 .cont{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .servicetwo02 .cont li{width: calc((100% - 20px)/2);box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;position: relative;z-index: 1;} .servicetwo02 .cont li .item{width: calc((100% - 20px)/2);display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} .servicetwo02 .cont li .item01{background-color: #e6771b;background-image: linear-gradient(to bottom left, #eaa165, #e6771b);background-image: -webkit-linear-gradient(to bottom left, #eaa165, #e6771b);position: relative;position: relative;z-index: 1;} .servicetwo02 .cont li .item .font{width: 100%;box-sizing: border-box;text-align: center;padding: 0 40px;} .servicetwo02 .cont li .item01::before{content: '';display: block;width: calc(100% - 40px);height: calc(100% - 40px);position: absolute;top: 20px;left: 20px;border: 1px solid #fff;} .servicetwo02 .cont li .item01 .font h3{font-size: 36px;color: #fff;font-weight: bold;} .servicetwo02 .cont li .item01 .font strong{display: block;width: 30px;height: 2px;background-color: #fff;margin: 20px auto;} .servicetwo02 .cont li .item01 .font h4{font-size: 20px;line-height: 30px;color: #fff;} .servicetwo02 .cont li .item02{background-color: #a0a1a3;background-image: linear-gradient(to bottom left, #b8bbbd, #a0a1a3);background-image: -webkit-linear-gradient(to bottom left, #b8bbbd, #a0a1a3);position: relative;} .servicetwo02 .cont li .item02 .font{width: 100%;box-sizing: border-box;padding: 0 60px;text-align: left;} .servicetwo02 .cont li .item02 .font p{font-size: 20px;color: #ffffff;line-height: 54px;} .servicetwo02 .cont li .item .icon{background-color: #e6771b;border-radius: 50%;border: 4px solid #fff;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 52px;height: 52px;box-sizing: border-box;position: absolute;right: -36px;} .servicetwo02 .cont li .item02 .icon{background-color: #abadaf;} .servicetwo02 .cont li .item .icon::before{content: '';display: block;width: 20px;height: 1px;background-color: #fff;} .servicetwo02 .cont li .item .icon::after{content: '';display: block;width: 6px;height: 6px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);margin-left: -7px;} .servicetwo02 .cont .right{background-color: #a0a1a3;background-image: linear-gradient(to bottom left, #b8bbbd, #a0a1a3);background-image: -webkit-linear-gradient(to bottom left, #b8bbbd, #a0a1a3);position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;z-index: 0;} .servicetwo02 .cont .right .text{width: 100%;box-sizing: border-box;padding: 40px 80px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .servicetwo02 .cont .right .text .li p{font-size: 15px;line-height: 30px;color: #fff;} /* 閫嗗悜宸ョ▼ */ /* .servicethere02 */ .servicethere02{margin: 100px auto;} .servicethere01{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f1f2f3;} .servicethere01 .proonetext{border-bottom: 1px solid #cccccc;padding-bottom: 30px;margin-top: 0;} .servicethere01 .proonetext strong{display: block;width: 120px;height: 2px;background-color: #e6771b;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);bottom: 0;} .servicethere01 .cont{width: 1000px;margin: auto;box-sizing: border-box;display: -wap-marquee;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;position: relative;padding: 0 30px;} .servicethere01 .cont::before{content: '';display: block;width: 100%;height: 1px;background-color: #cccccc;position: absolute;left: 0;top: 50%;z-index: 0;} .servicethere01 .cont li{width: 20%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;position: relative;z-index: 1;} .servicethere01 .cont li .min{text-align: center;} .servicethere01 .cont li .min p{font-size: 16px;color: #989898;margin-bottom: 30px;} .servicethere01 .cont li .min img{display: block;width: auto;max-width: 90%;margin: auto;} .servicethere01 .cont li .min h3{font-size: 20px;color: #222222;font-weight: bold;margin-top: 20px;} .servicethere01 .cont li span{display: block;width: 20px;height: 20px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-radius: 50%;background-color: #cccccc;} .servicethere01 .cont li span::before{content: '';display: block;width: 5px;height: 5px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);} /* 瀹氬埗鍖栨湇鍔 */ .servicefour01{margin: 100px auto;} /* .servicefour02wrap */ .servicefour02wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background: url(../img/dz_01.jpg)no-repeat;background-size: cover;} .servicefour02{margin: auto;} .servicefour02 .proonetext{border-bottom: 1px solid #aaaaaa;margin-top: 0;width: 100%;} .servicefour02 .proonetext::before{content: '';display: block;width: 120px;height: 2px;background-color: #444444;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);bottom: 0;} .servicefour02 .imgbox{width: 100%;} .servicefour02 .imgbox img{display: block;width: auto;margin: auto;max-width: 100%;} .servicembx{display: none;} .datatwo01{width: 100%;box-sizing: border-box;} .datatwo01 .item{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} /* .datatwo01 .item:nth-of-type(odd){background-color: #f1f2f3;} */ .datatwo01 .item .imgbox{width: 50%;box-sizing: border-box;overflow: hidden;position: relative;} .datatwo01 .item .imgbox img{display: block;width: 100%;} .datatwo01 .item .imgbox .text{width: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);text-align: center;} .datatwo01 .item .imgbox .text h3{font-size: 26px;color: #fff;} .datatwo01 .item .imgbox .text strong{display: block;width: 40px;height: 2px;background-color: #fff;margin: 20px auto;} .datatwo01 .item .imgbox .text h4{font-size: 16px;line-height: 30px;text-align: center;color: #fff;} .datatwo01 .item .right{width: 50%;box-sizing: border-box;padding-right: calc((100% - 1200px)/2);padding-left: 80px;} .datatwo01 .item .right .cont{width: 100%;position: relative;box-sizing: border-box;} .datatwo01 .item .right .cont::before{content: '';display: block;width: 1px;height: 100%;position: absolute;top: 0;left: 17px;background-color: #ddd;z-index: 0;} .datatwo01 .item .right .cont .list{width: 100%;margin-bottom: 30px;position: relative;z-index: 1;} .datatwo01 .item .right .cont .list:last-child{margin-bottom: 0;} .datatwo01 .item .right .cont .list .top{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .datatwo01 .item .right .cont .list .top h3{font-size: 20px;color: #222222;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;} .datatwo01 .item .right .cont .list .top font{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 13px;color: #666666;background-color: #fff;border-radius: 50%;border: 1px solid #006949;width: 34px;height: 34px;margin-right: 20px;} /* .datatwo01 .item:nth-of-type(2n-1) .right .cont .list .top font{background-color:#f1f2f3} */ .datatwo01 .item .imgbox .text .more{ margin: 20px auto 0;} .datatwo01 .item .right .cont .list .top i{font-size: 20px;color: #006949;} .datatwo01 .item .right .cont .list .info{width: 100%;box-sizing: border-box;padding: 30px 0;padding-left: 44px;display: none;} .datatwo01 .item .right .cont .list .info h4{font-size: 15px;color: #666666;line-height: 28px;} .datatwo01 .item .right .cont .list:first-child .info{display: block;} .datatwo01 .item .right .cont .list .top.active i{transform: rotate(180deg);-webkit-transform: rotate(180deg);} .datatwo01 .item:nth-of-type(2n){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;} .datatwo01 .item:nth-of-type(2n) .right{padding-left: calc((100% - 1200px)/2);padding-right: 80px;} /* 鏂伴椈 */ .news01wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f5f5f5;} .news01{margin: auto;position: relative;} .news01 a{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .news01 a .imgbox{width: 55%;box-sizing: border-box;} .news01 a .imgbox img{display: block;width: 100%;} .news01 a .text{width: 40%;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} .news01 a .text .cont{ width: 100%;} .news01 a .text .cont p{font-size: 14px;color: #aaaaaa;margin-bottom: 20px;} .news01 a .text .cont h3{font-size: 20px;color: #222222;margin-bottom: 30px;line-height: 34px;} .news01 a .text .cont .more{border: 1px solid #e6771b;background-color: transparent;color: #e6771b;width: 136px;height: 40px;line-height: 40px;} .news01 a .text .cont .more:hover{color: #fff;} .news01 a .text .cont .more::after{background-color: #e6771b;} .news01 .swiper-pagination{width: 40%;position: absolute;right: 0;bottom: 20px;left: initial;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;} .news01 .swiper-pagination .swiper-pagination-bullet{background-color: #cfcfcf;margin-right: 10px;opacity: 1;} .news01 .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;} .news01 .swiper-pagination .swiper-pagination-bullet-active{background-color: #e6771b;} .news02{width: 100%;overflow: hidden;} .news02 .content{ display: block;width: 100%; padding: 50px 0; background-color: transparent;transition: all .3s;border-bottom: 1px solid #ddd;} .news02 .content .main{position: relative;position: relative;width: 1200px;margin: 0 auto;} .news02 .content .main .imgbox{width: 28%;overflow: hidden;} .news02 .content .main .imgbox img{display: block;width: 100%;transition: all .6s;} .news02 .content:hover .main .imgbox img{transform: scale(1.1);} .news02 .content .main .textbox{position: absolute;top: 50%;right: 0%;transform: translateY(-50%);width: 67%;} .news02 .content .main .textbox p{font-size: 16px;color: #666;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;} .news02 .content .main .textbox h3{font-size: 22px;color:#222;font-weight: bold;margin: 26px 0;} .news02 .content .main .textbox span{font-size: 14px;color:#888;line-height: 100%;} .news02 .content:hover .main .textbox h3{color: #e6771b;} .fy,.nav-links{width: 80%;box-sizing: border-box;padding: 30px 0 60px;justify-content: center;flex-flow: row;display: flex;margin: auto;} .fy a,.nav-links span,.nav-links a{display: block;width: auto;min-width: 32px;height: 34px;line-height: 34px;font-size: 14px;color: #b8b8b8;border: 1px solid #b8b8b8;border-radius: 5px;background-color: #FFFFFF;transition: all .3s;margin: 0 7px;text-align: center;box-sizing: border-box;padding: 0 10px;} .fy a:hover{background-color: #eb6100;border-color: #eb6100;color: #FFFFFF;} .fy .active,.nav-links span{background-color: #eb6100;border-color: #eb6100;color: #FFFFFF;} .fy a:nth-of-type(1){margin-left: 0;} .screen-reader-text{display: none;} .navigation,.pagination{width:100%;} /* 渚涘簲閾 */ .supply01wrap{width: 1000px;margin: 100px auto;box-sizing: border-box;} .s-tl01{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 40px;} .supply01{width: 100%;box-sizing: border-box;} .supply01 li{width: 100%;box-sizing: border-box;padding: 60px 0;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;border-bottom: 1px solid #ddd;} .supply01 li h3{font-size: 20px;color: #222222;font-weight: bold;width: 30%;} .supply01 li h4{width: 70%;box-sizing: border-box;font-size: 15px;color: #666666;line-height: 30px;} .supply01 li:first-child{border-top: 1px solid #ddd;} /* supply02wrap */ .supply02wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f1f2f3;} .supply02{width: 1000px;margin: auto;box-sizing: border-box;} .supply02 p{font-size: 15px;color: #222222;line-height: 26px;margin-bottom: 30px;font-weight: bold;} .supply02 h4{font-size: 15px;color: #666;line-height: 26px;margin-bottom: 30px;} .supply02 h4:last-child{margin-bottom: 0;} /* supply03 */ .supply03{width: 1000px;margin: 100px auto;box-sizing: border-box;} .supply03 .s-form01{} .s-form01{width: 100%;box-sizing: border-box;display: block;} .s-form01 p{font-size: 15px;color: #222222;font-weight: bold;margin-bottom: 15px;} .s-form01 input{display: flexbox;width: 100%;height: 44px;border: 1px solid #ddd;outline: none;background-color: #f1f2f3;box-sizing: border-box;padding: 0 10px;font-size: 14px;color: #222;margin-bottom: 30px;} .s-form01 ul{width: 100%;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;} .s-form01 ul li{width: 32%;} .s-form01 textarea{display: block;border: 1px solid #ddd;outline: none;background-color: #f1f2f3;resize: none;width: 100%;height: 120px;margin-bottom: 30px;box-sizing: border-box;padding: 10px;font-size: 14px;color: #222;} .s-form01 .more{border: 1px solid #e6771b;width: 130px;height: 36px;line-height: 34px;} .s-form01 .check{width: 100%;margin-bottom: 30px;} .s-form01 .check label{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-bottom: 30px;} .s-form01 .check label .checkbox{display: block;width: 15px;height: 15px;margin-bottom: 0;} .s-form01 .check label p{margin-bottom: 0;margin-left: 10px;font-size: 15px;color: #666666;line-height: 26px;} .s-form01 .check label p a{color: #e6771b;} .s-form01 .check label:last-child{margin-bottom: 0;} .supply03 .wpcf7-form{width: 100%;box-sizing: border-box;display: block;} .supply03 .wpcf7-form p{font-size: 15px;color: #222222;font-weight: bold;margin-bottom: 15px;} .supply03 .wpcf7-form input{display: flexbox;width: 100%;height: 44px;border: 1px solid #ddd;outline: none;background-color: #f1f2f3;box-sizing: border-box;padding: 0 10px;font-size: 14px;color: #222;margin-bottom: 30px;} .supply03 .wpcf7-form ul{width: 100%;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;} .supply03 .wpcf7-form ul li{width: 32%;} .supply03 .wpcf7-form textarea{display: block;border: 1px solid #ddd;outline: none;background-color: #f1f2f3;resize: none;width: 100%;height: 120px;margin-bottom: 30px;box-sizing: border-box;padding: 10px;font-size: 14px;color: #222;} .supply03 .wpcf7-form .more{border: 1px solid #e6771b;width: 130px;height: 36px;line-height: 34px;} .supply03 .wpcf7-form .check{width: 100%;margin-bottom: 30px;} .supply03 .wpcf7-form .check .label{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-bottom: 30px;} .supply03 .wpcf7-form .check .label .checkbox{display: block;width: 15px;height: 15px;margin-bottom: 0;} .supply03 .wpcf7-form .check .label p{margin-bottom: 0;margin-left: 10px;font-size: 15px;color: #666666;line-height: 26px;} .supply03 .wpcf7-form .check .label p a{color: #e6771b;} .supply03 .wpcf7-form .check .label:last-child{margin-bottom: 0;} .supply03 .wpcf7-form .check i,.supply03 .wpcf7-form .check .layui-unselect{display: none;} /* 鑱旂郴鎴戜滑 */ .contact01{margin: 100px auto 120px;} .contact01 .mapwrap{width: 100%;position: relative;} .contact01 .mapwrap .map{width: 100%;height: 460px;} .contact01 .mapwrap .map .BMap_bubble_title{font-size: 16px;color: #222222;margin-bottom: 10px;font-weight: bold;} .contact01 .mapwrap .map .BMap_bubble_content{font-size: 14px;line-height: 24px;color: #666666;} .contact01 .bot{width: 1000px;margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;border-bottom: 1px solid #DDDDDD;padding: 40px 0;} .contact01 .bot .left{font-size: 20px;color: #222222;width: 30%;font-weight: bold;} .contact01 .bot .right{width: 70%;} .contact01 .bot .right li{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;padding-left: 20px;position: relative;margin-bottom: 10px;} .contact01 .bot .right li::before{content: '';display: block;width: 6px;height: 6px;background-color: #222222;position: absolute;left: 0;top: 12px;border-radius: 50%;} .contact01 .bot .right li p{font-size: 15px;color: #222222;width: 20%;line-height: 28px;font-weight: bold;} .contact01 .bot .right li font{font-size: 15px;color: #666666;width: 80%;line-height: 28px;} .contact01 .bot .right .link{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;} .contact01 .bot .right .link .item{position: relative;margin-right: 12px;} .contact01 .bot .right .link .item a{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border: 1px solid #888888;border-radius: 50%;font-size: 14px;color: #888888;width: 30px;height: 30px;} .contact01 .bot .right .link .item:last-child{margin-right: 0;} .contact01 .bot .right .link .item .hoverimg{width: 120px;height: 120px;position: absolute;background-color: #fff;box-sizing: border-box;padding: 10px;box-sizing: border-box;border-radius: 4px;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);top: 50px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);opacity: 0;transition: all .3s;} .contact01 .bot .right .link .item .hoverimg img{display: block;width: 100%;} .contact01 .bot .right .link .item .hoverimg::before{content: '';display: block;width: 12px;height: 12px;background-color: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);position: absolute;left: 50%;top: -6px;border-left: 1px solid #ddd;border-top: 1px solid #ddd;margin-left: -6px;} .contact01 .bot .right .link .item:hover .hoverimg{opacity: 1;} /*鍦ㄧ嚎鐣欒█ */ .contact02msg{width: 100%;box-sizing: border-box;background:url(../img/liuyan_bg.png) no-repeat;padding:80px 0;} .contact02msg_tit{ font-size: 26px; text-align: center; color: #000; margin-bottom: 20px; } .msg_fbt{ font-size: 16px; color: #666666; line-height: 1.8; text-align: center; } .msg_div{ max-width:900px; width: 90%; margin: 0 auto; margin-top: 50px; } .msg_form1{ margin-bottom:30px; } .msg_formf{ float: left; width: 48.5%; margin-right:3%; overflow: hidden; box-sizing: border-box; } .msg_form1 .msg_formf:nth-child(2n) { margin-right: 0; } .msg_formf h5{ color: #666666; font-size: 16px; } .msg_formf span{ display: inline-block; margin-left: 5px; color: #e54848; } .msg_formf_inp{ padding-left: 15px; padding-right: 15px; border: #eaeaea solid 1px; margin-top: 12px; line-height: 48px; background-color: #FFFFFF; overflow: hidden; box-sizing: border-box; } .msg_formf_inp input { width: 100%; color: #666666; font-size: 16px; height: 48px; border: none; background: none; outline: none; } .msg_form2 h5{ color: #666666; font-size: 16px; } .msg_form2 h5 span { display: inline-block; margin-left: 5px; color: #e54848; } .msg_formf_inp textarea { width: 100%; min-height: 100px; padding: 15px; resize: none; border: none; background: none; outline: none; color: #666666; font-size: 16px; } .msg_btn{ text-align: center; margin-top: 30px; } .msg_btn p{ width: 140px; text-align: center; background: #174699; border:1px solid #174699; margin: 55px auto 0px; -o-transition: all 0.4s; -ms-transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; border-radius: 5px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; display: inline-block; margin: 0 10px; } .msg_btn p input { width: 100%; height: 45px; line-height: 45px; color: #fff; font-size: 15px; background: none; border: none; outline: none; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer; } .msg_btn p:nth-child(2){ background-color: #999; border: 1px solid #999; } .msg_btn p:hover{ background-color: #fff; } .msg_btn p:hover input{ color: #174699; } /*浜烘墠鎷涜仒*/ .contact02hr{ background:url(../img/zhaopin-bg3.jpg) no-repeat 100%; width: 100%; padding: 200px 0; } .contact02hr_tit{ font-size: 26px; text-align: center; color: #fff; margin-bottom: 20px; } .contact02hr_cont{ max-width: 900px; margin:0 auto; margin-top:100px; } .contact02hr_cont p{ font-size: 16px; color: #fff; line-height:40px; } .contact02hr_cont_p1{ font-size: 22px; color: #fff; line-height: 30px; margin-bottom:30px; } .contact02hr_cont .contact02hr_gwxq{ background-color: #b81c27; color: #fff; font-size: 16px; padding:16px 40px; margin-top:30px; display: inline-block; border-radius: 6px; } /* .contact02{width: 1200px;box-sizing: border-box;margin: auto;} .contact02 .min{width: 100%;box-sizing: border-box;position: relative;} .contact02 .min a{display: block;width: 100%;box-sizing: border-box;margin-bottom: 30px;box-sizing: border-box;padding: 20px;background-color: #fff;height: 500px} .contact02 .min a:nth-of-type(3n){margin-right: 0;} .contact02 .min a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;} .contact02 .min a .imgbox img{display: block;width: 100%;transition: all .6s;} .contact02 .min a:hover .imgbox img{transform: scale(1.1);} .contact02 .min a .text{width: 100%;box-sizing: border-box;text-align: center;padding: 30px 0 30px;} .contact02 .min a .text span{font-size: 21px;color: #222222;display: inline-block;margin-bottom: 15px;} .contact02 .min a .text strong{display: block;width: 30px;height: 1px;background-color: #ddd;margin: auto;margin-bottom: 15px;} .contact02 .min a .text h3{font-size: 14px;color: #222222;margin-bottom: 20px;line-height: 20px; min-height: 40px;} .contact02 .min a .text h3 i{font-size: inherit;color: inherit;margin-right: 10px;vertical-align: unset;} .contact02 .min a .text p i{font-size: inherit;color: inherit;margin-right: 10px;vertical-align: unset;} .contact02 .min a .text p{font-size: 14px;color: #222222;} .contact02 .min .swiper-pagination-bullet{border: 1px solid #ddd;background-color: transparent;box-sizing: border-box;width: 10px;height: 10px;opacity: 1;margin-right: 10px;} .contact02 .min .swiper-pagination-bullet:last-child{margin-right: 0;} .contact02 .min .swiper-pagination-bullet-active{background-color: #e6771b;border-color: #e6771b;} .contact02 .min .swiper-container-horizontal>.swiper-pagination-bullets, .contact02 .min .swiper-pagination-custom,.contact02 .min .swiper-pagination-fraction{bottom: 0;} .contact02 .min .swiper-pagination{position: relative;width: 100%;} .contact02 .min .swiper-button-next,.contact02 .min .swiper-button-prev{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-radius: 50%;background-color: #FFFFFF;background-image: none;width: 40px;height: 40px;margin-top: -41px;outline: none;} .contact02 .min .swiper-button-next i,.contact02 .min .swiper-button-prev i{font-size: 18px;color: #e6771b;} .contact02 .min .swiper-button-next{right: -50px;} .contact02 .min .swiper-button-prev{left: -50px;} */ /* 瀹¤ */ .audit01{width: 980px;margin: 100px auto;box-sizing: border-box;} .audit01 .right{width: 100%;padding: 0;} .audit01 .right .text02{padding-bottom: 100px;border-bottom: 1px solid #ddd;margin-bottom: 60px;} /* 浜烘墠鍩瑰吇 */ .personnelonewrap{margin: 100px auto;box-sizing: border-box;} .personneltab{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;padding-bottom: 20px;margin-bottom: 50px;} .personneltab a{border-radius: none;font-size: 16px;color: #222;margin-right: 15px;background-color: #ddd;} .personneltab a::after{background-color: #e6771b;} .personneltab a:hover,.personneltab a.active{color: #fff;} .personneltab a:last-child{margin-right: 0;} .personneltab a.active::after{width: 100%;} /* personnelone01 */ .personnelone01{width: 100%;box-sizing: border-box;padding-bottom: 50px;border-bottom: 1px solid #ddd;} .personnelone01 li{display: none;} .personnelone01 li:first-child{display: block;} .personnelone01 li img{display: block;width: auto;margin: auto;max-width: 75%;} /* personnelone02 */ .personnelone02{width: 100%;box-sizing: border-box;padding: 80px 0 0;} .personnelone02 .top{width: 100%;text-align: center;text-align: center;} .personnelone02 .top h3{font-size: 30px;color: #222222;font-weight: bold;} .personnelone02 .top strong{display: block;width: 30px;height: 2px;background-color: #e6771b;margin: auto;margin-top: 20px;} .personnelone02map{width: 100%;position: relative;} .personnelone02map img{display: block;width: 100%;} .personnelone02map .map-list-a{width: 100%;position: absolute;top: 0;left: 0;height: 100%;} #map-list-a a{text-align: center;position: relative;width: 80px;height:80px;-webkit-transition: opacity 0.5s ease-out;-moz-transition: opacity 0.5s ease-out;-o-transition: opacity 0.5s ease-out;transition: opacity 0.5s ease-out;} #map-list-a a span{z-index: 1;border: 1px solid rgba(243, 152, 0, 0.37); position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 10px; height: 10px; margin: auto; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; background: transparent;background-color: #e6771b;box-shadow: 5px 5px 5px rgba(0,0,0,0.3);} #map-list-a a font{display: inline-block;font-size: 18px;color: #444444;left: -12px;top: 32px;position: absolute;} #map-list-a #a1{top: 53%;right: 20%;position: absolute;width: 100px;height: 100px;visibility: visible;opacity: 1;} #map-list-a #a2{top: 58%;right: 20%;position: absolute;width: 100px;height: 100px;visibility: visible;opacity: 1;} #map-list-a #a3{top:60%;right: 52%;position: absolute;visibility: visible;opacity: 1;} #map-list-a #a4{top: 51%;right: 24%;position: absolute;visibility: visible;opacity: 1;} #map-list-a #a5{top: 42%;right: 29%;position: absolute;visibility: visible;opacity: 1;} #map-list-a #a4 span,#map-list-a #a3 span{background-color: #bababa;border-color: #bababa;} @keyframes ballScale { 0% {-webkit-transform: scale(0);transform: scale(0);opacity: 1;} 100% {-webkit-transform: scale(1.4);transform: scale(1.4);opacity: 0; }} #map-list-a #a1 font{ position: absolute;top:41px;left: 0px;} #map-list-a #a2 font{ position: absolute;top: 40px;left: 0;} /* #map-list-a #a3 font{ position: absolute;top:32px;left: -12px;} #map-list-a #a4 font{ position: absolute;top: 32px;left: -12px;} #map-list-a #a5 font{ position: absolute;top: 32px;left: -12px;} */ #map-list-a .point{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 10px;height: 10px;margin: auto; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; background: transparent;width: 100%;height: 100%;} #map-list-a .point{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 10px;height: 10px;margin: auto; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; background: transparent;width: 100%;height: 100%;} #map-list-a .point-10 strong{ display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #e6771b;opacity: 0; -webkit-animation: ballScale 12s 0s linear infinite; -moz-animation: ballScale 12s 0s linear infinite; -ms-animation: ballScale 12s 0s linear infinite; animation: ballScale 12s 0s linear infinite;} #map-list-a .point-70 strong,.map dt #map-list-a .point-40 strong{ display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #e6771b;opacity: 0; -webkit-animation: ballScale 6s 0s linear infinite; -moz-animation: ballScale 6s 0s linear infinite; -ms-animation: ballScale 6s 0s linear infinite; animation: ballScale 6s 0s linear infinite;} /* personneltwo02wrap */ .personneltwo01{border: none;padding-bottom: 0;} .personneltwo02wrap{width: 100%;box-sizing: border-box;} .p-twotab{width: 100%;box-sizing: border-box;border-bottom: 1px solid #dddddd;background-color: #f1f2f3;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;} .p-twotab a{display: block;line-height: 80px;font-size: 16px;color: rgba(34,34,34,0.5);position: relative;margin-right: 60px;} .p-twotab a::after{content: '';display: block;width: 0%;height: 2px;background-color: #e6771b;transition: all .3s;position: absolute;left: 0;bottom: 0;} .p-twotab a:hover::after,.p-twotab a.active::after{width: 100%;} .p-twotab a:hover,.p-twotab a.active{color: #e6771b;} .p-twotab a:last-child{margin-right: 0;} .personneltwo02{margin: 60px auto 40px;box-sizing: border-box;} .personneltwo02 li{width: 100%;display: none;} .personneltwo02 li:first-child{display: block;} .personneltwo02 li .item{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .personneltwo02 li .item a{display: block;width: 32%;margin-right: 2%;position: relative;overflow: hidden;margin-bottom: 2%;} .personneltwo02 li .item a:nth-of-type(3n){margin-right: 0;} .personneltwo02 li .item a img{display: block;width: 100%;transition: all .6s;} .personneltwo02 li .item a:hover img{transform: scale(1.1);} .personneltwo02 li .item a .text{width: 100%;height: 40px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 16px;color: #fff;background-color: #e6771b;position: absolute;left: 0;box-sizing: border-box;bottom: 0;transition: all .3s;transform: translateY(40px);-webkit-transform: translateY(40px);} .personneltwo02 li .item a:hover .text{transform: none;-webkit-transform: none;} /* 璐ㄩ噺绠$悊 */ .qualityone01{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 120px 0;} .qualityone01 .proonetext{margin: auto;} /* qualityone02 */ .qualityone02{width: 100%;box-sizing: border-box;} .qualityone02 li{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .qualityone02 li .imgbox{width: 50%;overflow: hidden;} .qualityone02 li .imgbox img{display: block;width: 100%;} .qualityone02 li .text{width: 50%;box-sizing: border-box;padding: 0 150px;} .qualityone02 li .text h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 30px;} .qualityone02 li .text h4{font-size: 15px;color: #666666;line-height: 30px;text-align: justify;} .qualityone02 li:nth-of-type(2n){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;} /* qualityone02wrap */ .qualityone03wrap{width: 100%;box-sizing: border-box;padding: 120px 0;background-color: #f1f2f3;} .qualityone03{width: 950px;margin: auto;box-sizing: border-box;} .qualityone03 .top{font-size: 30px;color: #222222;margin-bottom: 40px;font-weight: bold;text-align: center;} .q-form{width: 100%;box-sizing: border-box;} .q-form label{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .q-form{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;width: 100%;} .q-form input{display: block;width: 100%;margin-bottom: 20px;border: 1px solid #ddd;background-color: #fff;border-radius: 4px;outline: none;box-sizing: border-box;font-size: 15px;color: #88898b;height: 46px;padding: 0 20px;} .q-form label input{display: block;width: 49%;} .q-form textarea{width: 100%;height: 110px;resize: none;outline: none;padding: 20px;border-radius: 4px;box-sizing: border-box;border: 1px solid #ddd;font-size: 15px;color: #88898b;margin-bottom: 20px;} .q-form button{margin: auto;margin-top: 30px;border: 1px solid #e6771b;width: 130px;height: 40px;line-height: 40px;} /* qualityone04 */ .qualityone04{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .qualityone04 a{display: block;width: calc((100% - 2px)/3);overflow: hidden;position: relative;} .qualityone04 a::after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);position: absolute;top: 0;left: 0;z-index: 0;transition: all .3s;} .qualityone04 a img{display: block;width: 100%;transition: all .6s;} .qualityone04 a:hover img{transform: scale(1.1);} .qualityone04 a .text{position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);text-align: center;font-size: 20px;color: #fff;z-index: 1;} .qualityone04 a:hover::after{background-color: rgba(0,0,0,0);} /* 鍞悗 */ .aftermarketone01{margin: 100px auto;box-sizing: border-box;} .aftermarketone01 .proonetext p font{display: block;text-align: center;color: #e6771b;font-size: 16px;font-weight: bold;line-height: 26px;} .aftermarketone01 .cont{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .aftermarketone01 .cont li{width: 14.4%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;border-right: 1px solid #ccc;box-sizing: border-box;padding: 40px 0;-webkit-transition: .5s width;transition: .5s width;} .aftermarketone01 .cont li:last-child{border-right: none;} .aftermarketone01 .cont li.now{width: 28%;} .aftermarketone01 .cont li .min{text-align: center;box-sizing: border-box;padding: 0 50px;} .aftermarketone01 .cont li .min img{display: block;width: auto;margin: auto;opacity: 0;transition: opacity .8s cubic-bezier(.51, 0, .12, 1);transition-delay: 0s;} .aftermarketone01 .cont li .min h3{font-size: 16px;color: #222222;margin: 30px 0;text-align: center;font-weight: bold;} .aftermarketone01 .cont li .min h4{font-size: 14px;color: #666666;line-height: 24px;opacity: 0;transition: opacity .8s cubic-bezier(.51, 0, .12, 1);transition-delay: 0s;width: 250px;} .aftermarketone01 .cont li.now .min img{opacity: 1;-webkit-transition-delay: .3s;transition-delay: .3s;} .aftermarketone01 .cont li.now .min h4{opacity: 1;-webkit-transition-delay: .3s;transition-delay: .3s;} /* aftermarketone02 */ .aftermarketone02{background: url(../img/sale_bg.jpg)no-repeat fixed;width: 100%;padding: 100px 0;background-size: cover;} .aftermarketone02 .cont{width: 580px;margin: auto;box-sizing: border-box;} .aftermarketone02 .cont .top{font-size: 32px;color: #fff;font-weight: bold;margin-bottom: 30px;text-align: center;} .after-form{width: 100%;box-sizing: border-box;} .after-form input{display: block;width: 100%;margin-bottom: 20px;border: 1px solid #ddd;background-color: #fff;border-radius: 4px;outline: none;box-sizing: border-box;font-size: 15px;color: #88898b;height: 46px;padding: 0 20px;} .after-form textarea{width: 100%;height: 110px;resize: none;outline: none;padding: 20px;border-radius: 4px;box-sizing: border-box;border: 1px solid #ddd;font-size: 15px;color: #88898b;margin-bottom: 20px;} .after-form button{margin: auto;margin-top: 30px;border: 1px solid #fff;width: 130px;height: 40px;line-height: 40px;color: #fff;background-color: transparent;} .after-form button::after{border: #fff;} .after-form button:hover{color: #e6771b;} /* aftermarketone03 */ .aftermarketone03{width: 100%;box-sizing: border-box;padding: 100px 0;text-align: center;} .aftermarketone03 h3{font-size: 32px;color: #222222;font-weight: bold;margin-bottom: 30px;} .aftermarketone03 h4{font-size: 16px;color: #666666;margin-bottom: 30px;} .aftermarketone03 .more{border: 1px solid #e6771b;background-color: transparent;color: #e6771b;margin: auto;} .aftermarketone03 .more::after{background-color: #e6771b;} .aftermarketone03 .more:hover{color: #fff;} /* 缃戠珯瀵艰埅 */ .navigation01{margin: 100px auto 0;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: inherit;flex-wrap: wrap;padding-right: 160px;} .navigation01 li{width: calc((100% - 480px)/4);margin-right: 160px;margin-bottom: 100px;} .navigation01 li:nth-of-type(4n){margin-right: 0;} .navigation01 li h3{border-bottom: 1px solid #aaaaaa;padding-bottom: 20px;margin-bottom: 20px;} .navigation01 li h3 a{font-size: 18px;color: #222222;font-weight: bold;} .navigation01 li .min{width: 100%;box-sizing: border-box;display: -wap-marquee;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .navigation01 li .min .item p a{font-size: 15px;color: #444444;line-height: 30px ;} .navigation01 li .min .item p a:hover{color: #e6771b;text-decoration: underline;} /* 鑱旂郴鏂瑰紡 */ .modewrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f5f5f5;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .modewrap .left{width: 50%;box-sizing: border-box;padding: 0 160px 0 calc((100% - 1200px)/2);} .modewrap .left h3{font-size: 24px;color: #222222;font-weight: bold;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #ddd;} .modewrap .left h4{font-size: 20px;color: #222222;font-weight: bold;margin-bottom: 20px;} .modewrap .left p{font-size: 16px;color: #666666;line-height: 36px;} .modewrap .right{width: 50%;box-sizing: border-box;padding-right: 80px;} .modewrap .right .imgbox{width: 100%;overflow: hidden;} .modewrap .right .imgbox img{display: block;width: 100%;} /* 鍏徃鍏憡 */ .notice01wrap{margin: 100px auto 50px;position: relative;box-sizing: border-box;} .notice01{width: 100%;} .notice01 .top{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;border-bottom: 1px solid #ddd;} .notice01 .top h3{font-size: 16px;color: #222222;font-weight: bold;line-height: 64px;} .notice01 .top h3:nth-of-type(1){width: 20%;box-sizing: border-box;padding-left: 20px;} .notice01 .top h3:nth-of-type(2){width: 65%;} .notice01 .top h3:nth-of-type(3){width: 15%;} .notice01 a{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;border-bottom: 1px solid #ddd;align-items: center;-webkit-align-items: center;height: 64px;transition: all .3s;} .notice01 a span{width: 20%;box-sizing: border-box;padding-left: 20px;font-size: 15px;color: #888888;} .notice01 a p{font-size: 16px;color: #444444;font-weight: bold;width: 65%;} .notice01 a .more{border: 1px solid #dddddd;width: 102px;height: 24px;line-height: 24px;font-size: 12px;color: #999999;background-color: transparent;transition: all .3s;} .notice01 a .more i{font-size: inherit;color: inherit;margin-left: 10px;} .notice01 a:hover .more{border-color: #666666;color: #666666;} .notice01 a .btn{width: 15%;} .notice01 a:hover{background-color: #f1f2f3;} /* 鐭ヨ瘑浜ф潈 */ .knowladge01{width: 100%;box-sizing: border-box;} .knowladge01 li{width: 100%;margin: auto;box-sizing: border-box;padding: 100px 0;} .knowladge01 li:nth-of-type(odd){background-color: #eeeff0;} .knowladge01 .cont{width: 1200px;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .knowladge01 li .imgbox{width: 50%;box-sizing: border-box;} .knowladge01 li .imgbox img{display: block;width: 100%;} .knowladge01 li .text{width: 50%;box-sizing: border-box;padding-left: 50px;} .knowladge01 li .text h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 20px;} .knowladge01 li .text p{font-size: 18px;color: #222222;margin-bottom: 20px;font-weight:bold;} .knowladge01 li .text h4{font-size: 15px;color: #666666;line-height: 30px;text-align: justify;} .knowladge01 li:nth-of-type(2n) .cont{-webkit-flex-flow: row-reverse;flex-flow: row-reverse;} .knowladge01 li:nth-of-type(2n) .text{padding-left: 0;padding-right: 50px;} /* knowladge02wrap */ .knowladge02wrap{margin: 0 auto 100px;box-sizing: border-box;} .knowladge02wrap .top{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;border-top: 1px solid #ddd;height: 64px;} .knowladge02wrap .top h3{font-size: 16px;color: #222222;font-weight: bold;} .knowladge02wrap .top h3:nth-of-type(1){width: 20%;box-sizing: border-box;padding-left: 20px;} .knowladge02wrap .top h3:nth-of-type(2){width: 80%;box-sizing: border-box} .knowladge02{width: 100%;box-sizing: border-box;} .knowladge02 a{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;border-top: 1px solid #ddd;height: 64px;box-sizing: border-box;padding-right: 40px;position: relative;transition: all .3s;} .knowladge02 a p{font-size: 15px;color: #888888;box-sizing: border-box;padding-left: 20px;width: 20%;} .knowladge02 a h3{width: 80%;font-size: 16px;color: #444444;font-weight: bold;} .knowladge02 a i{font-size: 16px;color: #888888;position: absolute;right: 40px;opacity: 0;transition: all .3s;} .knowladge02 a:hover i{opacity: 1;} .knowladge02 a:last-child{border-bottom: 1px solid #ddd;} .knowladge02 a:hover{background-color: #f1f2f3;} /* knowladge03wrap */ .knowladge03wrap{width: 100%;box-sizing: border-box;background-color: #eeeff0;padding: 100px 0;} .knowladge03wrap .top{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 40px;text-align: center;} .knowladge03{margin: auto;box-sizing: border-box;position: relative;} .knowladge03 a{display: block;width: 100%;overflow: hidden;} .knowladge03 a img{display: block;width: 100%;transition: all .6s;} .knowladge03 a:hover img{transform: scale(1.1);} .knowladge03 .swiper-button-next,.knowladge03 .swiper-button-prev{background-image: none;font-size: 30px;color: #222222;width: auto;height: auto;margin-top: -15px;outline: none;} .knowladge03 .swiper-button-next{right: -60px;} .knowladge03 .swiper-button-prev{left: -60px;} .knowladge03wrap .swiper-pagination{width: 100%;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;bottom: 0;margin-top: 30px;} .knowladge03wrap .swiper-pagination-bullet{margin-right: 10px;background-color: #aaaaaa;opacity: 1;outline: none;} .knowladge03wrap .swiper-pagination-bullet:last-child{margin-right: 0;} .knowladge03wrap .swiper-pagination-bullet-active{background-color: #222;} /*闅愮鏀跨瓥*/ .secretwarp{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;margin-top: 190px;} .secretwarp .t-tl{font-size: 32px;color: #222222;font-weight: bold;width: 1100px;margin: auto;margin-bottom: 90px;text-align: center;} .secretwarp .secret{width: 100%;box-sizing: border-box;} .secretwarp .secret .cont{width: 1100px;margin: auto;box-sizing: border-box;padding-top: 0px;margin-bottom: 130px;} .secretwarp .secret .cont p{font-size: 15px;color: #444444;line-height: 28px;margin-bottom: 40px;text-align: justify;} .secretwarp .secret .cont h3{display: block;width: 100%;box-sizing: border-box;padding-left: 15px;border-left: 2px solid #e6771b;color: #e6771b;font-size: 20px;font-weight: bold;margin-bottom: 20px;} .newsinfowrap{width: 100%;box-sizing: border-box;margin-top: 90px;} .newsinfowrap .n-tlwrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 80px 0;} .newsinfowrap .n-tlwrap .n-tl{width: 1200px;margin: auto;} .newsinfowrap .n-tlwrap .n-tl h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 20px;line-height: 36px;} .newsinfowrap .n-tlwrap .n-tl p{font-size: 14px;color: #888888;} .newsinfo01{width: 1200px;margin: auto;box-sizing: border-box;padding-right: 280px;margin-bottom: 100px;} .newsinfo01 .cont{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;padding: 50px 0;} .newsinfo01 .cont h4{font-size: 15px;color: #666666;line-height: 32px;margin-bottom: 30px;} .newsinfo01 .cont h4:last-child{margin-bottom: 0;} .newsinfo01 .cont h4 img{ display: block;width: auto;height: auto;max-width: 100%;margin: 0 auto;} .newsinfo01 .cont h4 p{font-size: 15px;color: #666666;line-height: 32px;margin-bottom: 30px;} .newsinfo01 .page{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-top: 30px;} .newsinfo01 .page a{font-size: 14px;color: #666666;} .newsinfo01 .page a i{font-size: inherit;color: inherit;margin-right: 10px;} .newsinfo01 .page a:last-child i{margin-right: 0;margin-left: 10px;} .newsinfo01 .page a:hover{color: #e6771b;} /* .tolist */ .tolist{background-color: rgb(241,242,243);padding: 100px calc((100% - 1200px)/2);} .tolist a{font-size: 16px;color: #333;} .tolist a i{font-size: inherit;color: inherit;margin-right: 10px;} .tolist02{background-color: #fff;} .newsinfo01 .cont p,.newsinfo01 .cont span,.newsinfo01 .cont font,.newsinfo01 section{font-size: 15px;color: #666666;line-height: 32px;} .newsinfo01 .cont img{ width: 600px;height: auto;max-width: 100%; margin: 20px auto 20px;} /* 鎺堟潈浠g悊鍟 */ .agentbanner{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;} .agentbanner img{display: block;width: 100%;} .agentbanner .text{width: 100%;text-align: center;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);margin-top: 45px;} .agentbanner .text p{font-size: 14px;color: #fff;margin-bottom: 10px;text-transform: uppercase;} .agentbanner .text h3{font-size: 48px;color: #ffffff;font-weight: bold;} /* agent01wrap */ .agent01wrap{width: 100%;box-sizing: border-box;margin: 100px 0;} .agenttl{text-align: center;font-size: 24px;color: #222222;font-weight: bold;padding-bottom: 50px;} .agent01wrap .line{width: 100%;height: 1px;background-color: #ddd;position: relative;z-index: 0;} .agent01{margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;position: relative;z-index: 1;margin-top: -10px;} .agent01 .item{width: 32%;box-sizing: border-box;text-align: center;} .agent01 .item font{display: block;width: 20px;height: 20px;background-color: #e6771b;border-radius: 50%;margin:auto;} .agent01 .item p{font-size: 16px;color: #222222;margin: 20px auto 40px;} .agent01 .item h4{font-size: 15px;color: #444444;line-height: 30px;display: block;box-sizing: border-box;width: 100%;padding: 50px;background-color: #ebebeb;position: relative;min-height: 190px;} .agent01 .item h4::before{content: '';display: block;width: 0;height: 0;border: 10px solid transparent;border-top-color: #ebebeb;transform: rotate(-180deg);-webkit-transform: rotate(-180deg);position: absolute;left: 50%;top: -20px;margin-left: -10px;} /* agent02wrap */ .agent02wrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 100px 0;} .agent02{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .agent02 .imgbox{width: 50%;box-sizing: border-box;overflow: hidden;} .agent02 .imgbox img{display: block;width: 100%;transition: all .6s;} .agent02 .imgbox:hover img{transform: scale(1.1);} .agent02 .text{width: 50%;box-sizing: border-box;padding-left: 40px;} .agent02 .text p{width: 100%;box-sizing: border-box;position: relative;padding-left: 10px;font-size: 15px;line-height: 24px;color: #444444;margin-bottom: 30px;} .agent02 .text p:last-child{margin-bottom: 0;} .agent02 .text p::before{content: '';display: block;width: 2px;height: 15px;background-color: #444;position: absolute;left: 0;top: 4px;} /* agent03wrap */ .agent03wrap{width: 100%;box-sizing: border-box;margin: 100px 0;} .agent03{margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;} .agent03 li{width: 18.4%;margin-right: 2%;box-sizing: border-box;padding: 30px;background-color: #eeeeee;text-align: center;} .agent03 li:nth-of-type(5n){margin-right: 0;} .agent03 li .imgbox{width: 79px;height: 79px;margin: auto;margin-bottom: 30px;} .agent03 li .imgbox img{display: block;width: 100%;} .agent03 li h4{font-size: 15px;color: #444444;line-height: 24px;} @media only screen and (max-width: 1600px){ .headerwrap .header .nav li>a{padding: 0px 20px;} .b-bot .scoll{width: calc((100% - 1100px)/2);} .bannerwrap .banner .text{width: 1100px;} .b-bot .scoll p{letter-spacing: 0;} .jt{width: 6px;height: 6px;} .bannerwrap .banner .text h3{font-size: 50px;} .index01 .left .cont{padding-right: 50px;} .index01 .left .cont h3{font-size: 30px;} .index01 .left .cont h4{font-size: 16px;line-height: 28px;margin-bottom: 20px;} .index01 .left .cont h5,.index04wrap .top h4{font-size: 14px;line-height: 26px;} .index03{padding: 150px calc((100% - 1100px)/2) 0;} .index03 .item .text .more{margin-top: 80px;} .index04wrap .top p{font-size: 18px;} .index04wrap .index04{padding: 100px calc((100% - 1100px)/2);} .index04wrap .index04 .text .cont{padding-left: 100px;margin-left: -50px;} .index05wrap .top .left{padding-left: calc((100% - 1040px)/2);} .index05wrap .top .left .cont .tl{margin-bottom: 60px;font-size:26px;} .index05wrap .top .left .bgfont{font-size:80px;letter-spacing: 10px;font-family: op;} .index05wrap .top .left .cont{padding-top: 170px;} .index05wrap .top .left .cont::before{top: 146px;} .index06wrap .tl{width: 1040px;box-sizing: border-box;font-size:30px;} /* .index07wrap .item .text{padding-left: calc((100% - 1040px)/2);} */ .index07wrap .item .text .cont .fontbg{font-size: 120px;margin-top: -40px;} .index07wrap .item .text .cont h5{margin-bottom: 30px;font-size:16px;} .index07wrap .item .text .cont h3{font-size: 30px;} .index07wrap .item .text .cont p{font-size: 14px;line-height: 28px;} .index08 p{font-size: 18px;} .index06wrap .index06{width: 1200px;} .index06wrap .index06 .min a font{ font-size: 14px;} .index08{width: 1040px;} .index01{margin-top: 100px;} .index02{margin-bottom: 100px;} .index04wrap .top,.index08{margin: 100px auto;} .index05wrap{padding: 100px 0;} .index06wrap .tl{padding-top: 100px;margin-bottom:0;} .index05wrap .top .left .cont{padding-top:65px;} .index05wrap .top .left .cont .list .item h4{margin-bottom: 40px;} .index05wrap .top .left .bgfont{top: 30px;} .index05wrap .top .right img{border-bottom-left-radius:250px;} .index01 .left{padding-left:50px;} .index02 li .right{padding:50px;} .a-right a{padding:50px;} .index05wrap .bot .gallery-thumbs .swiper-slide a .text{font-size:16px;} .index06wrap .tl::before{top:100px;} .index03 .item .text h3{font-size:30px;} .index04wrap .index04 .text .cont h3{font-size:30px;} .footerwrap .footer .left h4{font-size:13px;line-height:24px;} .footerwrap .footer .f-nav li .list p a{font-size:14px;} .headerwrap .header .nav li>a{font-size:15px;height: 86px;line-height: 86px;} .index06wrap .min02{width: 1100px;} .footer02 .bot .right li{margin-right: 15px;} .bannerwrap .vide0text h3{font-size:48px;font-weight:700;line-height: 1.4em;} .bannerwrap_en .vide0text h3{font-size:38px;} .index02 li .right .hover{font-size:14px;} .min02wrap{padding:100px 0;} .index01two .textmin li .item .cont .more{width:160px;} .innerbanner .text p{font-size:32px;} .innerbanner .text h3{font-size:22px;} .solution02{width: 96%;} .mbxwrap h3{font-size: 24px;line-height:80px;} .mbxwrap .right a{font-size:16px;} .about01 .left{width: 90%;margin: 0 5%;} .about01 .right{width: 40%;padding: 0 80px 0 50px;} .about01 .right h5{font-size: 15px;line-height: 32px;} .about01 .right h3{font-size: 32px; margin-top: 20px;} .about01 .right p{margin-bottom: 20px;} .about01wrap::after{left: calc((100% - 1040px)/2);} .about02{width:1040px;} .about02 .right h5{font-size: 15px;line-height: 32px;} .about01 .right h4{ font-size: 20px;line-height: 32px;margin: 20px 0;} .about02 .right h3{font-size:22px;} .about02 .right h4{ font-size: 20px; margin: 20px 0;} .about01wrap{padding:80px 0;} .ppgs1wrap{padding:80px 5%;} .Investor01{padding:80px 0;} .about04wrap .a-tl{font-size: 32px;} .about05wrap .top h3{font-size: 32px;margin-bottom: 20px;} .about02{ margin:0 auto 100px;} .about04wrap{padding: 100px 0;} .about03 li .hovertext{font-size: 15px;margin-top:60px;} .about03 li h3{font-size: 40px;line-height: 46px;} .s-tl h3{font-size:32px;} #box .fa{ width: 54px;height: 54px;line-height: 54px;} #box .fa:before{ margin-left: 5px;} /*浜у搧涓庤В鍐虫柟妗?/ .product01wrap { padding: 60px 0 0; } .gaoguan01{width: 1040px;} .career02 a .min .text h3{font-size: 16px;line-height: 26px;} .proone02 a .text{padding: 0 60px;} .join02{width: 1100px;} .protwo01 .box .text{padding: 0 50px;} .protwo01 .box .text h3{font-size: 24px;line-height:26px;} .protwo01 .box .text font{font-size:20px;} .protwo01 .box .text p{font-size:32px;} .prolistoneinfowrap{width:1100px;} .prolistoneinfo li .tlinfo{font-size: 15px;letter-spacing:0;} .gaoguaninfo01 .cont{width:1100px;} .gaoguaninfo02wrap{width:1100px;} .proone0201,.prothere02,.prothere04wrap{width:1100px;} .proone05{width:1100px;} .protwo02 .box .text h4{font-size: 14px;} .protwo02 .box .text{padding-left: 40px;width: 55%;margin-right: -5%;} .prothere03 .li .text{padding: 0 30px;} .prothere03 .li .text h4{font-size: 14px;line-height: 26px;min-height: 78px;margin-bottom: 40px;} /* 20200821 */ .contwidth,.news02 .content .main,.supplytopwrap .text{width: 1100px;} .datatwo01 .item .right{padding-right: calc((100% - 1100px)/2);padding-left: 50px;} .datatwo01 .item:nth-of-type(2n) .right{padding-left: calc((100% - 1100px)/2);padding-right: 50px;} .datatwo01 .item .right .cont .list .info h4{font-size: 14px;line-height: 24px;} .datatwo01 .item .right .cont .list .top h3{font-size: 18px;} .datatwo01 .item .right .cont .list .info{padding: 15px 0 0;padding-left: 54px;} .datatwo01 .item .right .cont .list{margin-bottom: 20px;} .prothere01,.knowladge01 .cont{width:1100px;} .prothere02 .gallery-top .text{padding: 90px 100px;} /* 渚涘簲閾 */ .qualityone02 li .text{padding: 0 100px;} .supplywrap{margin-top: 86px;} .modewrap .left{padding: 0 80px 0 calc((100% - 1100px)/2);} .modewrap .right{padding-right: 60px;} .knowladge01 li .text{padding-left: 40px;} .knowladge01 li .text h4{font-size: 14px;line-height: 28px;} .knowladge01 li .text p{font-size: 16px;} .knowladge01 li .text h3{font-size: 28px;} .knowladge01 li:nth-of-type(2n) .text{padding-right: 40px;} .index03 .item .text h4{ line-height: 26px;font-size:14px;} .header .nav li .nav02{top: 86px;} .tolist{padding: 100px calc((100% - 1100px)/2);} .agent03 li{padding: 30px 20px;} .solution04{width:1100px;} .proone04 .proone05 a .cont h3{font-size:26px;} } @media only screen and (min-width: 1600px){ /*a+k鍝佺墝鏁呬簨*/ .brand01{ max-width: 1400px; } .brand02{ max-width: 1400px; } .brand03_wrap{ max-width: 1400px; } .brand04 .swiper-container{ max-width: 1200px; } .brand05 .swiper-container{ max-width: 1200px; } /*浜у搧涓庤В鍐虫柟妗?/ .pro_lb1li ul li{ width: 23.5%; } .pro_lb1li ul li:nth-child(3n) { margin-right: 2%; } .pro_lb1li ul li:nth-child(4n) { margin-right:0; } /*浜у搧璇︽儏椤?/ .product_dettop1200{ max-width: 1400px; } .product_detmain1200{ max-width: 1400px; } .product_detbot1200{ max-width: 1400px; } /*瑙e喅鏂规*/ .hyyy_lidiv{ max-width: 1400px; } /*閫夊瀷鏂规*/ .selection_form{ max-width: 1000px; } /*鏂伴椈-鍐呴〉*/ .news_xq1200{ max-width: 1400px; } .news_xq1200_fanye{ max-width: 1400px; } /*鑱旂郴鎴戜滑*/ .contact01warp{ max-width: 1400px; } /*鐢电搴旂敤妗堜緥*/ .yyanli02_div{ max-width: 1400px; } } @media only screen and (max-width: 1400px){ .brand01{ max-width: 1000px; } .brand02{ max-width: 1000px; } .brand03_wrap{ max-width: 1000px; } .product_detmain1200{ max-width: 1000px; } .product_dettop1200{ max-width: 1000px; } .pro_xq_xgcp{ max-width: 1000px; } .hyyy_lidiv{ max-width: 1000px; } .anlizs_01div{ max-width: 1000px; } .yyanli02_div{ max-width: 1000px; } } @media only screen and (max-width: 1370px){ } @media only screen and (max-width: 1313px){ .headerwrap .header .nav li>a{ padding: 0px 20px; } } @media only screen and (max-width: 1232px){ .headerwrap .header .nav li>a{ padding: 0px 15px; font-size: 15px; } .news_xq1200_ltit{ font-size: 22px; } .news_xq1200_rhottop h4{ font-size: 20px; } .news_xq1200_rhot1{ padding: 0 15px; margin-top: 20px; } .news_xq1200_rhot1 h4{ font-size: 16px; line-height: 50px; } .news_xq1200_rhot1 p{ font-size: 14px; line-height: 24px; } .news_xq1200_rhot1 span{ font-size: 13px; margin-top: 0px; } .news_xq1200_rhot2 a p{ font-size: 14px; } .news_xq1200_rhot2 a{ margin-bottom: 20px; } .pro_anli_fl .pro_anli_fl1 a, .pro_anli_fl2 a{ margin: 150px 0; font-size: 20px; } } @media only screen and (max-width: 1096px){ .headerwrap .header .nav li>a{ padding: 0px 15px; } } @media only screen and (max-width: 1024px){ .headerwrap .header .nav li>a{ padding: 0px 12px; } } /*ipad,鎵嬫満绔?/ @media only screen and (max-width:1000px){ .index_tit h2{ font-size: 60px; } .index_pro{ padding: 50px 0; } .index_tit h3{ margin-top: -40px; } .inpro_bk{ margin-top: 30px; } .inpro_bk ul li{ width: 23.5%; margin: 0 1%; } .indexpro_iconb h2{ font-size: 20px; } .indexpro_btjj p{ font-size: 14px; line-height: 24px; } .indexpro_mc h3{ font-size: 18px; } .inpro_bk ul li:hover .indexpro_iconb{ top: 40px; } .inpro_bk ul li:hover .indexpro_btjj{ top: 0px; } .index08wrap{ padding: 50px 0; } .index08wrap_conttit h2{ font-size: 60px; } .index08wrap_contleft p{ font-size: 14px; line-height: 30px; } .index08wrap_contleft{ width: 100%; padding-top: 0px; } .index08wrap_contrig ul li .shuzi{ font-size: 35px; } .index08wrap_contrig ul li p{ font-size: 14px; } .index08wrap_contrig ul li img{ width: 60px; } .index08wrap_contrig ul{ height: 150px; } .bltindexnews{ padding: 50px 0 0; } .index_newstit{ margin-bottom: 30px; } .footer02 .top{ display: none; } .bottom_guanzhu{ display: none; } /*鍏充簬鎴戜滑*/ .mbxwrap .right a{ font-size: 15px; } .mbxwrap .right a span{ padding: 0 20px; } .about_ny01fl h5{ font-size: 14px; line-height: 28px; } .about_nytit h3{ font-size: 22px; } .about_nytit { margin-bottom: 30px; } .about02ys{ margin-top: 50px; } .about03_qywhicon{ width: 60px; } .about03 li .about03_qywhtit{ font-size: 22px; } .fittuwen3 dt em{ font-size: 24px; } .cer3 .swiper-container .swiper-button-next{ right: 36%; } .cer3 .swiper-container .swiper-button-prev{ left: 36%; } .about05 .swiper_box .swiper-container .swiper-button-next{ right: 36%; } .about05 .swiper_box .swiper-container .swiper-button-prev{ left: 36%; } /*A+K鍝佺墝鏁呬簨*/ .brand_tit h3{ font-size: 22px; } .brand01 ul li p{ font-size: 14px; } .brand01 ul li { margin-top:30px; } .brand01_img{ margin-top: 20px; } .brand01 ul li p strong{ font-size: 15px; } .brand01_img img:first-child{ margin-right:5%; } .brand01_img img{ width:46%; } .brand02_contleft p{ padding-left: 0; } .brand02_contright p{ padding-left: 0; } .brand02_contleft .brand02_line2{ margin-top: 18px; } .brand02_contright .brand02_line2 { margin-top: 18px; } .brand02{ padding: 60px 5%; } .brand03{ padding: 60px 5%; } .brand04{ padding: 60px 5%; } .brand05{ padding: 60px 5%; } .brand03_cont p{ font-size: 14px; } .brand04_cont p{ font-size: 14px; } .brand05_cont p{ font-size: 14px; } .brand05_cont2 p{ font-size: 14px; line-height: 25px; } .brand05_cont3 p{ font-size: 14px; line-height: 25px; } /*鎶曡祫鑰呭叧绯?/ .Investor01_left h3{ font-weight: normal; } .Investor01_right h3{ font-weight: normal; } .Investor01_left{ padding: 0; width: 100%; margin-right: 0; } .Investor01_right{ width: 100%; margin-top: 50px; padding: 0; } .Investor01_left_litit{ font-size: 14px; } .Investor01_left_li .Investor01_left_litime{ font-size: 16px; } .Investor01_right_cont p{ font-size: 14px; margin-top: 20px; } .Investor01_right_cont p img{ width: 24px; } /*浜у搧涓庢湇鍔?/ .pro_lb1_proen{ font-size: 100px; } .pro_lb1_xlmc h3{ font-size: 26px; } .pro_lb1_xlmc h4{ font-size: 24px; } .pro_lb1_xlmc h4 img{ width: 36px; margin-right: 10px; } .pro_lb1_xltp img{ height: 80%; margin-top: 15%; } .pro_lb1head{ padding: 75px 0; } .pro_anlibg .pro_lb1head{ padding: 100px 0; } .pro_lb1li h5{ font-size: 14px; } .pro_lb1li ul li{ width: 49%; } .pro_lb1li ul li:nth-child(2n) { margin-right:0; } .pro_lb1li ul li:nth-child(3n) { margin-right:2%; } .pro_lb1_xlmc_anli h3{ font-size: 26px; } .pro_lb1_xlmc_anli h4{ font-size: 24px; } /*浜у搧璇︽儏椤?/ .product_dettop1200right h3{ font-weight: normal; } .product_dettop1200left{ width: 40%; } .product_dettop1200left img{ width: 100%; } .product_dettop1200right{ width: 53%; } .product_detmain1200_nav ul li{ font-size: 16px; margin-right: 30px; } .product_det_dow{ font-size: 14px; padding: 10px 25px; } .product_det_dow img{ width: 28px; margin-top: -3px; } .product_detbot1200{ margin-top: 20px; } .table_div{ overflow: scroll; } .table_div table{ min-width: 800px; } /*瑙e喅鏂规*/ .about_nytit h5{ font-size: 16px; width: 90%; } .hyyy_li_fr h2{ font-size: 20px; line-height: 1.3; } .hyyy_li_fr p{ font-size: 14px; line-height: 1.5; margin-top: 20px; } .hyyy_li_fr{ width: 39%; padding: 0 4%; } .hyyy_li_more{ padding: 13px 35px; margin-top: 30px; } .hyyy_li{ margin-bottom: 50px; } .hyyy_li a{ padding: 30px 0; } /*閫夊瀷鏂规*/ .selection_nytit h3{ font-size: 22px; } .selection_nytit p{ font-size: 14px; } .selection_cont{ margin-top: 30px; } .selection_form_table{ font-size: 16px; } .selection_form_table select{ font-size: 16px; } .selection_form_3line .selection_form_table input{ font-size: 16px; } .selection_form_table option{ font-size: 14px; } .selection_form_7line textarea{ font-size: 16px; } .selection_form_tixing{ font-size: 16px; } .selection_form_9line textarea{ font-size: 16px; } .selection_form_sub{ margin-top: 20px; } .selection_form_sub p{ width: 100px; } .selection_form_sub p input{ font-size: 14px; height: 35px; line-height: 35px; } /*琛屼笟搴旂敤*/ .hangye_litxt{ width:80%; min-height: 400px; } .hangye_litxt h3{ font-size: 26px; margin-bottom: 30px; } .hangye_litxt p{ font-size: 14px; line-height: 30px; } /*鏂伴椈涓績*/ .news_nytit h3{ font-size: 22px; } .news_li{ padding: 1%; width: 31.33%; } .news_li_text h4{ font-size: 16px; line-height: 24px; margin-bottom: 10px; height: 48px; } .news_li_text{ padding: 25px 10px; } .news_li_text p{ line-height: 24px; height: 72px; } .news_li_text h6{ font-size: 14px; margin-top: 20px; } /*鏂伴椈璇︽儏椤?/ .news_xq1200_l{ width: 100%; } .news_xq1200_r{ display: none; } .news_xq1200_ltit{ font-size: 22px; font-weight: normal; } .news_xq1200_lfbt span{ font-size: 13px; } .news_xq1200_lfbt{ line-height: 60px; } .news_xq1200_fanye ul a{ font-size: 14px; height: 40px; line-height: 40px; } .news_fanye_pr a img{ width: 16px; margin-top: -3px; } .news_fanye_nx a img{ width: 16px; margin-top: -3px; } /*鑱旂郴鎴戜滑*/ .contact_qita_tit{ font-size: 22px; } .contact_qita ul li{ float: none; width: 70%; margin-left: 15%; min-height: auto; padding: 0px 0; } .contact_qita ul li h6{ padding-bottom: 10px; margin-bottom: 10px; } .contact_qita ul li p{ font-size: 14px; } .contact02msg_tit{ font-size: 22px; } .msg_fbt{ font-size: 14px; } .msg_formf h5{ font-size: 14px; line-height: 24px; } .msg_div{ margin-top: 30px; } .msg_formf_inp{ line-height: 36px; } .msg_formf_inp input{ font-size: 14px; height: 36px; } .msg_form2 h5{ font-size: 14px; } .msg_formf_inp textarea{ font-size: 14px; min-height: 80px; } .msg_btn p{ width: 100px; } .msg_btn p input{ font-size: 14px; height: 35px; line-height: 35px; } .contact02hr_tit{ font-size: 22px; } .contact02hr_cont{ width: 80%; margin-top: 60px; text-align: center; } .contact02hr_cont_p1{ font-size: 20px; } .contact02hr_cont p{ font-size: 14px; line-height: 30px; } .contact02hr_cont .contact02hr_gwxq{ font-size: 14px; padding: 12px 30px; } .search_div{ display: none; } /*鐢电搴旂敤妗堜緥*/ .yyanli01_tit{ margin: 60px 0 0px 0; } .yyanli01_tit h3{ font-size: 22px; } .yyanli02{ padding: 60px 0; } .yyanli03{ padding: 60px 0; } .yyanli02_div h6{ font-size: 14px; line-height: 24px; } .yyanli02_div p{ font-size: 14px; } .yyanli_swiper{ margin-top:10px; } /*妗堜緥灞曠ず*/ .anlizs_01_cz5h{ font-size: 14px; margin-top: 20px; } .anlizs_01div h6{ font-size: 14px; line-height: 24px; margin-bottom: 10px; } .anlizs01{ padding: 60px 0; } .anlizs02{ padding: 60px 0; } .anlizs03{ padding: 60px 0; } .anlizs_02divl p{ font-size: 16px; font-weight: 700; line-height: 30px; } } .sj_indexhyyy{ display: none; } @media only screen and (max-width:760px){ /*棣栭〉banner*/ .bannerwrap{ height: 330px; } .bannerwrap .swiper-container{ width: 100%; height: auto; } .bannerwrap .swiper-container .swiper-wrapper{ width: 100%; height:330px; } .bannerwrap .swiper-container .swiper-button-next{ width: 25px; height: 35px; margin-top: -17.5px; background-size: 20px; } .bannerwrap .swiper-container .swiper-button-prev{ width: 25px; height: 35px; margin-top: -17.5px; background-size: 20px; } .bannerwrap .vide0text{ left: 10%; width: 80%; padding-top: 0; } .bannerwrap .vide0text h3{ font-size: 18px; } .bannerwrap .vide0text h3 br{ display: none; } .bannerwrap .vide0text p { font-size: 14px; } /*棣栭〉-product*/ .index_tit h2 { font-size: 40px; } .index_tit h3{ font-size: 22px; margin-top: -30px; } .index_pro { padding: 30px 0; } .inpro_bk { margin-top: 10px; } .inpro_bk ul li{ width: 48.5%; margin-left:3%; margin-right: 0; margin-bottom: 3%; padding-bottom: 30px; } .inpro_bk ul li:nth-child(3n) { margin-left: 0; } .inpro_bk ul li .indexpro_img{ width: 130px; margin-top: 20px; } .indexpro_mc img{ width: 30px; margin-bottom: 15px; margin-top: 15px; } .indexpro_btjj{ display: none; } .indexpro_more{ display: none; } .inpro_bk ul li:hover .indexpro_bg { display: none; } .indexpro_bg{ display: none; } .inpro_bk ul li:hover .indexpro_img { width: 130px; } .inpro_bk ul li:hover .indexpro_mc { display: block; } .inpro_bk ul li:hover .indexpro_iconb{ display: none; } .pc_indexhyyy{ display: none !important; } .sj_indexhyyy{ display: block; } .index05wrap .top .left .cont .list .item h3{ font-size: 20px; } .sj_indexhyyy .swiper-container .swiper-slide{ margin-bottom:10px; } .index08wrap_conttit h3{ font-size: 22px; margin-top: -30px; } .index08wrap_conttit h2{ font-size: 40px; } .index08wrap_cont{ padding: 0 5%; width: 90%; } .index08wrap_contleft p{ margin-top: 10px; font-size: 14px; line-height: 28px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; } .index08wrap_contleft a{ font-size: 13px; } .index08wrap_contrig ul li img { width: 45px; } .index08wrap_contrig ul li .shuzi{ font-size: 20px; } .index08wrap_contrig ul li p{ letter-spacing: 0px; } .index08wrap_contrig ul li span{ font-size: 13px; } .bltindexnews{ padding: 30px 0 0; } .bltindexnews .left{ margin-bottom: 20px; } .bltindexnews .right a{ margin: 0 0 20px 0; } .bltindexnews .right a:nth-child(2){ display:none; } .bltindexnews .right a:nth-child(3){ display:none; } .bltindexnews .left dd h4{ font-size: 13px; line-height: 20px; } .sj_db2wm{ display: block; margin-bottom:25px; } .sj_db2wm h4{ color: #fff; font-size: 14px; margin-bottom: 15px; font-weight: bold; } .sj_db2wm ul li{ width: 28%; float: left; text-align: center; } .sj_db2wm ul li img{ width: 100%; } .sj_db2wm ul li p{ color:#fff; margin-top: 10px; } .sj_db2wm ul li:nth-child(2){ margin: 0 8%; } /*鍏充簬鎴戜滑*/ .mbxwrap{ display: none; } .about_ny01gsjj{ display: block; } .about_ny01fl{ width: 100%; margin-right:0; } .about_ny01fl h5:first-child { margin-bottom: 10px; } .about_ny01fr{ width: 100%; margin-left:0; margin-top:15px; } .about02ys_shuzi .about02ys_sz{ font-size: 24px; } .about02ys ul li .about02ys_shuzi p{ font-size: 14px; } .about03_qywhbg { height: auto; padding: 30px 0; } .about03 li{ background-color: transparent; } .about03 li .about03_qywhtit { font-size: 20px; } .about03_qywhicon { width: 50px; } .about03 li .about03_qywhtit{ margin-top: 30px; } .fittuwen3 dt em { font-size: 20px; } .cer3 .swiper-container{ padding-bottom: 20px; } .cer3 .swiper-container .swiper-button-next{ right: 10%; width: 15px; height: 15px; background-size: 14px; } .cer3 .swiper-container .swiper-button-prev{ left: 10%; width: 15px; height: 15px; background-size: 14px; } .tab_list ul li{ padding: 10px 8px; margin: 0 5px; font-size: 13px; } .tab_list ul{ text-align: center; } .swiper_box{ width: 100%; } .tab_list{ margin-bottom: 30px; } .about05 .swiper_box .swiper-container .swiper-button-next{ right: 10%; width: 15px; height: 15px; background-size: 14px; } .about05 .swiper_box .swiper-container .swiper-button-prev{ left: 10%; width: 15px; height: 15px; background-size: 14px; } .sj_bxs{ display: none; } .about05 .swiper_box .swiper-container{ padding-bottom: 60px; } /*鍝佺墝鏁呬簨*/ .brand01_img{ margin-top: 10px; margin-left: 10px; } .brand02 { padding: 30px 5%; } .brand02_contleft p{ font-size: 15px; font-weight: 700; } .brand02_contleft .brand02_line2 { margin-top: 10px; } .brand02_contright p{ font-size: 15px; font-weight: 700; } .brand02_contright .brand02_line2{ margin-top: 10px; } .brand03{ padding: 30px 5%; } .brand04{ padding: 30px 5%; } .brand05{ padding: 30px 5%; } .brand03_cont img{ margin-top: 30px; } .brand04 .swiper-container{ margin-top:30px; } .Investor01_left_li .Investor01_left_litime{ font-size: 15px; margin-right: 10px; padding-right: 10px; float: left; } .Investor01_left_litit{ width: 60%; display: inline-block; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; float: left; overflow: hidden; font-size: 14px; } .Investor01_left_li img{ width: 30px; margin-top: -4px; } .Investor01_left_liclear{ display: inline-block; } /*浜у搧涓庢湇鍔?/ .pro_lb1_xlmc h3{ font-size: 20px; } .pro_lb1_xlmc h4 { font-size: 18px; } .pro_lb1_xlmc h4 img{ width: 30px; } .pro_lb1_xlmc { padding-left: 10%; } .pro_lb1_proen { font-size: 60px; } .pro_anli_fl .pro_anli_fl1 a, .pro_anli_fl2 a { margin: 100px 0; font-size: 18px; } .pro_lb1_xlmc_anli h3{ font-size: 20px; margin-bottom: 20px; } .pro_lb1_xlmc_anli h4{ font-size: 18px; } .pro_anli_fl{ margin-top: 30px; margin-bottom: 50px; } /*浜у搧璇︽儏椤?/ .pro_det_nav{ display: none; } .pro_det_navbk{ border-bottom:0; } .product_dettop1200right h3{ font-size: 20px; padding-bottom: 15px; margin-bottom: 20px; } .product_detmain_cpxn{ font-size: 14px !important; line-height: 1.5em; } .product_detmain_cpxn p{ font-size: 14px !important; line-height: 1.5em; } .product_detmain_cpxn p span{ font-size: 14px !important; line-height: 1.5em; } /*瑙e喅鏂规*/ .about_nytit h5{ font-size: 14px; margin-top: 20px; } .hyyy_li_fr h2{ font-size: 18px; } .hyyy_li_more{ margin-top: 20px; padding: 10px 30px; } /*閫夊瀷鏂规*/ .selection_form_1line .selection_form_table{ width:100%; } .selection_form_1line{ margin-bottom: 0px; } .selection_form_3line .selection_form_table{ width:100%; } .selection_form_3line{ margin-bottom: 0px; } .selection_form_tixing{ margin-top: 5px; margin-bottom: 10px; padding-left: 0; font-size: 14px; line-height: 1.5em; } .selection_form_8line .selection_form_table{ width:100%; padding: 11px 0px; } .selection_form_8line{ margin-bottom: 0px; } .selection_form_sub{ margin-top: 0px; } .selection_form_table{ font-size: 14px; } .selection_form_table select { font-size: 14px; } .selection_form_7line textarea { font-size: 14px; height: 80px; } .selection_form_table option { font-size: 12px; } .selection_form_1line .selection_form_table{ padding: 11px 0px; } .selection_form_3line .selection_form_table{ padding: 11px 0px; } .selection_form_7line { padding: 11px 0px; } .selection_cont { margin-top: 20px; } .selection_form_9line{ padding: 11px 0px; } .selection_form_9line textarea{ font-size: 14px; height: 80px; } /*鏂伴椈涓績*/ .news_li{ padding:1.5% 1%; width: 48%; } /*鏂伴椈璇︽儏椤?/ .news_xq1200_ltit{ font-size: 18px; line-height: 1.5em; } .news_xq1200_lfbt { line-height: 40px; } .news_xq1200_l{ padding: 0px; } .news_xq1200_fanye ul a{ font-size: 13px; height: 36px; line-height: 36px; padding: 0 20px; } .news_xq1200_fanye{ margin-top: 70px; } /*鑱旂郴鎴戜滑*/ .contact_qita ul li{ width: 100%; margin-left: 0; margin-right: 0; } .contact_qita ul li h6{ font-size: 17px; } .contact_qita ul li p img{ width: 22px; margin-right: 5px; } .contact_qita ul li p{ line-height: 20px; margin-bottom: 15px; position: relative; padding-left: 30px; } .contact_qita ul li p img{ position: absolute; top: 0; left: 0; } .contact_qita ul li .contact_lx_gsmc{ padding-left:0px; } .contact02hr_cont_p1{ font-size: 18px; margin-bottom: 20px; } .contact02hr_cont p{ line-height: 26px; } /*鐢电搴旂敤妗堜緥*/ .yyanli01_tit { margin: 30px 0 0px 0; } .yyanli02 { padding: 40px 0; } .yyanli03 { padding: 40px 0; } .yyanli02_div h4{ font-size: 18px; margin-bottom: 10px; } .yyanli02_div h6{ margin-bottom: 10px; } /*妗堜緥灞曠ず*/ .anlizs_01div h4{ font-size: 18px; margin-bottom: 15px; } } @media only screen and (max-width:640px){ .index08wrap_contleft p{ margin-top: 10px; font-size: 13px; line-height: 26px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; } .index08wrap_contrig ul li p{ font-size: 13px; } .index08wrap_contrig ul li span{ margin: 0 0px; } .index08wrap_contrig ul li .shuzi{ font-size: 18px; } .index08wrap_contrig ul{ height: 90px; } .index_newstit { margin-bottom: 10px; } .bltindexnewstime{ font-size: 15px; padding: 15px 20px; } .index_newsmore a{ font-size: 13px; } .about02ys_shuzi .about02ys_sz{ font-size: 20px; } .hyyy_li_fl{ width: 100%; } .hyyy_li_fr{ width: 92%; margin-top: 20px; padding-bottom: 20px; } .hyyy_li a{ display: block; padding:0px 0; } .hyyy_li::after{ width: 100%; } .hyyy_lidiv .on a{ display: flex; flex-direction: column; } .hyyy_lidiv .on a .hyyy_li_fr{ order: 2; } .hyyy_lidiv .on a .hyyy_li_fl{ order: 1; } .hyyy_li_fr h2{ font-size: 16px; } .hyyy_li{ margin-bottom: 25px; } .hyyy_li_fr p{ margin-top: 10px; } .hyyy_li_more{ padding: 9px 22px; } .hyyy_li_more span{ font-size: 12px; } /*妗堜緥灞曠ず*/ .htanli_swiper .swiper-button-next{ width: 25px; height:34px; margin-top: -40px; background-size: 20px; } .htanli_swiper .swiper-button-prev{ width: 25px; height:34px; margin-top: -40px; background-size: 20px; transform: rotate(180deg); } .htanli_swiper { margin-top: 15px; } .anlizs_02div{ display: block; } .anlizs_02divl{ width: 100%; margin-left: 0; } .anlizs_02divr{ width: 100%; } .anlizs_02divl p{ font-size: 14px; line-height: 28px; } .anlizs_02divl_dian{ width: 6px; height: 6px; margin-top: -3px; margin-right: 12px; } .anlizs_02divl{ margin-bottom:15px; } } @media only screen and (max-width:500px){ .about02ys ul li{ width: 48.5%; margin-left: 3%; } .about02ys ul li:nth-child(3) { margin-left: 0; margin-top: 20px; } .about02ys ul li:nth-child(4) { margin-top: 20px; } .about02ys ul li .about02ys_shuzi{ margin-bottom: 8px; } .about02ys { margin-top: 30px; } /*鍝佺墝鏁呬簨*/ .brand02_cont { margin-top: 30px; } .brand02_contleft{ width:100%; margin-right:0; } .about02ys ul li .about02ys_shuzi p:first-child { margin-bottom: 5px; } .brand02_contleft .brand02_line1 .brand02_line1kong{ margin: 0 12px; } .brand02_contleft .brand02_line1 .brand02_line1red{ margin: 0 5px; } .brand02_contleft p { font-size: 15px; } .brand02_contleft img{ margin-top: 15px; } .brand02_contright{ width:100%; margin-left: 0; margin-top: 30px; } .brand02_line3k{ display: none; } .brand02_contright img{ margin-top: 15px; } .brand04_cont p{ line-height: 22px; width: 85%; margin:0 auto; margin-top:30px; } .brand04 .swiper-container{ margin-top:20px; } .brand04_cont2 ul li p{ font-size: 13px; font-weight: normal; line-height: 20px; } .brand04_cont2 ul li{ margin-top: 30px; } .brand05_cont p{ line-height: 22px; width: 85%; margin:0 auto; margin-top:30px; } .brand05 .swiper-container{ margin-top: 20px; } .brand05_cont2{ margin-top: 30px; } .brand05_cont2 p{ line-height: 22px; } .brand05_cont3{ margin-top: 30px; } .brand05_cont3 p{ line-height: 22px; margin-top: 15px; } .Investor01_left_li{ font-size: 14px; } .Investor01_left ul{ margin-bottom: 20px; } .Investor01_left_li span{ font-size: 14px; } .Investor01_left_li a{ padding: 16px 0; } .Investor01_left_li img { width: 25px; margin-top: -3px; } .Investor01_right_cont p { font-size: 14px; margin-top: 15px; line-height: 15px; } .Investor01_right{ margin-top: 50px; } .pro_lb1head{ padding: 45px 0; } .pro_anlibg .pro_lb1head { padding: 60px 0; } .pro_lb1_xlmc h3{ font-size: 18px; margin-bottom: 15px; } .pro_lb1_xlmc h4{ font-size: 16px; } .pro_lb1_xlmc h4 img { width: 28px; } .pro_lb1_xlmc { padding-left: 5%; } .pro_lb1li h5{ font-weight: normal; } .pro_lb1li{ margin-top: 15px; margin-bottom:40px; } .pro_lb1li h5{ margin-top: 15px; } .pro_lb1li ul li{ margin-bottom: 25px; } .pro_anli_fl .pro_anli_fl1 a, .pro_anli_fl2 a { margin: 50px 0; font-size: 14px; } .pro_anlibg_line{ padding-top: 40px; } .pro_anli_fl{ margin-bottom: 40px; } /*浜у搧璇︽儏椤?/ .product_dettop1200{ display: block; } .product_dettop1200left{ width: 100%; } .product_dettop1200right{ width: 100%; margin-left:0; margin-top: 20px; } .product_dettop1200left img { width: auto; max-width: 100%; } .product_dettop1200right h3{ font-size: 18px; padding-bottom: 15px; margin-bottom: 15px; } .product_detmain1200{ margin-top: 0px; padding: 20px 0; margin-bottom: 30px; } .product_detmain_cpxn{ padding: 20px 0; } .product_detmain_jscs{ padding: 20px 0; } .pro_xq_xgcptit{ font-size: 16px; margin-bottom: 15px; } .pro_xq_xgcp{ margin-bottom: 40px; } /*瑙e喅鏂规*/ .about_nytit h5{ line-height: 1.5em; } /*閫夊瀷鏂规*/ .selection_form_sub p input{ font-size: 12px; height: 30px; line-height: 30px; } .selection_form_sub p { width: 80px; } /*琛屼笟搴旂敤*/ .hangye_litxt{ width: 90%; min-height: 260px; padding: 50px 0; } .hangye_litxt h3{ font-size: 18px; margin-bottom: 20px; } .hangye_litxt p { font-size: 14px; line-height: 2em; } /*鏂伴椈涓績*/ .news_li{ width: 100%; padding: 0; margin-bottom: 20px; } .news_lipage{ margin-top: 0px; } .news_lipage span{ font-size: 12px; height: 30px; line-height: 30px; margin: 0 8px; } .news_lipage a{ font-size: 12px; height: 30px; line-height: 30px; margin: 0 8px; } .news_xq_cont img{ display: block; } /*鑱旂郴鎴戜滑*/ .contact_qita ul li{ margin-top: 50px; } .msg_div{ margin-top: 20px; } .msg_fbt{ width:80%; line-height: 1.5; margin:0 auto; } .msg_formf{ width: 100%; margin-right: 0; margin-bottom: 15px; } .msg_formf_inp{ margin-top: 5px; } .msg_form1{ margin-bottom: 0px; } .msg_formf_inp textarea{ min-height: 60px; } .msg_btn p { width: 80px; } .msg_btn p input { font-size: 13px; height: 30px; line-height: 30px; } .contact02hr_cont .contact02hr_gwxq{ font-size: 13px; padding: 10px 24px; } .contact02hr_tit { width: 80%; margin: 0 auto; line-height: 1.5em; } .contact02hr_cont{ margin-top: 30px; } /*鐢电搴旂敤妗堜緥*/ .yyanli02_div h4{ font-size: 16px; } .yyanli02_div h6{ line-height: 22px; margin-bottom: 6px; } .yyanli02_div p{ margin-top: 15px } /*妗堜緥灞曠ず*/ .anlizs01{ padding: 40px 0; } .anlizs02{ padding: 40px 0; } .anlizs03{ padding: 40px 0; } .anlizs_01div h4{ font-size: 16px; font-weight: 700; } } /*鑻辨枃*/ .indexpro_btjj_en{ display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .sw3_en .slideinner{ height: 420px !important; } .about03_en li .hovertext{ width: 80%; margin-left: auto; margin-right: auto; } .brand02_contright_en img{ margin-top: 38px; } .about_ny01fl_en h5{ font-size: 14px; line-height: 30px; } @media only screen and (max-width: 1000px){ .about_ny01fl_en h5{ line-height: 24px; } } @media only screen and (max-width:394px){ .about02ys ul li .about02ys_shuzi p{ font-size: 13px; } }