/*==============Flex布局样式==============*/
	/* 水平排列 */
	.flex-h {display: flex;flex-direction: row;}
	/* 垂直排列 */
	.flex-v {display: flex;flex-direction: column;}
	/* 单项: 水平居左, 垂直居上(left-top) */
	.flex-lt {display: flex;}
	/* 单项: 水平居中, 垂直居上(center-top) */
	.flex-ct {display: flex;justify-content: center;}
	/* 单项: 水平居右, 垂直居上(right-top) */
	.flex-rt {display: flex;justify-content: flex-end;}
	/* 单项: 水平居左, 垂直居中(left-center) */
	.flex-lc {display: flex;justify-content: flex-start;align-items: center;}
	/* 单项: 水平居中, 垂直居中(center-center) */
	.flex-cc {display: flex;justify-content: center;align-items: center;}
	/* 单项: 水平居右, 垂直居中(right-center) */
	.flex-rc {display: flex;justify-content: flex-end;align-items: center;}
	/* 单项: 水平居左, 垂直居下(left-bottom) */
	.flex-lb {display: flex;align-items: flex-end;}
	/* 单项: 水平居中, 垂直居下(center-bottom) */
	.flex-cb {display: flex;justify-content: center;align-items: flex-end;}
	/* 单项: 水平居右, 垂直居下(right-bottom) */
	.flex-rb {display: flex;justify-content: flex-end;align-items: flex-end;}
	/* 双项: 左上, 右上 */
	.flex-lt-rt {display: flex;justify-content: space-between;}
	/* 双项: 左上, 左下 */
	.flex-lc-rc {display: flex;flex-direction: column;justify-content: space-between;}
	/* 双项: 左中, 左中 */
	.flex-lb-rb {display: flex;justify-content: space-between;align-items: center;}
	/* 双项: 左下, 左下 */
	.flex-lt-lb {display: flex;justify-content: space-between;align-items: flex-end;}
	/* 双项: 中上, 中下 */
	.flex-ct-cb {display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
	/* 双项: 右上, 右下 */
	.flex-rt-rb {display: flex;flex-direction: column;justify-content: space-between;align-items: flex-end;}

	.flex-1{flex:1;}
	.flex-2{flex:2;}
	.flex-3{flex:3;}



/*==============Grid布局样式==============*/
.grid-4 {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fit, minmax(max(20%, 240px), 1fr));
}
.grid-3 {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fit, minmax(max(30%, 240px), 1fr));
}
.grid-2 {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fit, minmax(49.9%, 1fr));
}
.grid-gap-2 {grid-gap: 30px 50px;}
.grid-gap-half {grid-gap: 15px 5px;}




