@font-face{ font-family:'a1-Bold'; src:url(Alibaba-PuHuiTi-Bold.ttf) 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{ font-family: 'moe'; src: url('//at.alicdn.com/t/webfont_jq0x47mjt6a.eot'); /* IE9*/ src: url('//at.alicdn.com/t/webfont_jq0x47mjt6a.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/webfont_jq0x47mjt6a.woff2') format('woff2'), url('//at.alicdn.com/t/webfont_jq0x47mjt6a.woff') format('woff'), /* chrome銆乫irefox */ url('//at.alicdn.com/t/webfont_jq0x47mjt6a.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/webfont_jq0x47mjt6a.svg#Alibaba-PuHuiTi-Regular') format('svg'); /* iOS 4.1- */ } 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:"moe"; 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:100px auto;overflow: hidden;position: relative; } .bltindexnews .left{ display: block;width:calc(50% - 25px);overflow: hidden;position: relative;float: left;} .bltindexnews .left p,.bltindexnews .right p{ display: block;overflow: hidden;} .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 #f49f6f;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:#f49f6f; } @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 30px 0;} .bltindexnews .right a dd h4{font-size:12px; } .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: 50px;} .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;} .headerwrap .header .nav li{position: relative;} .headerwrap .header .nav li>a{display: block;height: 90px;line-height: 90px;font-size: 16px;color: #FFFFFF;position: relative;box-sizing: border-box;padding: 0 25px;} .headerwrap .header .nav li>a::after{content: '';display: block;width: 0%;height: 2px;background-color: #e6771b;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: 16px;color: #FFFFFF;margin-right: 20px;} .headerwrap .header .right span{display: block;width: 1px;height: 14px;background-color: #FFFFFF;margin: 0 15px;} .headerwrap .header .right a{font-size: 14px;color: #FFFFFF;} .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: #e6771b;background-color: #fff;} .header .nav li .nav02 a:before{content: '';display: inline-block;width: 3px;height: 14px;background-color: #e6771b;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: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;} .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: #e6771b;} .headerwrap .header .right .fa-search{font-size: 18px;margin: 0 20px 0 0;} .headerwrap .header .nav li .nav03{ position: fixed;width: 90%;background: #fff;left: 0;padding: 0 5%;display: none;overflow: hidden;border-bottom: 1px solid #ccc; border-top: 1px solid #eee; z-index: -1;} .headerwrap .header .nav li .nav03 dt{ float: left;display: block;width: 60%; 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 50px 0;} .headerwrap .header .nav li .nav03 dt h6{ display: block;overflow: hidden;} .headerwrap .header .nav li .nav03 dt h6 span{ display: block;overflow: hidden;float: left;width: 25%;margin-top: 2%} .headerwrap .header .nav li .nav03 dt h6 span a{ color: #000;font-size: 16px;} .headerwrap .header .nav li .nav03 dt h6 span a .fa{ margin: 0 0 0 10px;} .headerwrap .header .nav li .nav03 dt h6 span a:hover,.headerwrap .header .nav li .nav03 dd a:hover .cont h3{color:#e6771b;} .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: 200px; 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;} .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;} @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; } } /*banner*/ .bannerwrap,.bannerwrap .banner,.bannerwrap .banner .swiper-container{width: 100%;height: auto;position: relative;overflow: hidden;} .bannerwrap 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;width: 180px;height: 42px;text-align: center;line-height: 42px;background-color: #e6771b;color: #FFFFFF;font-size: 14px;overflow: hidden;position: relative;z-index: 0;border-radius: 2px;} .more::after{content: '';width: 0;height: 100%;background-color: #FFFFFF;position: absolute;top: 0;left: 0;transition: all .3s;z-index: -1;} .more:hover::after{width: 100%;} .more:hover{color: #e6771b;} .bannerwrap .banner .text .cont::before{content: '';display: block;width: 3px;height: 30px;top: 0;left: -62px;background-color: #FFFFFF;position: absolute;} /* videobanner */ .bannerwrap video{display: block;width: 100%;object-fit: fill;} .bannerwrap .vide0text{padding-top:80px;position: absolute;top: 50%;left: 0;width: 100%;display: flex;display: -webkit-flex;-webkit-flex-flow: column;flex-flow: column;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 1;} .bannerwrap .vide0text p{font-size: 16px;color: #FFFFFF;margin-bottom: 30px;} .bannerwrap .vide0text h3{font-size: 54px;font-weight: bold;color: #FFFFFF;margin-bottom: 40px;letter-spacing: 10px;} .bannerwrap .sjbanner{display: none;} .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-color: #f1f2f3;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: #e6771b;} .index05wrap .top .left .cont .tl{font-size: 32px;color: #222222;font-weight: bold;margin-bottom: 120px;} .index05wrap .top .left .cont .list{width: 100%;box-sizing: border-box;} .index05wrap .top .left .cont .list .item h3{font-size: 24px;color: #222222;font-weight: bold;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;border: 1px solid #e6771b;transition: all .3s;} /*.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;opacity: 0.5;} .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%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 18px;color: #222222;box-sizing: border-box;margin-top: 20px;} .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: #e6771b;} .index05wrap .bot .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a .text::before{background-color: #e6771b;} .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: 13%;left: 3%;position: absolute;width: 80px;height: 80px;visibility: visible;opacity: 1;} .index06wrap .index06 .min #a2{top: 19%;left: 3%;position: absolute;width: 100px;height: 100px;visibility: visible;opacity: 1;} .index06wrap .index06 .min #a3{top: 25%;left: 8%;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: 22%;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: 24%;left: 42%;position: absolute;width: 110px;height: 110px;visibility: visible;opacity: 1;} .index06wrap .index06 .min #a8{top: 15%;left: 6%;position: absolute;width: 110px;height: 110px;visibility: visible;opacity: 1;} .index06wrap .index06 .min #a9{top: 22%; left: 11%; 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;} .index06wrap .index06 .min #a9 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;border-top: 4px solid #f49f6f;background-color: #303132;padding: 90px 0;} .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: 1200px;margin: auto;box-sizing: border-box;} .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: 50px;} .footer02 .top li .item h3 a{font-size: 13px;color: #FFFFFF;} .footer02 .top li .item h3{margin-bottom: 20px;} .footer02 .top li .item .min p,.footer02 .top li .item .min .xcxhover{margin-bottom: 20px;position: relative;} .footer02 .top li .item .min a{font-size: 12px;color: #9fa3a6;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: 15px;border-bottom: 1px solid #6c7073;margin-bottom: 20px;} .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;} .footer02 .bot .right li{position: relative;margin-right: 20px;} .footer02 .bot .right li a{display:block;width:18px;} .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;} .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: 12px;color: #9fa3a6;} .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: 12px;color: #9fa3a6;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: 12px;color: #9fa3a6;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: 100%;box-sizing: border-box;text-align: center;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index:1;} .innerbanner .text p{font-size: 46px;color: #ffffff;margin-bottom: 20px; font-weight: bold;letter-spacing: 2px;} .innerbanner .text h3{font-size: 30px;color: #ffffff;font-weight: normal;} .innerbanner .mbxwrap{z-index:2;width: 100%;box-sizing: border-box;background-color: rgba(230,119,27,0.8);display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;border-bottom: 1px solid #ddd;position: absolute;bottom: 0;left: 0;} .innerbanner .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;} .innerbanner .mbxwrap .right{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;} .innerbanner .mbxwrap .right a{display: block;margin-left: 70px;font-size: 22px;color: #FFFFFF;opacity: 0.5;} .innerbanner .mbxwrap .right a.active{opacity: 1;font-weight: bold;} /* innerwrap */ .innerwrap{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;} /* about01wrap */ .about01wrap{width: 100%;box-sizing: border-box;padding: 130px 0;box-sizing: border-box;position: relative;overflow: hidden;} .about01wrap::after{content: '';display: block;width: 100%;height: 100%;position: absolute;right: 0;top: 0;background-color: #f1f2f3;z-index: 0;left: calc((100% - 1200px)/2);} .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; width:100%;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;font-weight: bold;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;} .about03wrap .bg{display: block;width: 100%;} .about03{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;position: absolute;top: 0;left: 0;height: 100%;} .about03 li{width: calc((100% - 2px)/3);border-right: 1px solid #ddd;padding: 150px 0;background-color: rgba(0,0,0,0.3);position: relative;transition: all .3s;} .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;transform: scale(1,0.8);} .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 p{font-size: 24px;color: #FFFFFF;text-align: center;margin-top: 50px;} .about03 li .hovertext{font-size: 18px;color: #ffffff;opacity: 0;transition: all .3s;text-align: center;margin-top: 80px;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 .hovertext{opacity: 0.8;} .about03 li:hover h3::before,.about03 li:hover h3::after{background-color: #e6771b;} /* about04wrap */ .about04wrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 130px 0;} .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: url(../img/bg2.jpg)no-repeat fixed;background-size: cover;} .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{width: 1200px;margin: auto;box-sizing: border-box;} .about05 .swiper-slide{background-color: rgba(255,255,255,0.3);box-sizing: border-box;padding: 15px;transition: all .3s;} .about05 .swiper-slide .text{width: 100%;border: 1px solid #FFFFFF;box-sizing: border-box;padding: 15px;height: 200px;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: #ffffff;line-height: 30px;text-align: center;} .about05 .swiper-slide:hover{background-color: #e6771b;} .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: #ffffff;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 #ffffff;opacity: 1;margin-right: 10px;} .about05 .swiper-pagination-bullet:last-child{margin-right: 0;} .about05 .swiper-pagination-bullet-active{background-color: #ffffff;} /* 瑙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;} /* 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(/style/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;} /* contact02warp */ .contact02warp{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 100px 0 80px;} .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,.footer02{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;} .more{width: 160px;} .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:30px;} .index05wrap .top .left .bgfont{font-size: 120px;letter-spacing: 10px;} .index05wrap .top .left .cont{padding-top: 170px;} .index05wrap .top .left .cont::before{top: 170px;} .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: 80px;} .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;;} .index02 li .right .hover{font-size:14px;} .min02wrap{padding:100px 0;} .index01two .textmin li .item .cont .more{width:160px;} .innerbanner .text p{font-size:34px;} .innerbanner .text h3{font-size: 24px;} .solution02{width: 96%;} .innerbanner .mbxwrap h3{font-size: 24px;line-height:80px;} .innerbanner .mbxwrap .right a{margin-left: 40px;font-size: 18px;} .about01 .left{width: 60%;} .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: 32px;} .about02 .right h4{ font-size: 20px; margin: 20px 0;} .about01wrap{padding: 100px 0;} .about04wrap .a-tl{font-size: 32px;} .about05wrap .top h3{font-size: 32px;margin-bottom: 20px;} .about02{ margin: 100px auto;} .about04wrap{padding: 100px 0;} .about03 li{ padding: 80px 0;} .about03 li .hovertext{font-size: 15px;margin-top: 40px;} .about03 li h3{font-size: 40px;line-height: 46px;} .about03 li p{margin-top: 40px;} .s-tl h3{font-size:32px;} #box .fa{ width: 54px;height: 54px;line-height: 54px;} #box .fa:before{ margin-left: 5px;} .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;} }