.banner { position: relative; min-width: 1230px; height: 700px; color: #fff; background: #3a6dff url(../img/banner_index_bg.png) no-repeat; overflow: hidden; }
.banner .container { position: relative; }
.banner .swiper-container { height: 700px; }
.banner .swiper-slide { position: relative; background: #3a6dff url(../img/banner_index_bg.png) no-repeat center center; -webkit-background-size: cover; background-size: cover; }
.banner .swiper-slide .container { position: relative; height: 700px; }
.banner .swiper-slide .container .banner-img { position: absolute; }
.banner .swiper-slide-1 { background-image: url(../img/banner_index_bg.png); }
.banner .swiper-slide-1 .banner-img { right: -60px; top: 50%; margin-top: -165px; }
.banner .swiper-slide-2 { background-image: url(../img/banner_index_bg1.png); }
.banner .swiper-slide-2 .banner-img { right: 0; bottom: -10px; }
.banner .swiper-slide-3 { background-image: url(../img/banner_index_bg2.png); }
.banner .swiper-slide-3 .banner-img { right: 0; top: 50%; margin-top: -247px; }
.banner .pagination { position: absolute; z-index: 20; bottom: 45px; width: 100%; text-align: center; }
.banner .swiper-pagination-bullet { display: inline-block; width: 34px; height: 3px; background: #91a9e4; background: rgba(255, 255, 255, 0.8); margin: 0 5px; cursor: pointer; border-radius: 0; transition: background .4s linear; }
.banner .swiper-pagination-bullet-active { background: #fff; }
.banner-content { position: absolute; left: 0; top: 155px; z-index: 999; }
.banner-content ul { overflow: hidden; }
.banner-content li { position: relative; float: left; width: 170px; height: 44px; font-size: 18px; line-height: 42px; margin-right: 20px; text-align: center; cursor: pointer; border: 1px solid #9aa2eb; border: 1px solid rgba(255, 255, 255, 0.5); }
.banner-content li:before, .banner-content li:after { content: ''; position: absolute; width: 8px; height: 8px; -moz-transition: width 0.3s ease-out, hegiht 0.3s ease-out; -o-transition: width 0.3s ease-out, hegiht 0.3s ease-out; -webkit-transition: width 0.3s ease-out, hegiht 0.3s ease-out; transition: width 0.3s ease-out, hegiht 0.3s ease-out; }
.banner-content li:before { top: -1px; left: -1px; border-left: 2px solid #9ff9f1; border-top: 2px solid #9ff9f1; }
.banner-content li:after { bottom: -1px; right: -1px; border-right: 2px solid #9ff9f1; border-bottom: 2px solid #9ff9f1; }
.banner-content li:hover:before, .banner-content li:hover:after { width: 100%; height: 100%; }
.banner-title { font-size: 60px; margin-bottom: 0.5em; letter-spacing: 6px; text-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); }
.banner-subtitle { font-size: 20px; opacity: 0.7; letter-spacing: 1px; }
.banner-decorate { margin: 60px 0 0px;}

.section { min-width: 1230px; }
.section-title, .section-subtitle { text-align: center; }
.section-title { font-size: 36px; margin-bottom: 0.5em; color: #464646; }
.section-subtitle { font-size: 20px; color: #666; }
.section-featrue { padding-top: 90px; padding-bottom: 110px; }
.section-featrue-list { margin-top: 55px; overflow: hidden; }
.section-featrue-list li { float: left; width: 285px; height: 240px; font-size: 26px; color: #3a6dff; text-align: center; background-color: #f3f6ff; cursor: default; }
.section-featrue-list li + li { margin-left: 20px; }
.section-featrue-list li:hover { color: #fff; background-color: #3a6dff; }
.section-featrue-list .icon { display: block; width: 70px; height: 70px; margin: 55px auto 30px; background: url(../img/systematization_normal.png) no-repeat center center; }
.section-featrue-list .icon-sys { background-image: url(../img/systematization_normal.png); }
.section-featrue-list .icon-net { background-image: url(../img/networking_normal.png); }
.section-featrue-list .icon-ir { background-image: url(../img/technology_normal.png); }
.section-featrue-list .icon-it { background-image: url(../img/scientific_and_technological_normal.png); }
.section-featrue-list li:hover .icon-sys { background-image: url(../img/systematization_hover.png); }
.section-featrue-list li:hover .icon-net { background-image: url(../img/networking_hover.png); }
.section-featrue-list li:hover .icon-ir { background-image: url(../img/technology_hover.png); }
.section-featrue-list li:hover .icon-it { background-image: url(../img/scientific_and_technological_hover.png); }
.section-product { padding: 40px 0 120px; background-color: #f3f6ff; }
.section-product .section-content { margin-top: 80px; }
.section-product-item { width: 420px; height: 280px; font-size: 16px; padding: 40px 30px 0; color: #666; background-color: #fff; }
.section-product-item + .section-product-item { margin-top: 20px; }
.section-product-item .intro { margin-bottom: 20px; }
.section-product-item .img { width: 70px; height: 70px; float: left; }
.section-product-item .title, .section-product-item .subtitle { margin-left: 90px; }
.section-product-item .title { font-size: 32px; }
.section-product-item .subtitle { font-size: 12px; color: #666; }
.section-product-item .desc { font-size: 16px; text-indent: 2em; line-height: 2; color: #999; }
.section-product .comp { width: 320px; height: 580px; margin-left: 20px; padding: 80px 30px 0; background-color: #fff; }
.section-product .comp-title { font-size: 26px; color: #3a6dff; text-align: center; margin-bottom: 50px; }
.section-product .comp-desc { font-size: 16px; color: #999; text-indent: 2em; line-height: 2; margin-bottom: 1em; }
.section-team { position: relative; width: 1260px; padding: 70px 0 145px; }
.section-team:before { content: ''; position: absolute; top: 0; right: 0; z-index: 9; width: 977px; height: 144px; background: url(../img/TIANXINGKE.png) no-repeat right top; }
.section-team-lft { position: relative; width: 480px; height: 512px; background-color: #f3f6ff; padding: 80px 40px 0; }
.section-team-lft:before, .section-team-lft:after { content: ''; position: absolute; }
.section-team-lft:before { top: -7px; left: -7px; width: 120px; height: 145px; border-left: 7px solid #3a6dff; border-top: 7px solid #3a6dff; }
.section-team-lft:after { bottom: -7px; right: -7px; width: 75px; height: 90px; border-right: 7px solid #3a6dff; border-bottom: 7px solid #3a6dff; }
.section-team-lft dt { font-size: 36px; letter-spacing: 2px; }
.section-team-lft dt span { display: block; font-size: 32px; color: #999; padding-top: 5px; margin-top: 10px; border-top: 1px dashed rgba(112, 112, 112, 0.7); }
.section-team-lft dd { font-size: 26px; color: #666; text-indent: 1.5em; margin-top: 2.5em; letter-spacing: 1px; }
.section-team-rgt { margin-top: 115px; }

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