﻿.about-brief-box{width:100%;overflow:hidden;padding:80px 0;background-color:#f8f8f8}
.about-brief{width:1300px;margin:0 auto}
.about-black-title{width:100%;overflow:hidden;text-align:center}
.about-black-title h4{font-size:36px;color:#000}
.about-black-title i{width:44px;height:1px;background-color:#333;display:inline-block;margin-top:12px}
.about-brief-num{width:100%;overflow:hidden;padding:30px 0 0 0}
.about-brief-num ul li{width:25%;float:left;text-align:center;overflow:hidden;margin-top:16px;border-right:1px solid #e5e5e5}
.about-brief-num ul li h6{color:#2b41a4;font-size:18px}
.about-brief-num ul li h6 span{font-size:76px;font-weight:700}
.about-brief-num ul li p{font-size:16px;color:#666;margin-top:12px}
.about-brief-num ul li:last-child{border-right:none}
.about-brief-words{width:100%;overflow:hidden;padding:20px 0 0 0;height:224px}
.about-brief-words p{font-size:16px;color:#333;line-height:26px;margin-top:16px}
.about-brief-more{width:100%;overflow:hidden;text-align:center;padding:36px 0 10px 0}
.about-brief-more h6{width:200px;height:46px;display:inline-block;border:1px solid #dcdcdc;text-align:center;line-height:46px;color:#666;font-size:14px;cursor:pointer;transition:all .4s}
.about-brief-more h6 i{width:7px;height:11px;display:inline-block;background-image:url(../images/about_arrup.png);vertical-align:middle;margin:-4px 0 0 12px}
.about-brief-more h6:hover{background-color:#2b41a4;color:#fff}
.about-brief-more h6:hover i{background-image:url(../images/about_arruph.png)}
.about-culture-box{width:100%;overflow:hidden;padding:80px 0}
.about-culture{width:1300px;margin:0 auto}
.about-culture-piclist{width:100%;overflow:hidden;padding:20px 0 0 0}
.about-culture-piclist ul{margin-left:-1%}
.about-culture-piclist ul li{width:19%;margin-left:1%;height:350px;float:left;overflow:hidden;position:relative}
.about-culture-piclist ul li img{width:100%;height:100%;object-fit:cover;transition:all .6s}
.about-culture-piclist ul li:hover img{transform:scale(1.1)}
.about-culture-words{position:absolute;width:92%;height:60px;bottom:2%;left:4%;background-color:rgba(255,255,255,.9);padding:16px 20px;text-align:center;transition:all .6s;overflow:hidden;z-index:9}
.about-culture-words h6{font-size:18px;color:#333;height:28px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.about-culture-words p{font-size:14px;color:#fff;line-height:24px;margin-top:12px;height:48px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.about-culture-piclist ul li:hover .about-culture-words{background-color:rgba(0,110,212,.76);height:120px}
.about-culture-piclist ul li:hover .about-culture-words h6{color:#fff}
.about-timershaft-box{width:100%;overflow:hidden;height:730px;background-repeat:no-repeat;padding:80px 0;background-image:url(../images/about_fzbg.jpg)}
.about-timershaft{width:1300px;margin:0 auto}
.about-white-title{width:100%;overflow:hidden;text-align:center}
.about-white-title h4{font-size:36px;font-weight:700;color:#fff}
.about-white-title i{width:44px;height:1px;background-color:#fff;display:inline-block;margin-top:12px}
.about-timershaft-matter{width:100%;overflow:hidden}
.about-honor-box{width:100%;overflow:hidden;padding:80px 0 40px 0;background-color:#f2f2f2}
.about-honor{width:1300px;margin:0 auto}
.about-honor-piclist{width:100%;overflow:hidden}
.swiper-container-honor{width:100%;position:relative}
.about-honor-words{width:100%;height:500px;overflow:hidden;background-color:#fff;position:relative}
.about-honor-wpic{width:100%;padding:60px 60px 20px 60px;height:380px;overflow:hidden;text-align:center}
.about-honor-wpic img{max-height:100%;object-fit:cover;border:1px solid #e5e5e5}
.about-honor-wp{width:100%;overflow:hidden;text-align:center}
.about-honor-wp p{font-size:16px;color:#333}
.about-honor-wmore{width:100%;overflow:hidden;padding:0 40px;position:absolute;bottom:0}
.about-honor-wmore h6{width:100%;height:50px;background-color:#2b41a4;color:#fff;font-size:16px;text-align:center;line-height:50px;display:none}
.about-honor-wmore h6 i{width:22px;height:9px;display:inline-block;background-repeat:no-repeat;background-image:url(../images/about_zsarr.jpg.png);vertical-align:middle;margin:-2px 0 0 10px}
.about-honor-words:hover h6{display:block}
.swiper-container-honor .swiper-wrapper{padding:0 0 80px 0}
.swiper-container-honor .swiper-pagination-bullet{width:10px;height:10px;border-radius:100%;background:0 0;opacity:1;border:1px solid #2b41a4}
.swiper-container-honor .swiper-pagination-bullet-active{opacity:1;background:#2b41a4}
.about-environment-box{width:100%;overflow:hidden;padding:80px 0 40px 0}
.about-environment{width:100%}
.about-environment-matter{width:100%;overflow:hidden;padding:40px 0 0 0}
.swiper-container-environment{width:100%;position:relative}
.swiper-container-environment .swiper-slide-next,.swiper-container-environment .swiper-slide-prev{width:30%!important;margin-top:50px}
.swiper-container-environment .swiper-slide-active{width:40%!important}
.swiper-container-environment img{width:100%;transition:all .6s;height:400px;object-fit:cover}
.swiper-container-environment .swiper-slide-active img{width:100%;height:500px}
.swiper-container-environment .swiper-button-prev{left:32%}
.swiper-container-environment .swiper-button-next{right:30%}
.about-team-box{width:100%;overflow:hidden;padding:80px 0}
.about-team{width:1300px;margin:0 auto}
.about-team-matter{width:100%;overflow:hidden;padding:40px 0 0 0}
.swiper-container-team{width:100%;position:relative}
.about-team-pic{width:100%;height:140px;border:1px solid #e5e5e5;position:relative;overflow:hidden}
.about-team-pic img{max-width:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.about-team-pic:hover{border-color:#2b41a4}
.swiper-container-team .swiper-wrapper{padding:0 0 60px 0}
.swiper-container-team .swiper-pagination-bullet{width:10px;height:10px;border-radius:100%;background:0 0;opacity:1;border:1px solid #2b41a4}
.swiper-container-team .swiper-pagination-bullet-active{opacity:1;background:#2b41a4}
@media all and (max-width:1380px){.about-brief{width:94%;margin-left:3%}
.about-brief-num ul li h6 span{font-size:70px}
.about-culture{width:94%;margin-left:3%}
.about-timershaft{width:94%;margin-left:3%}
.about-honor{width:94%;margin-left:3%}
.swiper-container-environment img{width:100%;height:320px}
.swiper-container-environment .swiper-slide-active img{width:100%;height:400px}
.swiper-container-environment .swiper-slide-next,.swiper-container-environment .swiper-slide-prev{margin-top:40px}
.about-team{width:94%;margin-left:3%}
.about-honor-words{height:460px}
.about-honor-wpic{height:350px}
}
@media all and (max-width:1000px){.about-brief-box{padding:24px 0}
.about-black-title h4{font-size:22px}
.about-brief-num ul li{width:50%;margin-top:10px;border-right:none}
.about-brief-num ul li h6 span{font-size:28px}
.about-brief-num ul li h6{font-size:16px}
.about-brief-num ul li p{font-size:14px;margin-top:8px;width:92%;margin-left:4%}
.about-brief-num{padding:14px 0 0 0}
.about-brief-more{padding:24px 0 6px 0}
.about-brief-words{padding:16px 0 0 0;height:250px}
.about-culture-box{padding:24px 0}
.about-culture-piclist ul{margin-left:0}
.about-culture-piclist ul li{width:100%;margin-left:0;height:220px;margin-top:12px}
.about-timershaft-box{height:auto;padding:28px 0}
.about-white-title h4{font-size:22px}
.about-honor-box{padding:24px 0 16px 0}
.about-honor-wpic{width:100%;padding:20px 20px;height:300px}
.about-honor-words{height:420px}
.about-honor-piclist{margin-top:20px}
.swiper-container-honor .swiper-wrapper{padding:0 0 56px 0}
.about-environment-box{padding:24px 0 16px 0}
.swiper-container-environment img{height:160px}
.swiper-container-environment .swiper-slide-active img{height:200px}
.swiper-container-environment .swiper-slide-next,.swiper-container-environment .swiper-slide-prev{margin-top:20px}
.swiper-container-environment .swiper-button-prev{left:14px}
.swiper-container-environment .swiper-button-next{right:14px}
.about-environment-matter{padding:28px 0 0 0}
.about-team-box{padding:24px 0}
.about-team-pic{height:100px}
.about-team-pic{width:99.9%}
.about-team-pic img{max-width:88%}
}
#bodycon{width:100%}
#bodycon #center{width:100%}
div#bodycontent{width:1300px!important}
.j_con *{padding:0;margin:0;list-style:none;box-sizing:border-box}
.j_con{width:1300px;margin:0 auto}
.ti{text-align:center;padding-top:45px}
.jj_tit{font-size:40px;margin-bottom:12px;color:#333;letter-spacing:2px;font-weight:700}
.jj{color:#058d39;font-size:40px}
.s_tit{position:relative;display:inline-block}
.s_tit span{font-size:16px;height:30px;line-height:30px;position:relative}
.s_tit span:after,.s_tit span:before,.s_tit:after,.s_tit:before{content:"";position:absolute}
.s_tit span:after,.s_tit span:before{width:35px;height:3px;background:#058d39}
.s_tit span:before{top:11px;left:-50px}
.s_tit span:after{top:11px;right:-50px}
.left1{position:relative;height:570px;width:490px;display:inline-block}
.Introduction_Features{background:#2b41a4;height:120px;width:490px;text-align:center;font-size:18px;color:#fff}
.Introduction_Features span{display:block;color:#fff;font-size:24px;font-weight:700;text-align:center;margin-bottom:10px;padding-top:20px}
.des img{width:220px;margin-right:4px;border:1px solid #eee;margin-top:20px}
.des{line-height:33px;font-size:14px}
.jianjie_right{float:right;width:810px;padding:60px;box-shadow:0 0 60px 0 rgba(0,0,0,.1);background:#fff;height:620px;padding-top:40px;text-indent:2em}
.nytit{font-size:32px;font-weight:600;display:block;line-height:30px;padding-bottom:30px;border-bottom:1px solid #f3edf0;margin-bottom:30px;color:#2b41a4;text-align:left}
.pic-plus{box-shadow:0 0 60px 0 rgba(0,0,0,.1)}
.pic.pic-plus img{height:502px;width:490px}
.cf_tit{margin:20px 0 30px 0}
.cf_tit>b{font-size:28px;color:#2b41a4;position:relative;margin-left:35px}
.cf_tit>b:before{content:'';position:absolute;width:10px;height:28px;background:#2b41a4;top:5px;left:-35px}
.cf_tit>b>img{width:31px;display:inline-block;position:absolute;top:5px;right:-40px}
.qyxx{padding:0 0 76px 0!important}
.gsgk_main3{background:url(../images/20201026145020_807574793.jpg) no-repeat center;padding:80px 0 65px}
.gsgk_main3 .wrap1400{padding-top:125px}
.gsgk_main3_l{padding-top:50px;width:220px}
.gsgk_main3_l p{display:block;padding:15px 0;color:#999;font-size:16px;line-height:26px;font-family:'Microsoft JhengHei';letter-spacing:-1px}
.gsgk_main3_l h3{font-size:36px;line-height:60px;color:#fff;padding-right:30px;background:url(../images/20200507184532_1427570249.png) no-repeat -50px center;display:block;padding-bottom:5px;font-family:Microsoft Jhenghei}
.gsgk_main3_l h4{font-size:22px;color:#555;letter-spacing:-1px;text-transform:uppercase;padding-bottom:30px;font-family:Microsoft Jhenghei}
.gsgk_main3_r li{float:left;margin-left:20px;width:185px;overflow:hidden}
.gsgk_main3_r li h5{vertical-align:middle;display:block;text-align:center;font-size:25px;color:#fff;padding-top:23px;line-height:70px;letter-spacing:2px;margin:0 auto}
.gsgk_main3_con{width:185px;height:110px;background-color:#005c1d;text-align:center}
.gsgk_main3_r li p{font-size:15px;color:#c2c2c2;padding-top:20px;line-height:26px;text-align:center}
.about{height:710px;padding-top:50px;background:url(../images/20201102133954_29595911.jpg) no-repeat center}
.abtitl{text-align:center;font-size:16px;color:#f5fdf8;font-weight:lighter}
.abtitl b{display:block;font-size:45px;color:#fff}
.about .w1300{position:relative;height:100%}
.w1300{width:1300px;margin:0 auto}
.abcon{width:590px;margin:70px 0 0 55px}
.ab_t{font-size:26px;color:#2b3338}
.ab_t em{display:block;font-size:40px;color:#2b41a4;font-family:fontDin;text-transform:uppercase}
.ab_c{font-size:15px;color:#666;line-height:38px;margin:30px 0 40px 0}
.abbtn{font-size:0}
.abbtn a{display:inline-block;line-height:45px;width:140px;font-size:18px;color:#fff;text-align:center;background:#f60;transition:all .3s ease}
.abbtn a+a{margin-left:19px;background:#2b41a4}
.abbtn a:hover{background:linear-gradient(to right,#2b41a4,#a1bf11)}
.qyxx{padding:40px 0 76px 0}
.qyxxcenter{margin-top:40px;position:relative}
.qyjt{display:block;position:absolute;left:0;top:40%;cursor:pointer}
.qyjt.next{right:0;left:auto}
.qycon{width:1134px;margin:0 auto}
.qycon table,.qycon tbody,.qycon tr{display:block;width:100%}
.qycon td{display:inline-block;padding:0!important;width:363px;margin-right:23px}
.qycon td br{display:none}
.qycon td a{display:block;position:relative;overflow:hidden}
.qycon td div{padding:0!important}
.qycon td div a{line-height:57px;background:#f0f2f1;font-size:16px;color:#666;transition:all .3s ease}
.qycon td a img{transition:all .5s ease;width:100%;height:auto}
.qycon td:hover a img{transform:scale(1.1)}
.qycon td:hover div a{background:#2b41a4;color:#fff}
#left,#right{display:none}
#bodycon #center{width:1300px;float:none}
#bodycontent{width:1300px}
@media all and (max-width:1000px){.w1300{width:100%;margin:0 auto}
.left1{position:relative;height:auto;width:auto}
.Introduction_Features{background:#2b41a4;height:120px;font-size:18px;color:#fff;width:auto}
.jianjie_right{float:right;box-shadow:0 0 60px 0 rgba(0,0,0,.1);background:#fff;width:auto;padding:10px;font-size:12px;text-indent:2em}
.nytit{display:none}
.des{line-height:22px;font-size:14px}
}
