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.3px;} body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;} img{display: block;} a{ color:#333; text-decoration:none; font-size: 16px;} 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;} /*<------------------------------------->*/ /* 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;background-color: #FFFFFF;height: 90px;position: fixed;z-index: 10;border-bottom: 1px solid #DDDDDD;} .header{width: 90%;margin: 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;} .header .logo{display: block;} .header .logo img{display: block;width: auto;height: 55px;} .header .nav{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;} .header .nav li{position: relative;} .header .nav li a{display: block;font-size: 18px;color: #333333;line-height: 90px;margin: 0 30px;font-weight: bold;} .header .nav li:hover a{color: #002870;} .header .nav li::after{content: '';display: block;width: 0%;height: 2px;background-color: #002870;position: absolute;left: 0%;bottom: 0;transition: all .3s;} .header .nav li:hover::after{width: 100%;} .header .language{width: 150px;height: 34px;border: 1px solid #002d78;box-sizing: border-box;padding: 0 14px;position: relative;margin-left: 40px;} .header .language p{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;font-size: 14px;color: #002d78;height: 34px;text-transform: uppercase;} .header .language p i{font-size: inherit;color: inherit;} .header .language .link{display: block;width: 100%;height: auto;background-color: #FFFFFF;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);position: absolute;left: 0;opacity: 0;visibility: visible;transition: all .3s;} .header .language .link a{font-size: 14px;color: #333;line-height: 34px;border-bottom: 1px solid #ddd;box-sizing: border-box;padding: 0 14px;display: block; text-transform: uppercase;} .header .language:hover .link{opacity: 1;visibility: visible;} .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;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: #002d78;background-color: #fff;} .header .nav li .nav02 a:before{content: '';display: inline-block;width: 3px;height: 14px;background-color: #002d78;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;color: inherit;} .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;} /* bannerwrap */ .bannerwrap{width: 100%;box-sizing: border-box;position: relative;z-index: 0;height: 100%;padding-top: 90px;} .banner{width: 100%;height: calc(100% - 100px);position: relative;overflow: hidden;} .banner .swiper-container{height: 100%;} .bannerwrap .centerBig{position: relative;} .bannerwrap .centerBig img{display: block;width: 100%;} .bannerwrap .centerBig .sjimg{display: none;} .bannerwrap .centerBig .text{width: 90%;position: absolute;/*top: 50%;*/top:80%; left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} .bannerwrap .centerBig .text p{font-size: 36px;color: #FFFFFF;line-height: 48px;text-shadow: 0px 0px 5px rgba(0,0,0,0.3);text-transform: uppercase;} .bannerwrap .centerBig .text h3{font-size: 60px;color: #FFFFFF;font-weight: bold;margin: 30px 0;text-shadow: 0px 0px 5px rgba(0,0,0,0.3);letter-spacing: 10px;} .bannerwrap .centerBig .text h4{font-size: 30px;color: #ffffff;text-shadow: 0px 0px 5px rgba(0,0,0,0.3);} .more{display: block;position: relative;width: 190px;height: 50px;line-height: 50px;font-size: 16px;color: #002870;background-color: #FFFFFF;z-index: 0;text-align: center;text-transform: uppercase;} .more::after{content: '';display: block;width: 0%;height: 100%;background-color: #002870;z-index: -1;transition: all .3s;position: absolute;left: 0;top: 0;} .more:hover::after{width: 100%;} .more:hover{color: #FFFFFF;} .bannerwrap .centerBig .text .more{margin-top: 60px;} .bannerwrap .swiper-pagination{box-sizing: border-box;padding-left: 5%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: auto;bottom: 70px;} .bannerwrap .swiper-pagination .swiper-pagination-bullet{background-color: #FFFFFF;position: relative;margin-right: 20px;opacity: 1;} .bannerwrap .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;} .bannerwrap .swiper-pagination .swiper-pagination-bullet::after{content: '';display: block;width: 17px;height: 17px;position: absolute;top: 50%;left: 50%;border-radius: 50%;border:1px solid #FFFFFF;margin-top: -9px;margin-left: -9px;} .bannerwrap .swiper-pagination .swiper-pagination-bullet::after{opacity: 0;} .bannerwrap .swiper-pagination .swiper-pagination-bullet-active::after{opacity: 1;} .bannerwrap .page{width: 44px;height: 100%;position: absolute;top: 0;right: 5%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-flex-flow: column;flex-flow: column;} .bannerwrap .page .swiper-button-next,.bannerwrap .page .swiper-button-prev{display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border: 1px solid #FFFFFF;width: 42px;height: 42px;border-radius: 50%;font-size: 26px;color: #FFFFFF;position: relative;top: 0;left: 0;margin: 0;background-image: none;outline: none;} .bannerwrap .page .swiper-button-next{margin-top: 10px;} /* banner-bot */ .banner-bot{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .banner-bot a{display: block;width: 50%;box-sizing: border-box;display: flex;display: flex;display: -webkit-flex;-webkit-align-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding: 0 5%;transition: all .3s;height: 100px;} .banner-bot a h3{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 26px;text-transform: uppercase;} .banner-bot a h3::before{content: '';display: block;width: 70px;height: 1px;margin-right: 15px;transition: all .3s;} .banner-bot a:first-child{background-color: #002870;;} .banner-bot a:last-child{background-color: #fdd000;} .banner-bot a:first-child h3{color: #FFFFFF; font-weight: bold;} .banner-bot a:last-child h3{color: #333333; font-weight: bold;} .banner-bot a:first-child h3::before{background-color: #FFFFFF;} .banner-bot a:last-child h3::before{background-color: #333333;} .banner-bot a img{width: auto;height: 100%;max-height: 100%;} .banner-bot a:first-child:hover{background-color: #023694;} .banner-bot a:last-child:hover{background-color: #fcdb40;} .banner-bot a:hover h3::before{width: 100px;} /* indexwrap */ .indexwrap{width: 100%;height: auto;box-sizing: border-box;overflow: hidden;} .iondex01wrap{width: 100%;box-sizing: border-box;padding: 100px 5%;background-color: #f5f5f5;} .i-tl{font-size: 34px;color: #002870;font-weight: bold;text-align: center;margin-bottom: 50px;} .index01{width: 100%;margin: auto;} .index01 a{display: block;width: 100%;background-color: #FFFFFF;border: 1px solid #DDDDDD;} .index01 a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;} .index01 a .imgbox img{display: block;width: 100%;transition: all .6s;} .index01 a .text{width: 100%;box-sizing: border-box;padding: 50px 30px;} .index01 a .text strong{display: block;width: 60px;height: 2px;background-color: #002870;margin-bottom: 20px;} .index01 a .text h3{font-size: 30px;color: #333333;margin-bottom: 60px;} .index01 a .text .more{border: 1px solid #002870;background-color: transparent;font-size: 14px;color: #002870;width: 110px;height: 36px;line-height: 36px;} .index01 a .text .more:hover{color: #FFFFFF;} .index01 a:hover .imgbox img{transform: scale(1.1);} .index01 .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;} .index01 .swiper-button-next,.index01 .swiper-button-prev{position: relative;height: auto;width: auto;font-size: 26px;top: 0;margin: 0;padding: 0;left: 0;right: 0;color: #818181;background-image: none;outline: none;} .index01 .swiper-pagination{position: relative;margin: 0 50px;} .index01 .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #abb9cf;opacity: 1;margin-right: 10px;} .index01 .swiper-pagination-bullet:last-child{margin-right: 0;} .index01 .swiper-pagination-bullet-active{background-color: #002d78;} /* index02wrap */ .index02wrap{width: 90%;margin: 100px auto;box-sizing: border-box;position: relative;} .index02{width: 100%;position: relative;} .index02 .left{width: 48%;box-sizing: border-box;display: block;} .index02 .left .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;} .index02 .left .imgbox img{display: block;width: 100%;transition: all .6s;} .index02 .left:hover .imgbox img{transform: scale(1.1);} .index02 .left .text{width: 100%;box-sizing: border-box;position: relative;padding-left: 160px;margin-top: 30px;} .index02 .left .text .data,.index02 .right .info a .cont .data{width: 100px;position: absolute;top: 0;left: 0;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;background: url(../img/line.png)no-repeat;} .index02 .left .text .data span,.index02 .right .info a .cont .data span{font-size: 24px;color: #002870;font-weight: bold;} .index02 .left .text .data p,.index02 .right .info a .cont .data p{font-size: 60px;color: #002870;opacity: 0.6;font-weight: bold;margin-top: 20px;} .index02 .left .text h3,.index02 .right .info a .cont h3{font-size: 20px;color: #333333;font-weight: bold;margin-bottom: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .index02 .left:hover .text h3,.index02 .right .info a:hover .cont h3{color: #002870;} .index02 .left .text h4,.index02 .right .info a .cont h4{font-size: 16px;color: #333333;line-height: 30px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .index02 .right{width: 48%;height: 100%;position: absolute;right: 0;top: 0;} .index02 .right .info{width: 100%;height: calc(100% - 140px);} .index02 .right .info a{width: 100%;border-bottom: 1px solid #DDDDDD;height: calc(100% / 3);display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} .index02 .right .info a .cont{width: 100%;position: relative;box-sizing: border-box;padding-left: 160px;} .index02 .right .more{display: block;width: 186px;height: 50px;line-height: 50px;border: 1px solid #002870;position: absolute;left: 0;bottom: 0;} /* footerwrap */ .footerwrap{width: 100%;box-sizing: border-box;background: #002870;padding: 100px 5%;} .footer{width: 100%;} .footer .f-top{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: #FFFFFF;padding-bottom: 30px;border-bottom: 1px solid rgba(255,255,255,0.5); font-weight: bold;} .footer .f-top .bdsharebuttonbox{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;} .footer .f-top .bdsharebuttonbox a{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 30px;height:30px;border-radius: 2px;border: 1px solid #FFFFFF;background-image: none;box-sizing: border-box;padding: 0;margin: 0;margin-right: 14px;} .footer .f-top .bdsharebuttonbox a{font-size: 16px;color: #FFFFFF; font-weight: bold;} .footer .f-top .bdsharebuttonbox a:last-child{margin-right: 0;} .footer .f-center{width: 100%;box-sizing: border-box;padding: 70px 0;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .footer .f-center .f-logo{display: block;} .footer .f-center .f-logo img{display: block;width: auto;height: 55px;} .footer .f-center .item h3,.footer .f-center .email h3,.footer .f-center .ewm h3{margin-bottom: 30px;font-size: 18px;color: #FFFFFF;font-weight: bold;} .footer .f-center .item h3 a{font-size: 18px;color: #FFFFFF;font-weight: bold;} .footer .f-center .item p{margin-bottom: 15px;} .footer .f-center .item p a{font-size: 16px;color: #FFFFFF;opacity: 0.6;} .footer .f-center .item p a:hover{opacity: 1;text-decoration: underline;} .footer .f-center .email h4{display: block;width: 260px;height: 40px;line-height: 40px;box-sizing: border-box;padding: 0 10px;text-align: center;font-size: 14px;color: #FFFFFF;opacity: 0.6;margin-bottom: 30px;border-radius: 4px;border: 1px solid #FFFFFF;} .footer .f-center .email p{font-size: 16px;color: #ffffff;line-height: 32px;opacity: 0.6;} .footer .f-center .ewm img{display: block;width: auto;max-width: 130px;} .footer .f-center .ewm p{font-size: 14px;color: #FFFFFF;opacity: 0.6;margin-top: 20px;letter-spacing: 2px;} .footer .f-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;} .footer .f-bot h3,.footer .f-bot a{font-size: 14px;color: #ffffff;} .footer .f-bot h3, .footer .f-bot .bs{margin-left: 10px;} .footer .f-bot h3, .footer .f-bot img{display: block;width: auto;height: 20px;} .footer .f-bot h3 {display: flex;align-items: center;} .f-bot-1,.f-bot-2,.f-bot-3,.f-bot-3 a{font-size: 14px;color: #ffffff;margin-left: 5px;} .f-bot-3 {display: flex;align-items: center;} /* 关于-安全 */ .innerbanner{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;padding-top: 90px;} .innerbanner img{display: block;width: 100%;} .innerbanner .text{position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);margin-top: 45px;} .innerbanner .text h3{font-size: 50px;font-weight: bold;color: #FFFFFF;text-shadow: 5px 5px 10px rgba(0,0,0,0.3);text-align: center;letter-spacing: 5px;} /* innerwrap */ .innerwrap{width: 100%;box-sizing: border-box;overflow: hidden;} /* security01 */ .contwidth{width: 1300px;} .security01{box-sizing: border-box;margin: 70px auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .security01 .text{width: 50%;box-sizing: border-box;} .security01 .text h3{margin-bottom: 30px;} .security01 .text h4{font-size: 16px;color: #333333;line-height: 26px;margin-bottom: 50px;} .s-tl{font-size: 26px;color: #002870;line-height: 36px;font-weight: bold;} .security01 .text .img{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: flex-end;align-items: flex-end;} .security01 .text .img img{display: block;width: auto;height: 60px;} .security01 .text .img p{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 20px;color: #fdd000; font-weight: bold;} .security01 .text .img p::before{content: '';display: block;width: 40px;height: 1px;background-color: #fdd000;margin-right: 10px;} .security01 .imgbox{width:45%;overflow: hidden;border: 1px solid #DDDDDD;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;align-items: center;-webkit-align-items: center;} .security01 .imgbox img{display: block;width: auto;transition: all .6s;max-width: 90%;} .security01 .imgbox:hover img{transform: scale(1.1);} /* security02 */ .security02{width: 100%;box-sizing: border-box;position: relative;padding: 190px 0;background: url(../img/bj_aq.jpg)no-repeat fixed;background-size: cover;} .security02::before{content: '';display: block;width: 50%;height: 100%;background-color: rgba(0,40,112,0.7);position: absolute;top: 0;left: 0;} .security02 .text{box-sizing: border-box;position: relative;z-index: 1;margin: auto;} .security02 .cont{width: 50%;box-sizing: border-box;padding-right: 130px;} .security02 .cont h3{color: #FFFFFF;margin-bottom: 30px;} .security02 .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: 20px;color: #fdd000;margin-bottom: 30px;} .security02 .cont p::before{content: '';display: block;width: 40px;height: 1px;background-color: #fdd000;margin-right: 10px;} .security02 .cont h4{font-size: 16px;line-height: 24px;color: #FFFFFF;text-align: justify;} /* security03wrap */ .security03wrap{margin: 70px auto;box-sizing: border-box;} .security03wrap .s-tl{margin-bottom: 40px;text-align: center;} .security03{width: 100%;box-sizing: border-box;display: ]flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;} .security03 a{display: block;width: 32%;margin-right: 2%;position: relative;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);padding: 70px 40px;box-sizing: border-box;} .security03 a:nth-of-type(3n){margin-right: 0;} .security03 a h3{font-size: 20px;color: #333333;font-weight: bold;margin-bottom: 20px;} .security03 a 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: #002870;} .security03 a p i{margin-left: 10px;font-size: inherit;color: inherit;} .security03 a img{display: block;position: absolute;right: 40px;top: 40px;} .security03 a::before{content: '';display: block;width: 0;height: 2px;background-color: #002D78;position: absolute;bottom: 0;left: 0;transition: all .3s;} .security03 a:hover::before{width: 100%;} /* 关于-简介 */ .about01{width: 100%;box-sizing: border-box;} .about01 li{width: 100%;box-sizing: border-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .about01 li .text{width: 50%;box-sizing: border-box;position: relative;padding-left: calc((100% - 1300px)/2);padding-right: 100px;} .about01 li .text .top{position: relative;padding-top: 30px;margin-bottom: 30px;} .about01 li .text .top h3{font-size: 26px;color: #002870;font-weight: bold;margin-bottom: 30px;} .about01 li .text .top strong{display: block;width: 50px;height: 2px;background-color: #002870;} .about01 li .text span{font-size: 100px;color: #002870;opacity: 0.1;position: absolute;top: 0;left: 0;font-weight: bold;} .about01 li .text h4{font-size: 16px;color: #333333;line-height: 30px;text-align: justify;} .about01 li .imgbox{width: 50%;overflow: hidden;position: relative;} .about01 li .imgbox img{display: block;width: 100%;transition: all .6s;} .about01 li:hover .imgbox img{display: block;width: 100%;transform: scale(1.1);} .about01 li .imgbox::before{content: '';display: block;width: 0;height: 0;border: 20px solid transparent;border-left-color: #fff;position: absolute;left: 0;z-index: 1;top: 50%;margin-top: -20px;} .about01 li:nth-of-type(2n){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;} .about01 li:nth-of-type(2n) .imgbox::before{left: initial;right: 0;border-left-color: transparent;border-right-color: #fff;} .about01 li:nth-of-type(2n) .text{padding-right: calc((100% - 1300px)/2);padding-left: 100px;} /* 关于-创新 */ .innovate01{width: 100%;box-sizing: border-box;position: relative;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;background: url(../img/bj_zl_02.jpg)no-repeat fixed;background-size: cover;background-position: center;} .innovate01 a{display: block;width: calc(100% / 3);box-sizing: border-box;padding: 100px 20px 130px;border-right: 1px solid #6d87b6;position: relative;} .innovate01 a:last-child{border-right: none;} .innovate01 a .imgbox{width: 100%;position: relative;z-index: 1;} .innovate01 a .imgbox img{display: block;width: auto;margin: auto;max-width: 90%;transition: all .6s;} .innovate01 a:hover .imgbox img{transform: scale(0.9);} .innovate01 a h3{font-size: 20px;color: #002870;font-weight: bold;margin-top: 30px;text-align: center;position: relative;z-index: 1;} .innovate01 a::before{content: '';background-color: rgba(191,214,255,0.5);position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: all .3s;} .innovate01 a:hover::before{opacity: 1;} /* 公司理念 */ .idea01{margin: 100px auto 0;position: relative;z-index: 1;} .idea01 .text{text-align: center;margin-bottom: 50px;} .idea01 .text h4{font-size: 16px;color: #333333;line-height: 30px;margin-top: 20px;} .idea01 .imgbox{width: 100%;overflow: hidden;} .idea01 .imgbox img{display: block;width: 100%;transition: all .6s;} .idea01 .imgbox:hover img{transform: scale(1.1);} .idea01::after{content: '';display: block;width: 1px;height: 100px;position: absolute;bottom: -50px;left: 50%;background-color: #002870;} /* idea02wrap */ .idea02wrap{width: 100%;position: relative;background: url(../img/bj_company_02.jpg)no-repeat fixed;background-size: cover;box-sizing: border-box;padding-top: 280px;margin-top: -200px;z-index: 0;padding-bottom: 150px;} .idea02wrap .s-tl{text-align: center;} .idea02{margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 50px;position: relative;} .idea02 .item{position: relative;z-index: 1;} .idea02 .item h3{width: 140px;height: 140px;background-color: #002870;border-radius: 50%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;transition: all .6s;} .idea02 .item h3 img{display: block;width: auto;max-width: 90%;} .idea02 .item p{font-size: 16px;color: #333333;text-align: center;margin-top: 20px;font-weight: bold;} .idea02::before{content: '';display: block;width: 100%;height: 1px;background-color: #9dafc9;position: absolute;left: 0;top: 70px;z-index: 0;} .idea02 .item:hover h3{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);} /* 产品 */ .products01{width: 90%;margin: 100px auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .products01 .left{width: 20%;box-sizing: border-box;} .products01 .left li{width: 100%;position: relative;margin-bottom: 2px;} .products01 .left li .a{display: block;font-size: 18px;color: #002870;font-weight: bold;box-sizing: border-box;padding-left: 30px;line-height: 50px;border-left: 2px solid #002870;background-color: #f5f5f5;} .products01 .left li .open{width: 100%;box-sizing: border-box;padding: 30px 0 30px 30px;display: none;} /*.products01 .left li:first-child .open{display: block;}*/ .products01 .left li .open a{display: block;font-size: 14px;line-height: 36px;color: #666;box-sizing: border-box;} .products01 .left li .open a.active,.products01 .left li .open a:hover{color: #002870;} .products01 .left li .open .active2{ color: #002870;} .products01 .left .active1 .open{ display: block;} .products01 .right{width: 80%;box-sizing: border-box;padding-left: 90px;} .products01 .right .top{margin-bottom: 40px;} .products01 .right .top h3{font-size: 30px;color: #333333;margin-bottom: 20px;} .products01 .right .top strong{display: block;width: 60px;height: 2px;background-color: #002870;} .products01 .right .list{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;} .products01 .right .list a{display: block;width: 32%;margin-right: 2%;margin-bottom: 40px;} .products01 .right .list a:nth-of-type(3n){margin-right: 0;} .products01 .right .list a .imgbox{width: 100%;overflow: hidden;position: relative;border: 1px solid #ddd;} .products01 .right .list a .imgbox img{display: block;width: 100%;transition: all .6s;} .products01 .right .list a .imgbox span{display: block;position: absolute;left: 0;top: 20px;background-color: #002870;font-size: 14px;color: #fff;position: absolute;left: 0;text-transform: uppercase;padding: 12px;z-index: 1;} .products01 .right .list a:hover .imgbox img{transform: scale(1.1);} .products01 .right .list a h3{font-size: 18px;color: #333333;padding-left: 15px;border-left: 2px solid #002870;margin-top: 20px;} /* 产品详情 */ .proinfowrap{width: 100%;box-sizing: border-box;background-color: #f5f5f5;padding-top: 90px;} .proinfo01{margin: auto;box-sizing: border-box;padding: 100px 0;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .proinfo01 .text{width: 48%;box-sizing: border-box;} .proinfo01 .text h3{padding: 50px 30px;font-size: 30px;color: #002870;font-weight: bold;position: relative;margin-bottom: 30px;z-index: 1;} .proinfo01 .text h3::before{content: '';display: block;width: 180px;height: 100%;position: absolute;top: 0;left: 0;background-color: #a6b4cc;z-index: -1;} .proinfo01 .text .info{width: 100%;box-sizing: border-box;padding-left: 30px;padding-bottom: 30px;border-bottom: 1px solid #c4ccda;margin-bottom: 30px;} .proinfo01 .text .info p{font-size: 16px;color: #333333;line-height: 26px;margin-bottom: 20px;} .proinfo01 .text .info p:last-child{margin-bottom: 0;} .proinfo01 .text .link{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;padding-left: 30px;} .proinfo01 .text .more{background-color: #002870;width: 120px;height: 40px;line-height: 40px;font-size: 16px;color: #fff;border: 1px solid #002870;box-sizing: border-box;margin-right: 20px;} .proinfo01 .text .more:last-child{margin-right: 0;} .proinfo01 .text .more::after{background-color: #fff;} .proinfo01 .text .more:hover{color: #002870;} .proinfo01 .imgbox{width: 48%;box-sizing: border-box;border: 1px solid #ddd;} .proinfo01 .imgbox img{display: block;width: 100%;transition: all .6s;} /* .proinfo02wrap */ .proinfo02wrap{width: 100%;box-sizing: border-box;} .proinfo02wrap li{width: 100%;box-sizing: border-box;} .proinfo02wrap li .top{width: 100%;box-sizing: border-box;background-color: #002870;padding: 30px 0;} .proinfo02wrap li .top h3{margin: auto;font-size: 20px;color: #fff;font-weight: bold;} .proinfo02{padding: 60px 0 100px;box-sizing: border-box;margin: auto;} .proinfo02 .text01{width: 100%;box-sizing: border-box;} .proinfo02 .text01 p{padding-left: 0;font-size: 16px;color: #333333;line-height: 40px;position: relative;} /*.proinfo02 .text01 p::before{content: '';display: block;width: 4px;height: 4px;border-radius: 50%;background-color: #333333;position: absolute;left: 0;top: 18px;}*/ .proinfo02 .imglist{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;} .proinfo02 .imglist a{display: block;width: 23.5%;margin-right: 2%;} .proinfo02 .imglist a:nth-of-type(4n){margin-right: 0;} .proinfo02 .imglist a .imgbox{width: 100%;overflow: hidden;border: 1px solid #ddd;} .proinfo02 .imglist a .imgbox img{display: block;width: 100%;transition: all .6s;} .proinfo02 .imglist a:hover .imgbox img{transform: scale(1.1);} .proinfo02 .imglist a h3{padding-left: 20px;border-left: 2px solid #002870;font-size: 18px;color: #333333;margin-top: 20px;} /* 联系方式 */ .contact01wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f5f5f5;} .contact01{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;position: relative;} .contact01 .r-font{font-size: 122px;color: rgba(0,40,112,0.05);text-transform: uppercase;writing-mode: tb;position: absolute;right: -120px;top: 0;font-weight: bold;} .contact01 .left{width: 40%;background-color: #fff;box-sizing: border-box;padding: 80px 90px;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);} .c-top{font-size: 26px;color: #002870;font-weight: bold;margin-bottom: 30px;} .contact01 .left ul li{margin-bottom: 40px;} .contact01 .left ul li:last-child{margin-bottom: 30px;} .contact01 .left ul li h3{font-size: 20px;color: #002870;margin-bottom: 20px;font-weight: bold;} .contact01 .left ul li p{font-size: 16px;color: #333333;line-height: 30px;} .contact01 .right{width: 58%;box-sizing: border-box;padding: 80px 100px;background-color: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);} .c-form{width: 100%;box-sizing: border-box;display: block;} .c-form input{display: block;width: 100%;height: 46px;background-color: #efefef;border: none;outline: none;box-sizing: border-box;padding: 0 10px;margin-bottom: 10px;font-size: 16px;color: #333333;} .c-form textarea{display: block;width: 100%;height: 100px;background-color: #efefef;box-sizing: border-box;padding: 10px;border: none;outline: none;margin-bottom: 40px;resize: none;font-size: 16px;color: #333333;} .c-form .more{background-color: #002870;border: 1px solid #002870;color: #fff;width: 168px;height: 48px;line-height: 46px;} .c-form .more::after{background-color: #fff;} .c-form .more:hover{color: #002870;} /* contact02 */ .contact02{margin: 100px auto;position: relative;height: 470px;} #dituContent01{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .wpcf7-form{width: 100%;box-sizing: border-box;display: block;} .wpcf7-form input{display: block;width: 100%;height: 46px;background-color: #efefef;border: none;outline: none;box-sizing: border-box;padding: 0 10px;margin-bottom: 10px;font-size: 16px;color: #333333;} .wpcf7-form textarea{display: block;width: 100%;height: 100px;background-color: #efefef;box-sizing: border-box;padding: 10px;border: none;outline: none;margin-bottom: 40px;resize: none;font-size: 16px;color: #333333;} .wpcf7-form .more{background-color: #002870;border: 1px solid #002870;color: #fff;width: 168px;height: 48px;line-height: 46px;} .wpcf7-form .more::after{background-color: #fff;} .wpcf7-form .more:hover{color: #002870;} .wpcf7-form span{display: block;overflow: hidden;position: relative;} .wpcf7-form span span{position: absolute;width: auto;top: 0;right: 10px;line-height: 46px;letter-spacing: 0;color: #002870;} .wpcf7-response-output,.wpcf7-validation-errors,.wpcf7-mail-sent-ok{ display: block;color: #002870;letter-spacing: 0;margin: 20px 0 0 0;} .screen-reader-response,.wpcf7-form p br{ display: none; } /* 招聘 */ .join01{margin: 100px auto 60px;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;} .join01 a{display: block;width: 48%;box-sizing: border-box;border: 1px solid #bbc0d0;padding: 50px 90px;margin-bottom: 4%;position: relative;z-index: 0;} .join01 a h3{font-size: 22px;color: #333333;font-weight: bold;margin-bottom: 30px;} .join01 a .cont{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;padding-bottom: 70px;border-bottom: 1px solid #ddd;margin-bottom: 30px;} .join01 a .cont li{width: auto;box-sizing: border-box;padding: 0 20px;font-size: 16px;color: #333333;border: 1px solid #c1c1c1;margin-right: 10px;line-height: 30px;} .join01 a .cont li:last-child{margin-right: 0;} .join01 a font{font-size: 16px;color: #333333;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;} .join01 a font i{font-size: inherit;color: inherit;margin-left: 10px;} .join01 a span{font-size: 24px;color: #002870;opacity: 0.1;writing-mode: tb;position: absolute;right: 30px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);font-weight: bold;white-space: nowrap;} .join01 a::after{content: '';display: block;width: 100%;height: 100%;background-color: #002870;position: absolute;top: 0;left: 0;opacity: 0;transition: all .3s;z-index: -1;} .join01 a:hover::after{opacity: 1;} .join01 a:hover h3,.join01 a:hover .cont li,.join01 a:hover font,.join01 a:hover span {color: #fff;} /* 招聘详情 */ .joininfo01{width: 1000px;padding: 100px 0;margin: auto;box-sizing: border-box;} .joininfo01 .top{border-bottom: 1px solid #bababa;position: relative;margin-bottom: 50px;} .joininfo01 .top h3{font-size: 30px;color: #002870;font-weight: bold;margin-bottom: 30px;} .joininfo01 .top strong{display: block;width: 50px;height: 2px;background-color: #002870;} .joininfo01 .top a{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #002870;position: absolute;right: 0;right: 0;bottom: 20px;width: 50px;height: 50px;} .joininfo01 .top a::before{content: '';display: block;width: 7px;height: 7px;border-top: 1px solid #fff;border-left: 1px solid #fff;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);margin-right: -8px;} .joininfo01 .top a::after{content: '';display: block;width: 20px;height: 1px;background-color: #fff;} .joininfo01 .cont{width: 100%;box-sizing: border-box;border-bottom: 1px solid #bababa;padding-bottom: 30px;margin-bottom: 30px;} .joininfo01 .cont li{margin-bottom: 30px;} .joininfo01 .cont li:last-child{margin-bottom: 0;} .joininfo01 .cont li h3{font-size: 18px;color: #333333;margin-bottom: 20px;} .joininfo01 .cont li .min p{font-size: 16px;color: #333333;line-height: 44px;opacity: 0.7;} .joininfo01 .bot{font-size: 16px;color: #333333;} /* 经销商 */ .distributor01{margin: 100px auto 60px;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;} .distributor01 a{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;background-color: #f5f5f5;width: calc((100% - 40px)/2);margin-bottom: 40px;} .distributor01 a .imgbox{width: 50%;box-sizing: border-box;overflow: hidden;} .distributor01 a .imgbox img{display: block;width: 100%;transition: all .6s;} .distributor01 a:hover .imgbox img{transform: scale(1.1);} .distributor01 a .text{width: 50%;box-sizing: border-box;padding: 60px 40px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-flow: column;flex-flow: column;} .distributor01 a .text .top h3{font-size: 18px;color: #333333;font-weight: bold;margin-bottom: 20px;} .distributor01 a .text .top p{font-size: 16px;color: #333333;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .distributor01 a .text .top p i{display: block;width: 1px;height: 16px;background-color: #333333;margin: 0 10px;} .distributor01 a .text .bot{width: 100%;box-sizing: border-box;} .distributor01 a .text .bot i{display: block;font-size: 20px;color: #002870;margin-bottom: 10px;} .distributor01 a .text .bot p{font-size: 20px;color: #002870;text-decoration: underline;margin-bottom: 10px;} .distributor01 a .text .bot p:last-child{margin-bottom: 0;} /* 新闻 */ .news01wrap{margin: 100px auto;box-sizing: border-box;} .news01{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 20px;} .news01 a{display: block;width: calc((100% - 60px)/3);margin-right: 30px;margin-bottom: 30px;border: 1px solid #ddd;box-sizing: border-box;padding: 30px;position: relative;overflow: hidden;} .news01 a::before{content: '';display: block;width: 0;height: 0;border: 1px solid transparent;border-top-color: #002870;border-left-color: #002870;transition: all .3s;position: absolute;top: 0;left: 0;z-index: 0;opacity: 0;} .news01 a::after{content: '';display: block;width: 0;height: 0;border: 1px solid transparent;border-bottom-color: #002870;border-right-color: #002870;transition: all .3s;position: absolute;bottom: 0;right: 0;z-index: 0;opacity: 0;} .news01 a:hover::before,.news01 a:hover::after{width: 100%;height: 100%;opacity: 1;} .news01 a:nth-of-type(3n){margin-right: 0;} .news01 a p{font-size: 16px;color: #666666;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;padding-bottom: 20PX;border-bottom: 1PX SOLID #DDD;margin-bottom: 20px;} .news01 a p i{display: block;width: 1px;height: 16px;background-color: #666666;margin: 0 10px;} .news01 a h3{font-size: 18px;color: #333333;line-height: 30px;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 30px;} .news01 a:hover h3,.news01 a:hover p{color: #002870;} .news01 a .more{width: 100px;height: 30px;line-height: 30px;font-size: 14px;color: #fff;background-color: #002870;border: 1px solid #002870;position: relative;z-index: 1;} .news01 a .more i{font-size: inherit;color: inherit;margin-left: 10px;} .news01 a .more:hover{color:#002870;} .news01 a .more::after{background-color: #fff;} .min p{ font-size: 16px;color: #333333;margin-right: 30px;line-height: 35px;} .min p img{margin: 2% auto;} .fy{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;} .fy a{display: block;width: 44px;height: 44px;border: 1px solid #ddd;text-align: center;line-height: 44px;transition: all .3s;margin-right: 10px;} .fy a i{font-size: inherit;color: inherit;} .fy a.active,.fy a:hover{background-color: #002870;color: #FFFFFF;border-color: #002870;} .fy a:last-child{margin-right: 0;} /* 新闻详情 */ .newsinfowrap{width: 800px;padding: 100px 0;margin: auto;box-sizing: border-box;} .newsinfo{width: 100%;box-sizing: border-box;} .newsinfo .top{margin-bottom: 50px;} .newsinfo .top .tl{width: 100%;box-sizing: border-box;position: relative;padding-bottom: 20px;border-bottom: 1px solid #bcbcbc;font-size: 20px;color: #002870;font-weight: bold;padding-right: 12px;margin-bottom: 20px;} .newsinfo .top .tl i{display: block;width: 0;height: 0;border: 12px solid transparent;border-left-color: #002870;position: absolute;right: -12px;bottom: -12px;transform: rotate(45deg);-webkit-transform: rotate(45deg);} .newsinfo .top .data{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;} .newsinfo .top .data span{font-size: 16px;color: #333333;margin-right: 30px;} .newsinfo .top .data span:last-child{margin-right: 0;} .newsinfo .min{width: 100%;box-sizing: border-box;padding-bottom:40px;border-bottom: 1px solid #bcbcbc;margin-bottom: 40px;} .newsinfo .min h4{font-size: 16px;color: #666666;line-height: 30px;margin-bottom: 30px;} .newsinfo .min h4:last-child{margin-bottom: 0;} .newsinfo .min h4 img{display: block;width: 100%;height: auto;} .newsinfowrap .bot{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;} .newsinfowrap .bot a{height: 46px;width: 140px;line-height: 46px;border: 1px solid #002870;background-color: #002870;color: #fff;margin-right: 20px;} .newsinfowrap .bot a:last-child{margin-right: 0;} .newsinfowrap .bot a::after{background-color: #fff;} .newsinfowrap .bot a:hover{color: #002870;} /* 反馈 */ .feedback01{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;} .feedback01 .text{width: 60%;box-sizing: border-box;box-shadow: 0px 0px 10px rgba(0,0,0,0.3);background-color: #fff;position: relative;z-index: 1;padding: 80px 50px 50px;margin-right: -20%;} .feedback01 .text h3{font-size: 20px;color: #060052;font-weight: bold;margin-bottom: 20px;} .feedback01 .text .info p{font-size: 14px;line-height: 28px;color: #333333;} .feedback01 .text .info{padding-bottom: 30px;border-bottom: 1px solid #ddd;margin-bottom: 30px;} .feedback01 .text h4{font-size: 14px;line-height: 28px;color: #333333;} .feedback01 .imgbox{width: 60%;box-sizing: border-box;overflow: hidden;} .feedback01 .imgbox img{display: block;width: 100%;transition: all .6s;} .feedback01 .imgbox:hover img{transform: scale(1.1);} @media only screen and (max-width: 1600px){ .header .logo img{height: 45px;} .header .nav li a{line-height: 80px;font-size: 17px;} .header .nav li .nav02 a{font-size: 14px;} .headerwrap{height: 80px;} .innerbanner{padding-top: 80px;} .bannerwrap{padding-top: 80px;} .bannerwrap .centerBig .text p{font-size: 28px;left: 38px;} .bannerwrap .centerBig .text h3{font-size: 50px;} .bannerwrap .centerBig .text h4{font-size: 24px;} .bannerwrap .centerBig .text .more{margin-top: 50px;} .bannerwrap .swiper-pagination{bottom: 40px;} .banner-bot a{height: 90px;} .banner{height: calc(100% - 90px);} .bannerwrap .centerBig img{width: auto;height: 100%;min-width: 100%;} .bannerwrap .centerBig{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;} .index01 a .text h3{font-size: 26px;margin-bottom: 40px;} .index02 .left .text h3, .index02 .right .info a .cont h3{margin-bottom: 20px;font-size: 18px;} .index02 .left .text h4, .index02 .right .info a .cont h4{line-height: 28px;font-size: 14px;} .index02 .right .info{height: calc(100% - 120px);} .index02 .right .more{width: 180px;height: 46px;line-height: 46px;} .index02 .left .text .data p, .index02 .right .info a .cont .data p{font-size: 50px;} .footer .f-center .item p a{font-size: 14px;} .footer .f-center .f-logo img{height: 42px;} .footer .f-center .item h3, .footer .f-center .email h3{margin-bottom: 20px;} .footer .f-center .email h4{width: 240px;height: 36px;line-height: 36px;} .footer .f-center .email p{font-size: 14px;line-height: 24px;} .footer .f-bot h3, .footer .f-bot a{font-size: 12px;} .f-bot-1,.f-bot-2,.f-bot-3,.f-bot-3 a{font-size: 12px;color: #ffffff;margin-left: 5px;} /* about */ .contwidth{width: 1200px;} .innerbanner .text h3{font-size: 42px;} .s-tl{font-size: 24px;line-height: 32px;} .security01 .text .img img{height: 50px;} .security01 .text .img p{font-size: 18px;} .security02 .cont{padding-right: 80px;} .security02{padding: 120px 0;} .about01 li .text{padding-left: calc((100% - 1200px)/2);padding-right: 60px;} .about01 li:nth-of-type(2n) .text{padding-right: calc((100% - 1200px)/2);padding-left: 60px;} .innovate01 a{padding: 80px 20px 100px;} .products01 .left li .a{font-size: 16px;padding-left: 20px;} .products01 .left li .open{padding: 30px 0 30px 20px;} .products01 .left{width: 24%;} .products01 .right{width: 76%;padding-left: 40px;} .products01 .right .top h3{font-size: 26px;} .products01 .right .list a .imgbox span{padding: 10px;} .c-top{font-size: 24px;} .contact01 .left{padding: 80px;} .contact01 .right{padding: 80px 90px;} .contact01 .r-font{display: none;} .distributor01 a .text{padding: 40px 30px;} .footer .f-bot h3, .footer .f-bot img{height: 18px;;} }