body,body *{color:#333; font-size:16px} [body]{overflow:hidden; max-width:1920px;margin: 0 auto;} .editor{line-height:1.8 !important;} .editor *{font-size:inherit !important;color:inherit;font-family:inherit;} .editor ul li{list-style:disc inside;padding-left:10px;} .editor ol li{list-style:decimal inside;padding-left:10px;} .editor img{max-width:100%;height:auto !important;} .editor a{color: #0782C1;text-decoration:inherit;} @font-face{ font-family:"Gilroy-regular"; src: url("/static/themes/font/Gilroy-regular.otf") format("opentype"); } @font-face{ font-family:"Gilroy-Bold"; src: url("/static/themes/font/Gilroy-Bold.ttf") format("opentype"); } @font-face{ font-family:"MONTSERRAT-REGULAR"; src: url("/static/themes/font/MONTSERRAT-REGULAR.TTF") format("opentype"); } /*首页标题*/ .index-title{position: relative;text-align: center;} .index-title .title-cn{font-size: 36px;color: #333;font-weight: 700;} .index-title .title-en{font-size: 48px;color: #333;font-family:"MONTSERRAT-REGULAR";position: absolute;left: 0;right: 0;margin: 0 auto;z-index: 0;opacity: .1;bottom: 8px;} /*内页标题*/ .inner-title{text-align: center;} .inner-title .title-cn{font-size: 30px;color: #333;margin-bottom: 6px;} .inner-title .title-en{font-size: 18px;color: #333;font-family:"Gilroy-regular";text-transform: uppercase;} /*翻页*/ #turn_page{ width:100%; /*height:46px;*/ line-height:44px; text-align:center; overflow:hidden;margin-top: 40px;} #turn_page img{ width:100%;} #turn_page input, #turn_page a, #turn_page font{ display:inline-block; vertical-align:top; margin:0 4px; background:#fff; font-size:14px; min-width:44px; height:44px; line-height:44px; border:1px solid #e5e5e5;} #turn_page input{width:44px;} #turn_page input[type="submit"]{width:78px;cursor:pointer;} /*#turn_page font{ font-size:14px; color:#666; background:#1c80ab;}*/ #turn_page .word{ padding: 0 20px; color:#757575;} #turn_page .page_button{ width:44px; font-family: Arial; color:#757575;} #turn_page .page_noclick{ width:44px; font-family: Arial; color:#757575;} #turn_page .page_item_current{ background:#c1392b; color:#fff;} @media (max-width: 750px){ #turn_page input, #turn_page a, #turn_page font{font-size:24px;} } /*全站搜索*/ .global-search{width:100%; padding-bottom:40px;} .global-search .form{margin-bottom:22px;margin-top: 20px;} .global-search .form .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #dddddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size: 16px;} .global-search .form .submit{height: 49px;width: 59px;border:1px solid #bb966a;border-top-right-radius: 5px;border-bottom-right-radius:5px;background: #c1392b url(/images/search-head.png) no-repeat center center;color: #fff;font-size: 16px;} .global-search .list{width:100%; margin-bottom:50px;} .global-search .list .info .cate{padding-left:15px;} .global-search .list .new .cate{} .global-search .list .know .cate{} .global-search .list .info li{padding:20px 0; border-bottom:1px solid #dddddd;} .global-search .list .info li:first-child{border-top:1px solid #dddddd;} .global-search .list .info .title{margin-right:16px; line-height:22px; color:#c1392b; font-size:16px; font-weight:bold;} .global-search .list .info .day,.global-search .list .info .cate{color:#888888; font-size:16px; margin-right:20px;} .global-search .list .info .day{margin:0;} .global-search .list .info .desc{height:60px; overflow:hidden; margin-top:1.375%; color:#888888; font-size:14px; line-height:32px;} @media (max-width: 750px){ /*全站搜索*/ .global-search .form .text{font-size: 26px;} .global-search .form .submit{width: 75px;font-size: 26px;} .global-search .list .info .title{font-size: 28px;line-height: 1.6;} .global-search .list .info .day, .global-search .list .info .cate{font-size: 28px;line-height: 1.6;} .global-search .list .info .desc{font-size: 26px;line-height: 1.6;height: 120px;} } /*头部*/ #header{height: 155px;background: #fff;box-shadow: 0 0 5px 0 rgba(0,0,0,.1);} #header .logo{width: 293px;height: 155px;} #header .nav{line-height: 152px;} #header .nav .one-nav{margin-right: 38px;border-bottom: 3px solid transparent;z-index: 2;} #header .nav .one-nav:hover{border-bottom: 3px solid #c1392b;} #header .nav .one-nav.cur{border-bottom: 3px solid #c1392b;} #header .nav .one-nav:hover .one-a{color: #c1392b;} #header .nav .one-nav.cur .one-a{color: #c1392b;} #header .nav .one-nav .ont-a{} #header .nav .one-nav .nav-two{min-width: 155px;background: #fff;left: 50%;top: 155px;padding: 20px;box-shadow: 0 0 10px 0 rgba(0,0,0,.1);} #header .nav .one-nav .nav-two .two-a{line-height: 40px;white-space: nowrap;} #header .nav .one-nav .nav-two .two-a:hover{color: #d12823;} #header .button_nav{width: 70px;height: 102px;padding: 35px 20px;cursor: pointer;/* margin-left: 20px; */} #header .lang{line-height: 155px;background: url(/images/sanjiao.png) no-repeat right;padding-right: 16px;z-index: 2;margin-left: 32px;} #header .lang::before{position: absolute;content: "";background: url(/images/lang-icon.png) no-repeat center;width: 23px;height: 23px;left: -33px;top: 66px;} #header .lang .lang-box{top: 100%;left: -50%;width: 130px;z-index: 10;display:none;line-height: 50px;box-shadow: 0 0 10px 0 rgba(0,0,0,.1);} #header .lang .lang-box .two-nav{background: #fff;} #header .lang .lang-box .two-nav:hover a{color: #d12823;} #header .search{width: 24px;height: 155px;line-height: 155px;background: url(/images/search.png) no-repeat center;margin-left: 35px;} .search_outer{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .9); opacity: 0; pointer-events: none; z-index: 1000; transform: scale(1.5);} .search_outer.show{ opacity: 1; pointer-events: visible; transform: scale(1);} .search_outer .search_in{ display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 650px; height: 100%;} .search_outer .search_in .close{position: absolute;top: 100px;right: 100px;cursor: pointer;} .search_outer .search_in .search_form{ width: 100%; border-bottom: 1px solid #e4e4e4;} .search_outer .search_in .search_form input[name=Keyword]{ padding-right: 60px; width: 100%; height: 96px; line-height: 96px; font-size: 28px; color: #fff;} .search_outer .search_in .search_form input[name=Keyword]::-webkit-input-placeholder{ font-size: 28px; color: #fff;} .search_outer .search_in .search_form input[name=Keyword]::-moz-placeholder{ font-size: 28px; color: #fff;} .search_outer .search_in .search_form input[name=Keyword]:-moz-placeholder{ font-size: 28px; color: #fff;} .search_outer .search_in .search_form input[name=Keyword]:-ms-input-placeholder{ font-size: 28px; color: #fff;} .search_outer .search_in .search_form .submit{ right: 0; top: 50%; width: 24px; height: 24px; background: url(/images/search-head.png) no-repeat center center;cursor: pointer; transform: translateY(-50%);} @media (max-width: 756px){ .search_outer .search_in .search_form input[name=Keyword]{padding-right: 20%;} .search_outer .search_in .search_form .submit{width: 18%;height: 60px;} } /*banner*/ #index-swiper{width: 100%;} #index-swiper .item{padding-top: 44.114%;} #index-swiper .btn-box{top: 50%;transform: translateY(-50%);right: 7.541%;z-index: 2;} #index-swiper .btn-box .prev{background: url(/images/arrow-t.png) no-repeat center;width: 45px;height: 23px;opacity: .3;} #index-swiper .btn-box .next{background: url(/images/arrow-b.png) no-repeat center;width: 45px;height: 23px;opacity: .3;} #index-swiper .btn-box .line{width: 45px;height: 2px;background: #c2c6cd;margin: 38px 0;} #index-swiper .btn-box .prev:hover{opacity: 1;} #index-swiper .btn-box .next:hover{opacity: 1;} #index-swiper .page{bottom: 115px;left: 14%;z-index: 2;} #index-swiper .page .swiper-pagination-bullet{background: transparent;opacity: .7;margin-right: 30px;} #index-swiper .page .swiper-pagination-bullet-active{margin-right: 85px;opacity: 1;} #index-swiper .page .swiper-pagination-bullet .num{font-size: 24px;font-family:"Gilroy-Bold";position: relative;} #index-swiper .page .swiper-pagination-bullet .num::after{position: absolute;top: 14px;left: 30px;width: 55px;height: 1px;background: #fff;content: "";display: none;} #index-swiper .page .swiper-pagination-bullet-active .num{color: #c1392b;} #index-swiper .page .swiper-pagination-bullet-active .num::after{display: block;} #index-swiper .page .swiper-pagination-bullet .line{} #inner-swiper{width: 100%;} /*二级导航*/ #second-nav{height: 60px;line-height: 58px;border-bottom: 1px solid #dedede;} #second-nav .container{max-width: 100%;} #second-nav .container .slide{width: auto;margin: 0 30px;border-bottom: 3px solid transparent;} #second-nav .container .slide.cur, #second-nav .container .slide:hover{border-bottom: 3px solid #c1392b;} #second-nav .container .slide.cur a, #second-nav .container .slide:hover a{color: #c1392b;} /*首页*/ #ind-about{padding: 125px 0;background: #f1f1f1;} #ind-about .content{width: 100%;display: flex;align-items: center;} #ind-about .content .text{width: 50%;padding-right: 70px;} #ind-about .content .text .tit{font-size: 60px;font-family:"MONTSERRAT-REGULAR";line-height: 60px;text-transform: uppercase;} #ind-about .content .text .brief{color: #666;line-height: 30px;margin: 60px 0 70px;} #ind-about .content .text .more{font-size: 18px;font-family:"MONTSERRAT-REGULAR";} #ind-about .content .right{width: 50%;} #ind-about .content .right .pic{width: 100%;} #ind-about .content .right .bg{width: 66px;height: 290px;background: url(/images/ind-about-icon.png) no-repeat center;right: 0;top: 50%;transform: translate(50%,-50%);} #ind-prod{padding: 80px 0 50px;} .prod-cate-box{margin-top: 45px;width: 100%;} .prod-cate-box .ind-prodcate-swi{max-width: 100%;} .prod-cate-box .ind-prodcate-swi .item{width: auto;margin: 0 17px;color: #999;padding-bottom: 30px;position: relative;} .prod-cate-box .ind-prodcate-swi .item.cur::after{content: "";position: absolute;width: 49px;height: 2px;background: #c1392b;left: 0;right: 0;bottom: 0;margin: 0 auto;} .prod-cate-box .ind-prodcate-swi .item.cur{color: #c1392b;} #ind-prod .prod-box{} #ind-prod .prod-box .ind-prod-swi{} #ind-prod .prod-box .ind-prod-swi .item{border: 1px solid #dedede;width: 25%;padding-bottom: 35px;} #ind-prod .prod-box .ind-prod-swi .item .pic{padding-top: 74.285%;margin-bottom: 15px;} #ind-prod .prod-box .ind-prod-swi .item .t1{margin-bottom: 6px;padding: 0 20px;} #ind-prod .prod-box .ind-prod-swi .item .t2{font-size: 14px;color: #999;padding: 0 20px;} #ind-prod .prod-box .btn-box{margin: 50px auto 0;width: 180px;height: 60px;} #ind-prod .prod-box .btn-box .prev{width: 60px;height: 60px;background: url(/images/ind-l.png) no-repeat center;border: 1px solid #dedede} #ind-prod .prod-box .btn-box .next{width: 60px;height: 60px;background: url(/images/ind-r.png) no-repeat center;border: 1px solid #dedede} #ind-prod .prod-box .btn-box .more{width: 60px;height: 60px;background: url(/images/ind-more.png) no-repeat center;border: 1px solid #dedede} #ind-prod .prod-box .btn-box .prev:hover{background-image: url(/images/ind-l-h.png);} #ind-prod .prod-box .btn-box .next:hover{background-image: url(/images/ind-r-h.png);} #ind-news{padding: 100px 0 58px;background: url(/images/ind-news-bg.png) no-repeat center;background-size: cover;} #ind-news .news-box{margin-top: 60px;} #ind-news .news-box .ind-news-swi{padding-bottom: 65px;} #ind-news .news-box .ind-news-swi .content{} #ind-news .news-box .ind-news-swi .content .left{width: 31.785%;} #ind-news .news-box .ind-news-swi .content .left:hover .tit{color: #c1392b;} #ind-news .news-box .ind-news-swi .content .left .pic{padding-top: 56.179%;} #ind-news .news-box .ind-news-swi .content .left .tit{font-size: 18px;font-weight: 700;padding-right: 140px;margin: 30px 0;} #ind-news .news-box .ind-news-swi .content .left .brief{font-size: 14px;color: #666;line-height: 24px;} #ind-news .news-box .ind-news-swi .content .left .date{font-size: 14px;color: #666;font-family:"MONTSERRAT-REGULAR";margin-top: 25px;} #ind-news .news-box .ind-news-swi .content .right{width: 68.215%;padding-left: 40px;} #ind-news .news-box .ind-news-swi .content .right .list{display: flex;align-items: center;padding: 25px 120px 25px 0;border-bottom: 1px solid #dedede;} #ind-news .news-box .ind-news-swi .content .right .list .pic{width: 215px;} #ind-news .news-box .ind-news-swi .content .right .list .text{width: calc(100% - 215px);padding-left: 32px;} #ind-news .news-box .ind-news-swi .content .right .list .text .tit{font-size: 18px;font-weight: 700;margin-bottom: 15px;} #ind-news .news-box .ind-news-swi .content .right .list .text .brief{font-size: 14px;color: #666;line-height: 24px;} #ind-news .news-box .ind-news-swi .content .right .list:hover{background: url(/images/ind-news-more.png) no-repeat right;} #ind-news .news-box .ind-news-swi .content .right .list:hover .tit{color: #c1392b;} #ind-news .news-box .ind-news-swi .content .right .list:first-child{padding-top: 0;} #ind-news .news-box .ind-news-swi .content .right .list:last-child{border-bottom: 0;} #ind-news .news-box .ind-news-swi .swiper-pagination-bullet{margin: 0 5px;} #ind-news .news-box .ind-news-swi .swiper-pagination-bullet-active{background: #c1392b;} #ind-news .news-box .ind-news-swi .prev{width: 14px;height: 8px;background: url(/images/ind-news-l.png) no-repeat center;margin: 8px 5px 0 0;} #ind-news .news-box .ind-news-swi .next{width: 14px;height: 8px;background: url(/images/ind-news-r.png) no-repeat center;margin: 8px 0 0 5px;} #ind-news .news-box .ind-news-swi .prev:hover{background-image: url(/images/ind-news-l-h.png);} #ind-news .news-box .ind-news-swi .next:hover{background-image: url(/images/ind-news-r-h.png);} #ind-area{padding: 95px 0 90px;} #ind-area .pic{margin-top: 90px;} /*产品列表*/ #products{padding: 80px 0 65px;background: #f1f1f1;} #products .sub-nav{width: 21.785%;} #products .sub-nav .title{background: #171c60;padding: 35px 40px;} #products .sub-nav .title .title-cn{font-size: 24px;color: #fff;} #products .sub-nav .title .title-en{color: #fff;font-family:"Gilroy-regular";line-height: 24px;} #products .sub-nav .cate-box{background: #fff;} #products .sub-nav .cate-box .one-cate{} #products .sub-nav .cate-box .one{padding: 30px 40px;font-size: 18px;background: url(/images/detail-icon.png) no-repeat 86%;border-bottom: 1px solid #dedede;} #products .sub-nav .cate-box .one-cate .one.cur{color: #fff;background: url(/images/detail-icon-h.png) no-repeat 86% #c1392c;} #products .sub-nav .cate-box .one-cate .one.cur ~ .two-cate{display: block;} #products .sub-nav .cate-box .two-cate{background: #fafafa;padding: 0 28px;} #products .sub-nav .cate-box .two-cate .tow{padding: 20px 0 20px 52px;border-bottom: 1px solid #dedede;position: relative;} #products .sub-nav .cate-box .two-cate .tow::before{position: absolute;content: "";width: 5px;height: 5px;background: #333;top: 29px;left: 26px;border-radius: 100%;} #products .sub-nav .cate-box .two-cate .tow.cur{border-bottom: 1px solid #c1392c;} #products .sub-nav .cate-box .two-cate .tow.cur::before{background: #c1392c;} /*#products .sub-nav .cate-box .two-cate .tow:last-child{border-bottom: 1px solid transparent;}*/ #products .content{width: 74.214%;} #products .content .title{font-size: 36px;color: #fff;background: #171c60;padding: 40px;} #products .content .prod-list{border-bottom: 1px solid #dedede;padding-bottom: 60px;margin-bottom: 50px;} #products .content .prod-list .item{width: 31.25%;margin: 30px 3.125% 0 0;border: 2px solid transparent;} #products .content .prod-list .item:nth-child(3n){margin-right: 0;} #products .content .prod-list .item .pic{padding-top: 100%;} #products .content .prod-list .item .msg{padding: 25px 0;background: #fafafa;} #products .content .prod-list .item .msg .t1{line-height: 24px;margin-bottom: 8px;} #products .content .prod-list .item .msg .t2{color: #999;line-height: 24px; height:24px; overflow:hidden;} #products .content .prod-list .item:hover{border: 2px solid #171c60;} #products .content .prod-list .item:hover .msg{background: #171c60;} #products .content .prod-list .item:hover .msg .t1, #products .content .prod-list .item:hover .msg .t2{color: #fff;} /*产品详情*/ #prod-detail{padding: 85px 0 95px;} #prod-detail .content{border: 1px solid #f9f9f9;} #prod-detail .content .left{width: 50%;background: #f9f9f9;} #prod-detail .content .left .pic{padding-top: 84.142%;} #prod-detail .content .left .swiper-pagination-bullets{bottom: 50px;} #prod-detail .content .left .swiper-pagination-bullet{width: 10px;height: 10px;} #prod-detail .content .left .swiper-pagination-bullet-active{background: #c1392b;} #prod-detail .content .left .btn{width: 50px;height: 80px;z-index: 2;} #prod-detail .content .left .btn.prev{background: url(/images/prod-l.png) no-repeat center #aeaeae;border-radius: 0 3px 3px 0;left: 0;top: 50%;transform: translateY(-50%);} #prod-detail .content .left .btn.next{background: url(/images/prod-r.png) no-repeat center #aeaeae;border-radius: 3px 0 0 3px;right: 0;top: 50%;transform: translateY(-50%);} #prod-detail .content .left .btn.prev:hover{background-color: #c1392b;} #prod-detail .content .left .btn.next:hover{background-color: #c1392b;} #prod-detail .content .right{width: 50%;padding-top: 41.66%;} #prod-detail .content .right .con{margin: 0 70px;} #prod-detail .content .right .tit{font-size: 30px;font-weight: 700;} #prod-detail .content .right .t2{font-size: 24px;color: #666;margin: 12px 0 20px;} #prod-detail .content .right .line{width: 58px;height: 3px;background: #c1392b;} #prod-detail .content .right .des{font-size: 18px;color: #666;margin: 48px 0 190px;line-height: 30px;} #prod-detail .content .right .consult{min-width: 178px;height: 60px;background: #c1392b;} #prod-detail .content .right .consult .icon{width: 60px;height: 60px;background: url(/images/prod-contact.png) no-repeat center #ad3327;position: relative;} #prod-detail .content .right .consult .text{font-size: 18px;color: #fff;min-width: 118px;line-height: 60px;padding: 0 20px;} #prod-detail .detail{padding: 35px 0 80px;background: #f9f9f9;margin-top: 60px;} #prod-detail .detail .title{border-bottom: 1px solid #dedede;font-size: 24px;font-weight: 700;} #prod-detail .detail .title .t{border-bottom: 1px solid #c1392b;padding-bottom: 30px;} #prod-detail .detail .cont{padding-top: 40px;} #prod-detail .recom-prod{padding-top: 75px;} #prod-detail .recom-prod .recom-box{margin-top: 50px;} #prod-detail .recom-prod .recom-box .item{border: 2px solid transparent;} #prod-detail .recom-prod .recom-box .pic{padding-top: 84.353%;} #prod-detail .recom-prod .recom-box .msg{padding: 25px;background: #f1f1f1;} #prod-detail .recom-prod .recom-box .msg .t1{margin-bottom: 10px;} #prod-detail .recom-prod .recom-box .msg .t2{color: #999;} #prod-detail .recom-prod .recom-box .item:hover{border: 2px solid #171c60;} #prod-detail .recom-prod .recom-box .item:hover .msg{background: #171c60;} #prod-detail .recom-prod .recom-box .item:hover .msg .t1, #prod-detail .recom-prod .recom-box .item:hover .msg .t2{color: #fff;} #prod-detail .content .right .btn-box{bottom: 62.5px; right: 20px;} #prod-detail .content .right .btn-box .btn{width: 50px; height: 50px; border: 1px solid #e9e9e9; border-radius: 100%;} #prod-detail .content .right .btn-box .prev{background: url(/images/btn-prev.png) no-repeat center;} #prod-detail .content .right .btn-box .next{background: url(/images/btn-next.png) no-repeat center;margin-left: 10px;} #prod-detail .content .right .btn-box .prev:hover{background: url(/images/btn-prev-h.png) no-repeat center #c1392b;} #prod-detail .content .right .btn-box .next:hover{background: url(/images/btn-next-h.png) no-repeat center #c1392b;} #news .bot{margin: 40px 0 45px;} /*关于-组织架构*/ #organize{padding: 80px 0 145px;} #organize .pic{margin-top: 65px;} /*关于-公司简介*/ #company{padding: 80px 0 230px;} #company .content{width: 100%;display: flex;align-items: center;margin-top: 65px;} #company .content .left{width: 50%;padding-right: 100px;} #company .content .left .tit1{font-size: 24px;color: #c1392b;} #company .content .left .tit1::before{position: absolute;content: "";width: 60px;height: 3px;background: #c1392b;left: -80px;top: 16px;} #company .content .left .tit2{font-size: 24px;font-family:"Gilroy-regular";} #company .content .left .con{line-height: 36px;margin-top: 45px;} #company .content .pic{width: 50%;} /*关于-组织架构*/ #honor{padding: 80px 0 104px;} #honor .content{margin-top: 65px;} #honor .content .item{width: 23.785%;margin: 0 1.62% 20px 0;} #honor .content .item.item0{margin-right: 0;} #honor .content .item .pic{width: 100%;padding-top: 136.363%;border: 1px solid #dedede;} #honor .content .item .tit{margin-top: 20px;} #honor .content .line{width: 100%;height: 1px;background: #dedede;margin-bottom: 55px;} /*关于-合作客户*/ #partner{padding: 85px 0 158px;} #partner .content{margin-top: 65px;} #partner .content .pic{width: 20%;padding-top: 12.285%;background: #fff;border: 1px solid #dedede;} /*关于-发展历程*/ #develop{padding: 85px 0 125px;} #develop .content{margin-top: 50px;padding-top: 55px;} #develop .content::before{width: 1px;height: 100%;background: #dedede;top: -50px;left: 50%;position: absolute;content: "";} /*#develop .content .line{width: 1px;height: 106%;background: #dedede;top: -50px;left: 50%;}*/ #develop .content .list .dian{width: 9px;height: 9px;background: #c1392b;border-radius: 100%;left: 50%;top: -50px;transform: translate(-50%,-50%);} #develop .content .list .dian::after{position: absolute;content: "";width: 15px;height: 15px;border-radius: 100%;border: 2px solid #e1e1e1;top: -5px;left: -5px;} #develop .content .list{margin-bottom: 100px;} #develop .content .list .pic{width: 50%;padding-top: 27.142%;} #develop .content .list .text{width: 50%;padding-top: 27.142%;overflow: hidden;} #develop .content .list .text .cont{margin-left: 40px;} #develop .content .list:nth-child(2n) .text .cont{margin-right: 40px;margin-left: 0;} #develop .content .list .text .year{font-size: 48px;color: #c1392b;font-family:"Gilroy-regular";} #develop .content .list .text .con{margin-top: 35px;} #develop .content .list .text .con .li{padding-left: 15px;position: relative;line-height: 30px;margin-bottom: 30px;} #develop .content .list .text .con .li::before{position: absolute;content: "";width: 6px;height: 6px;background: #333;border-radius: 100%;top: 12px;left: 0;} #develop .load{margin-top: 20px;} /*关于-企业文化*/ #culture{padding: 85px 0 245px;} #culture .content{margin-top: 65px;} #culture .content .center{/*width: 17.857%;*/width: 250px;height: 250px;margin: 240px auto 0;background-image: linear-gradient(to right, #cf3c2d , #f04230);/*padding-top: 17.857%;*/border-radius: 100%;box-shadow: 0 0 30px 0 rgba(205,59,44,.5);} #culture .content .center .text{font-size: 24px;color: #fff;font-weight: 700;} #culture .content .center .bg{background: rgba(205,59,44,.1);width: 172%;height: 172%;left: 50%;top: 50%;border-radius: 100%;transform: translate(-50%,-50%);} #culture .content .center .bor1{/*width: 214%;height: 214%;*/width: 535px;height: 535px;left: 50%;top: 50%;border-radius: 100%;transform: translate(-50%,-50%);border: 1px dashed #e8e8e8;} #culture .content .center .bor2{/*width: 240%;height: 240%;*/width: 600px;height: 600px;left: 50%;top: 50%;border-radius: 100%;transform: translate(-50%,-50%);border: 1px solid #e8e8e8;} #culture .content .center .item{width: 100px;height: 100px;} #culture .content .center .item:nth-child(1){left: -65%;top: -50%;} #culture .content .center .item:nth-child(2){right: -65%;top: -50%;} #culture .content .center .item:nth-child(3){left: -65%;bottom: -50%;} #culture .content .center .item:nth-child(4){right: -65%;bottom: -50%;} #culture .content .center .item .icon{width: 100px;height: 100px;border: 1px dashed #c1392b;border-radius: 100%;} #culture .content .center .item .t{font-size: 30px;color: #c1392b;white-space: nowrap;} #culture .content .center .item:nth-child(1) .t, #culture .content .center .item:nth-child(3) .t{right: calc(100% + 30px);top: calc(50% - 19px);} #culture .content .center .item:nth-child(2) .t, #culture .content .center .item:nth-child(4) .t{left: calc(100% + 30px);top: calc(50% - 19px);} /*关于-公司环境*/ #environment{padding: 85px 0 70px;} #environment .content{margin-top: 65px;} #environment .content .item{width: 23.571%;margin: 0 1.905% 30px 0;} #environment .content .item.item0{margin-right: 0;} #environment .content .item .pic{width: 100%;padding-top: 70.3125%;border: 1px solid #dedede;background: #fff;} #environment .content .item .pic img{width: 95%;} #environment .content .item .pic .shadow{width: 100%;height: 15px;background: url(/images/shadow.png) no-repeat center;bottom: -15px;} #environment .content .item .tit{margin-top: 15px;} #environment .content .line{width: 100%;height: 1px;background: #dedede;margin-bottom: 55px;} /*服务支持*/ #support{padding-top: 85px;} #support .wrap1{margin-top: 65px;} #support .wrap1 .item{width: 31.071%;margin: 0 3.3925% 48px 0;background: #f1f1f1;padding: 75px 65px 20px;} #support .wrap1 .item:nth-child(3n){margin-right: 0;} #support .wrap1 .item .num{font-family:"Gilroy-Bold";font-size: 36px;} #support .wrap1 .item .t1{font-size: 18px;margin: 12px 0 20px;} #support .wrap1 .item .t2{color: #666;line-height: 24px;height: 144px;overflow: hidden;} #support .wrap1 .item:hover{background: #c1392b;} #support .wrap1 .item:hover .num, #support .wrap1 .item:hover .t1, #support .wrap1 .item:hover .t2{color: #fff;} #support .wrap2{margin-top: 10px;background: #f1f1f1;padding: 100px 0;} #support .wrap2 .item{width: 33.333%;border-right: 1px solid #dedede;} #support .wrap2 .item:nth-child(3n){border-right: 0;} #support .wrap2 .item .icon{width: 103px;height: 85px;margin: 0 auto;} #support .wrap2 .item .tit{font-size: 18px;line-height: 24px;margin-top: 30px;} /*品质控制*/ #control{padding: 90px 0 130px;} #control .content{margin-top: 65px;} #control .content .item{width: 31.071%;margin-right: 3.3935%;padding-top: 19.571%;} #control .content .item:nth-child(3n){margin-right: 0;} #control .content .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{display: none;} /*品质研发*/ #quality{padding-top: 110px;} #quality .wrap1{width: 100%;display: flex;align-items: center;} #quality .wrap1 .pic{width: 50%;} #quality .wrap1 .text{width: 50%;padding-left: 65px;} #quality .wrap1 .text .tit1{font-size: 30px;color: #c1392b;} #quality .wrap1 .text .tit2{font-size: 18px;color: #999;font-family:"Gilroy-regular";text-transform: uppercase;margin: 5px 0 30px;} #quality .wrap1 .text .con{font-size: 18px;line-height: 36px;} #quality .wrap2{padding: 80px 0 115px;background: #c1392b;margin-top: 100px;} #quality .wrap2 .title{font-size: 30px;color: #fff;} #quality .wrap2 .content{display: flex;justify-content: space-around;margin-top: 70px;/*flex-wrap:wrap;*/} #quality .wrap2 .content .item{width: 20%;} #quality .wrap2 .content .item .icon{width: 114px;height: 81px;margin: 0 auto;} #quality .wrap2 .content .item .tit{font-size: 18px;color: #fff;line-height: 24px;margin-top: 25px;} /*新闻列表*/ #news{padding: 80px 0 60px;} #news .top{margin-top: 65px;} #news .top .content{width: 100%;display: flex;align-items: center;} #news .top .content .pic{width: 50%;padding-top: 32.142%;} #news .top .content .text{width: 50%;padding: 0 60px;} #news .top .content .text .tit{font-size: 24px;line-height: 36px;margin-bottom: 5px;} #news .top .content .text .brief{color: #666;line-height: 30px;height: 90px;overflow: hidden;} #news .top .content .text .more{min-width: 178px;height: 60px;line-height: 60px;border: 1px solid #dedede;font-size: 18px;margin: 25px 0 60px;padding: 0 20px;} #news .top .content .text .more:hover{color: #fff;background: #c1392b;} #news .top .swiper-pagination-bullets{bottom: 60px;left: 108px;} #news .top .swiper-pagination-bullets .swiper-pagination-bullet{width: 18px;height: 18px;background: #fff;opacity: 1;border: 5px solid #999;} #news .top .swiper-pagination-bullets .swiper-pagination-bullet-active{border: 5px solid #c1392b;} #news .top .btn-box{bottom: 60px;right: 65px;z-index: 2;} #news .top .btn-box .btn{width: 50px;height: 50px;border: 1px solid #e9e9e9;border-radius: 100%;} #news .top .btn-box .prev{background: url(/images/btn-prev.png) no-repeat center;} #news .top .btn-box .next{background: url(/images/btn-next.png) no-repeat center;margin-left: 10px;} #news .top .btn-box .prev:hover{background: url(/images/btn-prev-h.png) no-repeat center #c1392b;} #news .top .btn-box .next:hover{background: url(/images/btn-next-h.png) no-repeat center #c1392b;} #news .bot{margin: 40px 0 45px;} #news .bot .list{} #news .bot .list .cont{padding: 50px 0;border-bottom: 1px solid #dedede;} #news .bot .list .cont .date{width: 16.428%;} #news .bot .list .cont .date .d{font-size: 48px;color: #666;font-family:"Gilroy-Bold";} #news .bot .list .cont .date .ym{font-size: 18px;color: #666;font-family:"Gilroy-Bold";} #news .bot .list .cont .pic{width: 25.714%;} #news .bot .list .cont .text{width: 57.858%;padding: 30px 0 0 55px;} #news .bot .list .cont .text .tit{font-size: 24px;} #news .bot .list .cont .text .brief{color: #666;margin: 20px 0 25px;line-height: 30px;height: 60px;overflow: hidden;} #news .bot .list .cont .text .more{color: #666;min-width: 160px;height: 50px;line-height: 50px;border: 1px solid #dedede;} #news .bot .list:hover{background: #f1f1f1;} #news .bot .list:hover .date .d, #news .bot .list:hover .date .ym, #news .bot .list:hover .text .tit{color: #c1392b;} #news .bot .list:hover .text .more{background: #c1392b;color: #fff;} /*新闻详情*/ #news-detail{padding: 80px 0 100px;} #news-detail .title{font-size: 30px;} #news-detail .con{margin-top: 25px;} #news-detail .con .date{padding-left: 25px;background: url(/images/date.png) no-repeat left;margin-right: 26px;} #news-detail .con .views{padding-left: 30px;background: url(/images/views.png) no-repeat left;} #news-detail .content{margin-top: 65px;padding: 65px 0;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;} #news-detail .page-box{padding-top: 35px;} #news-detail .page-box .left{} #news-detail .page-box .left .prev{color: #666;margin-bottom: 15px;} #news-detail .page-box .left .prev:hover{color: #c1392b;} #news-detail .page-box .left .next{color: #666;} #news-detail .page-box .left .next:hover{color: #c1392b;} #news-detail .page-box .right{} #news-detail .page-box .right .back{width: 175px;height: 60px;line-height: 60px;background: #c1392b;color: #fff;text-align: center;} /*联系我们*/ #contact{padding: 80px 0 60px;} #contact .wrap1{border: 1px solid #dedede;margin-top: 50px;} #contact .wrap1 .left{width: 50%;padding-top: 26.071%;} #contact .wrap1 .left .cont{margin: 0 5%;} #contact .wrap1 .left .t1{font-size: 30px;color: #c1392b;} #contact .wrap1 .left .t2{font-size: 18px;font-family:"Gilroy-regular";margin: 12px 0 35px;} #contact .wrap1 .left .t3{line-height: 30px;} #contact .wrap1 .map{width: 50%;padding-top: 26.071%;} #contact .wrap2{margin-top: 50px;} #contact .wrap2 .item{border: 1px solid #f2f2f2;margin-right: 3.3935%;width: 31.071%;padding: 45px 20px 45px 65px;} #contact .wrap2 .item:nth-child(3n){margin-right: 0;} #contact .wrap2 .item .t{line-height: 24px;} #message{padding: 65px 0 70px;background: #fafafa;} #message .form-box{margin-top: 40px;} #message .form-box .inp{margin-right: 3.3935%;width: 31.071%;border: 1px solid #dedede;border-radius: 3px;height: 60px;display: inline-block;padding: 0 20px;} #message .form-box .inp:nth-child(3n){margin-right: 0;} #message .form-box .inp input::-webkit-input-placeholder{color: #333;font-size: 18px;} #message .form-box .inp input::-moz-placeholder{color: #333;font-size: 18px;} #message .form-box .inp input::-ms-input-placeholder{color: #333;font-size: 18px;} #message .form-box .textarea{width: 100%;height: 250px;border: 1px solid #dedede;border-radius: 3px;display: inline-block;padding: 20px;margin-top: 20px;} #message .form-box .textarea textarea{resize: none;color: #333;font-size: 18px;} #message .form-box .textarea textarea::-webkit-input-placeholder{color: #333;font-size: 18px;} #message .form-box .textarea textarea::-moz-placeholder{color: #333;font-size: 18px;} #message .form-box .textarea textarea::-ms-input-placeholder{color: #333;font-size: 18px;} #message .form-box .submit{min-width: 435px;height: 60px;line-height: 60px;background: #c1392b;display: inline-block;margin: 30px auto 0;font-size: 18px;color: #fff;text-align: center;padding: 0 20px;border-radius: 3px;} /*底部*/ #footer{padding: 55px 0 30px;background: #272833;} #footer .top{padding-bottom: 85px;border-bottom: 1px solid #3d3e48;} #footer .top .left{width: 30%;} #footer .top .left .t1{font-size: 16px;color: #a7a7a7;line-height: 20px;} #footer .top .left .t2{font-size: 30px;color: #f06000;margin-bottom: 20px;font-family:"MONTSERRAT-REGULAR";} #footer .top .left .t3{font-size: 14px;color: #a7a7a7;line-height: 20px;padding-bottom: 42px;border-bottom: 1px solid #3d3e48;} #footer .top .left .qrcode{margin-top: 42px;} #footer .top .left .qrcode .pic{width: 78px;height: 78px;} #footer .top .left .qrcode .text{font-size: 14px;color: #a7a7a7;line-height: 20px;margin: 20px 0 0 20px;} #footer .top .nav{} #footer .top .nav .item{margin-left: 55px;} #footer .top .nav .item .tit{font-size: 16px;color: #d3d3d3;margin-bottom: 20px;} #footer .top .nav .item .ul{} #footer .top .nav .item .ul .li{} #footer .top .nav .item .ul .li a{font-size: 14px;color: #a7a7a7;line-height: 30px;} #footer .bot{padding-top: 32px;} #footer .bot .t{font-size: 13px;color: #a7a7a7;font-family:"MONTSERRAT-REGULAR";} #footer .bot .t *{font-size: 13px;color: #a7a7a7;}