/*@font-face{ font-family:"Light"; src: url('../xmlt/xmlt.eot');*/ /* src: url("../xmlt/xmlt.ttf") format('truetype'),*/ /* url("../xmlt/xmlt.otf"),*/ /* url("../xmlt/xmlt.woff") format("woff"),*/ /* url("../xmlt/xmlt.eot?#iefix") format('embedded-opentype'); }*/ body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;color:#555; font-size:12px;font-family:arial,"寰蒋闆呴粦"; line-height:1;font-weight: normal;letter-spacing: 0.8px;} 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;} /*<------------------------------------->*/ /* headerwrap */ .headerwrap{width: 100%;box-sizing: border-box;padding-left: 5%;left: 0;/* position: absolute;top: 0;background-color: #FFFFFF;z-index: 10; */} .header{width: 100%;margin: auto;display: flex;display: -webkit-flex;display: -ms-flexbox;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;height: 80px;position: relative;} .header .logo img{display: block;width: auto;height: 60px;} .header .right{position: absolute;right: 0;top: 0;} .header .right,.header .right .nav,.header .right .language{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: flex-start;justify-content: flex-start;} .header .right .nav li>a{font-size: 16px;color: #222222;padding: 0 30px;line-height: 80px;height: 80px;position: relative;display: block;} .header .right .nav{margin-right:30px;} .header .right .language{height: 80px;padding: 0 30px;background-color: #2164af;} .header .right .language i,.header .right .language a{font-size: 13px;color: #FFFFFF;padding: 0 10px;} .header .right .language i{font-size: 16px;padding-right: 0;} .header .right .language a:last-child{border-left: 1px solid #FFFFFF;} .header .right .nav li a::after{content: '';display: block;width: 0%;height: 3px;background-color: #2164af;position: absolute;left: 0;bottom: 0;transition: all .3s;} .header .right .nav li:hover>a::after{width: 100%;} .header .right .nav li:hover>a{color: #2164af;} .header .right .nav li{position: relative;} .header .right .nav li .nav02{position: absolute;box-sizing: border-box;background-color: #fff;padding: 20px 10px;z-index: 5;width: 160px;left: 50%;margin-left: -80px;text-align: center;top: 100%;display: none;} .header .right .nav li:hover .nav02{display: block;} .header .right .nav li .nav02 a{display: block;width: 100%;font-size: 15px;color: #666;line-height: 40px;} .header .right .nav li .nav02 a:hover{color: #1953a3;} .drawer-hamburger,.drawer-nav{visibility: hidden;display: none;} /* banner */ .more{display: block;width: 240px;height: 50px;color: #FFFFFF;font-size: 14px;text-align: center;line-height: 48px;box-sizing: border-box;margin: auto;transition: all .3s;text-transform: uppercase;position: relative;overflow: hidden;z-index: 0;background-color: #3773b7;border: 1px solid #3773b7;} .more:after{content: '';display: block;background-color: #FFFFFF;position: absolute;width: 0%;height: 100%;left: 0;top: 0px;transition: all .3s;z-index: -1;} .more:hover{color:#3773b7;z-index: 1;} .more:hover:after{width: 100%;} .banner{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;height: calc(100% - 80px);position: relative;} .banner .swiper-container01{width: 100%;height: 100%;z-index: 0;} .banner .swiper-slide{position: relative;overflow: hidden;} .banner img{display: block;width: auto;height: 100%;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 0;min-width: 100%;} .banner .text{width: 1400px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 1;} .banner .text h3{font-size: 54px;color: #ffffff;margin-bottom: 30px;letter-spacing: 5px;} .banner .text h4{font-size: 20px;color: #ffffff;margin-bottom: 30px;letter-spacing: 8px;} .banner .text .more{margin: 0;background: transparent;border-color: #FFFFFF;color: #FFFFFF;} .banner .text .more::after{background-color: #3773B7;} .banner .text .more:hover{border-color: #3773B7;} .banner .swiper-pagination{width: 1400px;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;bottom: 80px;} .banner .swiper-pagination-bullet{background-color: transparent;border: 1px solid #FFFFFF;width: 8px;height: 8px;opacity: 1;} .banner .swiper-pagination-bullet-active{background-color: #FFFFFF;} .banner .swiper-button-next,.banner .swiper-button-prev{background-size: 100%;width: 20px;height: 30px;} .banner .swiper-button-next{right: 5%;} .banner .swiper-button-prev{left: 5%;} /* indexwrap */ .indexwrap{width: 100%;box-sizing: border-box;overflow: hidden;} /* index01 */ .index01{width: 1400px;margin: auto;margin-top: 100px;margin-bottom: -150px;} .i-tl{margin-bottom: 40px;} .i-tl h4{} .i-tl h3{display: block;font-size: 40px;color: #222222;font-weight: bold;text-align: center;} .i-tl strong{display: block;width: 60px;height: 2px;background-color: #DDDDDD;margin: auto;position: relative;margin-top: 20px;} .i-tl strong::after{content: '';display: block;width: 20px;height: 4px;background-color: #3773b7;position: absolute;left: 50%;bottom: -1px;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .index01 .cont{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .index01 .cont .imgbox{width: 52%;box-sizing: border-box;overflow: hidden;} .index01 .cont .imgbox img{display: block;width: 100%;transition: all .6s;} .index01 .cont .imgbox:hover img{transform: scale(1.1);} .index01 .cont .text{width: 55%;background-color: #FFFFFF;box-shadow: 0px 0px 15px rgba(0,0,0,0.3);box-sizing: border-box;padding: 80px 100px;margin-left: -7%;position: relative;z-index: 2;} .index01 .cont .text h3{font-size: 28px;color: #222222;font-weight: bold;} .index01 .cont .text strong{display: block;width: 50px;height: 1px;background-color: #666666;margin: 40px 0;} .index01 .cont .text h4{font-size: 16px;line-height: 35px;color: #666666;text-align: justify;margin-bottom: 40px;} .index01 .cont .text .more{margin: 0;} /* index02 */ .index02{width: 100%;box-sizing: border-box;background: url(../img/indexbg_02.jpg) no-repeat;background-size: 100% 100%;padding: 260px 0 100px} .index02 .i-tl h3{color: #FFFFFF;} .index02 .min{width: 88%;margin: auto;} .index02 .min a{display: block;width: 29%;margin-right: 6.5%;float: left;position: relative;margin-bottom: 70px;} .index02 .min a:nth-of-type(3n){margin-right: 0;} .index02 .min a .imgbox{width: 100%;overflow: hidden;} .index02 .min a .imgbox img{display: block;width: 100%;transition: all .6s;} .index02 .min a .text{position: absolute;top: 50%;left: -22px;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 2;transition: all .6s;margin-top: 74px;} .index02 .min a:hover .text{margin-top: 0;} .index02 .min a .text img{display: block;width: auto;height: 50px;} .index02 .min a:after{content: '';display: block;width: 100%;height: 100%;background: url(../img/indexmask.png)no-repeat;background-size: 100% 101%;position: absolute;left: 0;top: 0;transition: all .3s;} .index02 .min a:hover:after{opacity: 0;} .index02 .more{background: #FFFFFF;color: #1955a4;} .index02 .more:after{background: -webkit-linear-gradient(left, #1982bb , #1953a3);background: -o-linear-gradient(right, #1982bb , #1953a3);background: -moz-linear-gradient(right, #1982bb , #1953a3);background: linear-gradient(to right, #1982bb , #1953a3);} .index02 .more:hover{color: #FFFFFF;} .index02 .min a:hover .imgbox img{transform: scale(1.1);} .index02 .min a .text h3{font-size: 26px;color: #ffffff;margin-bottom: 10px;margin-top: 30px;} .index02 .min a .text p{font-size: 14px;color: #FFFFFF;opacity: 0.75;text-transform: uppercase;} .index02 .min a .text .hover{margin-top: 30px;opacity: 0;visibility: hidden;transition: all .3s;} .index02 .min a .text .hover h4{font-size: 14px;line-height: 24px;color: #FFFFFF;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .index02 .min a .text .hover .more{width: 140px;height: 40px;line-height: 38px;background-color: transparent;border: 1px solid #FFFFFF;color: #FFFFFF;margin: 0;margin-top: 30px;} .index02 .min a:hover .text .hover{opacity: 1;visibility: visible;} .index02 .min a .text .hover .more::after{background: #FFFFFF;} .index02 .min a .text .hover .more:hover{color: #2164af;border-color: #FFFFFF;} /* index03 */ .index03wrap{width: 100%;position: relative;} .index03wrap .newbg{display: -wap-marquee;width: auto;height: 100%;position: absolute;top: 0;right: 0;} .index03{width: 1400px;margin: 100px auto;position: relative;z-index: 1;} .index03 .min02{width: 100%;box-sizing: border-box;margin: auto;position: relative;} .index03 .min02 .left{width: 60%;float: left;box-sizing: border-box;padding-right: 140px;position: relative;display: block;} .index03 .min02 .left .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;z-index: 2;} .index03 .min02 .left img{display: block;width: 100%;transition: all .6s;} .index03 .min02 .left:hover img{transform: scale(1.1);} .index03 .min02 .left:after{content: '';display: block;width: 700px;height: 100%;border: 1px solid #dddddd;position: absolute;top: 30px;right: 110px;z-index: 0;width: 80%;} .index03 .min02 .left .text{width: 62%;box-sizing: border-box;background-color: rgba(34,34,34,0.8);padding: 30px 120px 30px 40px;position: absolute;right: 140px;top: 50%;z-index: 2;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .index03 .min02 .left:hover .text h3{color: #4b87fb;} .index03 .min02 .left .text h3{font-size: 24px;color: #fff;margin-bottom: 25px;line-height: 32px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .index03 .min02 .left .text h4{font-size: 16px;color: #fff;line-height: 24px;opacity:0.75;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;text-align: justify;} .index03 .min02 .left .text h5{background-color: #4b87fb;width: 140px;height: 140px;border-radius: 50%;text-align: center;display: flex;display: -webkit-flex;flex-flow: column;-webkit-flex-flow: column;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: absolute;right: -60px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);box-shadow: 5px 2px 10px rgba(0,0,0,0.3);} .index03 .min02 .left .text h5:after{content: '';display: block;width: 162px;height: 162px;border-radius: 50%;border: 1px solid #fff;left: -12px;top: -12px;position: absolute;} .index03 .min02 .left .text h5 p{display: block;color: #fff;font-size: 50px;font-weight: bold;} .index03 .min02 .left .text span{font-size: 16px;display: inline-block;color: #fff;margin-top: 10px;} .index03 .min02 .right{width: 40%;float: right;position: absolute;height: 100%;right: 0;display: flex;display: -webkit-flex;flex-flow: column;-webkit-flex-flow: column;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;} .index03 .min02 .right a{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;height: auto;margin: 0;position: relative;height: calc(100% / 3);} .index03 .min02 .right a .text{width: 56%;} .index03 .min02 .right a .text h3{font-size: 20px;color: #222222;line-height: 24px;font-weight:bold;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .index03 .min02 .right a:hover .text h3{color: #4b87fb;} .index03 .min02 .right a .img{width: 35%;overflow: hidden; max-height: 120px;} .index03 .min02 .right a .img img{display: block;width: 100%;transition: all .6s;} .index03 .min02 .right a:hover .img img{transform: scale(1.1);} .index03 .min02 .right a .text .font{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;flex-flow: row;-webkit-flex-flow: row;margin-top: 20px;} .index03 .min02 .right a .text .font h3{font-size: 14px;color: #666666;font-weight:normal;} .index03 .min02 .right a .text .font p{display: block;width: 70px;height: 25px;background-color: #2164af;color: #ffffff;font-size: 12px;border-radius: 5px;line-height: 25px;text-align: center;} .index03 .more{margin-top: 80px;} /*index04*/ .index04{width: 100%;align-items: center;position: relative;overflow: hidden;} .index04 .left{width: 50%;align-items: center;justify-content: center;text-align: center;background-color:#1b528f;position: absolute;left: 0;top: 0;height: 100%;overflow: hidden;} .index04 .left:after{content: '';display: block;width: 100%;height: 100%;background-color: #2164af;position: absolute;top: 100%;left: 0;transition: all .6s;z-index: 1;} .index04 .left:hover:after{top: 0;} .index04 .right{width: 50%;float: right;position: relative;overflow: hidden;} .index04 .right img{display: block;width: 100%;transition: all .6s;} .index04 .right:hover img{transform: scale(1.05);} .index04 .item .text{position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;height: auto;z-index: 2;text-align: center;} .index04 .item .text h3{font-size: 32px;color: #FFFFFF;} .index04 .item .text strong{width: 30px;height: 1px;background-color: #FFFFFF;margin: 20px auto;display: block;} .index04 .item .text h4{font-size: 15px;color: #FFFFFF;line-height: 22px;max-width: 80%;margin: auto;} .index04 .item .text .more{background: #FFFFFF;color: #1955a4;margin-top: 30px;} .index04 .item .text .more:after{background: -webkit-linear-gradient(left, #1982bb , #1953a3);background: -o-linear-gradient(right, #1982bb , #1953a3);background: -moz-linear-gradient(right, #1982bb , #1953a3);background: linear-gradient(to right, #1982bb , #1953a3);} .index04 .item:hover .text .more{color: #FFFFFF;} .index04 .left:hover .text .more:after{left: 0;} .more02{width: 30px;height: 30px;border: 1px solid #FFFFFF;color: #FFFFFF;display: flex;display: -webkit-inline-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-radius: 50%;margin-top: 20px;} .more02:hover{background-color: #3773b7;border-color: #3773b7;} /* footerwrap */ .footerwrap{width: 100%;box-sizing: border-box;border-top: 5px solid #7c94af;overflow: hidden;} .footer{width: 100%;background-color: #f3f3f3;box-sizing: border-box;padding: 50px 0 100px;} .footer .cont{width: 1400px;margin: auto;box-sizing: border-box;} .footer .cont .f-nav{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 30px;} .footer .cont .f-nav li h3 a{font-size: 16px;color: #222;font-weight: bold;} .footer .cont .f-nav li h3{margin-bottom: 22px;} .footer .cont .f-nav li .min{width: 100%;} .footer .cont .f-nav li .min h4 a{position: relative;font-size: 14px;color: #666;} .footer .cont .f-nav li .min h4 a:hover{color: #2164AF;} .footer .cont .f-nav li .min h4{margin-bottom: 15px;} .footer .cont .f-nav li p{font-size: 14px;color: #666666;margin-bottom: 15px;} .footer .cont .link h3{font-size: 13px;color: #666666;margin-bottom: 10px;margin-bottom: 15px;} .footer .cont .link .fx{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: center;-webkit-align-items: center;} .footer .cont .link .fx a{background-image: none;color: #666666;font-size: 14px;margin: 0;padding: 0;margin-right: 20px;} .footer .cont .link .fx a:last-child{margin-right: 0;} .footer .cont .link .fx a:hover{color: #2164AF;} .copyright{width: 100%;background-color: #343434;padding: 20px 0; } .copyright .cont{width: 1400px;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: center; opacity: 0.7;position: relative;} .copyright .cont h3,.copyright .cont a{font-size: 12px;color: #FFFFFF;} .copyright .cont i{display: block;width: 1px;height: 12px;margin: 0 20px;background-color: #FFFFFF;} .copyright .cont a.zz{position: absolute;right: 0;} .copyright .cont a img{display: block;width: auto;height: 40px;} /* 鑱旂郴鎴戜滑 */ .innbanner{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;} .innbanner img{display: block;width: 100%;} .innbanner .bannertext{width: 90%;box-sizing: border-box;position: absolute;bottom: 0;left: 5%;} .innbanner .bannertext .text{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-bottom: 70px;width: 100%;overflow: hidden;} .innbanner .bannertext .text h3{font-size: 32px;color: #FFFFFF;font-weight: bold;white-space: nowrap;} .innbanner .bannertext .text h3 font{display: block;font-size: 13px;color: #FFFFFF;margin-top: 10px;} .innbanner .bannertext .text::after{content: '';display: block;width: 90%;height: 1px;background-color: #FFFFFF;margin-left: 20px;} .innbanner .bannertext .botbg{width: 100%;height: 130px;background-color: #fff;} .innerwrap{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;margin-top: -50px;} .join01{width: 90%;margin: auto;position: relative;margin-bottom: 100px;} .join01 .c-top{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 50px;text-align: center;} .join01 .min{width: 1100px;margin: auto;box-sizing: border-box;position: relative;} .join01 .min .item{width: 100%;border-bottom: 1px solid #DDDDDD;} .join01 .min .item:first-child{border-top: 1px solid #DDDDDD;} .join01 .min li a{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;height: 64px;} .join01 .min li a p{font-size: 18px;color: #222222;font-weight: bold;} .join01 .min li a i{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 20px;height: 20px;border: 1px solid #4c67f2;border-radius: 50%;font-size: 12px;color: #4c67f2;} .join01 .min .item .info{width: 100%;box-sizing: border-box;position: relative;margin: 0 0 40px;border-top: 1px solid #DDDDDD;padding-top: 30px;display: none;} .join01 .min .item .info::before{content: '';display: block;width: 1px;height: calc(100% - 30px);position: absolute;left: 15%;top: 25px;background-color: #DDDDDD;z-index: 0;} .join01 .min .item .info li{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;padding-bottom: 40px;position: relative;z-index: 1;} .join01 .min .item .info li p{width: 15%;font-size: 16px;color: #4c67f2;border-right: 2px solid #4c67f2;margin-top: 5px;font-weight:bold;} .join01 .min .item .info li h4{width: 85%;font-size: 15px;color: #666666;line-height: 30px;box-sizing: border-box;padding-left: 50px;} .join01 .min .item:first-child .info{display: block;} .join01 .min .item.active a .fa{transform: rotate(180deg);-webkit-transform: rotate(180deg);} .join01 .botinfo{width: 1100px;margin: auto;box-sizing: border-box;margin-top: 60px;} .join01 .botinfo h4{font-size:15px;color:#2a2a2a;line-height:30px;text-align:justify;margin-bottom:20px;} .join01 .botinfo p{font-size:16px;color:#2a2a2a;line-height:40px;font-weight:bold;} .join01 .botinfo p a{color:#0036db;font-size:inherit;text-decoration:underline;} /* about */ .about01{width: 850px;box-sizing: border-box;margin: auto;} .i-toptext{text-align: center;} .i-toptext h3{font-size: 32px;color: #222222;font-weight: bold;line-height: 42px;} .i-toptext strong{display: block;width: 40px;height: 2px;background-color: #222222;margin: 30px auto;} .i-toptext h4{font-size: 15px;color: #666666;line-height: 30px;} .about01 img{display: block;width: 100%;margin: 80px 0;} .about02wrap{width: 100%;box-sizing: border-box;background-color: #eeeeee;padding: 80px 0;} .about02wrap .about02 .i-toptext{width: 850px;margin: auto;margin-bottom: 40px;} .about02wrap .about02{width: 1100px;margin: auto;box-sizing: border-box;} .about02wrap .about02 img{display: block;width: 100%;} .about03wrap{width: 1100px;margin: 80px auto;box-sizing: border-box;} .about03wrap .about03{width: 100%;box-sizing: border-box;} .about03wrap .about03 .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;background-color: #eeeeee;margin-bottom: 60px;} .about03wrap .about03 .item .imgbox{width: 60%;overflow: hidden;} .about03wrap .about03 .item .imgbox img{display: block;width: 100%;} .about03wrap .about03 .item .text{width: 40%;box-sizing: border-box;padding-left: 70px;} .about03wrap .about03 .item .text p{font-size: 13px;color: #aaaaaa;padding-bottom: 10px;border-bottom: 1px solid #aaa;display: inline-block;margin-bottom: 30px;} .about03wrap .about03 .item .text h3{font-size: 26px;color: #222222;margin-bottom: 40px;} .about03wrap .about03 .item .text .list li{box-sizing: border-box;padding-left: 20px;position: relative;font-size: 15px;color: #666666;line-height: 30px;} .about03wrap .about03 .item .text .list li::before{content: '';display: block;width: 5px;height: 5px;background-color: #2164af;border-radius: 50%;position: absolute;left: 0;top: 12px;} .about03wrap .about03 .item:nth-of-type(2n){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;} .about03wrap .about03 .item:nth-of-type(2n) .imgbox{width: 40%;} .about03wrap .about03 .item:nth-of-type(2n) .text{width: 60%;} .about03wrap .about03 .item:last-child{margin-bottom: 0;} /* contact */ /* .contactwrap{margin-top: 0;} */ .contact01{width: 1100px;margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 100px;} .contact01 .left{width: 50%;box-sizing: border-box;padding-right: 60px;} .contact01 .left .t-top,.contact01 .right .t-top{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 40px;} .contact01 .left .list{width: 100%;box-sizing: border-box;} .contact01 .left .list li h3{font-size: 16px;color: #2164af;font-weight: bold;margin-bottom: 20px;} .contact01 .left .list li h3 i{font-size: inherit;color: inherit;margin-right: 10px;} .contact01 .left .list li p{font-size: 15px;color: #666666;line-height: 30px;} .contact01 .left .list li{margin-bottom: 30px;} .contact01 .left .list li:last-child{margin-bottom: 0;} .contact01 .right{padding-left: 60px;box-sizing: border-box;width: 50%;} .screen-reader-response{ display: none;} .contact01 .right form .label{width: 100%;display: flex;display: -webkit-flex;justify-content: flex-start;-webkit-justify-content: flex-start;align-items: center;-webkit-align-items:center;border: 1px solid #bababa;margin-bottom: 25px;box-sizing: border-box;padding: 0 15px;} .contact01 .right form .label img{ display: block;border-right: 1px solid #ccc; padding-right: 10px;} .contact01 .right form .label i{font-size: 18px;color: #cccccc;display: block;width: 25px;border-right: 1px solid #ccc;} .contact01 .right form .label input{display: block;width: calc(100% - 25px);outline: none;font-size: 13px;color: #666666;border: none;box-sizing: border-box;padding-left: 5px;height: 36px;background-color: transparent;} .contact01 .right form button{cursor: pointer;display: block;background-color: #2164af;color: #fff;border-color: #2164af;margin: 0;margin-top: 40px;width: 160px;height: 38px;line-height: 38px;} .contact01 .right form button:hover{color: #2164af;} .contact01 .right form .label span{display: block;overflow: hidden;position: relative; width: calc(100% - 25px);} .contact01 .right form .label span span{position: absolute;top: 0;right: 0;width: auto;letter-spacing: 0;color: #2164af;font-weight: normal;line-height: 36px;font-size: 12px;} .contact01 .right form .textarea{ width: 100%;display: flex;display: -webkit-flex;justify-content: flex-start;-webkit-justify-content: flex-start;align-items: center;-webkit-align-items: center;border: 1px solid #bababa;margin-bottom: 25px;box-sizing: border-box;padding: 0 15px; align-items: flex-start;-webkit-align-items: flex-start;padding: 15px;} .contact01 .right form .textarea img {display: block;border-right: 1px solid #ccc;padding-right: 10px;} .contact01 .right form .textarea textarea { display: block;width: calc(100% - 25px);outline: none;font-size: 13px;color: #666666;border: none;box-sizing: border-box;padding-left: 5px;background-color: transparent;height: 100px;resize: none;} .contact01 .right form .textarea span{display: block;overflow: hidden;position: relative; width: calc(100% - 25px);} .contact01 .right form .textarea span span{position: absolute;top: 0;right: 0;width: auto;letter-spacing: 0;color: #2164af;font-weight: normal;line-height: 36px;font-size: 12px;} .wpcf7-response-output,.wpcf7-validation-errors{ display: block;text-align: center;letter-spacing: 0;font-size: 12px;line-height: 1em;margin: 20px 0 0 0;color: #2164af;} /* news */ .news01wrap{width: 1100px;margin: auto;box-sizing: border-box;margin-bottom: 80px;} .news01wrap .newstab{width: 100%;box-sizing: border-box;padding-bottom: 20px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-bottom: 1px solid #dddddd;margin-bottom: 40px;} .news01wrap .newstab i{display: block;width: 1px;height: 22px;background-color: #dddddd;} .news01wrap .newstab a{display: block;font-size: 20px;color: #222222;font-weight: bold;margin: 0 30px;position: relative;} .news01wrap .newstab a::after{content: '';display: block;width: 0%;height: 2px;background-color: #2164af;position: absolute;left: 0;bottom: -21px;transition: all .3s;} .news01wrap .newstab a:hover::after,.news01wrap .newstab a.active::after{width: 100%;} .news01wrap .newstab a:hover,.news01wrap .newstab a.active{color: #2164af;} .news01wrap .news01{width: 100%;box-sizing: border-box;margin-bottom: 40px;} .news01wrap .news01 a{display: flex;width: 100%;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;padding: 40px 0;border-bottom: 1px solid #DDDDDD;} .news01wrap .news01 a .imgbox{width: 30%;box-sizing: border-box;overflow: hidden; max-height: 250px;} .news01wrap .news01 a .imgbox img{display: block;width: 100%;transition: all .6s;} .news01wrap .news01 a:hover .imgbox img{transform: scale(1.1);} .news01wrap .news01 a .text{width: 70%;box-sizing: border-box;padding-left: 60px;} .news01wrap .news01 a .text p{font-size: 14px;color: #666666;margin-bottom: 20px;} .news01wrap .news01 a .text h3{font-size: 20px;color: #222222;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 30px;} .news01wrap .news01 a:hover .text h3{color: #2164af;} .news01wrap .news01 a .text h4{font-size: 15px;color: #666666;line-height: 24px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 30px;} .news01wrap .news01 a .text .more{width: 130px;height: 36px;line-height: 36px;text-align: center;border: 1px solid #2164af;color: #2164af;background-color: transparent;margin: 0;} .news01wrap .news01 a .text .more::after{background-color: #2164af;} .news01wrap .news01 a .text .more:hover{color: #FFFFFF;} .news01wrap .news01 a:last-child{border-bottom: 1px solid #DDDDDD;} .fy{width: 100%;margin: auto;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;} .fy a{display: block;width: auto;min-width: 34px;height: 34px;line-height: 32px;font-size: 14px;border: 1px solid #b8b8b8;border-radius: 5px;text-align: center;box-sizing: border-box;padding: 0 12px;color: #b8b8b8;transition: all .3s;margin-right: 15px;} .fy a:hover,.fy .active{background-color: #2164af;border-color: #2164af;color: #fff;} .fy a:last-child{margin-right: 0;} /* 浜у搧涓績 */ .productallwrap{margin-top: 0;} .productall01{width: 1100px;margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;margin-bottom: 100px;} .productall01 a{display: block;width: 31%;box-sizing: border-box;margin-right: 3.5%;} .productall01 a:nth-of-type(3n){margin-right: 0;} .productall01 a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;} .productall01 a .imgbox img{display: block;width: 100%;transition: all .6s;} .productall01 a:hover .imgbox img{transform: scale(1.1);} .productall01 a .text{width: 90%;box-sizing: border-box;border-top: 2px solid #2164af;background-color: #FFFFFF;position: relative;margin-top: -40px;padding-top: 40px;text-align: center;margin-left: 5%;} .productall01 a .text h3{font-size: 22px;color: #222222;font-weight: bold;margin-bottom: 25px;} .productall01 a .text h4{font-size: 15px;color: #666666;margin-bottom: 25px;} .productall01 a .text .more{width: 130px;height: 36px;line-height: 36px;} /* 浜у搧璇︽儏 */ .productinfowrap{width: 100%;box-sizing: border-box;overflow: hidden;} .productinfo01{width: 100%;position: relative;padding: 60px 0;box-sizing: border-box;background-color: #f1f2f3;} .productinfo01 .cont{width: 1100px;margin: auto;} .productinfo01 .cont .imgbox{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: 50px;border-bottom: 1px solid #DDDDDD;margin-bottom:50px;} .productinfo01 .cont .imgbox .img{box-sizing: border-box;overflow: hidden;background-color:#fff;} .productinfo01 .cont .imgbox .img img{display: block;width: 100%;} .productinfo01 .cont .imgbox .text{width: 80%;box-sizing: border-box;padding-left: 60px;} .productinfo01 .cont .imgbox .text h3{font-size: 24px;color: #222222;margin-bottom: 20px;font-weight: bold;} .productinfo01 .cont .imgbox .text h4{font-size: 16px;color: #666666;} .productinfo01 .cont .font{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;} .productinfo01 .cont .font .item{width: 50%;box-sizing: border-box;} .productinfo01 .cont .font .item h3{font-size: 18px;color: #222222;margin-bottom: 20px;font-weight: bold;} .productinfo01 .cont .font .item .min p{font-size: 15px;color: #666666;margin-bottom: 15px; line-height: 26px;} .productinfo01 .cont .font .item .min p:last-child{margin-bottom: 0;} .productinfo02{width: 1100px;margin: 60px auto;} .productinfo02 .tl{width: 100%;box-sizing: border-box;font-size: 18px;color: #222222;font-weight: bold;margin-bottom: 30px;} .p-tabl{width: 100%;border-collapse: collapse;} .p-tabl td,.p-tabl th{text-align: center;height: 70px;font-size: 14px;color: #444444;width: 28%;} .p-tabl td:nth-of-type(even),.p-tabl th:nth-of-type(even){width: 8%;} .p-tabl th{color: #FFFFFF;} .p-tabl tr{background-color: #fafafa;} .p-tabl tr:nth-of-type(odd){background-color: #f0f0f0;} .p-tabl tr:first-child{background-color: #2164af;} .p-tabl td,.p-tabl th{border-right: 1px solid #dddddd;padding: 0 10px;} .p-tabl td:last-child,.p-tabl th:last-child{border-right: none;} /* .productinfo02 table tr:last-child td{text-align: left;} */ .tabl-bot{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin-top: 70px;} .tabl-bot::before{content: '';display: block;width: 90px;height: 1px;background-color: #2164af;margin-right: 50px;} .tabl-bot::after{content: '';display: block;width: 90px;height: 1px;background-color: #2164af;margin-left: 50px;} .tabl-bot .more{margin: 0;width: 172px;height: 50px;line-height: 50px;} .productinfo02 .infoimg_box{margin:0 auto;width:100%;overflow:hidden;} .productinfo02 .infoimg_box img{width:100%;} /* 浜у搧鍒楄〃 */ .prolistwrap{width: 1100px;margin: auto;box-sizing: border-box;} .prolistwrap .prolist01{width: 100%;box-sizing: border-box;margin-bottom: 60px;} .prolistwrap .tl{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 40px;text-align: center;} .prolistwrap img{display: block;width: 100%;} .prolistwrap .p-tabl td,.prolistwrap .p-tabl th{width: auto;} .prolist02{margin-bottom: 80px;} .prolistwrap .p-tabl td,.prolistwrap .p-tabl th{width: 9%;line-height: 20px;} .prolistwrap .p-tabl td:first-child,.prolistwrap .p-tabl th:first-child{width: 10%;} .prolistwrap .p-tabl td:nth-child(1),.prolistwrap .p-tabl th:nth-child(1){width: 16%;} .prolistwrap .p-tabl td:last-child,.prolistwrap .p-tabl th:last-child{width: 40%;} .prolistwrap .p-tabl td span{margin-left: 30px;} .prolistwrap .p-tabl td a{transition: all .3s;} .prolistwrap .p-tabl td:hover a{text-decoration: underline;color: #2164af;} /* 浜у搧瀹氬埗 */ .procustomized{width: 800px;margin: auto;box-sizing: border-box;margin-bottom: 100px;} .procustomized .tl{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 40px;text-align: center;} .procustomized .cont{width: 100%;box-sizing: border-box;} .procustomized .cont form{display: block;width: 100%;} .procustomized .cont form label{width: 100%;margin-bottom: 30px;display: block;} .procustomized .cont form label p{font-size: 15px;color: #222222;margin-bottom: 10px;} .procustomized .cont form label input{display: block;width: 100%;height: 50px;background-color: #f2f2f2;border: 1px solid #dddddd;} .procustomized .cont form button{display: block;width: 172px;height: 50px;margin-top: 50px;} /* vcsel */ .vcsel01{width: 850px;margin: auto;margin-bottom: 90px;} .vcsel01 .i-toptext{width: 90%;margin: auto;margin-bottom: 40px;} .vcsel01 .i-toptext p{font-size: 22px;line-height: 42px;font-weight: bold;color: #222;} .vcsel01 .imgbox{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 40px;} .vcsel01 .imgbox li{width: 49%;overflow: hidden;} .vcsel01 .imgbox li img{display: block;width: 100%;transition: all .6s;} .vcsel01 .imgbox li:hover img{transform: scale(1.1);} /* vcsel02wrap */ .vcsel02wrap{width: 100%;box-sizing: border-box;background-color: #f2f3f4;padding: 60px 0;} .vcsel02{width: 1100px;margin: auto;} .vcsel02 .tl{font-size: 26px;color: #222222;font-weight: bold;margin-bottom: 30px;text-align: center;} .vcsel02 .top{width: 100%;padding: 60px 0;border-top: 1px solid #DDDDDD;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .vcsel02 .top .img{display: block;width: 50%;box-sizing: border-box;padding-right: 70px;} .vcsel02 .top.img img{display: block;width: 100%;} .vcsel02 .top .text{font-size: 20px;line-height: 30px;font-weight: bold;color: #222;box-sizing: border-box;padding-left: 70px;width: 50%;} .vcsel02 .bot{width: 100%;box-sizing: border-box;padding: 70px 0;border-top: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .vcsel02 .bot li{width: 50%;box-sizing: border-box;border-right: 1px solid #ddd;padding-right: 70px;} .vcsel02 .bot li h3{font-size: 16px;color: #666666;line-height: 26px;text-align: justify;} .vcsel02 .bot li p{font-size: 14px;color: #666666;margin-top: 20px;} .vcsel02 .bot li:last-child{padding-right: 0;padding-left: 70px;border: none;} /* vcsel03 */ .vcsel03{width: 1100px;margin: 90px auto;box-sizing: border-box;} .vcsel03 .tl{font-size: 26px;color: #222222;font-weight: bold;margin-bottom: 30px;text-align: center;} .vcsel03 .min{width: 100%;box-sizing: border-box;display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .vcsel03 .min .img{display: block;width: 70px;height: 70px;border-radius: 50%;border: 5px solid rgba(33,100,175,0.5);box-sizing: border-box;} .vcsel03 .min .img img{display: block;width: 100%;border-radius: 50%;border: 5px solid #2164af;box-sizing: border-box;} .vcsel03 .min li{width: 32%;margin-right: 2%;margin-bottom:2%;background-color: #f2f3f4;box-sizing: border-box;padding: 30px;text-align: center;} .vcsel03 .min li:nth-of-type(3n){margin-right: 0;} .vcsel03 .min li .img{margin:auto;} .vcsel03 .min li h3{font-size: 18px;color: #2164af;font-weight: bold;margin-top: 20px;} .vcsel03 .min li strong{display: block;width: 30px;height: 1px;margin: 20px auto;background: #2164af;} .vcsel03 .min li p{font-size: 15px;color: #666666;line-height: 20px;} /* vcsel04wrap */ .vcsel04wrap{width: 100%;box-sizing: border-box;padding: 90px 0 0px;background-color: #f2f3f4;} .vcsel04{width: 850px;margin: auto;box-sizing: border-box;} .vcsel04 .tl{font-size: 26px;color: #222222;line-height: 42px;font-weight: bold;text-align: center;margin-bottom: 40px;} .vcsel04 .min{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .vcsel04 .min li{width: 46%;margin-right: 8%;margin-bottom: 8%;} .vcsel04 .min li:nth-of-type(2n){margin-right: 0;} .vcsel04 .min li .img{width: 100%;overflow: hidden;} .vcsel04 .min li .img img{display: block;width: 100%;transition: all .6s;} .vcsel04 .min li:hover .img img{transform: scale(1.1);} .vcsel04 .min li .text{width: 100%;box-sizing: border-box;padding: 20px 20px 0;} .vcsel04 .min li .text h3{font-size: 18px;color: #222222;margin-bottom: 20px;text-align: center;font-weight: bold;} .vcsel04 .min li .text h4{font-size: 15px;color: #666666;line-height: 26px;} /* newsinfo */ .newsinfowrap{width: 100%;box-sizing: border-box;overflow: hidden;} .newsinfowrap .ninfo-tl{width: 100%;box-sizing: border-box;padding: 90px 0 60px;text-align: center;background-color: #f1f2f3;} .newsinfowrap .ninfo-tl h3{font-size: 30px;color: #222222;margin-bottom: 20px;font-weight: bold;} .newsinfowrap .ninfo-tl font{font-size: 14px;color: #888888;font-family: arial;} .newsinfowrap .newsinfo{width: 900px;margin: 70px auto;box-sizing: border-box;overflow: hidden;} .newsinfowrap .newsinfo .min{width: 100%;box-sizing: border-box;border-bottom: 1px solid #DDDDDD;} .newsinfowrap .newsinfo .min h4,.newsinfowrap .newsinfo .min p,.newsinfowrap .newsinfo .min span{font-size: 16px;color: #666666;line-height: 32px;margin-bottom: 40px;} .newsinfowrap .newsinfo .min img{display: block;margin: 60px auto; height:auto;max-width: 100%;} .newsinfowrap .newsinfo .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;} .newsinfowrap .newsinfo .page a{font-size: 14px;color: #666666;} .newsinfowrap .newsinfo .page a i{font-size: inherit;color: inherit;margin-right: 10px;} .newsinfowrap .newsinfo .page a:last-child i{margin-right: 0;margin-left: 10px;} .newsinfowrap .newsinfo .page a:hover{color: #015ada;} /* 鎮诞绐 */ .xfc{position:fixed;right:10px;z-index:10004;bottom:60px;width:40px;border-top: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;} .xfc .item{border-left:1px solid #ddd;border-right:1px solid #ddd;width:40px;height:40px;position:relative;background:#fff;box-sizing: border-box;} .xfc .item .imgbox{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40px;height:40px;} .xfc .item:first-child{border-bottom: 1px solid #DDDDDD;} .xfc .item .imgbox01{background:url(../img/phon02.png) no-repeat;background-size:16px;background-position:center;} .xfc .item .imgbox02{background:url(../img/email01.png) no-repeat;background-size:16px;background-position:center;} .xfc .item .cont{width: 216px;height: auto;border: 5px solid #DDDDDD;position: absolute;top: 50%;right: 50px;transform: translateY(-20%);-webkit-transform: translateY(-20%);background-color: #FFFFFF;box-sizing: border-box;padding: 20px;transition: all .3s;opacity: 0;} .xfc .item .cont::before{content: '';width: 0;height: 0;border: 10px solid transparent;border-left-color: #DDDDDD;position: absolute;right: -25px;top: 50%;margin-top: -10px;} .xfc .item .cont p{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 14px;color: #666666;margin-bottom: 10px;} .xfc .item .cont p img{display: block;margin-right: 10px;} .xfc .item .cont h3{font-size: 14px;color: #3773b7;text-decoration: underline;} .xfc .item:hover .cont{opacity: 1;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .xfc .item:hover{background-color: #3773b7;} .xfc .item:hover .imgbox01{background:url(../img/phon01.png) no-repeat;background-size:16px;background-position:center;} .xfc .item:hover .imgbox02{background:url(../img/email02.png) no-repeat;background-size:16px;background-position:center;} /* 璧勬枡涓嬭浇 */ .download{width: 1000px;margin: auto;} .download .cont{width: 100%;margin: 50px auto 120px;box-sizing: border-box;border-top: 2px solid #2164af;} .download a{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;height: 70px;border-bottom: 1px solid #DDDDDD;transition: all .3s;padding: 0 30px;} .download a h3{font-size: 16px;color: #222222;} .download a h3 i{font-size: inherit;color: inherit;margin-right: 10px;} .download a p{font-size: 13px;color: #2164af;} .download a p i{font-size: inherit;color: inherit;margin-left: 10px;} .download a:hover{background-color: #f1f2f3;} /* pc */ .pc_black{width: 100%;height: 100%;background-color: #000;position: fixed;top: 0;left: 0;display: none;z-index: 10;} .pc_black>h3{width: 100%;text-align: center;margin-top:60px;display: none;} .pc_black>h3>p{font-size: 20px;color: #ccc;margin-bottom: 35px;} .pc_black>h3>span{display: block;font-size: 14px;color: #ccc;line-height: 24px;} @media only screen and (max-width:1600px ) { .banner{height: calc(100% - 70px);} .header,.header .right .language{height: 70px;} .header .right .nav li a{font-size: 16px;height: 70px;line-height: 70px;padding: 0 20px;} .header .right .nav li .nav02 a{height: 40px;padding: 0;} .header .right .nav{margin-right:20px;} .header .logo img{height: 52px;} .banner .text,.banner .swiper-pagination{width: 1100px;} .banner .text h3{font-size: 44px;} .index01,.index03,.footer .cont,.copyright .cont{width: 1100px;} .index01 .cont .text{padding: 60px 70px;} .index01 .cont .text strong{margin: 30px 0;} .more{width: 180px;height: 42px;line-height: 42px;font-size:13px;} .index01 .cont .text h4{font-size:15px;line-height:28px;} .index02 .min a .text{left: -22px;} .index02 .min a .text img{height: 50px;} .index02 .min a .text .hover{margin-top: 20px;} .index03 .min02 .right{width: 42%;} .index03 .min02 .right a .text h3{font-size: 15px;} .index03 .min02 .right a .text .font h3{font-size:13px;} .index03 .min02 .left .text h3{font-size: 22px;margin-bottom: 20px;} .index04 .item .text h3{font-size: 26px;margin-bottom:20px;} .index04 .item .text strong{display:none;} .footer{padding-bottom: 80px;} .i-tl h3{font-size:36px;} .banner .swiper-button-prev{left: 1%;} .banner .swiper-button-next{right: 1%;} .join01 .min,.contact01,.news01wrap,.prolistwrap{width: 1000px;} .contact01 .right{padding-left: 40px;} .contact01 .left{padding-right: 40px;} .productall01{width: 1000px;} .innbanner .bannertext .botbg{height:100px;} .innerwrap{margin-top:-40px;} .i-toptext h3{font-size:28px;} .innbanner .bannertext .text{margin-bottom:60px;} .productallwrap{margin-top:0;} } /* @media only screen and (max-width:1279px ) { .pc_black{display: block;} .pc_black>h3{display: block;} .index01,.index02,.index03{display: none;} } */