/* about */
.introduction-header{height:720px;width:100%;color:#fff;background:url(../images/about.jpg) 0 0 no-repeat;background-size:100% 100%;overflow:hidden}
.introduction-header h4{font-size:44px;margin-top:250px;margin-bottom:30px}
.introduction-header p{width:470px;margin-bottom:20px;font-size:16px;line-height:28px}
.product-line{width:100%;height:580px}
.marketing-network{width:100%;height:740px;position:relative}
.our-ability{height:650px;width:100%;background-color:#e7e8ed}
.corporate-atmosphere{height:610px;width:100%}
.employee-accomplishment{height:660px;width:100%}
.company-introduction h5{font-size:34px;text-align:center;margin-bottom:50px}
.company-introduction>div{overflow:hidden}
.product-line h5{margin-top:120px;margin-bottom:50px}
.product-line p{margin:0 auto;text-align:center;width:770px;margin-bottom:30px}
.product-line img{display:block;margin:0 auto}
.marketing-network h6{color:#3695ff;font-size:24px;line-height:50px}
.marketing-network p{max-width:290px;margin-bottom:20px}
.color-blue{color:#3695ff}
.marketing-network h5{margin-top:50px}
.marketing-network-map{position:relative;float:left;width:954px;height:463px}
.marketing-network-text{width:calc(100% - 954px)}
.our-ability h5{margin-top:60px}
.marketing-network-map .dot:before{content:' ';position:absolute;z-index:2;width:15px;height:15px;background-color:#3695ff;border-radius:50%}
.marketing-network-map .dot:after{content:' ';position:absolute;z-index:1;width:15px;height:15px;background-color:#3695ff;border-radius:50%;animation:ripple 1s 0s ease-in-out infinite normal;-webkit-animation:ripple 1s 0s ease-in-out infinite normal;-moz-animation:ripple 1s 0s ease-in-out infinite normal;-o-animation:ripple 1s 0s ease-in-out infinite normal}
@keyframes ripple{0%{opacity:1;transform:scale(1,1)}
100%{transform:scale(2.5,2.5);opacity:0}
}
@-moz-keyframes ripple{0%{opacity:1;transform:scale(1,1)}
100%{transform:scale(2.5,2.5);opacity:0}
}
@-webkit-keyframes ripple{0%{opacity:1;transform:scale(1,1)}
100%{transform:scale(2.5,2.5);opacity:0}
}
@-o-keyframes ripple{0%{opacity:1;transform:scale(1,1)}
100%{transform:scale(2.5,2.5);opacity:0}
}
.dot.dot1:before{left:181px;top:262px}
.dot.dot1:after{left:181px;top:262px}
.dot.dot2:before{left:268px;top:231px}
.dot.dot2:after{left:268px;top:231px}
.dot.dot3:before{left:240px;top:109px}
.dot.dot3:after{left:240px;top:109px}
.dot.dot4:before{left:378px;top:184px}
.dot.dot4:after{left:378px;top:184px}
.dot.dot5:before{left:469px;top:89px}
.dot.dot5:after{left:469px;top:89px}
.dot.dot6:before{left:687px;top:106px}
.dot.dot6:after{left:687px;top:106px}
.dot.dot7:before{left:770px;top:194px}
.dot.dot7:after{left:770px;top:194px}
.our-ability-list{float:left;width:300px;height:240px;margin-right:150px;text-align:center}
.our-ability-list:nth-child(3n){margin-right:0}
.our-ability-list h6{color:#226bbc;font-size:46px}
.our-ability-list h6 span{font-size:16px;margin-left:10px}
.corporate-culture-text{width:420px;float:left;padding-bottom:60px;overflow:hidden}
.corporate-culture .center{margin-top:60px}
.corporate-culture h5{text-align:left}
.corporate-culture h6{font-size:26px;color:#3695ff;line-height:50px}
.corporate-culture p{margin-bottom:20px}
.corporate-atmosphere-list{width:25%;height:300px;display:inline-block}
.corporate-atmosphere-list p{color:#fff;line-height:300px;text-align:center;font-size:16px}
.corporate-atmosphere-list:nth-child(1){background:url(../images/宽松自由.png) 0 0 no-repeat;background-size:100% 100%}
.corporate-atmosphere-list:nth-child(2){background:url(../images/鼓励创新.png) 0 0 no-repeat;background-size:100% 100%}
.corporate-atmosphere-list:nth-child(3){background:url(../images/积极主动.png) 0 0 no-repeat;background-size:100% 100%}
.corporate-atmosphere-list:nth-child(4){background:url(../images/互助共享.png) 0 0 no-repeat;background-size:100% 100%}
.corporate-atmosphere-list:nth-child(4) p{color:#000}
.corporate-atmosphere-content{min-width:1200px;font-size:0}
.employee-accomplishment .center{overflow:hidden}
.employee-accomplishment-long{float:left;width:400px;height:200px;background:#226bbc;text-align:center}
.employee-accomplishment-short{float:left;width:200px;height:200px}
.employee-accomplishment-long h5{color:#fff;margin-bottom:0;margin-top:50px;line-height:50px}
.employee-accomplishment-long p{color:#fff;font-size:30px}
.employee-accomplishment-short.text{background-color:#e7e8ed;box-sizing:border-box;padding:10px}
.employee-accomplishment-short.text h6{color:#226bbc;font-size:22px}
.employee-accomplishment-short.text p{margin-top:20px;line-height:30px}
.employee-title{margin-top:50px;font-size:26px}

/*
* name:Bingyu
* version:v3.4.2
* update:发展历程
* date:2021-07-13
*/

/* 发展历程 */
.licheng{position: relative;width: 100%;height:260px;overflow: hidden;background: url("../images/fz_banner.jpg") center center no-repeat;}
.licheng span{position: absolute;left: 50%;top:50%; display: block;width: 180px;height:50px;margin-left:-90px;margin-top:-15px;color: #fff;font-size:24px;text-align: center;line-height:50px;background:rgba(0,0,0,0.6)}

/* 发展历程 */
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.history.channel_content{padding:0;}
.wrap{width: 1260px;margin: 0px auto;}
.history01{background:url(../images/history01_1.jpg) no-repeat center fixed; padding:60px 0;}
.history01 .ul-list{position:relative; }
.history01 .ul-list:before{content:''; width:32px; height:32px; background:url(../images/history01_time.png) no-repeat center center; top:12px; margin:5px auto 0; position:absolute; left:50%; margin-left:-16px;}
.history01 .ul-list:after{ content:""; position:absolute; width:1px; height:100%; display:block; background:#b1b1b1; left:50%; top:43px; }
.history01 .ul-list li{ width:80%; margin:0 auto; margin-bottom:3%; }
.history01 .ul-list li:first-child{ padding-top:5%; }
.history01 .ul-list li .box{ width:70%; padding-bottom:2%; position:relative; }
.history01 .ul-list li .box:after{ content:""; position:absolute; height:1px; width:85%; display:block; background:#b1b1b1; bottom:0; }
.history01 .ul-list li:nth-child(odd) .box:after{ left:0; }
.history01 .ul-list li:nth-child(even) .box:after{ right:0; }
.history01 .ul-list li:nth-child(odd) .box{ float:right; }
.history01 .ul-list li:nth-child(even) .box{ float:left; }
.history01 .ul-list li .year{ width:25%; font-size:38px; font-family:"Arial"; color:#bc0b13; text-align:center; }
.history01 .ul-list li .con{ width:62%;height: 60px;display: inline-flex;align-items: center;}
.history01 .ul-list li .con .title{ font-size:20px; font-weight:bold; color:#3c3c3c; }
.history01 .ul-list li .con .dec{ font-size:16px; color:#1b1b1b; }
.history01 .ul-list li:nth-child(odd) .year{ float:left; }
.history01 .ul-list li:nth-child(even) .year{ float:right; }
.history01 .ul-list li:nth-child(odd) .con{ float:right; }
.history01 .ul-list li:nth-child(even) .con{  text-align:right;justify-content: flex-end;}
.history01 .ul-list li:nth-child(even) .con p{padding-right:10px; }
.history01 .time{position:relative;}
.history01 .time:before{content:''; position:absolute; border-width:10px; border-color:#3c3c3c transparent transparent transparent; border-style:solid; top:0; left:50%; margin-left:-10px;}