@charset "UTF-8";
* { padding: 0; margin: 0; box-sizing: border-box; background-repeat: no-repeat; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Microsoft YaHei","微软雅黑",Arial; }

div, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, img, ol, ul, li, table, th, td, p, span, a { border: 0; }

img { border: none; vertical-align: middle; display: inline-block; max-width: 100%; max-height: 100%; }

body { max-width: 1920px; background: #fff; color: #333; font-size: 14px; margin-left: auto; margin-right: auto; line-height: 1.1; background-image: url(../images/page_footer_bg.png); background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat; }

ul, ol { list-style-type: none; }

button { border: none; cursor: pointer; background-color: transparent; }

a { text-decoration: none; color: inherit; }

a:hover { text-decoration: none; color: inherit; transition: all 0.15s; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; }

.clear { clear: both; font-size: 1px; height: 0; visibility: hidden; line-height: 0; }

.clearfix { zoom: 1; }

.fl { float: left; }

.fr { float: right; }

.bk { border: 1px red solid; }

.none { display: none !important; }

.container { width: 1200px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; }
.container:before, .container:after { content: ''; display: table; width: 100%; clear: both; font-size: 0; }

/*导航按钮*/
.navbtn { display: none; position: absolute; z-index: 9999; width: auto; height: auto; padding: 0 7px; border-radius: 5px; background-color: #323296; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.navbtn span { display: block; width: 35px; height: 4px; margin: 8px 0; border-radius: 5px; background-color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.navbtn.navclose span:nth-child(1) { -moz-transform: translateY(12px) rotate(45deg); -ms-transform: translateY(12px) rotate(45deg); -webkit-transform: translateY(12px) rotate(45deg); transform: translateY(12px) rotate(45deg); }
.navbtn.navclose span:nth-child(2) { opacity: 0; }
.navbtn.navclose span:nth-child(3) { -moz-transform: translateY(-12px) rotate(-45deg); -ms-transform: translateY(-12px) rotate(-45deg); -webkit-transform: translateY(-12px) rotate(-45deg); transform: translateY(-12px) rotate(-45deg); }

/* 头部 */
.header { border-bottom: 1px #005982 solid; }
.header .logo { float: left; width: 44.0677966102%; height: 105px; line-height: 105px; overflow: hidden; font-size: 0; }
.header .logo img { padding: 10px 0; }
.header .tel { float: right; height: 50px; line-height: 24px; margin-top: 27.5px; padding-left: 60px; color: #323296; font-size: 14px; background-image: url(../images/h_tel.png); background-position: left center; }
.header .tel h5 { color: #fa3232; font-size: 24px; font-family: Arial; font-weight: normal; }

/* 导航条 */
.navbar { width: 100%; background-color: #0668cb; }
.navbar .nav { overflow: hidden; }
.navbar .nav a { float: left; display: block; width: 13.2857142857%; height: 45px; line-height: 45px; text-align: center; color: #fff; font-size: 16px; }
.navbar .nav a:hover { background-color: #323296; }
.navbar .nav a.current { font-weight: bold; background-color: #323296; }
.navbar .nav a:last-child { float: right; width: 7%; }

/* banner */
.banner { position: relative; overflow: hidden; }
.banner .swiper-slide { width: 100%; height: 510px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.banner .swiper-pagination { bottom: 30px !important; font-size: 0; }
.banner .swiper-pagination span { opacity: 1; margin: 0 10px !important; width: 10px; height: 10px; background-color: #fff; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.banner .swiper-pagination span.swiper-pagination-bullet-active { background-color: #0668cb; }

/* 首页 */
.index-wrapper { margin-top: 20px; }
.index-wrapper .model-title { height: 55px; line-height: 55px; padding-left: 12px; padding-right: 15px; background-color: #b2b2b2; }
.index-wrapper .model-title h3 { float: left; color: #fff; font-size: 16px; }
.index-wrapper .model-title a { float: right; display: block; width: 30px; text-indent: -9999px; background-image: url(../images/model_title_more_icon.png); background-position: center center; background-size: contain; font-size: 0; }
.index-wrapper .item-style { border-top-right-radius: 5px; border-left: 4px #323296 solid; box-shadow: 0px 0px 5px 0px #999; background-color: #fff; overflow: hidden; }
.index-wrapper .product-center { float: left; width: 33.4745762712%; overflow: hidden; }
.index-wrapper .product-center .pro-menu { float: left; width: 46.835443038%; height: 230px; background-color: #0668cb; }
.index-wrapper .product-center .pro-menu ul li { position: relative; padding-left: 10px; padding-right: 10px; transition: all 0.1s; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; }
.index-wrapper .product-center .pro-menu ul li:after { content: ''; opacity: 0; position: absolute; z-index: 9; top: 0; right: -8px; width: 8px; height: 100%; background-image: url(../images/arrow_right_blue.png); background-position: center center; background-repeat: no-repeat; background-size: contain; transition: all 0.1s; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; }
.index-wrapper .product-center .pro-menu ul li a { display: block; height: 55px; line-height: 55px; text-align: center; border-bottom: 1px #00a0e9 dashed; color: #fff; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.index-wrapper .product-center .pro-menu ul li.active, .index-wrapper .product-center .pro-menu ul li:hover { background-color: #323296; }
.index-wrapper .product-center .pro-menu ul li.active:after, .index-wrapper .product-center .pro-menu ul li:hover:after { opacity: 1; }
.index-wrapper .product-center .pro-menu ul li.active a, .index-wrapper .product-center .pro-menu ul li:hover a { color: #fff; border: none; }
.index-wrapper .product-center .pro-cen-slide { float: right; width: 51.8987341772%; height: 230px; overflow: hidden; }
.index-wrapper .product-center .pro-cen-slide .swiper-slide { line-height: 230px; text-align: center; font-size: 0; }
.index-wrapper .product-center .pro-cen-slide .swiper-slide img { padding: 10px; }
.index-wrapper .about-us { float: left; width: 44.4915254237%; margin-left: 0.8474576271%; }
.index-wrapper .about-us .content { min-height: 230px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; overflow: hidden; }
.index-wrapper .about-us .content .text { float: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; width: 46.6666666667%; height: 210px; line-height: 23px; color: #757575; font-size: 14px; overflow: hidden; }
.index-wrapper .about-us .content .video { float: right; width: 50.4761904762%; }
.index-wrapper .about-us .content .video video { display: block; width: 100%; height: 210px; }
.index-wrapper .contact-us { float: right; width: 20.3389830508%; }
.index-wrapper .contact-us .text { min-height: 230px; line-height: 23px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; color: #757575; font-size: 14px; overflow: hidden; }
.index-wrapper .f-link { line-height: 25px; padding-left: 20px; padding-right: 20px; padding-top: 12.5px; padding-bottom: 12.5px; margin-top: 60px; color: #323296; font-size: 14px; background-color: rgba(255, 255, 255, 0.5); }
.index-wrapper .f-link a { margin-right: 30px; }

/* 内页 */
.inside-banner { height: 360px; background-position: center center; background-size: cover; }

.inside-wrapper { margin-top: 20px; padding-bottom: 200px; }

.inside-left { float: left; width: 22.0338983051%; }
.inside-left .sub-nav { border-left: 4px #323296 solid; border-bottom: 4px #323296 solid; border-top-right-radius: 5px; overflow: hidden; }
.inside-left .sub-nav .sub-title { padding-top: 20px; padding-left: 10px; padding-right: 15px; padding-bottom: 20px; background-color: #b2b2b2; text-transform: capitalize; }
.inside-left .sub-nav .sub-title h3 { padding-left: 5px; padding-bottom: 10px; color: #fff; font-size: 30px; border-bottom: 1px #bfbfbf solid; }
.inside-left .sub-nav .sub-title small { display: block; text-align: right; padding-top: 7px; padding-right: 5px; color: #8c8c8c; font-size: 14px; }
.inside-left .sub-nav ul { background-color: #0668cb; }
.inside-left .sub-nav ul li { padding-left: 10px; padding-right: 10px; transition: all 0.1s; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; }
.inside-left .sub-nav ul li a { position: relative; display: block; height: 55px; line-height: 55px; padding-left: 20px; border-bottom: 1px #00a0e9 solid; color: #fff; font-size: 16px; }
.inside-left .sub-nav ul li a:after { content: ''; opacity: 0; position: absolute; top: 0; right: 0; width: 7px; height: 100%; background-image: url(../images/arrow_right_white.png); background-position: center center; background-repeat: no-repeat; background-size: contain; transition: all 0.1s; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; }
.inside-left .sub-nav ul li:last-child a { border: none; }
.inside-left .sub-nav ul li:hover, .inside-left .sub-nav ul li.current { background-color: #323296; }
.inside-left .sub-nav ul li:hover a, .inside-left .sub-nav ul li.current a { color: #fff; border: none; }
.inside-left .sub-nav ul li:hover a:after, .inside-left .sub-nav ul li.current a:after { opacity: 1; }
.inside-left .link-pic { margin-top: 30px; }

.inside-right { float: right; width: 75.4237288136%; }
.inside-right .h-row-box { padding-top: 20px; padding-bottom: 10px; border-bottom: 1px #e5e5e5 solid; overflow: hidden; }
.inside-right .h-row-box h4 { float: left; color: #b2b2b2; font-size: 22px; }
.inside-right .h-row-box .crumbs { float: right; line-height: 20px; color: #b2b2b2; font-size: 14px; }

/* 单页 */
.single-content { line-height: 30px; padding-top: 35px; color: #727171; }
.single-content img { display: block; max-width: 100%; margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; }

/* 荣誉资质列表 */
.honor-list { overflow: hidden; }
.honor-list ul { margin-left: -15px; margin-right: -15px; overflow: hidden; }
.honor-list ul li { float: left; width: 25%; margin-top: 40px; margin-bottom: 5px; padding-left: 15px; padding-right: 15px; }
.honor-list ul li .pic { display: block; height: 280px; line-height: 278px; border: 1px #e5e5e5 solid; font-size: 0; }
.honor-list ul li .pic img { width: 100%; padding: 5px; }
.honor-list ul li .title { display: block; text-align: center; margin-top: 15px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #717171; font-size: 14px; border-bottom: 1px #1d2088 solid; }
.honor-list ul li:hover .pic { border-color: #1d2088; }

/* 产品列表 */
.product-list { overflow: hidden; }
.product-list ul { padding-top: 40px; margin-left: -15px; margin-right: -15px; overflow: hidden; }
.product-list ul li { float: left; width: 33.33%; margin-bottom: 25px; padding-left: 15px; padding-right: 15px; }
.product-list ul li a { position: relative; display: block; height: 255px; line-height: 253px; text-align: center; font-size: 0; border: 0px #bfbfbf solid; }
.product-list ul li a span { display: block; }
.product-list ul li a span img { padding: 10px;  height:261px;}
.product-list ul li a strong { opacity: 0; position: absolute; z-index: 9; left: 0; bottom: 0; display: block; width: 100%; height: 55px; line-height: 55px; padding-left: 5px; padding-right: 5px; color: #fff; font-size: 18px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background-color: rgba(6, 104, 203, 0.8); transition: all 0.1s; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; }
.product-list ul li a:hover { border-color: rgba(6, 104, 203, 0.8); }
.product-list ul li a:hover strong { opacity: 1; }

/* 产品详情 */
.product-detail { margin-top: 40px; }
.product-detail .slider { width: 69.1011235955%; margin-left: auto; margin-right: auto; overflow: hidden; }
.product-detail .slider .detail-pro-slider { position: relative; float: left; width: 78.0487804878%; height: 390px; text-align: center; overflow: hidden; border: 1px #e5e5e5 solid; }
.product-detail .slider .detail-pro-slider .swiper-slide { line-height: 390px; }
.product-detail .slider .detail-pro-slider .swiper-slide img { padding: 10px; }
.product-detail .slider .pic-pagination { position: relative; float: right; width: 21.1382113821%; height: 390px; padding-top: 20px; padding-bottom: 20px; overflow: hidden; }
.product-detail .slider .pic-pagination .swiper-prev, .product-detail .slider .pic-pagination .swiper-next { position: absolute; z-index: 9; top: 0; left: 0; width: 100%; height: 13px; line-height: 13px; text-align: center; background-color: #e5e5e5; font-size: 0; cursor: pointer; }
.product-detail .slider .pic-pagination .swiper-prev img, .product-detail .slider .pic-pagination .swiper-next img { padding: 3px; }
.product-detail .slider .pic-pagination .swiper-prev.swiper-button-disabled, .product-detail .slider .pic-pagination .swiper-next.swiper-button-disabled { opacity: .4; }
.product-detail .slider .pic-pagination .swiper-next { bottom: 0; top: auto; }
.product-detail .slider .pic-pagination .swiper-slide { display: flex; display: -webkit-flex; justify-content: center; align-items: center; text-align: center; border: 1px #e5e5e5 solid; cursor: pointer; }
.product-detail .slider .pic-pagination .swiper-slide img { height: 100%; padding: 10px; }
.product-detail .slider .pic-pagination .swiper-slide.swiper-slide-active { border-color: #0668cb; }
.product-detail h1 { text-align: center; margin-top: 15px; color: #717171; font-size: 24px; }
.product-detail .slider-label { margin-top: 70px; }
.product-detail .slider-label .label-menu { border-bottom: 1px #323296 solid; overflow: hidden; }
.product-detail .slider-label .label-menu a { float: left; display: block; width: 115px; height: 35px; line-height: 35px; text-align: center; margin-right: 5px; color: #323296; font-size: 16px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #e5e5e5; }
.product-detail .slider-label .label-menu a:hover, .product-detail .slider-label .label-menu a.current { color: #fff; background-color: #0668cb; }
.product-detail .slider-label .label-slider { position: relative; overflow: hidden; }
.product-detail .slider-label .label-slider .swiper-slide { line-height: 30px; padding-top: 25px; color: #717171; font-size: 14px; }
.product-detail .slider-label .label-slider .swiper-slide img { display: block; margin-left: auto; margin-right: auto; }

/* 产品选型 */
.cpxx-content { margin-top: 45px; }
.cpxx-content h4 { color: #727171; font-size: 18px; }
.cpxx-content .text { line-height: 30px; margin-top: 20px; color: #727171; font-size: 14px; }
.cpxx-content .pic { text-align: center; margin-top: 20px; }
.cpxx-content .pic img { margin-left: 20px; margin-right: 20px; }
.cpxx-content h5 { height: 40px; line-height: 40px; padding-left: 45px; margin-top: 45px; background-image: url(../images/cpxx_title_bg.jpg); background-position: center center; background-size: cover; color: #fff; font-size: 18px; }
.cpxx-content dl { line-height: 30px; margin-top: 15px; }
.cpxx-content dl dt { color: #727171; font-size: 16px; font-weight: bold; }
.cpxx-content dl dd { padding-left: 20px; color: #727171; font-size: 14px; }

/* 资料下载 */
.zlxz-content { margin-top: 45px; }
.zlxz-content h4 { margin-bottom: 10px; color: #727171; font-size: 18px; }
.zlxz-content .item { margin-top: 35px; }
.zlxz-content .item h5 { height: 20px; line-height: 20px; padding-left: 30px; color: #323296; font-size: 16px; font-weight: normal; background-image: url(../images/download.png); background-position: left center; background-size: auto 100%; }
.zlxz-content .item table { width: 100%; text-align: center; margin-top: 10px; border-top: 1px #222 solid; border-left: 1px #222 solid; }
.zlxz-content .item table tbody tr { background-color: #ddd9c4; }
.zlxz-content .item table tbody tr:nth-child(2) { background-color: #c5d9f1; }
.zlxz-content .item table th, .zlxz-content .item table td { border-right: 1px #222 solid; border-bottom: 1px #222 solid; }
.zlxz-content .item table th { height: 55px; color: #fff; font-size: 14px; font-weight: bold; background-color: #0668cb; }
.zlxz-content .item table td { height: 40px; padding-left: 5px; padding-right: 5px; color: #555; font-size: 14px; }
.zlxz-content .item table td a img { padding: 6px; }

/* 应用案例 */
.case-list { overflow: hidden; }
.case-list ul { margin-top: 20px; margin-left: -25px; margin-right: -25px; overflow: hidden; }
.case-list ul li { float: left; width: 50%; padding-left: 25px; padding-right: 25px; margin-top: 25px; margin-bottom: 25px; }
.case-list ul li a { position: relative; display: block; text-align: center; }
.case-list ul li a .title { opacity: 0; position: absolute; top: 0; left: 0; display: flex; display: -webkit-flex; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); background-position: center center; color: #fff; font-size: 20px; font-weight: bold; transition: all 0.1s; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; }
.case-list ul li:hover .title { opacity: 1; }

/* 新闻列表 */
.news-list { padding-top: 15px; }
.news-list .item { height: 140px; margin-top: 25px; background-color: #eee; overflow: hidden; transition: all 0.1s; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; }
.news-list .item .pic { float: left; width: 21.3483146067%; height: 140px; border: 6px #eeeeee solid; overflow: hidden; }
.news-list .item .pic img { max-width: none; }
.news-list .item .info { float: left; width: 62.3595505618%; height: 140px; padding-left: 35px; padding-top: 25px; }
.news-list .item .info .title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news-list .item .info .title a { color: #717171; font-size: 16px; font-weight: bold; }
.news-list .item .info .title a:hover { color: #0668cb; }
.news-list .item .info .title:hover { color: #0668cb; }
.news-list .item .info .text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 60px; line-height: 30px; margin-top: 15px; color: #717171; font-size: 14px; overflow: hidden; }
.news-list .item .operation { float: right; width: 11.2359550562%; margin-right: 20px; padding-top: 30px; text-align: center; }
.news-list .item .operation .date { color: #717171; font-size: 14px; }
.news-list .item .operation .more { display: block; height: 30px; line-height: 28px; margin-top: 30px; margin-left: auto; margin-right: auto; color: #323296; font-size: 14px; border: 1px #323296 solid; border-radius: 30px; }
.news-list .item .operation .more:hover { background-color: #323296; color: #fff; }
.news-list .item:hover { box-shadow: 0px 0px 10px 0px #aaa; }

/* 联系地址 */
.contact-address { margin-top: 45px; padding-right: 20px; padding-bottom: 20px; overflow: hidden; }
.contact-address .text { float: left; width: 50%; line-height: 30px; color: #717171; font-size: 14px; }
.contact-address .map { position: relative; float: right; width: 50%; height: 390px; margin-top: 20px; }
.contact-address .map:before { content: ''; position: absolute; top: -20px; right: -20px; z-index: -1; width: 100%; height: 100%; background-color: #323296; }
.contact-address .map iframe { box-shadow: 0px 0px 10px 0px #aaa; }

/* 招聘列表 */
.join-list { padding-top: 20px; }
.join-list .item { height: 60px; line-height: 60px; margin-top: 25px; background-color: #eee; border: 1px #eee solid; transition: all 0.1s; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; }
.join-list .item .date { float: left; width: 20%; text-align: center; color: #323296; font-size: 14px; }
.join-list .item .info { float: left; width: 70%; padding-left: 20px; padding-right: 20px; color: #717171; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.join-list .item .more { float: right; display: block; width: 10%; height: 58px; text-indent: -9999px; background-color: #bfbfbf; background-image: url(../images/join_us_icon.png); background-position: center center; }
.join-list .item:hover { border-color: #323296; }

/* 分页 */
.paging { text-align: center; margin: 30px 0; font-size: 0; }
.paging a, .paging span { display: inline-block; height: 28px; line-height: 26px; padding-left: 10px; padding-right: 10px; margin: 5px; color: #444; font-size: 14px; border: 1px #1d2088 solid; }
.paging a:hover, .paging span.current { color: #fff; background-color: #1d2088; }

.copyright { line-height: 22px; padding-bottom: 20px; margin-top: 40px; text-align: center; color: #fff; font-size: 14px; }

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

.mod-pager-box
{
	padding-top:30px;
    clear:both;
    width:100%;
    text-align:center;
    font-size:12px;
    line-height:30px;
    font-family:微软雅黑,Microsoft YaHei;
    }
.mod-pager-box a
{
    text-align:center;
    line-height:30px;
    margin:0 5px;
    width:30px;
    height:30px;
    color:#fff;
    background-color:#cccccc;
    display:inline-block;
    border-radius:9px;
    cursor:pointer;
}
.mod-pager-box a:hover,.mod-pager-box .current
{
    text-align:center;
    margin:0 5px;
    width:30px;
    height:30px;
    line-height:30px; cursor:pointer;
    color:#fff;
    background-color:#1f4494;
    display:inline-block;  border-radius:9px;
}
.mod-pager-box a.pages
{
    width:auto;
    padding:0 15px;  border-radius:9px;
    display:inline-block;
}

.mod-pager-box.s1 a[disabled='disabled'],mod-pager-box.s1 span[disabled='disabled']{ display:none;}