﻿body{padding-top:90px;}
@media(max-width:1200px){
body{padding-top:0;}
}
/*--wrap-title--*/
.wrap-title{margin-bottom:50px;text-align:center;overflow:hidden;animation:fadeInDown 1s;}
.wrap-title h2{font-size:42px;color:#333;}
.wrap-title h2 a{color:#333;}
.wrap-title p{font-size:18px;color:#666;text-transform:uppercase;}
@media(max-width:1200px){
.wrap-title{margin-bottom:25px;}
.wrap-title h2{font-size:24px;}
.wrap-title p{font-size:14px;}
}
/*--end wrap-title--*/

/*--products--*/
.products{padding:80px 0;overflow:hidden;}
.products-list{display:flex;flex-wrap:wrap;margin:-25px;overflow:hidden;}
.products-list .item{display:block;margin:25px;width:calc(100% / 3 - 50px);overflow:hidden;border:#eee solid 1px;transition:all 1s;animation:fadeInUp 1s;}
.products-list .pic{padding:0% 0;overflow:hidden;background:#0c63d4;}
.products-list .pic img{display:block;margin:0 auto;width:auto;max-width:100%;}
.products-list .text{padding:20px;text-align:center;overflow:hidden;}
.products-list .text h3{font-size:20px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .5s;}
.products-list .text p{margin:10px 0 10px;height:96px;line-height:32px;font-size:16px;color:#777;overflow:hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.products-list .text i{display:block;font-size:22px;color:#aaa;font-size:22px;transition:all .5s;}
.products-list .item:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
.products-list .item:hover .text h3,.products-list .item:hover .text i{color:var(--color);}
@media(max-width:1200px){
.products{padding:40px 10px;}
.products-list{margin:-5px;}
.products-list .item{margin:5px;width:calc(50% - 10px);background:#fff;}
.products-list .text{padding:10px;}
.products-list .text h3{font-size:16px;}
.products-list .text p,.products-list .text i{display:none;}  
}
/*--end products--*/

/*--brand-infos--*/
.brand-infos{margin-bottom:60px;overflow:hidden;}
.brand-infos .inner{padding:56px 0;overflow:hidden;background:#fafafa;border-radius:5px;}
.brand-infos .pic{float:left;width:321px;background:var(--color);}
.brand-infos .pic img{display:block;width:100%;}
.brand-infos .text{padding:0 75px;overflow:hidden;border-left:#e1e1e1 solid 0px;}
.brand-infos .text h2{height:30px;line-height:30px;font-size:24px;color:#333;overflow:hidden;}
.brand-infos .text p{margin-top:20px;line-height:28px;font-size:16px;color:#999;overflow:hidden;}
@media(max-width:1200px){
.brand-infos{margin-bottom:20px;}
.brand-infos .inner{padding:0;}
.brand-infos .pic{float:none;width:100%;}

.brand-infos .pic img{display:none;}

.brand-infos .text{padding:20px;border-left:none;border-top:#e1e1e1 solid 1px;}
.brand-infos .text h2{height:auto;line-height:1.5;font-size:18px;}
.brand-infos .text p{margin-top:10px;line-height:2;font-size:14px;}
}
/*--end brand-infos--*/

/* --t-intro-type02-- */
.t-intro-type02{display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;font-family:"微软雅黑";}
.t-intro-type02 .pic{width:600px;overflow:hidden;}
.t-intro-type02 .pic img{display:block;width:100%;}
.t-intro-type02 .text{position:relative;width:calc(100% - 680px);overflow:hidden;}
.t-intro-type02 .text .hd{overflow:hidden;}
.t-intro-type02 .text .hd h3{font-size:32px;color:var(--color);font-weight:bold;}
.t-intro-type02 .text .hd p{font-size:16px;color:#999;}
.t-intro-type02 .text .bd{padding-top:20px;overflow:hidden;}
.t-intro-type02 .text .bd p{font-size:16px;line-height:1.75;color:#333;}
.t-intro-type02 .text .datas{position:absolute;bottom:40px;left:0;width:100%;display:flex;flex-wrap:wrap;}
.t-intro-type02 .text .datas .item{margin-right:20px;width:80px;text-align:center;}
.t-intro-type02 .text .datas .item span{display:block;margin:0 auto;width:60px;border-radius:50%;}
.t-intro-type02 .text .datas .item span img{display:block;width:100%;border-radius:50%;}
.t-intro-type02 .text .datas .item p{margin-top:10px;font-size:14px;color:#666;}
@media(max-width:1200px){
.t-intro-type02 .pic{width:100%;}
.t-intro-type02 .text{width:100%;padding-top:20px;}
.t-intro-type02 .text .hd h3{font-size:20px;}
.t-intro-type02 .text .hd p{font-size:14px;}
.t-intro-type02 .text .bd p{font-size:14px;}
.t-intro-type02 .text .datas{position:static;padding-top:20px;}
.t-intro-type02 .text .datas .item{width:25%;margin:0;}
.t-intro-type02 .text .datas .item span{width:45px;height:45px;}
}
/* --end t-intro-type02-- */

/* --t-title-type02-- */
.t-title-type02{position:relative;text-align:center;padding-bottom:35px;padding-top:80px;}
.t-title-type02 h2{position:relative;z-index:1;font-size:34px;color:#333;font-family:"微软雅黑";font-weight:bold;}
.t-title-type02 p{font-size:16px;color:#999;font-family:"微软雅黑";}
@media(max-width:1400px){
.t-title-type02 h2{font-size:24px;font-family:"微软雅黑";font-weight:bold;}
.t-title-type02 p{font-size:14px;font-family:"微软雅黑";}
}
/* --end t-title-type02-- */

/*--t-adv-type05--*/
.t-adv-type05-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin:-20px;font-family:"微软雅黑";}
.t-adv-type05-list .item{margin:20px;padding:60px;overflow:hidden;width:calc(100% / 2 - 40px);text-align:center;overflow:hidden;background:#f6f6f6;border-radius:5px;transition:all 1s;}
.t-adv-type05-list .pic{margin:0 auto 40px;width:60px;height:60px;}
.t-adv-type05-list .pic img{display:block;width:100%;}
.t-adv-type05-list .text{padding-top:40px;line-height:1.5;overflow:hidden;border-top:#e5e5e5 solid 1px;}
.t-adv-type05-list .text h3{font-size:24px;font-weight:400;color:#000;}
.t-adv-type05-list .text p{margin-top:10px;font-size:16px;}
@media(max-width:1200px){
.t-adv-type05-list .item{margin:10px;padding:40px;width:100%;}
.t-adv-type05-list .pic{margin-bottom:20px;width:30px;height:30px;}
.t-adv-type05-list .text{padding-top:20px;}
.t-adv-type05-list .text h3{font-size:20px;}
.t-adv-type05-list .text p{font-size:14px;}
}
/*--end t-adv-type05--*/


/*--mxcp--*/
.mxcp{padding:50px 0;overflow:hidden;}
.mxcp-list{display:flex;flex-wrap:wrap;margin:-25px;}
.mxcp-list .item{margin:25px;padding:25px 30px 0;width:calc(100% / 4 - 50px);overflow:hidden;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius: 10px 40px 10px 10px;}
.mxcp-list .pic{overflow:hidden;}
.mxcp-list .pic img{display:block;width:100%;height:auto;vertical-align:middle;transition:all 1s;}
.mxcp-list .tit{display:flex;align-items:center;position:relative;margin-top:20px;height:75px;line-height:30px;overflow:hidden;}
.mxcp-list .tit:before{display:block;position:absolute;left:0;top:0;width:30px;height:2px;content:"";background:var(--color);}
.mxcp-list .tit h3{font-size:18px;}
.mxcp-list .tit h3 a{color:#333;}
.mxcp-list .tit h3 a:hover{color:var(--color);}
.mxcp-list .btn{display:flex;align-items:center;overflow:hidden;border-top:#e7e7e7 solid 1px;}
.mxcp-list .btn a{display:block;padding:20px 0;line-height:24px;font-size:16px;color:#111;}
.mxcp-list .btn a:hover{color:var(--color);}
.mxcp-list .btn:after{display:block;margin-left:10px;width:15px;height:15px;content:"";background:url(../images/icon/icon_zx.png) no-repeat center / 100%;}
.mxcp-list .item:hover .pic img{transform:scale(1.1);}
@media(max-width:1200px){
.mxcp{padding:40px 10px;}
.mxcp-list{margin:-5px;}
.mxcp-list .item{margin:5px;padding:15px 10px 0;width:calc(50% - 10px);border:#f0f0f0 solid 1px;box-shadow:none;}
.mxcp-list .tit{margin-top:20px;}
.mxcp-list .tit h3{font-size:16px;}
.mxcp-list .btn a{padding:15px 0;line-height:20px;font-size:14px;}
}
/*--end mxcp--*/


.company-intro{padding:80px 0;overflow:hidden;background:#fff;}
.company-culture{padding:80px 0;overflow:hidden;background:#f0f0f0;}
.company-adv{padding:80px 0;overflow:hidden;background:#fff;}
.company-culture .list{display:flex;flex-wrap:wrap;margin:-20px;overflow:hidden;}
.company-culture .list .item{position:relative;float:left;margin:20px;padding:100px 20px;width:calc(33.33% - 40px);height:330px;text-align:center;color:#fff;overflow:hidden;background:#333;}
.company-culture .list .item:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.5);}
.company-culture .list .item h3{position:relative;z-index:3;padding-bottom:20px;font-size:28px;font-weight:bold;overflow:hidden;}
.company-culture .list .item h3:before,.company-culture .list .item h3:after{display:block;position:absolute;bottom:0;height:1px;content:"";background:#fff;}
.company-culture .list .item h3:before{left:0;width:100%;opacity:0.1;}
.company-culture .list .item h3:after{left:50%;width:30px;height:2px;transform:translateX(-50%);}
.company-culture .list .item p{position:relative;z-index:3;margin:20px 0;padding:0 20px;height:75px;line-height:35px;font-size:18px;}
.company-culture .list .item i{display:block;position:relative;z-index:3;margin:0 auto;width:40px;height:40px;background:url(../images/culture_icon.png) no-repeat 0 0 / 100%;}
.company-culture .list .item i.icon-dw{background-position:0 -80px;}
.company-culture .list .item i.icon-sm{background-position:0 0;}
.company-culture .list .item i.icon-ln{background-position:0 -120px;}
.company-culture .list .item i.icon-yj{background-position:0 -40px;}
.company-culture .list .item:nth-child(1){background:url(../images/culture_01.jpg) no-repeat center / cover;}
.company-culture .list .item:nth-child(2){background:url(../images/culture_02.jpg) no-repeat center / cover;}
.company-culture .list .item:nth-child(3){background:url(../images/culture_03.jpg) no-repeat center / cover;}
.company-culture .list .item:nth-child(4){background:url(../images/culture_04.jpg) no-repeat center / cover;}
@media(max-width:1200px){
.company-intro,.company-culture,.company-adv{padding:40px 10px;}
.company-culture .list{margin:-10px;}
.company-culture .list .item{margin:10px;padding: 50px 10px;width:calc(100% - 20px);height:240px;}
.company-culture .list .item h3{padding-bottom:10px;font-size:20px;}
.company-culture .list .item p{margin:10px 0;height:88px;line-height:22px;font-size:14px;}
}
/*--end cx-culture-01--*/