@charset "UTF-8";
/*banner*/
.banner { width: 100%; height: 350px; overflow: hidden; position: relative; }
.banner img { position: absolute; left: 50%; margin-left: -960px; height: 100%; top: 0; }

/*标题*/
h2 { height: 133px; text-align: center; overflow: hidden; }
h2 p:first-child { font: 26px/26px "微软雅黑"; color: #333; margin-top: 50px; }
h2 p:first-child + p { font: 12px/12px "微软雅黑"; color: #333; margin-top: 8px; }

/*分类*/
.aboutTab { height: 70px; width: 100%; text-align: center; background: #f9f9f9; border-top: 1px solid #dbdcd8; border-bottom: 1px solid #dbdcd8; font-size: 0; }
.aboutTab a { display: inline-block; width: 299px; font: 16px/70px "微软雅黑"; color: #444; text-align: center; border-right: 1px solid #dbdcd8; }
.aboutTab a:first-child { border-left: 1px solid #dbdcd8; }
.aboutTab .on { background: #ff8f21; color: #fff; }

/*公司简介*/
.aboutIntro { width: 1400px; margin: 0 auto; margin-top: 60px; }
.aboutIntro .intro { overflow: hidden; margin-bottom: 50px; }
.aboutIntro .intro .left { float: left; width: 800px; height: 600px; position: relative; }
.aboutIntro .intro .left .move { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.aboutIntro .intro .left .move img{width:800px;height:600px;max-width:800px;max-height:600px;object-fit: cover;}
.aboutIntro .intro .left ul { position: absolute; }
.aboutIntro .intro .left li { position: absolute; }
.aboutIntro .intro .left li p { height: 50px; width: 100%; font: 16px/50px "微软雅黑"; color: #fff; text-indent: 20px; background: #000; background: rgba(0, 0, 0, 0.7); position: absolute; bottom: 0; left: 0; }
.aboutIntro .intro .left .leftPage { position: absolute; bottom: 0; line-height: 50px; height: 50px; right: 20px; }
.aboutIntro .intro .left .libs { width: 7px; height: 7px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #fff; display: inline-block; margin-left: 8px; cursor: pointer; }
.aboutIntro .intro .left .active { background: #ff8f21; }
.aboutIntro .intro .right { float: right; width: 590px; font: 16px/30px "微软雅黑"; color: #555; text-indent: 32px; }
.aboutIntro h3 { font: 22px/40px "微软雅黑"; color: #4c4c4c; text-align: center; font-weight: 900; background: #fbfcfd; border-top: 2px solid #0c26c5; border-bottom: 1px solid #dbdcd8; }
.aboutIntro .honor .main { margin-top: 40px; padding-bottom: 57px; }
.aboutIntro .honor .main .silder { margin: 0px auto; }
.aboutIntro .honor .main img { width: 220px; height: 300px; }

.honorPrev { width: 24px; height: 100px; background: #000; background: rgba(0, 0, 0, 0.3); top: 97px; position: absolute; z-index: 1; cursor: pointer;display: none }
.honorPrev i { font: 35px/100px "微软雅黑"; color: #fff; position: relative; right: 5px; }
.honorPrev:hover { background: rgba(0, 0, 0, 0.5); }
.honorNext { width: 24px; height: 100px; background: #000; background: rgba(0, 0, 0, 0.3); top: 97px; position: absolute; z-index: 1; right: 0; cursor: pointer;display: none }
.honorNext i { font: 35px/100px "微软雅黑"; color: #fff; position: relative; right: 5px; }
.honorNext:hover { background: rgba(0, 0, 0, 0.5); }

.aboutIntro .video { padding-bottom: 90px; text-align: center; }
.aboutIntro .video  img{ margin: 40px auto 0; }
/*视频播放*/
.videoWrap { width: 100%; height: 100%; background: #000; background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; z-index: 11; display: none; color: #000; }
.videoWrap video { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.videoWrap .close { font: 50px/60px "微软雅黑"; width: 60px; height: 60px; color: #fff; background: #000; position: absolute; right: 0; top: 0; text-align: center; cursor: pointer; }

/*推荐阅读*/
.other { width: 1200px; margin: 0 auto; height: 125px; overflow: hidden; border-top: 1px solid #dbdcd8; }
.other p { font: 16px/16px "微软雅黑"; color: #666; margin-top: 30px; }
.other p a { color: #666; }
.other p a:hover { color: #1d6bb1; text-decoration: underline; }

/*大图展示*/
#imgWrap { width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.7); top: 0; display: none;z-index: 10; }
#imgWrap .close { position: absolute; right: 0; top: 0; font: 30px/50px "微软雅黑"; height: 50px; width: 50px; text-align: center; color: #fff; background: #000;cursor: pointer; }
#imgWrap img { width: 600px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

/*主营业务*/
.business { width: 1200px; margin: 0 auto; margin-top: 53px; }
.business .intro p { font: 16px/30px "微软雅黑"; color: #555; }
.business .intro p:first-child { margin-bottom: 30px; }
.business .main { overflow: hidden; margin-top: 50px; padding: 0 20px 60px; }
.business .main li { width: 570px; height: 200px; overflow: hidden; float: left; margin: 0 5px 20px; }
.business .main li div { margin-left: 100px; margin-top: 42px; }
.business .main li div p { font: 16px/26px "微软雅黑"; color: #fff; }
.business .main li div p:first-child { font: 20px/28px "微软雅黑"; font-weight: 900; }
.business .main li div p a { color: #fff; }
.business .main li:first-child { background: url("../images/business01.jpg"); }
.business .main li:first-child + li { background: url("../images/business02.jpg"); }
.business .main li:first-child + li + li { background: url("../images/business03.jpg"); }
.business .main li:first-child + li + li + li { background: url("../images/business04.jpg"); }
.business .main li:first-child + li + li + li + li { background: url("../images/business05.jpg"); }
.business .main li:first-child + li + li + li + li + li { background: url("../images/business06.jpg"); }

/*四联文化*/
.culture { width: 1160px; margin: 60px auto 80px; border-collapse: collapse; }
.culture td { border: 1px solid #dbdcd8; text-align: center; width: 385px; height: 380px; vertical-align: top; }
.culture td div { height: 204px; overflow: hidden; }
.culture td img { margin-top: 64px; }
.culture td p { font: 16px/26px "微软雅黑"; color: #666; }
.culture td div + p { font: 24px/44px "微软雅黑"; color: #444; }

/*企业风采*/
.comStyle { width: 1200px; margin: 0 auto; padding: 60px 0 80px; }
.comStyle ul { margin-left: -42px; overflow: hidden; width: 1242px; }
.comStyle ul li { width: 370px; height: 400px; border: 1px solid #dbdcd8; float: left; margin-left: 42px; margin-bottom: 20px; }
.comStyle ul li img { width: 372px; height: 279px; margin-top: -1px; margin-left: -1px; }
.comStyle ul li div { height: 114px; border-bottom: 1px solid #dbdcd8; padding: 0 30px; overflow: hidden; }
.comStyle ul li div p { font: 20px/20px "微软雅黑"; color: #444; margin: 24px 0 26px; font-weight: 900; }
.comStyle ul li div a { font: 14px/14px "微软雅黑"; color: #1d6bb1; }
.comStyle ul li div a:hover { opacity: .7; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); }

/*# sourceMappingURL=about.css.map */