@charset "utf-8";
/*关于我们*/
.about_banner{width:100%;background: #eee url(../images/profile/factory.jpg) bottom right no-repeat;overflow:hidden;}
.about_banner .cmpinfo{width: 1200px;margin:0 auto;padding: 60px 0;overflow:hidden;}
.about_banner .cmpinfo .info{width: 60%;float:left;text-align: justify;}
.about_banner .cmpinfo .info h3{font-size: 36px;color: #444;line-height: 60px;font-weight: bold;margin-bottom: 40px;}
.about_banner .cmpinfo .info p{line-height: 26px;font-size: 15px;color:#444;margin-bottom: 14px;}

.timeline{background: radial-gradient(ellipse , #ffffff 10%, rgba(181, 181, 181, 0.4) 90%);width:100%;overflow:hidden;padding: 0 0 80px 0;position: relative;}
.timeline h3{width:1200px;height: 60px;margin: 0 auto 40px;overflow:  hidden;position:  relative;}
.timeline h3 span{font-size: 36px;color: #fff;background: #444;font-weight: bold;position:  absolute;left: 0;top: 0;padding: 0 40px;line-height: 60px;}
.about-history-list{ position:relative; width:1200px; margin:0 auto;}
.about-history-list .flex-viewport{}
.about-history-list .flex-viewport:before{position:absolute;top:50%;right:0;left:0;border-top: 1px solid #e7e7e7;content:'';}
.about-history-list .slides li{ position:relative; width:253px; height:470px; margin-right:31px;}
.about-history-list .slides li .item{position:absolute;bottom:0;left:0;width:100%;min-height:152px;padding:44px 0 0 0;background-color: #efefef;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
.about-history-list .slides li .item:before{position:absolute;top:-49px;left:50%;width:20px;height:20px;overflow:hidden;margin-left:-10px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color: rgba(187, 187, 187, 0.8);content:'';}
.about-history-list .slides li .item:after{ position:absolute; top:-45px; left:50%; width:12px; height:12px; overflow:hidden; margin-left:-6px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:#ebebeb; content:'';}
.about-history-list .slides li:nth-child(even) .item{ top:0; bottom:auto; padding:0 0 44px;}
.about-history-list .slides li:nth-child(even) .item:before{ top:auto; bottom:-49px;}
.about-history-list .slides li:nth-child(even) .item:after{ top:auto; bottom:-45px;}
.about-history-list .slides li .item:hover{background-color: #afafaf;}
.about-history-list .slides li .item h4{ position:absolute; top:0; right:0; left:0; height:44px; line-height:44px; margin:0; font-size:20px; font-weight:400; color:#999999; text-align:center; background-color:#e2e2e2; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
.about-history-list .slides li .item:hover h4{color: #ffffff;background-color: #666;}
.about-history-list .slides li .item h4:before{ position:absolute; bottom:100%; left:50%; margin-left:-9px; border-width:0 9px 18px; border-style:solid; border-color:transparent transparent #e2e2e2; content:'';}
.about-history-list .slides li:nth-child(even) .item h4{ top:auto; bottom:0;}
.about-history-list .slides li:nth-child(even) .item h4:before{ top:100%; bottom:auto; border-width:18px 9px 0; border-color:#e2e2e2 transparent transparent;}
.about-history-list .slides li .item .desc{ line-height:24px; padding:22px 26px 0; font-size:14px; color:#929292;}
.about-history-list .slides li .item:hover .desc{ color:#ffffff;}
.about-history-list .slides li .item .desc p{ margin:0;}
.about-history-list .flex-direction-nav{ padding:0; margin:0; list-style:none;}
.about-history-list .flex-direction-nav a{position:absolute;top:50%;width:48px;height:160px;line-height:160px;overflow:hidden;margin-top:-80px;font-size:50px;font-family:simsun;color: #777;text-align:center;}
.about-history-list .flex-direction-nav a.flex-prev{ left:-48px;}
.about-history-list .flex-direction-nav a.flex-next{ right:-48px;}
.about-history-swiper{ width:100%;}
.about-history-swiper .swiper-slide .item{ overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#fff;}
.about-history-swiper .swiper-slide .item h4{ margin:0; height:40px; line-height:40px; overflow:hidden; font-size:20px; text-align:center; color:#999999; background-color:#e2e2e2;}
.about-history-swiper .swiper-slide .item .desc{ line-height:20px; padding:10px; font-size:14px; color:#929292;}
.about-history-swiper .swiper-slide .item .desc p{ margin:0;}
.about-history-swiper .about-history-pagination{ position:static; margin-top:10px;}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet{ background:#fff;}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet-active{ background:#c91523;}

.about_cer{background: #f5f5f5;width:100%;overflow:hidden;padding: 60px 0;position: relative;}
.about_cer h3{text-align:center;font-size: 36px;line-height: 60px;font-weight: bold;color: #444;margin-bottom: 60px;}
.about_cer ul{width:1200px; margin:0 auto; overflow:hidden;}
.about_cer ul li{float:left; width:285px;}
.about_cer ul li+li{margin-left:20px;}
.about_cer ul li .p_pic{ width:100%; height:405px;}
.about_cer ul li .p_pic img{width:100%; height:100%;}
.about_cer .owl-nav{text-align: right;max-width: 1170px;margin: 40px auto 0;}
.about_cer .owl-nav .owl-prev,
.about_cer .owl-nav .owl-next{display: inline-block;margin-right: 20px;font-size: 14px;font-weight: 700;color: #777;letter-spacing: 1px;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;padding: 0 5px;}
.about_cer .owl-nav .owl-prev:hover,
.about_cer .owl-nav .owl-next:hover{background: #91bf14;color: #fff;}
.about_cer .owl-nav .owl-prev i{margin-right: 5px;}
.about_cer .owl-nav .owl-next{margin-right: 0px;}
.about_cer .owl-nav .owl-next i{margin-left: 5px;}