/*==============全网样式==============*/
body, a {color:#000;}
a:hover, a.active, .active {text-decoration:none;}
a {transition:0.8s;}

	/*全网栅格去掉边距*/
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.row {margin-left: 0 !important;margin-right: 0 !important;}

	/*全网间距*/
.margin-top10 {margin-top:10px;}
.margin-top20 {margin-top:20px;}
.margin-top30 {margin-top:30px;}
.margin-top50 {margin-top:50px;}
.margin-top80 {margin-top:80px;}
.margin-top100 {margin-top:100px;}
.margin-top150 {margin-top:150px;}
.margin-bottom30 {margin-bottom:30px;}
.margin-bottom50 {margin-bottom:50px;}
.margin-bottom80 {margin-bottom:80px;}
.padding-top30 {padding-top:30px;}
.padding-top50 {padding-top:50px;}
.padding-bottom50 {padding-bottom:50px;}
.padding-left30 {padding-left:30px !important;}
.padding-left80 {padding-left:80px !important;}
.padding-right30 {padding-right:30px !important;}
.padding-right80 {padding-right:80px !important;}

	/*全网左右边距*/
.whole-lr {padding: 0 5%;}



/*==============全网导航样式==============*/
.topmenubg {z-index:9999;display:block;background-color:rgba(1,96,194,.6);background-repeat:repeat-x;width:100%;position:fixed;line-height:100px;padding:0 5%;}
.menuzord-brand {margin-top:18px;}
.menuzord-brand .svglogo {width: 111px;height: 68px;}

@media (max-width: 768px) {
	.menuzord-responsive .menuzord-brand {margin: 0px 0px 0px 20px !important;}
}

.menuzord {padding:0 !important;}
.menuzord-menu li {position:relative;}
.dropdown li {display:inline-block !important;width:220px !important;z-index:9999;}
.dropdown li a {padding:0px !important;}
.navigates {position:absolute;opacity: 0;visibility: hidden;transform: rotateY(90deg);transition: 0.8s;}
.menuzord-menu li:nth-child(2) ul {left:-250px;}
.menuzord-menu li:nth-child(5) ul {left:-570px;}

@media (max-width: 768px){
	.topmenubg {padding:0;}
	.menuzord-responsive .menuzord-brand {margin: 5px 0 5px 10px;}
	.menuzord-responsive .menuzord-brand img {width:90px !important;padding:5px;}
	.menuzord-responsive .showhide {margin: -5px;}
	.dropdown li {display:block !important;width:100%;}
	.navigates {position:relative !important;transform: static !important;transition: none;visibility: visible;}
}

.menuzord-menu li:hover .navigates {opacity: 1;visibility: visible;transform: rotateY(0);transition: 1s;}
.menuzord-menu li:hover .navigates:nth-child(2){ transition-delay: 0.28s;}
.menuzord-menu li:hover .navigates:nth-child(3){ transition-delay: 0.42s;}
.menuzord-menu li:hover .navigates:nth-child(4){ transition-delay: 0.56s;}
.menuzord-menu li:hover .navigates:nth-child(5){ transition-delay: 0.7s;}


@media (min-width: 768px) {
	.menuzord-menu li ul.dropdown,
	.menuzord-menu li ul.dropdown li ul.dropdown {height:0;display: block !important;visibility: hidden !important;}
	.menuzord-menu li:hover ul.dropdown,
	.menuzord-menu li:hover ul.dropdown li ul.dropdown {visibility: inherit !important;}
	.menuzord-menu > li > a > i {float:unset !important;}
}

.navimgs {overflow: hidden;width: 220px;height: 120px;background: #000;position: relative;}
.navimgs a {background:transparent !important;border:none !important;position:static !important;cursor: pointer;}
.navimgs img {display:block;position: absolute;width: 220px;height: 120px;left: 0;top: 0;transition: 0.8s;}
.navigates:hover .navimgs img {transform: scale(1.1);opacity:0.6;}
.navimgs span {color: #fff;left:20px;bottom:20px;font-size: 1.3em;font-weight: bold;position: absolute;}
.navimgs span:before {content: "";width: 18px;height: 4px;background: #b1252e;position: absolute;top:-18px;}


@media (max-width: 768px){
	.dropdown li {display:block;width:100% !important;}
	.dropdown img {display:none;}
	.navimgs {width: 100%;background: transparent !important;}
	.navimgs span {left:0;bottom:0;font-size: 1.05em;position: relative;margin:20px;}
	.navimgs {width: 100% !important;height: auto;line-height:30px;}
	.navimgs span:before {display:none;}
}



/*==============首页Banner样式==============*/
.banner-bg {height:80vh;background-size:cover;background-repeat:no-repeat;text-align:center;color:#fff;}
.banner-bg div span {display:block;text-align:left;margin:20px 0;}
.banner-bg div span:nth-child(1) {font-size:3.4em;letter-spacing:3px;}
.banner-bg div span:nth-child(2) {font-size:1.6em;}
.banner-bg div span:nth-child(3) a {color:#fff;transition: 0.8s;}
.banner-bg div span:nth-child(3) a:hover {color:#01458e;}

@media (max-width: 768px){
	.banner-bg {height:300px;color:#fff;}
	.banner-bg div span:nth-child(1) {margin-top:100px;font-size:1.5em;letter-spacing:0;font-weight:bold;text-align:center;}
	.banner-bg div span:nth-child(2) {font-size:1.2em;text-align:center;padding:0 20px;}
	.banner-bg div span:nth-child(3) {text-align:center;}
}



/*==============首页主要产品==============*/
.product-listbg {background-size:cover;background-repeat:no-repeat;text-align:center;color:#000;padding:100px 0;}
.products-clst {padding-bottom:50px;}
.products-clst span {display:block;}
.products-clst span:nth-child(1) {font-size:2.8em;font-weight:500;}
.products-clst span:nth-child(2) {font-size:1.6em;}
.products-clst span:nth-child(3) {font-size:1.15em;font-weight:200;}
.products-picbg {background-size:cover;background-repeat:no-repeat;background-position:left center;padding-bottom:98.97%;transition:0.8s;}
.products-clstbg {background-repeat:repeat-x;line-height:50px;border-radius: 0 0 10px 10px;font-size:1.2em;font-weight:bold;color:#01458e;}
.products-item div:nth-child(1) {overflow:hidden;border-radius: 10px 10px 0 0;}
.products-item:hover .products-picbg {transform: scale(1.1);}
.products-item:hover .products-clstbg {color:#000;}

@media (max-width: 768px){
	.product-listbg {padding:30px 0;}
	.products-clst {padding-bottom:30px;}
	.products-clst span {padding:0 10px;}
	.products-clst span:nth-child(1) {font-size:2em;}
	.products-clst span:nth-child(2) {font-size:1.3em;}
	.products-clst span:nth-child(3) {font-size:1em;}
}



/*==============首页行业应用==============*/
.cases-bg {height:60vh;background-size:cover;background-repeat:no-repeat;text-align:right;color:#000;}
.cases-bg span {display:block;color:#fff;}
.cases-bg span:nth-child(1) {font-size:2.8em;font-weight:500;margin-bottom:20px;}
.cases-bg span:nth-child(2) {font-size:1.6em;}
.cases-bg span:nth-child(3) {font-size:1.15em;font-weight:200;}
.cases-bg span:nth-child(4) {font-size:1em;margin-top:20px;}
.cases-bg span:nth-child(4) a {color:#fff;}
.cases-bg span:nth-child(4) a:hover {color:#01458e;}

@media (max-width: 768px){
	.cases-bg {margin-top:30px;height:50vh;}
	.cases-bg span:nth-child(1) {font-size:2em;}
	.cases-bg span:nth-child(2) {font-size:1.3em;}
	.cases-bg span:nth-child(3) {font-size:1em;}
	.cases-bg span:nth-child(4) {font-size:0.85em;}
}




/*==============首页FLAG==============*/
.flag {margin-top:80px;text-align:center;}
.flag div:nth-child(1) {height:120px;background-image:url(images/line.gif);background-repeat:repeat-x;background-position:center center;}
.flag div:nth-child(1) img {border-radius:10px;margin:0 auto !important;}
.flag div:nth-child(2)  {font-size:1.8em;font-weight:bold;color:#0b419b;text-align:center;margin-top:15px;}
.flag div:nth-child(3)  img {margin:0 auto !important;}
@media (max-width: 768px){
	.flag {margin-top:50px;}
	.flag div:nth-child(1) {height:auto;}
	.flag div:nth-child(1) img {border-radius:0px;background-size:100% !important;}
	.flag div:nth-child(2)  {font-size:1.6em;}
}



/*==============页脚样式==============*/
.footer-top {margin-top:80px;}
.footer {background-color:#0160c2;color:#fff;font-size:1.05em;}
.footer > div:nth-child(1) > div:nth-child(1) {padding:30px 0;margin-right:10px;}
.footer > div:nth-child(1) > div:nth-child(2) {padding:30px 0;}
.footer > div:nth-child(1) > div:nth-child(2) div:nth-child(2) {font-size:0.75em;}
.footer > div:nth-child(2) {display: flex; justify-content: center; align-items: flex-end; flex-direction:column;}
.footer > div:nth-child(2) a {color:#7da0d7;font-size:0.9em;}
.footer > div:nth-child(2) a:hover {color:#00d2ff !important;}
@media (max-width: 768px){
		.footer-top {margin-top:30px;}
		.footer {flex-wrap:wrap;padding:20px 0;display: flex;justify-content: center;align-items: center;}
		.footer > div:nth-child(1) > div:nth-child(1) {padding:10px 0;}
		.footer > div:nth-child(1) > div:nth-child(2) {padding:10px 0;display: flex;justify-content: flex-start;}
		.footer > div:nth-child(2) {display: flex;justify-content: center;align-items: center;}
}



/*==============二级页Banner样式==============*/
.subbanner-bg {height:45vh;background-size:cover;background-repeat:no-repeat;text-align:center;color:#fff;}
.subbanner-bg div {margin-top:100px;text-align:center;font-size:3em;letter-spacing:3px;}

@media (max-width: 768px){
	.subbanner-bg {height:25vh;}
	.subbanner-bg div {font-size:1.5em;font-weight:bold;letter-spacing:0;margin-top:60px;}
}



/*==============二级页子栏目样式==============*/
.sublan {background-color:#01458e;padding:30px 0;}
.sublan div span {margin-right:20px;}
.sublan div span a {color:#fff;font-size:1.2em;padding:8px 20px;border:1px solid #82a4c8;border-radius:5px;text-decoration:none;}
.sublan div span a:hover {background-color:#3567ae;color:#00d2ff;text-decoration:none;}
.sublan div span a.active {background-color:#3567ae;color:#00d2ff;font-weight:bold;}
@media (max-width: 768px){
	.sublan {padding:15px 0;}
	.sublan div span {margin-right:8px;}
	.sublan div span a {font-size:0.85em;padding:5px 8px;border-radius:3px;}
}



/*==============二级页内容样式==============*/
.content {padding:80px 0 0 0;line-height:30px;font-size:1.2em;text-align:justify;}
.content-pic {min-height:180px;margin-top:20px;}
@media (max-width: 768px){
	.content {padding:30px 0 0 0;line-height:24px;font-size:1em;}
	.content-pic {min-height:auto;margin-top:20px;}
}



/*==============二级页-产品详细页样式==============*/
.products-detail {padding:100px 0 0 0;line-height:30px;font-size:1.2em;}
.products-detail > div:nth-child(1) {display: flex;flex-direction: row;}
.products-detail > div:nth-child(2) {margin-top:50px;}
.pro-pic {width:400px;}
.pro-pic img {width:100%;}

.pro-wx {width:50px;}

.pro-t {font-size:1.4em;font-weight:bold;color:#01458e;margin:10px 0 30px 0;}

.pro-cer {background-color:#f2f4f9;border-radius:5px;padding:50px;}
.pro-cer span {display:block;}
.pro-cer span:nth-child(1) {font-weight:bold;margin-bottom:20px;}

.pro-link {margin-top:30px;}
.pro-link span {font-size:0.85em;display:inline-block;padding:5px 10px;border:1px solid #6c757d;transition: 0.8s;}
.pro-link span:nth-child(1) {background-color:#6c757d;border-radius: 5px 0 0 5px;color:#fff;}
.pro-link span:nth-child(2) {border-radius: 0 5px 5px 0;color:#0069ff;}

.pro-link:hover span:nth-child(1) {background-color:#01458e;border:1px solid #01458e;}
.pro-link:hover span:nth-child(2) {background-color:#01458e;border:1px solid #01458e;color:#fff;}

.pro-download {border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;margin-top:50px;padding:20px 0;}
.pro-download > div:nth-child(1) {color:#01458e;font-weight:bold;}
.pro-download > div:nth-child(1) i {margin-right:5px;font-size:1.3em;}
.pro-download > div:nth-child(2) {font-size:0.85em;margin-top:20px;}
.pro-download > div:nth-child(2) li a:hover {text-decoration:underline;}


.pro-back {display:block;margin-top:20px;}
.pro-back a {padding:8px 25px;background:#6c757d;border-radius: 5px;color:#fff;font-size:1em;}
.pro-back a:hover {background:#01458e;}


@media (max-width: 768px){
	.products-detail {padding:30px 0 0 0;line-height:24px;}
	.products-detail > div:nth-child(1) {display: flex;flex-direction: column;}
	.products-detail > div:nth-child(2) {margin-top:30px;}
	.pro-pic {width:100%;}
	.pro-cer {padding:20px;}
	.pro-download {margin-top:30px;}
	.pro-back {margin-bottom:20px;}
}



.slider-top {
    overflow:hidden !important;
    margin-top:80px;
	width:100%;
	padding:0 !important;
}

@media (max-width: 768px){
	.slider-top {margin-top:30px;}
}



.slider-container {
    text-align: center;
    position: relative;
    background-color:#f2f2f2;
}

.slider {
    position: relative;
    width: 1100px;
    margin: 0 auto;
}

.slider div {text-align:center;}

.slider div img {margin:0 auto; height:478px;}

@media (max-width: 768px){
    .slider div img {
        height:auto !important;
    }
}

.slider div img.marle {
    margin-left:0px !important;
    height:640px;
}

@media (max-width: 768px){
    .slider div img.marle {
        height:300px;
    }
}

.slider-span {
    margin-top:20px;
    margin-bottom:20px;
    display:block;
    font-size:1.15em;
}

.slider li {
    float: left;
    position: relative;
}

.slider li figure {
    display: block;
    line-height: 1;
    position: relative;
    overflow: hidden;
}

.slider .slick-list {overflow: visible;}

.slider .slick-arrow {
    border: none;
    display: block;
    padding: 0;
    margin: 0;
    outline: none;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 10;
    text-indent: 9999px;
    cursor: pointer;
    transition: 0.4s;
}

@media (max-width: 768px){
    .slider .slick-arrow {
        width: 20px;
        height: 30px;
    }
}

.slider .slick-arrow.slick-prev {
    left: 0;
    background: #0b419b url("subimages/arrow7.png") center no-repeat;
}

.slider .slick-arrow.slick-next {
    right: 0;
    background: #0b419b url("subimages/arrow8.png") center no-repeat;
}

.slider-preview {
    z-index: 10;
    height: 100%;
    width: calc((100% - 1100px)/2);
    position: absolute;
    top: 0;
    background: #000;
    filter: alpha(opacity=50);
    background: rgba(0,0,0,0.5);
}

.slider-prev {left: 0}

.slider-next {right: 0}

@media screen and (max-width: 1200px) {
    .slider {width: 90%;}
}

@media screen and (max-width: 1024px) {
    .slider-container {overflow: hidden;}
    .slider {width: 100%;}
}


.swiper-wrapper {vertical-align:middle;}
.swiper-slide {margin:auto;}
.swiper-button-prev, .swiper-button-next {color:#fff;}
.swiper-pagination-bullet, .swiper-pagination-bullet-active {background:#fff;}