@charset "utf-8";
/* CSS Document @woniu*/

img{ max-width:100%;}
a, img {
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
@media screen and (max-width: 768px) {
.pl02 {
padding-left: .2rem;
}
.pall02 {
padding: .2rem;
}
}
.layui-col-space30 {
	margin: -0.325rem
}
.layui-col-space30>* {
	padding: 0.325rem
}
.layui-container {
	width: 80%;
	max-width:1600px;
}
@media screen and (max-width:1600px) {
.layui-container {
	width: 80%;
	max-width:1600px;
}
}
@-webkit-keyframes jumpR { 0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
50% {
-webkit-transform:translateX(5px);
transform:translateX(5px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-o-keyframes jumpR { 0% {
-o-transform:translateX(0);
transform:translateX(0)
}
50% {
-o-transform:translateX(5px);
transform:translateX(5px)
}
100% {
-o-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes jumpR { 0% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
50% {
-webkit-transform:translateX(5px);
-o-transform:translateX(5px);
transform:translateX(5px)
}
100% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes jumpL { 0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
50% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-o-keyframes jumpL { 0% {
-o-transform:translateX(0);
transform:translateX(0)
}
50% {
-o-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-o-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes jumpL { 0% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
50% {
-webkit-transform:translateX(-10px);
-o-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}

/******header样式******/
.header{ height:90px; position:absolute; left:0; top:0; border-bottom: 1px solid rgba(191, 191, 191, 0.4); z-index:100; width:100%;}
.logo{ float:left; margin-top:10px;}
.menu{ float:right; height:90px; line-height:90px;}
.menu_li{ float:left; padding:0 25px; position:relative;}
.menu_li .abq{ position:relative; display:block; font-size:18px; font-weight:500; color:#000;}
.menu_li .abq::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background-color: #0089c8;
    position: absolute;
    z-index: 3;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.bignav .menu_li .abq{ color:#000;}

.menu_li:hover .abq::after, .menu_li.on .abq::after {
    width: 100%;
}
.menu_li:hover .abq,.menu_li.on .abq{ color:#0195d9;}

.menu li dl{ display: none; position: absolute; left: 0; top: 100%; width: 120%; z-index: 999; background: #FFF; transition: all 0.4s; box-shadow: 0px 0 0.17rem 0 rgba(37, 37, 37, 0.05); overflow:hidden; padding:10px 0; border-radius: 5px;}
.menu li dt a{ display: block; line-height: 43px; color: #666 !important; font-size:15px; text-align:center; font-weight:400;}
.menu li dt:hover a{color: #0089c8 !important; }


.head-search{ float:right; line-height:90px; margin-left:20px; cursor:pointer;}
.head-search span{ position:relative; padding:0 20px;}
.head-search span:before {
    content: '';
    position: absolute;
    top: 20%;
    height: 18px;
    background-color: #333;
	left:0;
    width: 2px;
}
.head-search i{ color:#333; font-size:20px;}

.hd-tel{ float:right; line-height:90px; background:url(../images/tel.png) left center no-repeat; text-indent:40px; font-size:16px; color:#333; font-weight:bold;}

.search_form {
	display:none;
    position: fixed;
    left: 0;
    width: 100%;
    top: 90px;
    background-color: #f7f8fc;
    padding: 30px 0;
	z-index:100;
}
.search_form .formbox {
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid rgba(153, 153, 153, 0.8);
    border-radius: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px 0 15px;
	max-width:550px;
	background:#fff;
}
.search_form .input_text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	height:45px;
    line-height: 45px;
    padding: 0 20px;
	border:0;
}
.search_form .input_btn {
    width: 20px;
    height: 20px;
    background: url(../images/search.png) no-repeat center;
}

.bignav {
    background: #fff !important;
    box-shadow: 0 5px 10px 0 rgba(167,165,165,0.38);
}


/* 首页banner样式 */

.x-banner .owl-carousel {
    position: relative;
}

.x-banner .owl-carousel .banner-item a {
    display: block;
}

.x-banner .owl-carousel .owl-nav .owl-prev {
    left: 0;
}

.x-banner .owl-carousel .owl-nav .owl-next {
    right: 0;
}

.x-banner .owl-carousel .owl-nav button.owl-prev,
.x-banner .owl-carousel .owl-nav button.owl-next {
    outline: none;
    position: absolute;
    top: 50%;
    z-index: 9999;
    background:rgb(0,0,0,.3);
    height: 65px;
    width: 50px;
    margin-top: -32.5px;
    border-radius: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.x-banner .owl-carousel .owl-nav button.owl-prev:hover,
.x-banner .owl-carousel .owl-nav button.owl-next:hover {
    background: #0089c8;
}

.x-banner .owl-carousel .owl-nav .icon-font {
    display: block;
    width: 100%;
    height: 100%;
}

.x-banner .owl-carousel .owl-nav .icon-left-arrow:after {
    background-position: -34px -180px;
}

.x-banner .owl-carousel .owl-nav .icon-right-arrow:after {
    background-position: -26px -480px;
}

@media (max-width: 990px) {
    .x-banner .owl-carousel .owl-nav button.owl-prev,
    .x-banner .owl-carousel .owl-nav button.owl-next {
        height: 40px;
        width: 30px;
        margin-top: -20px;
    }
    .x-banner .owl-carousel .owl-nav .iconfont {
        font-size: 20px;
    }
}
.x-banner .owl-carousel .owl-dots {
  position: absolute;
  z-index: 999;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0;
  bottom: 5%;
}

.x-banner .owl-carousel .owl-dots button.owl-dot {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin: 0 10px;
  outline: none;
  width: 16px;
  height: 16px;
  border-radius:45px ;
  background: #8fb3d2;
}

.x-banner .owl-carousel .owl-dots button.owl-dot:hover {
  background: #0089c8;
}

.x-banner .owl-carousel .owl-dots button.owl-dot.active {
  background: #0089c8;
}


@media (max-width: 990px) {
    .x-banner .owl-carousel .owl-dots button.owl-dot {
        font-size: 12px;
    }
}

.icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}

/*****首页公司简介****/
.index-about{ padding:70px 0; overflow:hidden;}
.T-title{ width:100%; text-align:center;}
.T-title h2{ font-size:20px; color:#0089c8;}
.T-title h3{ font-size:46px; color:#333; line-height:70px;}
.T-title p{ font-size:17px; color:#999; margin-top:10px;}
.i-a-g{ width:80%; margin:30px auto 40px auto; font-size:16px; line-height:30px; text-align:center;}
.index-about-sj{ width:1100px; margin:0 auto;}
.index-about-sj li{ width:33.3333%; float:left;}
.sj-tb{ float:left; width:100px; text-align:right; margin-right:15px;}
.sj-sz{ float:left; line-height:30px; width:250px; font-size:16px; color:#0089c8; margin-top:10px;}
.sj-sz strong{ font-size:40px;}
.sj-text{ float:left; line-height:30px; width:250px; font-size:16px; color:#333;}

.index-about .p_list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
	margin-top:40px;
	float:left;
}
.index-about .p_loopitem.cur {
    width: 50%;
}
.index-about .p_loopitem {
    flex: 0 0 auto;
    flex-grow: 0;
    width: 25%;
    flex-shrink: 0;
    flex-basis: unset;
    transition: all .5s ease;
	position: relative;
}
.index-about .e_image-33 {
    overflow: hidden;
    display-radio: 1;
}
.index-about .e_image-33 img {
    width: 100%;
    height: 419px;
    object-fit: cover;
}
.index-about .p_loopitem.cur .e_container-34 {
    background: rgba(0,137,200,.9);
}
.index-about .e_container-34 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 70%;
    display-radio: flex;
    padding-top: 5%;
    padding-left: 8%;
    padding-right: 8%;
    padding-bottom: 5%;
    background-color: rgba(252 176 38 / 90%);
    position: absolute;
    left: 0;
    z-index: 2;
    bottom: 0;
    top: auto;
    right: auto;
    border-top-right-radius: 50px;
    margin-top: 0px;
	transition: all .5s ease;
}
.index-about .p_loopitem .e_container-34 {
    background-color: rgba(240, 130, 0, 0);
    transition: all .5s ease;
}
.index-about .p_loopitem:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    transition: all .5s ease;
}
.index-about .p_loopitem.cur:after {
    background: rgba(0, 0, 0, 0);
}
.index-about .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
.index-about .e_text-35 {
    display-radio: 1;
    font_radio: 2;
    color: rgba(255, 255, 255, 1);
    font-size: clamp(0.938rem, 0.597rem + 1.7vw, 1.875rem);
    line-height: 1;
    font-weight: bold;
    margin-bottom: 10px;
}
.index-about .e_text-35  a{ color:#fff;}
.index-about .e_text-36 {
    display-radio: -webkit-box;
    font_radio: 2;
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
    line-height: 1.5;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.index-about .e_text-36 a{ color:#fff;}


/*****首页产品展示****/
.index-product{ padding:70px 0; overflow:hidden; background:#f5f5f5;}

.prd-title h2{ font-size:24px; color:#777777; margin-bottom:30px;}
.prd-title h3{ font-size:32px; color:#23272b; font-weight:bold; line-height:1.25; margin-bottom:10px;}
.prd-title h4{ font-size:32px; color:#23272b; font-weight:bold; line-height:1.25; margin-bottom:10px;}
.prd-listfr{ float:right;}
@media screen and (min-width: 1024px) {
.ihd {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
	display: -webkit-box; */
    /* display: -webkit-flex; */
    display: -ms-flexbox;
    display: flex;
    /* -webkit-flex-wrap: wrap; */
    -ms-flex-wrap: wrap;
    /* flex-wrap: wrap; */
    /* -webkit-box-pack: justify; */
    /* -webkit-justify-content: space-between; */
    -ms-flex-pack: justify;
    justify-content: space-between;
}
}
.tab { font-size:18px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end }
.tab a { color:#777777; position:relative; padding:0 0 25px; margin:0 0 0 52px }
.tab a::after {
content:"";
display:block;
width:0;
height:4px;
background-color:#0195d9;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
position:absolute;
z-index:3;
left:50%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);
bottom:0
}
.tab a:hover,.tab a.cur { color:#0195d9 }
.tab a:hover::after,.tab a.cur::after {
width:100%
}
.indexlist{ overflow:hidden;}
.gdprd{ height:700px;}

.index-product .bd { padding:40px 0 0; width:100%; float:left;}
.index-product .bd ul { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 -6px }
.index-product .bd ul li { width:25%; padding:6px }
.index-product .bd ul li .box { height:100%; background-color:#fff; border-radius:20px; overflow:hidden; position:relative; text-align:center; padding:40px; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s }
.index-product .bd ul li .box::after {
content:"";
display:block;
width:0;
height:4px;
background-color:#0089c8;
position:absolute;
left:0;
bottom:0;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s
}

.index-product .bd ul li h4 { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:18px; margin:20px 0 9px }
.index-product .bd ul li .text { font-size:14px; color:#cccccc; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.index-product .bd ul li .img { position:relative; overflow:hidden }
.index-product .bd ul li .img:before{}
.index-product .bd ul li:not(:first-child) .img img{
   height: 226px;
   transition: all 0.8s;
   
}
.index-product .bd ul li p.more { width:19px; height:10px; background:url(../images/jt.png) no-repeat center center; -webkit-background-size:contain; background-size:contain; margin:0.25rem auto 0; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s }
.index-product .bd ul li:first-child { width:25% }

.index-product .bd ul li:first-child .info { position:absolute; left:0; top:0; color:#fff; padding:53px 50px 50px 65px; width:70%;}
.index-product .bd ul li:first-child .info h4 { font-weight:bold; font-size:24px; margin:0 }
.index-product .bd ul li:first-child .info .links { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; font-size:16px; padding:35px 0 }
.index-product .bd ul li:first-child .info .links a { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; color:#fff; padding:0 0 14px }


.index-product .bd ul li:first-child a.more { display:-webkit-inline-box; display:-webkit-inline-flex; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; width:110px; height:50px; background-color:#fff; border-radius:25px }
.index-product .bd ul li:first-child a.more img { -webkit-animation:jumpL 1.3s ease infinite; -o-animation:jumpL 1.3s ease infinite; animation:jumpL 1.3s ease infinite }
.index-product .bd ul li:hover .img img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) }
.index-product .bd ul li:hover .box {
-webkit-box-shadow:0px 11px 17px 0 rgba(37, 37, 37, 0.1);
box-shadow:0px 11px 17px 0 rgba(37, 37, 37, 0.1)
}
.index-product .bd ul li:hover .box::after {width:100%}
.index-product .bd ul li:hover p.more {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg)
}
.index-product .bd ul li:hover a{ color:#0087c6;}

/***首页案例****/
.index-case{ padding:70px 0; overflow:hidden; background:#0089c8;}

.prd-title1{float:left;}
.prd-title1 h2{ font-size:24px; color:#fff; margin-bottom:30px;}
.prd-title1 h3{ font-size:32px; color:#fff; font-weight:bold; line-height:1.25; margin-bottom:1px;}
.prd-title1 h4{ font-size:32px; color:#fff; font-weight:bold; line-height:1.25; margin-bottom:1px;}
.i-prd-xh{ width:100%;overflow:hidden; position:relative; margin-top:40px; float:left;}
.i-prd-xh1{ width:100%;overflow:hidden; position:relative;  float:left; opacity:0; height:0;}
.i-prd-xh2{ width:100%;overflow:hidden; position:relative; float:left; opacity:0; height:0;}
.i-prd-xh3{ width:100%;overflow:hidden; position:relative; float:left; opacity:0; height:0;}


.show{ opacity:1; height:100%;}

.prd-show{ width:100%; float:left; position:relative; height:auto;}
.prd-show img{ width:100%;}
.prd-t{
    position: absolute;
    left: 0;
    bottom: 6.5625%;
    width: 100%;
    padding:0 12.5%;
    transition: all 1s;
    -webkit-transition: all 1s;
	text-align:center;
}
.prd-t a {
    display: inline-block;
    max-width: 100%;
    font-size: 24px;
	line-height:30px;
	height:90px;
    color: rgba(255, 255, 255);
    font-family: "思源黑体 CN Medium";
    overflow: hidden;
}
.prd-ts{
    position: absolute;
    left: 0;
    bottom: 6.5625%;
    width: 100%;
    padding-left: 12.5%;
    transition: all 1s;
    -webkit-transition: all 1s;
}
.prd-ts a {
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    font-size: 24px;
    line-height: 1.25;
    color: rgba(255, 255, 255);
    font-family: "思源黑体 CN Medium";
    overflow: hidden;
    white-space: nowrap;
}
.prd-show .txt {
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    padding: 0 10.41666667%;
    min-height: 333px;
    transition: all 1s;
    -webkit-transition: all 1s;
	text-align:center;
}
.prd-show .txt a:nth-child(1) {
    display: inline-block;
    max-width: 100%;
    font-size: 24px;
    line-height: 1.25;
    color: rgba(255, 255, 255);
    font-family: "思源黑体 CN Medium";
    overflow: hidden;
}
.prd-show .txt p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin: 20px 0 53px 0;
    font-size: 16px;
    line-height: 1.875;
    color: #ffffff;
}
.prd-show .txt a:nth-child(3) {
    position: relative;
    display: inline-block;
    margin-left: 12px;
    width: 48px;
    height: 48px;
	color:#0089c8;
    line-height: 48px;
    text-align: center;
    border-radius: 50%;
    background: -moz-linear-gradient(left, #fff, #fff);
    background: -webkit-linear-gradient(left, #fff, #fff);
    background: -o-linear-gradient(left, #fff, #fff);
    background: -ms-linear-gradient(left, #fff, #fff);
    background: linear-gradient(to right, #fff, #fff);
}
.prd-show .txt a:nth-child(3)::before {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
}
.prd-show .txt a:nth-child(3)::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: 1px solid #fff;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.prd-show:hover .prd-t {
    bottom: -100%;
}
.prd-show:hover .txt {
    bottom: 0;
}
.prd-show .txt a:nth-child(3):hover::after {
    transform: translate(-50%, -50%) scale(1.1);
}
.swiper-button-white{
	transform: translateY(-50%);
    width: 52px;
    height: 52px;
	line-height:52px;
	font-size:25px;
	color:#fff;
	text-align:center;
    border-radius: 50%;
    font-size: 0;
    background-color:rgba(109, 115, 120, 0.5);
	background-image:none !important;
    z-index: 5;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
	top:45%;
}
.swiper-button-white:hover{ background:#0089c8;}

/*****首页营销网络****/
.index-yxwl{ padding:70px 0; overflow:hidden; background:url(../images/icbg2.jpg) right bottom no-repeat #fcfdff;}

.abtn {
    cursor: pointer;
    position: relative;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #0195d9;
    color: #0195d9;
    border-radius: 35px;
    padding: 17px 34px;
    min-width: 220px;
}
.abtn em {
    position: relative;
    z-index: 2;
	font-weight:bold;
    -webkit-animation: jumpR 1.3s ease infinite;
    -o-animation: jumpR 1.3s ease infinite;
    animation: jumpR 1.3s ease infinite;
	font-style: normal;
}
.abtn .icon {
    position: relative;
    z-index: 2;
    margin: 0 0 0 40px;
    width: 26px;
    height: 12px;
    background: url(../images/jt.png) no-repeat 100% center;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-animation: jumpL 1.3s ease infinite;
    -o-animation: jumpL 1.3s ease infinite;
    animation: jumpL 1.3s ease infinite;
}

.abtn::after {
content:"";
position:absolute;
top:0;
left:0;
z-index:1;
width:100%;
height:100%;
background-color:#0195d9;
border-radius:25px;
-webkit-transform:scaleX(0);
-ms-transform:scaleX(0);
-o-transform:scaleX(0);
transform:scaleX(0);
-webkit-transform-origin:right;
-ms-transform-origin:right;
-o-transform-origin:right;
transform-origin:right;
-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition:-webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition:-o-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition:transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition:transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86), -o-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}
.abtn:hover { color:#fff }
.abtn:hover::after {
-webkit-transform:scaleX(1);
-ms-transform:scaleX(1);
-o-transform:scaleX(1);
transform:scaleX(1);
-webkit-transform-origin:left;
-ms-transform-origin:left;
-o-transform-origin:left;
transform-origin:left
}
.abtn:hover .icon { background-image:url(../images/jtw.png) }


.hzhb{ width:100%; float:left; overflow:hidden; margin-top:200px;}
.hzhb ul{ overflow:hidden; zoom:1; }
.hzhb ul li{ width:195px; float:left; margin:0 10px;  display:inline; box-shadow: 0px 0 15px 0 rgba(37, 37, 37, 0.1);}
.hzhb ul li img{ width:195px; height:94px; margin-bottom:10px;}


/****首页新闻****/
.index-news{ padding:70px 0; overflow:hidden; background:#fff;}

.index-news-c{ width:100%; overflow:hidden; margin-top:40px;}
.index-news-c ul li{ width:22%; float:left; margin-right:3%;}
.index-news-c ul li a { display:block; position:relative; border:1px solid #cccccc; overflow:hidden }
.index-news-c ul li a:hover img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) }
.index-news-c ul li a img { -webkit-transition:-webkit-transform ease .8s;
transition:-webkit-transform ease .8s;
-o-transition:-o-transform ease .8s;
transition:transform ease .8s;
transition:transform ease .8s, -webkit-transform ease .8s, -o-transform ease .8s
}
.index-news-c ul li .img { opacity:1; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s; position:relative }
.index-news-c ul li .img::after {
content:"";
display:block;
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.5);
position:absolute;
top:0;
left:0
}
.index-news-c ul li .img:before{
    content: "";
    display:block;
    padding-top: 128.11%;
}
.index-news-c ul li .img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index-news-c ul li .cont { position:absolute; top:0; left:0; width:100%; height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-content:space-between; -ms-flex-line-pack:justify; align-content:space-between; padding:50px 40px; -webkit-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s }
.index-news-c ul li .cont>div{
    width: 100%;
}
.index-news-c ul li .cont .date { font-size:30px; font-family:"DINProM"; padding:0 0 14px;color:#fff; }
.index-news-c ul li .cont .desc { font-size:18px; color:#fff; display:-webkit-box; height:72px; line-height:36px; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2 }
.index-news-c ul li .cont .more { width:155px; height:46px; line-height:46px; font-size:16px; color:transparent; font-family:"albbSemiBold"; border:1px solid transparent; border-radius:23px; }
.index-news-c ul li:hover a { border-color:#fff }
.index-news-c ul li:hover .img { opacity:1 }
.index-news-c li:hover .img:after{background:rgba(1, 149, 217, 0.8);}
.index-news-c ul li:hover .cont { color:#fff; text-align:center; padding:100px 50px 55px }
.index-news-c ul li:hover .cont .desc { color:#fff }
.index-news-c ul li:hover .cont .more { text-align:center; border-color:#fff; margin:0 auto ;color:#fff;}
.index-news-c ul li:hover .cont .more img { display:none }

/****底部横幅****/
.foot-hf{
    background: url(../images/ljzxbg.jpg) no-repeat right center;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 114px 0;
    color: #fff;
}
.foot-hf h4 {
    font-size: 34px;
	line-height:50px;
    padding: 0 0 40px;
}
.abtn.wabtn { border-color:#fff; color:#fff }
.abtn.wabtn .icon { background-image:url(../images/jtw.png) }
.abtn.wabtn::after {
background-color:#fff
}
.abtn.wabtn:hover { border-color:#0195d9; color:#0195d9 }
.abtn.wabtn:hover .icon { background-image:url(../images/jt.png) }


/****关于我们页***/
.pgbanner{ height:auto; overflow:hidden; position:relative;}
.cnmgb{ width:300px; left:45%; top:50%; position:absolute; z-index:10; text-align:center;}
.cnmgb h2{ font-size:60px; color:#fff;}
.cnmgb h3{ font-size:20px; color:#fff; font-weight:400;}
.pgbanner img{ width:100%; height:100%;}
.pgdw{ height:70px; line-height:70px; background-color: rgba(242, 242, 242, 1); overflow:hidden;}
.pgdw li{ width:124px; float:left; text-align:center;}
.pgdw li a {
    display: block;
    padding: 0px 30px;
    height: 70px;
    line-height: 70px;
    border-radius: 0px;
    border: none;
    font-size: 16px;
    transition: all .5s ease;
    position: relative;
}
.pgdw li a.on {
    color: #0089c8;
}
.pgdw li a:hover {
    color: #0089c8;
}
.pgdw li a:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0px;
    width: 0%;
    height: 3px;
    background-color: none;
    transition: all .3s;
}
.pgdw li a.on:before {
    width: 80%;
    left: 10%;
    background-color: #0089c8;
}
.pgdw li a:hover:before {
    width: 80%;
    left: 10%;
    background-color: #0089c8;
}
.pgdw li a:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    display: block;
    background: #ccc;
    top: 50%;
    margin-top: -7px;
    right: 0px;
}
.home{ background:url(../images/home.png) left center no-repeat; text-indent:20px; font-size:14px;}
.home a{ color:#6c757d;}

.pg-about{ padding:50px 0; overflow:hidden;}
.pg-about h2{ color:#0089c8;}
.pg-about-c{ width:100%; overflow:hidden; margin-top:60px; font-size:16px; line-height:30px; float:left;}
.pg-about-c p{ text-indent:2em; margin-bottom:20px;}

/****资质***/
.pg-aryzz{ padding:70px 0; overflow:hidden;}
.pg-aryzz h2{ color:#0089c8;}
.pg-aryzz .bd { padding:60px 0 0 }
.pgryzz{ display:none;}

/****研发创新**/
.pg-yfcx{ padding:70px 0; overflow:hidden;}
.pg-yfcx h2{ color:#0089c8;}
.pg-p-yfxc{ margin:40px 0 0; position:relative;}
.pg-yfcx .ihd .r {
    width: 38.87%;
}
.pg-yfcx .ihd .desc {
    font-size: 18px;
    line-height: 36px;
}
.pg-yfcx ul li .box { position:relative; overflow:hidden }
.pg-yfcx ul li .box::after {
content:"";
display:block;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:#003e63;
opacity:0;
-webkit-transition:all 0.6s;
-o-transition:all 0.6s;
transition:all 0.6s
}
.pg-yfcx ul li .info { position:absolute; bottom:100px; left:0; z-index:2; color:#fff; padding:100px 80px 0; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s; -webkit-transform:translateY(2.8rem); -ms-transform:translateY(2.8rem); -o-transform:translateY(2.8rem); transform:translateY(2.8rem) }
.pg-yfcx ul li .info .icon { padding:0 0 60px; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s }
.pg-yfcx ul li .info .desc { -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s }
.pg-yfcx ul li .info .tit { font-size:30px; font-family:"albbBold"; padding:0 0 26px; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s;}
.pg-yfcx ul li .info .txt { font-size:16px; line-height:36px; height:0; font-family:"albbRegular"; opacity:0; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s }
.pg-yfcx ul li .info .jt { padding:35px 0 0; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s }
.pg-yfcx ul li:hover .box::after {
opacity:0.5
}
.pg-yfcx ul li:hover .img img { -webkit-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2) }
.pg-yfcx ul li:hover .info { -webkit-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0) }
.pg-yfcx ul li:hover .info .desc { padding-top:150px }
.pg-yfcx ul li:hover .info .txt { opacity:1; display:block; height:100%}
.pg-yfcx ul li:hover .info .jt { -webkit-transform:translateY(100%); -ms-transform:translateY(100%); -o-transform:translateY(100%); transform:translateY(100%); padding:0; display:none }
.about .d .banner-btn { position:absolute; z-index:3; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); left:-1.1rem; right:-1.1rem; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.about .d .banner-btn .btn { margin:0 }

/****工厂实景****/
.pg-gcsj{ padding:70px 0; overflow:hidden;}
.pg-gcsj .r{ position:relative; float:right; width:15%;}
.cj-prd-xh{ margin:40px 0 0; position:relative;}
.pg-gcsj h2{ color:#0089c8;}


/****资质内页***/
.pg-ry{ width:100%;}
.pg-ry .p_list {
    display: flex;
    flex-wrap: wrap;
}
.pg-ry .p_list .p_loopitem {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 4);
	position: relative;
}
.pg-ry .p_list .e_container-20 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: auto;
    margin-bottom: 20px;
    background-color: rgba(255, 255, 255, 1);
    display-radio: flex;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.pg-ry .p_list .e_container-20 > .p_item {
    flex: 1;
    max-width: 100%;
    background: #f2f2f2;
    max-height: 100%;
    padding: 10px;
}
.pg-ry .p_list .e_image-21 {
    overflow: hidden;
}
.pg-ry .p_list .e_image-21 a {
    font-size: 0px;
    position: relative;
    overflow: hidden;
    text-align: center;
    background: #f2f2f2;
    width: 100%;
    margin: 0 auto;
    height: 16vw;
    display: block;
}
.pg-ry .p_list .e_image-21 a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0px;
}
.pg-ry .p_list .e_image-21 img {
    display: inline-block;
    vertical-align: middle;
    transition: 0.5s linear 0s;
    width: auto;
    height: auto;
    max-height: 87%;
    max-width: 90%;
    margin-left: 0px;
    transform: scale(1);
}
.pg-ry .p_list .e_text-22 {
    font_radio: 2;
    display-radio: -webkit-box;
    font-size: 16px;
    color: #555555;
    line-height: 1.5;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.pg-ry .p_list .p_loopitem:hover .e_image-21 img {
	transform: scale(1.1)
}

.fancybox-stage {
    overflow: hidden;
    direction: ltr;
    z-index: 99994;
    -webkit-transform: translate3d(0, 0, 0);
}

/****联系我们页面***/
.pg-lxwm{ background:#e9f0f7; padding:60px 0; overflow:hidden;}
.pg-lx-t{ padding:3%; background:#fff; overflow:hidden;}
.pg-lx-t h2{ line-height:2; font-size: 30px; color: #0087c6; font-weight: bold; margin-bottom: 10px;}
.pg-lx-t h3{ font-size:16px; color:#333; font-weight:400;}
.pg-lx-ul{ width:100%; margin-top:30px; overflow:hidden;}
.pg-lx-ul li{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:28%; float:left; margin-right:2%; padding:15px 20px; margin-bottom:20px; font-size:16px; color:#333;}
.pg-lx-ul li i{ margin-right:15px; font-size:24px; font-weight:bold; color: #0087c6;}

.pg-lx-ly{ padding:3%; background:#fff; overflow:hidden; margin-top:30px;}
.pg-lx-ly h2{ line-height:2; font-size: 30px; color:#333; font-weight: bold; margin-bottom: 10px;}
.pg-lx-ly h3{ font-size:16px; color:#333; font-weight:400;}
.pg-lx-ly input{ width:100%; border:1px solid #ddd; line-height:50px; text-indent:20px; margin-bottom:20px;}
.pg-lx-ly textarea{ width:100%; border:1px solid #ddd; height:180px; line-height:30px; text-indent:20px; margin-bottom:20px;}
.pg-lx-ly button{ width:200px; height:48px; line-height:48px; text-align:center; background:#0087c6; font-size:16px; color:#fff; border:0;}
.ly-btn{ width:200px; margin:0 auto; overflow:hidden;}


/*****新闻中心***/
.pg-news{ background:#e9f0f7; padding:60px 0; overflow:hidden;}
.pg-news-c{ width:100%;}
.pg-news-c ul{ width:100%; background:#fff; overflow:hidden; margin-bottom:40px; transition: all .5s ease;}
.pg-n-img{ padding:35px; float:left; overflow:hidden;}
.pg-n-img img{ width:250px; height:200px; transition: all .5s ease;}
.pg-n-nr{ padding:65px; overflow:hidden;}
.pg-n-tit{ font-size:20px; font-weight:bold; color:#222; margin-bottom:15px; width:70%; float:left;}
.pg-n-des{ font-size:14px; color:#666; line-height:25px; width:70%; float:left;}
.pg-n-data{ width:15%; float:right;}
.pg-n-data p{
    min-height: 20px;
    font_radio: 2;
    display-radio: 1;
    font-size: 60px;
    color: rgba(51, 51, 51, 1);
    line-height: 60px;
    font-family: Impact;
    text-align: center;
    transition: all .5s ease;
	width:100%;
	float:left;
	text-align:center;
}
.pg-n-data font{
    font-size: 18px;
    line-height: 32px;
    color: #333;
    font-family: Arial;
    transition: all .5s ease;
	width:100%;
	float:left;
	text-align:center;
}
.pg-news-c ul:hover {
	box-shadow: 0px 0px 20px 0px rgba(29 56 75 / 5%);
	transform: translateY(-10px)
}
.pg-news-c ul:hover .pg-n-img img {
	transform:scale(1.1)
}
.pg-news-c ul:hover .pg-n-tit{
	color: #0089c8
}

/*****分页***/
.fenye {
	padding: 50px 0 10px;
	width: 100%;
	text-align: center;
	clear: both;
}
.fenye a {
	color: #666;
	padding: 0 15px;
	margin: 0 3px;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.fenye span {
	color: #fff;
	padding: 0 15px;
	margin: 0 3px;
	background: #0089c8;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.fenye span:first-child{ display:none;}
.fenye * {
	display: inline-block;
	vertical-align: middle;
	line-height: 34px;
	padding-bottom: 1px;
}
.fenye a:hover, .fenye .hover {
	display: inline-block;
	color: #fff;
	background: #0089c8;
	border-color: #0089c8;
}

/*****新闻内容****/
.pg-n-nrs{ width:1160px; padding:70px; overflow:hidden; background:#fff; float:left;}
.pg-n-nrs h1{ font-size:30px; color:#000; margin-bottom:15px;}
.pg-n-nrs h2{ font-size:16px; color:#5a5a5a; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:30px; font-weight:400;}
.pg-n-cont{ width:100%; font-size:16px; line-height:30px;}
.pg-n-cont img{ display:block; max-width:100%; margin-left:auto; margin-right:auto;}
.pg-n-sxfy{ width:100%; border-top:1px solid #ddd; margin-top:20px; padding-top:15px;}
.pg-n-sxfy a{ font-size:14px;}

.pg-n-tj{ width:360px; padding:30px; float:right; background:#fff;}
.pg-n-tj h2{ 
	font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(68, 68, 68, 1);
    display-radio: 1;
    margin-bottom: 20px;
	border-bottom:1px solid #ddd;
	padding-bottom:20px;
}
.pg-n-tj li{ width:100%; float:left; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px;}
.pg-n-tj li a{ font-size:15px; color:#333;}
.pg-n-tj li span{ font-size:14px; color:#999; width:100%; float:left;}

/*****工程案例***/
.case_list{ padding:70px 0; overflow:hidden; background:#e9f0f7;}
.case_list .list ul { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-28px -23px }
.case_list .list ul li { width:33.333%; padding:28px 23px; cursor:pointer }
.case_list .list ul li .img { overflow:hidden; position:relative }
.case_list .list ul li .img::before {
content:"";
display:block;
padding-top:120%
}
.case_list .list ul li .img img { position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover }
.case_list .list ul li .text { padding:27px 40px 27px 30px; position:relative }
.case_list .list ul li .text span { position:absolute; top:30px; right:40px }
.case_list .list ul li .text .class { font-size:14px; color:#0195d9 }
.case_list .list ul li .text .name { font-size:18px; overflow:hidden; margin:10px 0 0; height:45px;}
.case_list .list ul li .info { display:none }
.case_list .list ul li:hover .img img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) }
.case_list .list ul .box { background-color:#fff; border:1px solid #eaeaea }

/*****合作伙伴***/
.inside_partner {
    background-color: #e9f0f7;
    padding:60px 0;
}
.inside_partner .list ul { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-16px -13px }
.inside_partner .list ul li { width:15%; margin:16px 13px;  background:#fff; text-align:center;}
.inside_partner .list ul li a { display:block; background-color:#fff; padding:17px 0; text-align:center }
.inside_partner .list ul li a:hover { -webkit-transform:translateY(-5px); -ms-transform:translateY(-5px); -o-transform:translateY(-5px); transform:translateY(-5px) }


/****产品中心****/
.pg-product{ background:#e9f0f7; padding:60px 0; overflow:hidden;}
.ny_bd { padding:40px 0 0; width:100%; float:left;}
.ny_bd ul { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 -6px }
.ny_bd ul li { width:25%; padding:6px;}
.ny_bd ul li .box { height:100%; background-color:#fff; border-radius:20px; overflow:hidden; position:relative; text-align:center; padding:40px; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s;}
.ny_bd ul li .box::after {
content:"";
display:block;
width:0;
height:4px;
background-color:#0089c8;
position:absolute;
left:0;
bottom:0;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s
}

.ny_bd ul li h4 { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:18px; margin:20px 0 9px }
.ny_bd ul li .text { font-size:14px; color:#cccccc; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.ny_bd ul li .img { position:relative; overflow:hidden }
.ny_bd ul li .img:before{}
.ny_bd ul li .img img{
   height: 206px;
   transition: all 0.8s;
   
}
.ny_bd ul li p.more { width:19px; height:10px; background:url(../images/jt.png) no-repeat center center; -webkit-background-size:contain; background-size:contain; margin:0.25rem auto 0; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s }

.ny_bd ul li:hover .img img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) }
.ny_bd ul li:hover .box {
-webkit-box-shadow:0px 11px 17px 0 rgba(37, 37, 37, 0.1);
box-shadow:0px 11px 17px 0 rgba(37, 37, 37, 0.1)
}
.ny_bd ul li:hover .box::after {width:100%}
.ny_bd ul li:hover p.more {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg)
}
.ny_bd ul li:hover h4{ color:#0087c6;}
.comtitle {
    position: relative;
    z-index: 3;
}
.comtitle .st {
    font-size: 24px;
    color: #0195d9;
    
	margin-bottom:10px;
}
.comtitle .bt {
    font-size: 40px;
    line-height: 1.3;
    padding: 0.1rem 0 0;
    
}

.inside_subnav {
    border-bottom: 1px solid rgba(255,255,255,.7);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 1002;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
	overflow:hidden;
	background:#e9f0f7;
}
.inside_subnav a {
    font-family: "albbRegular";
    font-size: 20px;
    position: relative;
    margin: 0 145px 0 0;
    padding: 40px 0 30px;
}
.inside_subnav a.on,.inside_subnav a:hover{
    color: #0195d9;
}
.inside_subnav a:after {
    content: "";
    display: block;
    width: 0;
    height: 5px;
    background-color: #0195d9;
    position: absolute;
    z-index: 3;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -1px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.inside_subnav a.on:after,.inside_subnav a:hover:after{
    width: 100%;
}


/*****产品详情页******/
.pg-prd-img{
    background: url(../images/pdabg.jpg) no-repeat 0 0;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 200px 0 120px;
}
.pg-prd-img .flex {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
   display: flex;
}
.pg-prd-img .l { width:48.28%; position:relative; padding:0 135px }
.pg-prd-img .banner-btn { position:absolute; z-index:3; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); width:100%; left:0; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; padding:0 40px}
.pg-prd-img .banner-btn .btn{
    background-color: #0195d9;
    color: #fff;
	width:60px;
	height:60px;
	border-radius: 50%;
	background-image:none;
}
.pg-prd-img .mySwiper { overflow:hidden }
.pg-prd-img .mySwiper ul li .img { text-align:center ;position:relative;}
.pg-prd-img .mySwiper ul li .img:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.pg-prd-img .mySwiper ul li .img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.pg-prd-img .r { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; overflow:hidden; font-size:16px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-content:space-between; -ms-flex-line-pack:justify; align-content:space-between; padding:0 0 47px 90px }
.pg-prd-img .r .p { font-size:18px; font-family:"albbMedium"; color:#0195d9; padding:0 0 5px; font-weight:bold;}
.pg-prd-img .r .tag { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; color:#333333; padding:27px 0 60px }
.pg-prd-img .r .tag span { background-color:#e9f0f7; border-radius:6px; margin:0 12px 0 0; padding:7px 14px; }
.pg-prd-img .r .desc b { display:block; margin:0 0 5px; font-weight:bold }
.pg-prd-img .r .btns { width:100% }
.pg-prd-img .r .btns .abtn { margin-right:10px }
.pg-prd-img .r .btns p { position:relative; z-index:2 }
.pg-prd-img .r .btns p i { font-family:"DINProB"; margin:0 0 0 25px; }


.pg-ps-fr{ width:100%; overflow:hidden;}
.pg-ps-zsm{ width:100%; padding:50px; overflow:hidden; background:#fff; float:right;}

.pg-ps-ptit{ width:100%; padding:50px; overflow:hidden; background:#fff; float:right; margin-top:20px;}
.pg-ps-ptit h2{ width:100%; height:55px; line-height:55px; float:left; margin-bottom:30px;}
.pg-ps-ptit h2 span{font-size:30px; color:#333; font-weight:bold;}
.pg-ps-ptit p{ font-size:16px; line-height:30px;}
.pg-ps-ptit img{ display:block; max-width:100%; margin-left:auto; margin-right:auto;}
.pg-ps-ptit table{ width:100% !important; word-wrap: break-word; word-break: break-all;}

.pg-p-cpxj{ width:100%; padding:50px; overflow:hidden; background:#fff; float:right; margin-top:20px;}
.pg-p-cpxj h2{ width:100%; height:55px; line-height:55px; float:left; margin-bottom:30px;}
.pg-p-cpxj h2 span{font-size:30px; color:#333; font-weight:bold;}
.pg-p-cpxj li .box{ border: 1px solid #c7d3de;}


/****footer***/
.footer{ padding:50px 0 0 0; overflow:hidden; background:#333333;}
.foot-logo{ width:100%; float:left; padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.foot-logo img{ height:65px;}
.foot-lx{ width:20%; float:left;}
.foot-lx h2{ font-size:18px; color:#fff; font-weight:400; margin-bottom:20px;}
.foot-lx p{ font-size:14px; color: rgba(255, 255, 255, 0.5); line-height:30px;}

.foot-nav{ 
	margin-left: 40px;
	margin-right: 40px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    padding-left: 2%;
    padding-right: 2%;
	width:61%;
	float:left;
}
.foot-nav ul{ width:25%; float:left; text-align:center;}
.foot-nav ul h2{ font-size:18px; color:#fff; font-weight:400; margin-bottom:20px;}
.foot-nav ul li{ font-size:14px; color: rgba(255, 255, 255, 0.5); line-height:30px;}
.foot-nav ul li a:hover{ color:#0089c8;}

.foot-wx{ float:right; width:13%;}
.f-wx-img{ width:140px; float:left; border:1px solid rgba(255, 255, 255, 0.5); padding:10px;}
.f-wx-img img{ width:100%;}
.f-wx-t{ font-size:14px; color: rgba(255, 255, 255, 0.5); line-height:30px; width:140px; float:left; text-align:center;}

.copy{ width:100%; float:left; height:60px; line-height:60px; border-top: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.5); font-size:14px; margin-top:40px;}

/****留言弹出框***/
.onlinebox { display:none; position:fixed; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:90%; max-width:1060px; max-height:90%; z-index:1003 }
.onlinebox .form { padding:50px 0 0 }
.onlinebox .form ul { margin:-8px -6px; }
.onlinebox .form ul li { padding:8px 6px; }
.onlinebox .form ul li input, .onlinebox .form ul li textarea { border:1px solid #dddddd }
.onlinebox .form ul li input { line-height:58px; padding:0 35px; width:100%;}
.onlinebox .form ul li textarea { padding:22px 35px; width:100%;}
.onlinebox .form .btn { width:160px; height:55px }
.formbox { background-color:#fff; padding:74px 84px 65px }
.formbox .top { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center }
.formbox .text { font-size:18px; font-family:"albbRegular"; color:#0195d9 }
.formbox h4 { font-size:48px; font-family:"albbSemiBold"; line-height:1.1; padding:20px 0 0 }
.pclose { width:40px; height:40px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; border:2px solid #e0e2e7; border-radius:50%; font-size:12px; color:#a5a5a5; font-weight:bold; -webkit-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s; cursor:pointer }
.pclose span::before {
content:"\e623"
}
.pclose:hover { color:#0195d9; border-color:#0195d9; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg) }
.popupbg { width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0, 0, 0, 0.5); z-index:1002; display:none }
.form .btn {
    display: block;
    width: 265px;
    height: 78px;
    border: 1px solid #fff;
    background-color: #0195d9;
    color: #fff;
    text-align: center;
    padding: 0;
    font-size: 18px;
    margin: 40px 0 0;
    font-family: "albbRegular";
}


/****侧边导航***/
.drift{ width:77px; height:auto; position:fixed; bottom:30%; right:2px; z-index:999;_position: absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));-margin-top:350px;}
.drift li{ width:77px; height:77px; margin-bottom:3px;position: relative;}
.drift li a{ display:block;width:77px; height:77px; background:#2D2C32; overflow:hidden;}
.drift #rolls a{background:#ea5413;}
.drift li a:hover,.drift #rolls a:hover{ background:#ea5413;}
.drift li a:hover span{display:block;}
.drift li span{width:244px; right:77px;top: 1px;height: 77px;line-height: 77px; background: #0195d9;color: #fff;text-align: center;font-family:Arial;position: absolute;font-size: 30px;font-weight: bold;display: none;}
.drift li .ewm{background:#fff;height:203px;border:1px solid #EEEFF1;}
.drift li .ewm img{width:166px;display:block;overflow:hidden;padding:10px 10px 6px 10px;}
.drift li .ewm em{height:40px;line-height:18px !important;overflow:hidden;  font-family: "Microsoft YaHei";font-size:12px;font-weight:normal;color:#000; width:100%; float:left; text-align:center;}
.drift li span.ewm{width:166px; }




/*****手机站样式****/
.dhbtn {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 3%;
    top: 15px;
    border-radius: 4px;
    background: url(../images/d1.png) no-repeat center center;
    background-size: 20px 20px;
}

/****手机站导航***/
.wnav {
    position: fixed;
    width: 220px;
    left: -220px;
    top: 60px;
    background: #fff;
    height: calc(100% - 60px);
	z-index:100000;
}
.wnav li {
    float: none;
    padding: 0;
    width: 100%;
	position: relative;
	font-size: 16px;
}
.wnav a {
    line-height: 50px;
    border-bottom: 1px solid #eee;
    padding: 0 15px;
	transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;
	display:block;
	font-size:16px; 
	font-weight:400;
	text-align:left;
}

.cp-title{ text-align:center; margin:15px 0; font-size:21px; font-weight:bold; color:#2d52a0;}

/****手机站底部横条**/
.footer-fix {
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 10;
	display: none;
}
.footer-fix li {
	float: left;
	width: 25%;
}
.footer-fix li a {
	display: block;
	text-align: center;
	padding: 7px 0;
	font-size: 12px;
	line-height: 1;
}
.footer-fix li i.i1 {
	background-image: url(../images/f_01.png);
}
.footer-fix li i.i2 {
	background-image: url(../images/f_02.png);
}
.footer-fix li i.i4 {
	background-image: url(../images/f_04.png);
}
.footer-fix li i.i3 {
	background-image: url(../images/f_03.png);
}
.footer-fix li i {
	display: block;
	height: 20px;
	background: no-repeat center;
	background-size: contain;
	margin-bottom: 4px;
}


.wap-cpfl{ width:100%; height:46px; line-height:46px; text-align:center; background:#0089c8; font-size:16px; color:#fff; margin-bottom:30px;}
.wap-cpjtfl{
	position: fixed;
    width: 220px;
    right: -220px;
    top: 60px;
    background: #fff;
    height: calc(100% - 60px);
    z-index: 100000;
}
.wap-cpjtfl li {
    float: none;
    padding: 0;
    width: 100%;
    position: relative;
    font-size: 16px;
}
.wap-cpjtfl a {
    line-height: 50px;
    border-bottom: 1px solid #eee;
    padding: 0 15px;
    transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;
    display: block;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}



.show-xs {
	display: none;
}
@media screen and (max-width: 1920px) {
	.menu_li{ padding:0 10px;}
}
@media screen and (max-width:1440px) {
.layui-container {
	width: 90%;
	max-width:1440px;
}
.logo{ margin-left:10px;}
.shtel{ margin-right:10px;}
.i-news-fl{ width:49%; float:left;}
.i-news-fr{ width:49%; float:right;}
.i-news-hydt{ width:46%; padding:3%; margin:10px 2%;}
.i-news-img{ width:30%;}
.i-news-des{ width:69%; float:right;}
.fwzc-ul{ width:31%; margin:0 1%;}
.foot-nav{ width:600px;}

.pg-ps-zsm{ padding:20px;}
.preview{ width:380px;}
#imageMenu{ width:330px;}
.pg-p-ybmz{ width:360px;}
.pg-ps-ptit,.pg-p-cpxj{ padding:20px;}
}
@media screen and (max-width:1280px) {
	.foot-nav{ width:550px;}
	.pg-n-nrs{ width:740px;}
}
@media screen and (max-width: 1024px) {
.layui-container{ padding:0 10px; max-width:100%; min-width:100%;}
.hide-xs {
	display: none;
}
.show-xs {
	display: block;
}
.header{ height:60px; background:#fff;}
.logo{ margin-left:10px; margin-top:5px;}
.logo img{ height:50px;}
.hd-tel,.head-search,.menu{ display:none;}
.x-banner{ margin-top:60px;}
.index-about{ padding:30px 0;}
.T-title h3{ font-size:22px; line-height:normal;}
.i-a-g{ width:100%; margin:20px 0;}
.index-about-sj{ width:100%;}
.sj-tb{ width:100%; text-align:center;}
.sj-tb img{ width:50px;}
.sj-sz{ width:100%; text-align:center;}
.sj-sz strong{ font-size:22px;}
.sj-text{ display:none;}
.index-about .p_loopitem.cur{ width:100%;}
.index-about .p_loopitem{ width:100%;}
.index-about .e_image-33 img{ height:auto;}
.index-about .e_container-34{ width:100%;}
.index-product{ padding:30px 0;}
.prd-title h2{ font-size:18px; margin-bottom:10px;}
.prd-title h3,.prd-title h4{ font-size:28px;}
.prd-title1 h2{ font-size:18px; margin-bottom:10px;}
.prd-title1 h3,.prd-title1 h4{ font-size:28px;}
.tab {
    overflow-x: auto;
    font-size: 16px;
    padding: 30px 0 0 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.tab a{ margin:0 25px 0 0; -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}
.index-product .bd ul li:first-child {
    width: 50%;
}
.index-product .bd ul li{ width:50%;}
.index-product .bd ul li .box{ padding:10px;}
.index-product .bd ul li:not(:first-child) .img img{ height:auto;}
.index-product .bd ul li h4{ font-size:16px; font-weight:400;}
.index-case{ padding:30px 0;}
.t-fl h2{ font-size:22px; line-height:normal;}
.t-fr{ float:left;}
.prd-show .txt{ display:none;}
.prd-title,.prd-listfr{ width:100%;}
.abtn{ min-width:auto;}
.index-yxwl{ padding:30px 0; background: url(../images/icbg2.jpg) right center no-repeat #fcfdff; background-size:100%;}
.index-news{ padding:30px 0;}
.index-news-c ul li{ width:100%; margin:0 0 10px 0;}
.i-news-fl{ width:100%;}
.i-news-t,.i-news-t1{ width:100%;}
.i-news-img{ width:100%; height:auto;}
.i-news-des{ width:100%; margin-top:10px;}
.i-news-t1{ font-size:16px;}
.i-news-fr{ width:100%;}
.i-news-hydt{ width:46%; padding:3%; margin:10px 2%;}
.index-yyly .pro_btn{ display:none;}
.index-yyly .e_container-2{ padding:0 10px;}
.index-yyly .e_container-4{ position:relative; width:100%; left:0; top:0; padding:20px; height:auto; background: #f2f2f2;}
.index-fwzc{ padding:30px 0;}
.fwzc-ul{ width:100%; padding:20px; margin:0 0 20px 0;}
.footer{ padding:30px 0 0 0;}
.foot-nav,.foot-wx{ display:none;}
.pgbanner{ height:auto; margin-top:60px;}
.cnmgb h2{ font-size:22px;}
.cnmgb h3{ font-size:13px;}
.cnmgb{ width:90px; top:35%; left:40%;}
.pgdw{ height:60px; line-height:60px;}
.pglist{ width:100%;}
.pgdw li{ width:25%;}
.pgdw li a{ padding:0; height:60px; line-height:60px; width:100%;}
.pg-about{ padding:30px 0;}
.pg-about h2{ font-size:30px;}
.pg-about h3{ font-size:22px;}
.pg-ry .p_list .p_loopitem {flex-basis: calc(100% / 2);}
.pg-lxwm{ padding:30px 0;}
.pg-lx-ul li{ width:100%;}
.pg-news{ padding:30px 0;}
.pg-n-img{ width:100%; padding:15px;}
.pg-n-img img{ width:100%; height:auto;}
.pg-n-nr{ padding:10px; width:100%;}
.pg-n-tit{ width:80%; font-size:16px;}
.pg-n-des{ width:80%; height:50px; overflow:hidden;}
.pg-n-data p{ font-size:40px; line-height:40px;}
.pg-n-nrs{ width:100%; padding:20px;}
.pg-n-nrs h1{ font-size:20px;}
.pg-n-tj{ width:100%; padding:20px; margin-top:20px;}
.pg-p-fl{ display:none;}
.pg-product{ padding:30px 0;}
.pg-p-fr{ width:100%; padding:0; background:none;}
.pg-p-fr .p_loopitem{flex-basis: calc(100% / 2);}
.pg-p-fr .e_container-4{ padding:0;}
.pg-p-fr .e_container-2{ margin-bottom:20px; margin-left:0;}
.pg-ps-fr{ width:100%;}
.pg-ps-zsm{ padding:10px;}
.preview{ width:100%; margin:0;}
.bigImg{ width:100%;}
.bigImg img{ width:100%;}
.smallImg{ width:100%; height:auto;}
#imageMenu{ width:80%; height:auto;}
#imageMenu li{ width:19%; margin-left:1%; height:auto;}
#imageMenu li img{ width:100%; height:auto;}
.pg-p-ybmz{ width:100%;}
.pg-ps-ptit,.pg-p-cpxj{ padding:15px;}
.pg-ps-ptit h2 span{ width:120px; height:45px; line-height:45px;}
.pg-p-cpxj h2 span{ width:100%; height:45px; line-height:45px;}
.pg-p-cpxj li{ width:48%; margin-bottom:10px;}
.foot-lx{ width:100%;}
.drift{ display:none;}
.foot-hf h4{ font-size:24px; line-height:2;}
.foot-hf{ padding:60px 0;}
.formbox{ padding:30px;}
.formbox h4{ font-size:24px;}
.ny_bd ul li{ width:50%;}
.ny_bd ul li .box{ padding:10px;}
.ny_bd ul li .img img{ height:auto;}
.pg-prd-img{ padding:60px 0;}
.pg-prd-img .flex{ display:block;}
.pg-prd-img .l{ width:100%; padding:0;}
.pg-prd-img .r{ padding:0; width:100%;}
.pg-prd-img .r .btns .abtn{ float:left; font-size: 14px;
    min-width: 110px;
    padding: 12px 14px;
}
.r .desc{ margin-bottom:20px;}
.pg-prd-img .r .tag{ padding:35px 0;}
.ny_bd{ padding:0;}
.pg-yfcx .ihd .r{ display:none;}
.pg-aryzz,.pg-yfcx,.pg-gcsj,.case_list{ padding:30px 0;}
.comtitle .bt{ font-size:30px;}
.case_list .list ul li{ width:100%}
.inside_partner .list ul li{ width:31%; margin:5px;}
.inside_subnav{ position:relative; z-index:0}
.inside_subnav a{ margin:0 20px; padding:20px 0;}
}