.intro_img_l { width: 50%; }
.intro_img_font { width: 50%; color: #006ebc; }
.intro_img_font span { display: block; }
.intro_img_font .span1 { font-size: 35px; text-align: left; height: 35px; margin-top: 88px; margin-left: -20px; }
.intro_img_font .span2 { font-size: 35px; text-align: right; height: 35px; padding: 25px 0; }
.intro_img_font .span3 { font-size: 16px; text-align: center; height: 16px; }
.intro_despri { color: #616262; font-size: 14px; line-height: 30px; padding: 40px 0; }
.intro_culture { background: url(../images/introduction_banner3.jpg) no-repeat center top; background-size: 100% 100%; height: 728px; width: 100%; }
.intro_culture ul li { width: 25%; float: left; text-align: center; color: #fff; }
.intro_culture ul li .icon { background: #454748; border-radius: 100%; width: 120px; height: 120px; text-align: center; cursor: pointer; margin: 0 auto 14px; }
.intro_culture ul li .icon:hover { background: #006ebc; }
.intro_culture ul li .icon img { width: 50px; margin-top: 33px; }
.intro_culture ul li .font_in1 { font-size: 12px; }
.intro_culture ul li .font_in2 { font-size: 22px; line-height: 42px; padding: 8px 0; }
.intro_culture_tit { color: #fff; font-size: 25px; line-height: 25px; text-align: center; padding-top: 50px; padding-bottom: 44px; }
.intro_culture_tit span { font-size: 12px; }
.intro_culture .intro_qyln { background: rgba(0, 0, 0, 0.5); color: #fff; width: 460px; margin: 70px auto 0; text-align: center; font-size: 20px; line-height: 50px; height: 210px; }
.intro_culture .intro_qyln span { font-size: 30px; padding-top: 47px; display: block; padding-bottom: 20px; }
.intro_history { background: #f5f5f5; }
.intro_social { background: url(../images/introduction_banner4.jpg); background-size: 100% 100%; height: 570px; }
.intro_social ul { padding-top: 50px; }
.intro_social ul li { width: 33%; float: left; line-height: 45px; color: #fff; font-size: 17px; }
.product-section { clear:both; padding-bottom:138px; position:relative; background:#f5f5f5; }
.product-title { padding:50px 10px 30px; font-weight:normal; font-size:36px; line-height:46px; color:#252b3a; text-align:center; color:#ffffff }
.product-wrapper { max-width:1200px; overflow:hidden; padding-left:10px; padding-right:10px; margin-left:auto; margin-right:auto; position:relative }
.swiper-container { width:1000px; overflow:hidden; zoom:1; margin-left:auto; margin-right:auto; position:relative; z-index:1 }
.product-features .product-body { width:1100px; margin:0 auto; overflow:visible; }
.product-features .product-body:after { content:""; width:100%; height:3px; background:url(../images/productbase-features-model.png) no-repeat; background-size:100% auto; background-position:center; position:absolute; top:163px; left:0; z-index:0 }
/*li*/
.features-item { position:relative; float:left; margin-top:203px; }
.features-slide .features-item>* { text-align:center }
.features-item h3 { font-size:16px; line-height:28px; color:#494949; transition:all 0.1s; background:#e8e8e8; }
.even.features-item h3 { margin-top:0; }
.features-item i { position:absolute; width:15px; height:15px; background:#c2c2c2; border-radius:50%; margin-top:0; left:50%; margin-left:-7.5px; top:0; z-index:3; margin-top:-45px; }
.even.features-item i { margin-top:157px; }
.features-item .features-info { display:block; padding:8px 0; min-height:80px; transition:all 0.3s; border-radius:2px; background:#fff; text-align:left; }
.even.features-item { margin-top:0; }
.even.features-item .features-info { padding:8px 0; text-align:justify; }
.features-item .features-info .features-info-i { font-size:14px; color:#A0A2A8; line-height:22px; margin-bottom:10px; display:none; }
.features-item .features-info .features-info-s { font-size:12px; color:#7f7f7f; line-height:20px; overflow:hidden; padding:0 12px; }
.features-item.dark i { }
/*鼠标悬浮效果*/
.features-item:hover h3, .swiper-slide-active h3 { font-size:16px; line-height:28px; opacity:0.9; background:#006ebc; color:#fff; }
.features-item:hover i, .swiper-slide-active i { background:#006ebc; }
.features-item:hover a { }
/*左右按钮*/
.product-features .swiper-button-prev { width:42px; height:42px; left:-58px; top:50%; margin-top:-21px; background:url(../images/prev1.png) 0 0 no-repeat; }
.product-features .swiper-button-prev:after { content:""; display:inline-block; position:absolute; width:15px; height:30px; background:url(../images/productbase-features-left.png) no-repeat; background-size:100% 100%; top:50%; margin-top:-15px; left:50%; margin-left:-7px }
.product-features .swiper-button-next { width:42px; height:42px; right:-58px; top:50%; margin-top:-21px; background:url(../images/next1.png) 0 0 no-repeat; }
.product-features .swiper-button-next:after { content:""; display:inline-block; position:absolute; width:15px; height:30px; background:url(../images/productbase-features-right.png) no-repeat; background-size:100% 100%; top:50%; margin-top:-15px; left:50%; margin-left:-7px }
@media screen and (max-width:750px) {
.intro_culture {
height: 716px;
}
.intro_culture ul li .font_in2 {
font-size: 18px;
}
.intro_img img {
width: 100%;
}
.intro_culture ul li {
width: 50%;
margin-bottom: 32px;
}
.intro_social ul {
padding-top: 0px;
}
.intro_social ul li {
width: 93%;
text-align: left;
line-height: 27px;
font-size: 14px;
padding-left: 7%;
}
.intro_social {
height: 650px;
}
.intro_img_font {
width: 100%;
}
.intro_img_font .span1 {
margin-left: 0px;
font-size: 20px;
margin-top: 30px;
}
.intro_img_font .span2 {
font-size: 14px;
padding: 0;
height: 32px;
}
.intro_culture_tit {
padding-bottom: 20px;
}
.intro_despri {
padding-top: 20px;
text-align: justify;
}
.intro_culture {
height: auto;
}
}
@media screen and (max-width:480px) {
.intro_culture .intro_qyln { width:92%; margin-top:20px; font-size:14px; height:auto; }
.intro_culture .intro_qyln span { padding-top:20px; padding-bottom:0; }
.intro_culture ul li .icon { width:5.2rem; height:5.2rem; }
.intro_culture ul li .icon img { width:60%; margin-top:1rem; }
.intro_culture ul li .font_in1 { overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap; }
.intro_culture ul li .font_in2 { font-size:14px; }
}