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



/*********banner*******************/
.hmFocus_img{background-size:cover; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; -webkit-transform:scale(1.12); transform:scale(1.12);}
.hmFocus_img:after{ content: ""; background: rgba(0, 0, 0, 0.2); position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmFocus_img1:after{ content: ""; background: rgba(0, 110, 199, 0.15); position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }


.on .hmFocus_img{ visibility: visible; -webkit-animation: scaleBg 5s linear forwards; animation: scaleBg 5s linear forwards;}
.hmFocus_item{width:100vw; height:100vh; position:relative; overflow:hidden;}
.hmFocus_txt{ width:100%; color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2; text-align:center;}
.hmFocus_txt1 strong{ display: block; transition: all 0.8s ease-in-out; transform: translate(-150px,0px); opacity: 0; letter-spacing: 3px; color: rgba(255,255,255,1);font-size: 60px; line-height:1.5; font-weight:bold;} 
.hmFocus_txt1 p{ margin-top: 18px; transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0; font-size: 30px; line-height:1.5; color: #fff; display: block; position:relative;}
.on .hmFocus_txt1 strong{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.on .hmFocus_txt1 p{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmFocus_dot{ height: 2px; width: 100%; position: absolute; left: 0px; bottom: 4vh; z-index: 5; text-align:center}
.hmFocus_dot span{ display: inline-block; margin: 0px 5px; height:3px; width:70px; background:rgba(255,255,255,0.5); cursor:pointer; position:relative; }
.hmFocus_dot span.on{height:3px;}
.hmFocus_dot span:after{content:""; background:#006ec7; width:0; height:3px; position:absolute; left:0; top:0;}
.hmFocus_dot span.on:after{ width:100%; transition:all 4.8s linear;}
.hmFocus .slick-prev{ background: url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 80px; width: 43px; position: absolute; left: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -40px; z-index:3; transition:all 0.5s ease-in-out; opacity:0.3; transform:rotate(180deg); }
.hmFocus .slick-next{  background: url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 80px; width: 43px; position: absolute; right: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -40px; z-index:3; transition:all 0.5s ease-in-out; opacity:0.3;}
.hmFocus .slick-prev:hover,.hmFocus .slick-next:hover{ opacity:1;}
@media (max-width:1799px){
.hmFocus_txt1 strong{ font-size: 50px; } 
.hmFocus_txt1 p{font-size: 25px;}
.hmFocus .slick-prev{ background-size:30px auto; left:30px;}
.hmFocus .slick-next{ background-size:30px auto; right:30px;}
}
@media (max-width:1199px){
.hmFocus_item{ height:80vh;}
.hmPage1{position:relative; padding-top:56px;}
.hmFocus_txt1 strong{font-size: 40px;} 
.hmFocus_txt1 p{font-size: 20px;}
}
@media (max-width:993px){
.hmFocus_item{ height:600px;}
.hmFocus_txt1 strong{ font-size: 30px; } 
.hmFocus_txt1 p{font-size: 16px;}
}

@media (max-width:767px){
*{ letter-spacing:0!important;}
.hmFocus_item{ height:380px;}
.hmFocus_txt1 strong{ font-size: 26px;} 
.hmFocus_txt1 p{font-size: 14px;}
.hmFocus .slick-prev{left:0;}
.hmFocus .slick-next{right:0;}
.hmFocus_txt1{padding-bottom:20px;}
.hmFocus_dot span{ margin: 0px 3px; height:2px; width:40px; }
.hmFocus_dot span.on{height:4px;}
.hmFocus_dot span:after{ height:4px;}
.hmFocus .slick-prev,.hmFocus .slick-next{display:none!important;}
}


.xiangxia{position: absolute;z-index: 22;width: 100%;text-align: center;bottom:35px;}
.xiangxia a{display: inline-block;width:50px;height:50px;/*border:1px solid white;*/text-align: center;line-height: 80px;border-radius: 50%;}
.xiangxia a i{display: inline-block;font-size: 40px;color: white;animation: run1 2s linear infinite;}
.xiangxia span{display: block;color: #fff; margin-top:5px; font-size:12px;}
@keyframes run1{
0%{transform: translateY(-3px);}
50%{transform: translateY(3px);}
100%{transform: translateY(-3px);}
}





/***************产品*******************/
.hmPage2{ width:100%; overflow:hidden;position:relative; background: rgb(238, 238, 238) url(/i/images/grey_bg.jpg) left bottom no-repeat; background-size:contain;}
.hmc5Tnm{ width:100%; margin-bottom:10px;overflow: hidden;}
.hmc5Tnm .fl{ }
.hmc5Tnm .fl .tit_t{font-size: 24px; font-weight: bold; color: #006ec7; letter-spacing: 2px; position:relative; }
.hmc5Tnm .fl .tit_t1{font-size: 16px;line-height: 2;color: #333;}
.hmc5Tnm .fl .tit_t2{font-size: 14px; color: #999;line-height: 1.8;}

/*.hmc5Tnm .fl:after{content:""; background: #006ec7; height: 6px; width: 24px; position: absolute; left: 0%; bottom: -1.56vw; }*/
.hmc5tab{ float:right;}
.hmc5tab a{ font-size: 14px; font-weight: normal; color: #006ec7; display: inline-block; margin-left: 2.86vw; position: relative; line-height: 36px; padding-top: 24px; letter-spacing: 2px; }
.hmc5tab a:after{content:""; height:2px; width:0%; left:50%; background:#006ec7; transition:all 0.5s ease-in-out; position:absolute; top:17px}
.hmc5tab a.on:after{width:100%; left:0;}
.hmc5tab a.on{ color:#006ec7;}



.index_pro_box .item {background:rgba(255, 255, 255, 0.8); width:100%; box-sizing: border-box; padding:1rem 1.1rem 2rem; box-shadow: 0px 0px 1rem #f2f2f2; transition: 0.4s; position: relative;}
.index_pro_box .item .a .content21{}
.index_pro_box .item .a .content2 {font-size: 1.1rem;color: #000;transition: 0.4s;}
.index_pro_box .item .a .content3 {margin:0 0 0.5rem;}
.index_pro_box .item .a .content3 span {display: inline-block;width: 30px;height: 3px;background: #006ec7;}
.index_pro_box .item .a .content4 {font-size: 15px;color: #555;line-height: 1.5;height: 40px;}
.index_pro_box .item .a .content5 {font-size: 1rem;color: #006ec7;line-height: 1.25rem;}
.index_pro_box .item .a .content5 i {font-weight: bold; position: relative;top: 1px;}

/*.index_pro_box .item .a  .content6 { width: 100%; font-size: 1rem; margin-bottom: 1rem; color: #fff;}
.index_pro_box .item .a  .content6  h3{line-height:1.5;margin-bottom:10px;font-size:16px;color: #444;font-weight: normal;}
.index_pro_box .item .a  .content6  p{line-height:2.5;font-size:14px;color:rgba(0, 0, 0, 0.9);position:relative;overflow:hidden;padding-left: 20px;}
.index_pro_box .item .a  .content6  p::before { content: "●";position: absolute;left: 0;top:0px;font-size: 14px; line-height: inherit;color: #006ec7;}
*/

.index_pro_box .item .posi {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: 0.4s;}
.index_pro_box .item .posi .img{ width: 100%; height: 100%;}
.index_pro_box .item .posi .img img { width: 100%; height: 100%;object-fit: cover;}
.index_pro_box .item .posi .posi_main { position: absolute; top: 0;left: 0;width: 100%; height: 100%; z-index: 2; box-sizing: border-box; padding: 0 1.1rem;background: rgba(0, 110, 199, 0.75);}
.index_pro_box .item .posi .posi_main .content2 { font-size: 1.1rem;color: #fff; margin-top: 2rem;transition: 0.4s;}
.index_pro_box .item .posi .posi_main .content3 {margin: 0rem 0 0.5rem;}
.index_pro_box .item .posi .posi_main .content3 span { display: inline-block; width: 30px; height: 3px; background: #fff;}
.index_pro_box .item .posi .posi_main .content4 {font-size: 15px;color: #fff; line-height: 1.5;height: 40px;}
.index_pro_box .item .posi .posi_main .content5 {margin-bottom: 2rem; font-size: 1rem;color: #fff;line-height: 1.25rem;}
.index_pro_box .item .posi .posi_main .content5 a{color: #fff;}

.index_pro_box .item .posi .posi_main .content6 { width: 100%; font-size: 1rem; margin-bottom: 1rem; color: #fff;}
.index_pro_box .item .posi .posi_main .content6 h3{line-height:1.5;margin-bottom:10px;font-size:16px;color: #fff;font-weight: normal;}

.index_pro_box .item .posi .posi_main .content6 p{line-height:2.5;font-size:14px;color:rgba(255, 255, 255, 0.9);position:relative;overflow:hidden;padding-left: 20px;}
.index_pro_box .item .posi .posi_main .content6 p::before { content: "●";position: absolute;left: 0;top:0px;font-size: 14px; line-height: inherit;color:color:rgba(255, 255, 255, 0.9);}

/*.index_pro_box .item .posi .posi_main .content6 p{line-height:2.5;font-size:14px;color:rgba(255, 255, 255, 0.9);position:relative;overflow:hidden;border-bottom:1px solid rgba(255, 255, 255, 0.7);max-width: 220px;}

.index_pro_box .item .posi .posi_main .content6 p:after,
.index_pro_box .item .posi .posi_main .content6 p:before {
 content:""; position:absolute; left:0;width:100%;height:1px; z-index:2;
 -webkit-backface-visibility:hidden;opacity:0;
 backface-visibility:hidden;
 background:linear-gradient(270deg,#404040 5%,hsla(0,0%,100%,.8) 10%,hsla(0,0%,100%,.8) 95%,#404040);
}
.index_pro_box .item .posi .posi_main .content6 p:after { bottom:0; transform-origin:left; transform:translateX(100%)}
.index_pro_box .item .posi .posi_main .content6 p:hover:before {transition:transform .6s cubic-bezier(.67,0,.33,1); transform:translateX(100%);opacity:1;}
.index_pro_box .item .posi .posi_main .content6 p:hover:after {transition:transform .6s cubic-bezier(.67,0,.33,1);transform:translateX(-100%);opacity:1;}

*/
.index_pro_box .item:hover {
  box-shadow: 0px 0px 1rem #ddd;
}
.index_pro_box .item:hover .posi {
  opacity: 1;
}



.hmc5swiperWpr{ position:relative;}
.hmc5swiper{ margin:0 -10px;}
.hmc5item{ padding:10px;}
.hmc5aBox{ display:block;}
.hmc5aBox .overflowHide{ height:270px; transition:all 0.5s ease-in-out;}
.hmc5aBox:hover .overflowHide{ box-shadow:0 10px 30px rgba(164,143,104,0.3);}
.hmc5aBox strong{ font-size: 24px; line-height: 36px; font-weight: normal; color: #645c52; height: 72px; overflow: hidden; margin: 1.45vw 0px 1.66vw; display:block}
.hmc5btn{ padding-top: 1.87vw; border-top: 1px solid #ECE9E2; position:relative; overflow:hidden; }
.hmc5btn i{ background: url(../images/hmc4si.png) no-repeat; height: 18px; width: 18px; float:right; margin-top: 16px; }
.hmc5btn a{float:left;}
.hmc5nums{ height: 42px; font: 20px/42px LEMONMILK; color:#333333; transform:translateY(5vh) }
.hmc5nums span:nth-child(1){ font-size: 36px; color: #006ec7; }
.hmc5nums i{ display:inline-block; margin:0 8px;}
.hmc5swiper .slick-prev{ background: url(../images/hmc4btn2.png) no-repeat center center; display: inline-block; height: 20px; width: 12px; position: absolute; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; right: calc((100vw - 1560px)/2 - 100px); bottom: -85px; z-index:1; transition:all 0.5s ease-in-out; }
.hmc5swiper .slick-next{ background: url(../images/hmc4btn2.png) no-repeat center center; display: inline-block; height: 20px; width: 12px; position: absolute; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; right: calc((100vw - 1560px)/2 - 150px); bottom: -85px; z-index:1; transition:all 0.5s ease-in-out; transform:rotate(180deg);}
.hmc5swiper .slick-prev:hover,.hmc5swiper .slick-next:hover{ background: url(../images/hmc4btn.png) no-repeat center center; }

@media (max-width:1799px){
.hmc5aBox .overflowHide{ height:200px;}
.hmc5aBox:hover .overflowHide{ box-shadow:0 10px 20px rgba(164,143,104,0.3);}
.hmc5aBox strong{ font-size: 20px; line-height: 30px; height: 60px; }
.hmc5nums{ height: 36px; font: 18px/36px LEMONMILK; transform:translateY(2vh)}
.hmc5nums span:nth-child(1){ font-size: 30px; }
.hmc5swiper .slick-prev{ right: calc((100vw - 1200px)/2 - 35px); bottom: -45px;}
.hmc5swiper .slick-next{ right: calc((100vw - 1200px)/2 - 85px); bottom: -45px;}
}
@media (max-width:1379px){

.hmc5nums{ height: 30px; font: 16px/30px LEMONMILK;}
.hmc5nums span:nth-child(1){ font-size: 22px; }
.hmc5tab{transform:translateY(8px);}
}
@media (max-width:1199px){

.hmc5swiper .slick-prev{ right: calc((100vw - 770px)/2 - 35px); bottom: -45px;}
.hmc5swiper .slick-next{ right: calc((100vw - 770px)/2 - 85px); bottom: -45px;}
}
@media (max-width:767px){
.hmc5aBox .overflowHide{height:210px;}
.hmc5aBox strong{margin:20px 0; }
.hmc5btn{padding-top:25px;}
.hmc5swiper .slick-prev{ right: calc((100vw - 220px)/2 - 35px); bottom: -45px;}
.hmc5swiper .slick-next{ right: calc((100vw - 220px)/2 - 75px); bottom: -45px;}
.hmc5tab a{margin-left:20px;}
}
@media (max-width:380px){
.hmc5swiper .slick-prev{ right: calc((100vw - 170px)/2 - 35px); bottom: -45px;}
.hmc5swiper .slick-next{ right: calc((100vw - 170px)/2 - 75px); bottom: -45px;}
}

@media (max-width:1199px){
 .hmPage2{ padding:40px 0px 60px;}
}


/*************æ–°é—»**********************/
.hmPage3{ background:url(../images/about_bg.png) center center no-repeat; background-size:cover; position:relative;}
.index-s4 { position: relative; z-index: 3; }
.index-s4 .left-block { width: 41.66vw; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url("../images/hmc3bg.jpg"); padding: 6.25vw 3.125vw; color: #fff; }
.index-s4 .left-block span { font-size: 24px; font-weight: normal; letter-spacing: 2px; display: block; line-height: 42px; }
.index-s4 .left-block h3 { font-size: 20px; line-height:1.6; font-weight:normal; display: block; margin-top: 25px }
.index-s4 .left-block .link { margin: 5vw 0; display: inline-block; }
.index-s4 .left-block .link a { display: block; margin-top:2vw; font-size: 26px; color: rgba(255, 255, 255, 0.3); transition: color .3s ease; }
.index-s4 .left-block .link a:nth-of-type(1) { margin-top: 0; }

@media screen and (min-width: 1025px) {
.index-s4 .left-block .link a:hover { color: #fff; }
}
.index-s4 .left-block a.more { display: inline-block; font-size: 14px; color: #fff; }
.index-s4 .left-block a.more:after { content: ''; width: 8px; height: 13px; display: inline-block; vertical-align: middle; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("../images/pub_ar.svg"); margin: -2px 0 0 10px; }
.index-s4 .right-block { width: calc(100% - 41.66vw); position: absolute; right: 0; top: 0; bottom: 0; letter-spacing: 2px; }
.index-s4 .right-block .left-box { width: 33.33vw; position: absolute; top: 0; left: 0; }
.index-s4 .right-block .left-box .item { height: 21vw; }
.index-s4 .right-block .left-box .item h3 { font-size:22px;  font-weight: normal; }
.index-s4 .right-block .left-box .item:nth-of-type(1) .date { color: #fff; }
.index-s4 .right-block .left-box .item:nth-of-type(1) h3 { color: #fff; }
.index-s4 .right-block .left-box .item:nth-of-type(1) .more { background-image: url("../images/icon-6-on.png"); }
.index-s4 .right-block .left-box .item:nth-of-type(2) .date { color: #005e7f; }
.index-s4 .right-block .left-box .item:nth-of-type(2) h3 { color: #333333; }
.index-s4 .right-block .left-box .item:nth-of-type(2) h4 { color: #808080; }
.index-s4 .right-block .left-box .item:nth-of-type(2) .more { background-image: url("../images/icon-6.png"); }
.index-s4 .right-block .right-box { margin-left: 33.33vw; height: 100%; }
.index-s4 .right-block .right-box .item { height: 50%; }
.index-s4 .right-block .right-box .item .date { color: #fff; }
.index-s4 .right-block .right-box .item h3 { font-size: 24px; color: #fff; max-height: 117px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-weight: normal; }
.index-s4 .right-block .right-box .item .more { background-image: url("../images/icon-6-on.png"); }
.index-s4 .right-block .item { position: relative; overflow: hidden; }
.index-s4 .right-block .item a { display: block; height: 100%; }
.index-s4 .right-block .item .img-box { width: 100%; height: 100%; overflow: hidden; }
.index-s4 .right-block .item img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.index-s4 .right-block .item .txt-box { position: absolute; left: 0; right: 0; bottom: 0; padding: 3.125vw; transform: translateY(calc(60px + 5.5vw)); transition: all .3s ease; }
.index-s4 .right-block .item .date b, .index-s4 .right-block .item .date span { display: block; }
.index-s4 .right-block .item .date b { font-size: 60px; line-height: 1; font-family: 'EuclidCircularA-SemiBold'; }
.index-s4 .right-block .item .date span { font-size: 20px; line-height: 1; font-family: 'EuclidCircularA-Regular'; margin-top: 5px; }
.index-s4 .right-block .item h3 { margin-top: 1vw; line-height: 1.5; overflow: hidden; }
.index-s4 .right-block .item h4 { font-size: 16px; line-height: 1.7; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 96px; overflow: hidden; margin-top: 20px; font-weight: normal; color: #fff; transition: all .3s ease; visibility: hidden; transform: scaleY(0); opacity: 0 }
.index-s4 .right-block .item:hover h4 { opacity: 1; visibility: visible; transform: scaleY(1) }
.index-s4 .right-block .item .more { width: 60px; height: 60px; margin-top: 3.125vw; display: block; background-position: center; background-repeat: no-repeat; background-size: contain; opacity: 0; transform: translateY(100%); transition: all .3s ease; }

@media screen and (min-width: 1025px) {
.index-s4 .right-block .item:hover img { transform: scale(1.1); }
.index-s4 .right-block .item:hover .txt-box { transform: translateY(0); }
.index-s4 .right-block .item:hover .more { opacity: 1; transform: translateY(0); transition-delay: .1s; }

}

@media (max-width:1799px) {
.index-s4 .left-block .link a { font-size: 22px; }
.index-s4 .right-block .left-box .item h3 { font-size: 24px; height: 78px; }
.index-s4 .right-block .item h4 { font-size: 16px; line-height: 28px; height: 84px; }
.index-s4 .right-block .item h3 { margin-top: 1.5vw; }
.index-s4 .right-block .item .date span { font-size: 18px; }
.index-s4 .right-block .item .date b { font-size: 48px; }
.index-s4 .right-block .item .more { margin-top: 2vw; }
.index-s4 .right-block .item h4 { margin-top: 10px; }
.index-s4 .right-block .item .more { width: 50px; height: 50px; }

.index-s4 .right-block .right-box .item h3 { font-size: 20px; max-height: 90px; }
}

@media (max-width:1379px) {

.index-s4 .right-block .item h4 { font-size: 15px; line-height: 26px; height: 78px; }
.index-s4 .right-block .left-box .item h3 { font-size: 20px; height: 64px; }
.index-s4 .right-block .right-box .item h3 { font-size: 16px; }
}
@media (max-width:993px) {
.index-s4 .right-block .item h4 { display: none!important; }
.index-s4 .right-block .left-box .item h3 { font-size: 14px; letter-spacing: 0 }
.index-s4 .right-block .right-box .item h3 { font-size: 12px; letter-spacing: 0; }
}

@media (max-width:767px){
.index-s4 .left-block { width: 100%; padding-top: 45px;text-align: center;padding-bottom:60px!important;}
.index-s4 .right-block { width: 100%; position: relative; right: auto; top: auto; bottom: auto; }
.index-s4 .right-block .left-box { width: 100%; position: static; }
.index-s4 .right-block .right-box { margin-left: 0; }
.index-s4 .left-block { padding-top: 45px; text-align: center }
.index-s4 .left-block h3 { margin-top: 5px; }
.index-s4 .left-block .link { display: block; }
.index-s4 .left-block .link a { display: inline-block; margin: 0 10px; font-size: 17px; }
.index-s4 .right-block .left-box .item { height: 250px; }
.index-s4 .right-block .item .txt-box { padding: 0 15px; }
.index-s4 .right-block .left-box .item h3, .index-s4 .right-block .right-box .item h3 { font-size: 15px; line-height: 28px; height: auto; margin-top: 20px; }
.index-s4 .right-block .item .txt-box { transform: translateY(calc(10px + 0.125vw)) }
.index-s4 .right-block .right-box { height: auto; }
.index-s4 .right-block .right-box .item { height: 250px; }
	
}

/********************************/
.hmPage4{position:relative;background: url(../images/map_bg.jpg) bottom center no-repeat;background-size:cover;}


.index_contact_bg{ padding:50px 0px; position:relative; background: url(../images/map_bg.jpg) bottom center no-repeat; background-size:cover;}

.bbot {position: relative;display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}

.dl-box {z-index: 5;width: 100%;position:relative;display: flex;align-items: flex-start; margin-top:30px;}


.erm_box{text-align: center;/* background-color: #006ec7; *//* padding: 26px; */margin: 0px 10px;}
.erm_box .erm_lf{color: #333;font-size: 15px;line-height: 1.6;text-align: center;margin-top: 10px;font-weight: bold;}
.erm_box .erm_rf img{max-width: 95px;width:100%;}


.dd-box {width: 35%;position:relative;z-index: 5;/* border:1px solid rgba(51, 51, 51, 0.08); *//* border-bottom:none; */}


.map-box {width: 50%;position:relative;z-index: 5;/* border:1px solid rgba(51, 51, 51, 0.08); *//* border-bottom:none; */}


.scroll-box {width:100%;position:relative;z-index: 5;padding: 30px 5% 10px;/* border:1px solid rgba(51, 51, 51, 0.08); */border-bottom:none;}
.scroll-box h2 {font-weight: 600;position:relative;z-index: 5;line-height: 2;font-size: 24px;color: #006ec7;}
.scroll-box .description {line-height: 1.8;;position:relative;z-index: 5;}

.scroll-box .description  .lx_t1{ font-size:35px; color:#006ec7;font-weight: bold;line-height:1.5;position:relative;overflow:hidden;margin-bottom:30px;}
.scroll-box .description  .lx_t1 img{vertical-align: middle;}
.scroll-box .description  .lx_time{ font-size:16px; color:#444; margin-bottom:20px; padding-left: 50px;}




.scroll-box .description  .lx_t2{line-height:30px; font-size:16px;color:#444; margin-bottom:20px;position:relative;overflow:hidden;/* border-bottom:1px solid #444;*/}
.scroll-box .description  .lx_t2 img{ margin-right:5px;}
.scroll-box .description  .lx_t2:after,
.scroll-box .description  .lx_t2:before {content:"";position:absolute;left:0;width:100%; height:1px; z-index:2; -webkit-backface-visibility:hidden;backface-visibility:hidden;
background:linear-gradient(270deg,#404040 5%,hsla(0,0%,100%,.8) 10%,hsla(0,0%,100%,.8) 95%,#404040); opacity:0;}
.scroll-box .description  .lx_t2:after { bottom:0; transform-origin:left; transform:translateX(100%)}
.scroll-box .description  .lx_t2:hover:before { transition:transform .6s cubic-bezier(.67,0,.33,1); transform:translateX(100%);opacity:1;}
.scroll-box .description  .lx_t2:hover:after { transition:transform .6s cubic-bezier(.67,0,.33,1);transform:translateX(-100%);opacity:1;
}




.address-box{width:100%;padding: 10px calc(100px + 5%) 40px 5%;/* border: 1px solid rgba(51, 51, 51, 0.08); */position:relative;/* border-left: 1px solid rgba(51, 51, 51, 0.08); */}
.address-box:after {content: '';position: absolute;background-color: #006ec7;width: 30px;height: 4px;border-radius: 1px;bottom: 20px;z-index: 5;}
.address-box .cap {font-size: 14px;line-height: 1.57;opacity: .5; color:#333;z-index: 5;}
.address-box .address { margin-top: 12px;font-size: 16px;line-height: 1.5;color:#333; z-index: 20;}
.address-box .map-links { position: absolute;top: 0;right: 0;width: 110px;height: 100%;z-index: 20;}
.map-links li {/* border-left: 1px rgba(51, 51, 51, 0.08) solid; *//* border-bottom: 1px rgba(51, 51, 51, 0.08) solid; */-webkit-transition: background-color .5s ease;transition: background-color .5s ease;cursor: pointer;position:relative;width: 100%;height: 50%;}
.map-links li:last-child { border-bottom: 0;}
.map-links li img {position: absolute;width: 56px;height: 56px; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);}
.map-links li img.normal { opacity: 1;-webkit-transition: opacity .5s ease;transition: opacity .5s ease;}
.map-links li img.active {opacity: 0; -webkit-transition: opacity .5s ease; transition: opacity .5s ease;}
.map-links li:hover img.normal { opacity: 0;}
.map-links li:hover img.active { opacity: 1;}
.map-links li.yandex-maps:hover { background-color: #006ec7;}
.map-links li.google-maps:hover { background-color: #006ec7;}




@media (max-width:767px){
.map-box {
    width: 100%;
    position: relative;
    z-index: 5;
}
.dd-box {
    width: 100%;
    position: relative;
    z-index: 5;
}	
}

.lines-box{ position:relative; height:120px;}
ul.lines { z-index: 15;}
ul.lines li { position: absolute; top: 0;height: 100%;background-color: rgba(51, 51, 51, 0.08);width: 1px;left: 0;-webkit-transition: height 2s ease;transition: height 2s ease;}
ul.lines li:nth-child(2) { left: 25%;}
ul.lines li:nth-child(3) { left: 50%;}
ul.lines li:nth-child(4) { left: 75%;}
ul.lines li:nth-child(5) {left: 100%;}


ul.lines.dark li {background-color: rgba(255, 255, 255, 0.08);}








.download-icon {position: absolute;display: block;top: 0; height: 0;width: 100%; height: 100%;font-size: 0;-webkit-transition: background-color .5s ease;transition: background-color .5s ease;}
.download-icon .box {position: relative;top: 50%;left: 50%; width: 100%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); text-align: center;}
.download-icon .cap {margin-top: 1em;font-weight: 600; line-height: 0.71; letter-spacing: 0.4px; text-transform: uppercase; font-size: 14px; position:relative; white-space: nowrap; color: #fff;}
.download-icon .desc {margin-top: 8px;font-size: 14px;line-height: 1.57;color: #262626;opacity: .5;color: #fff;}





/***************底部******************/
section.page-footer {
  background-color: #333f48;
}

section.page-footer .page-header-extension {
  overflow: hidden;
  height: 0;
  -webkit-transition: height .5s ease;
  transition: height .5s ease;
}

section.page-footer .page-header-extension .overflow-box {
  border-bottom: 1px rgba(255, 255, 255, 0.08) solid;
}

section.page-footer .page-header-extension div.submenu {
  padding: 48px 5%;
}

section.page-footer .page-header-extension div.submenu menu.submenu {
  position: relative;
  display: block;
  font-size: 0;
  z-index: 20;
}

section.page-footer .page-header-extension div.submenu menu.submenu li {
  display: inline-block;
  vertical-align: top;
  font-family: Metronic, sans-serif;
  font-weight: 600;
  line-height: 0.71;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 38px;
  margin-right: 32px;
  color: white;
  white-space: nowrap;
  -webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
  transition: opacity .5s ease, -webkit-transform .5s ease;
  transition: opacity .5s ease, transform .5s ease;
  transition: opacity .5s ease, transform .5s ease, -webkit-transform .5s ease;
  -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
  opacity: 0;
}

section.page-footer .page-header-extension div.submenu menu.submenu li a {
  color: white;
}

section.page-footer .page-header-extension div.submenu menu.submenu li.active, section.page-footer .page-header-extension div.submenu menu.submenu li.active a {
  color: #006ec7;
}

body.is-desktop section.page-footer .page-header-extension div.submenu menu.submenu li a:hover {
  color: #006ec7;
}

section.page-footer .page-header-extension div.submenu menu.submenu li:nth-child(1) {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

section.page-footer .page-header-extension div.submenu menu.submenu li:nth-child(2) {
  -webkit-transition-delay: .05s;
          transition-delay: .05s;
}

section.page-footer .page-header-extension div.submenu menu.submenu li:nth-child(3) {
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}

section.page-footer .page-header-extension div.submenu menu.submenu li:nth-child(4) {
  -webkit-transition-delay: .15s;
          transition-delay: .15s;
}

section.page-footer .page-header-extension div.submenu menu.submenu li:nth-child(5) {
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
}

section.page-footer .page-header-extension div.submenu menu.submenu li:nth-child(6) {
  -webkit-transition-delay: .25s;
          transition-delay: .25s;
}

section.page-footer .page-header-extension div.submenu menu.submenu li:nth-child(7) {
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
}

section.page-footer .page-header-extension.active div.submenu menu.submenu li {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}

section.page-footer .footer-button {

  border-bottom: 1px rgba(255, 255, 255, 0.08) solid;
}

section.page-footer .footer-button .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
  z-index: 20;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

section.page-footer .footer-button .text {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 5%;
  padding-top: 56px;
  padding-bottom: 64px;
  padding-right: 64px;
  z-index: 21;
  color: #fff;
}

section.page-footer .footer-button .text .title {
  font-family: Metronic, sans-serif;
  line-height: 1.11;
  letter-spacing: -0.2px;
  font-size: 38px;
  z-index: 20;
}

section.page-footer .footer-button .text p {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.57;
  opacity: .5;
  z-index: 20;
}

section.page-footer .footer-button.service .text .title {
  font-family: Metronic, sans-serif;
  line-height: 1.14;
  font-size: 28px;
}

section.page-footer .footer-button .arrow {
  z-index: 21;
  border-left: 1px rgba(255, 255, 255, 0.08) solid;
}

section.page-footer .footer-button .arrow svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  width: 60px;
  height: auto;
  stroke: #fff;
}

body.is-desktop section.page-footer .footer-button .row:hover .bg {
  opacity: 1;
}

section.page-footer .container {
  font-size: 0; position:relative;
}

section.page-footer .column {
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 25%;
  height: 500px;
  padding-top: 62px;
  z-index: 20;
}

section.page-footer .column:last-child {
  border-right: 0;
}

section.page-footer .column.logo {
  padding-bottom: 48px;
  padding-left: 3.6%;
  float: left;
  position: relative;
  transition: all 0.5s ease-out;
}

section.page-footer .column.logo img {
  width: 75%;
  height: auto;
  max-width: 220px;
}

section.page-footer .column.logo .copyrights {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

section.page-footer .column.logo .copy {
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: 0;
  top: 0;
  width: 100%;
  padding: 32px 14.3%;
  font-size: 14px;
  line-height: 1.57;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}

section.page-footer .column.logo .design-and-development {
  border-top: 1px rgba(255, 255, 255, 0.08) solid;
  padding: 40px 14.3%;
  font-size: 14px;
  line-height: 1.57;
  color: #fff;
}

section.page-footer .column.logo .design-and-development a {
  color: #006ec7;
}

section.page-footer .column.column-menu {position: relative;
  padding-left: 3.6%;
  padding-right: 3.6%;
}

section.page-footer .column.column-menu menu li {
  margin-bottom: 18px;
  line-height: 0.71;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.75;
  color: #ffffff;
}

section.page-footer .column.column-menu menu li a {
  text-decoration: none;
  color: #ffffff;
}

section.page-footer .column.column-menu menu li.active, section.page-footer .column.column-menu menu li.active a {
  color: #006ec7;
}

section.page-footer .column.contacts-column {
  padding: 0; position:relative;
}
section.page-footer .column.contacts-column .download-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  border-bottom: 1px rgba(255, 255, 255, 0.08) solid; z-index: 8;
}
section.page-footer .column.contacts-column .contacts-box {
  position: absolute;
  width: 100%;
  bottom: 0; 
  height: 50%;
}
section.page-footer .column.contacts-column .contacts-box .contacts {
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  width: 100%;
}
section.page-footer .column.column-menu .contact {
  padding: 0 14.3%;
  color: #fff;
  white-space: nowrap;
  margin-top: 24px;
}

section.page-footer .column.column-menu .contact:first-child {
  margin-top: 0;
}

section.page-footer .column.column-menu .contact .num, section.page-footer .column.column-menu .contact a {
  display: block;
  font-family: Metronic, sans-serif;
  line-height: 1.13;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
}
section.page-footer .column.contacts-column .contact{padding:0px 14%;width: 100%;}
section.page-footer .column.contacts-column .contact .cap {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.57;
  opacity: .5;
  color:#fff;
  display: block;
}
section.page-footer .column.contacts-column .contact .num {margin-top: 8px;font-size: 14px;line-height: 1.57;opacity: .8;color: #fff;display: block;}
section.page-footer .column.contacts-column .contact  a{margin-top: 8px;font-size: 14px;line-height: 1.57;opacity: .8;color: #fff;display: block;}

section.page-footer .column a.tender, section.page-footer .column a.connect {
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 1px rgba(255, 255, 255, 0.08) solid;
  font-family: Metronic, sans-serif;
  font-weight: 600;
  line-height: 0.71;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 72px;
  text-decoration: none;
  text-align: center;
  width: 100%;
  color: rgba(255, 255, 255, 0.3);
}

@media (max-width:767px){
.bbot { position: relative; display: flex; flex-wrap:wrap;}	
.dl-box {width: 100%;}
.btsvg-box { width: 50%;border-right: 1px rgba(51, 51, 51, 0.08) solid;}
.scroll-box { width: 100%;}
.phone{width:100%;padding: 48px 5% 80px 5%;border-bottom: 1px solid rgba(51, 51, 51, 0.08);border-right: 1px rgba(51, 51, 51, 0.08) solid;}
.address-box{width:100%;}

.scroll-box .description .lx_t1 {font-size: 30px;}

section.page-footer .column.logo {
    padding-bottom: 28px;
    padding-left: 0px;
    float: left;
    text-align:center;
    padding-top: 20px;
}
section.page-footer .column{width:100%;height: 200px;}
section.page-footer .column.logo .design-and-development{ display:none;}
section.page-footer .column.column-menu{ display:none;}
section.page-footer .column.contacts-column .download-icon{ height:75%;}

ul.lines li:nth-child(2) { left: 50%;}
ul.lines li:nth-child(3) { left: 50%;}
ul.lines li:nth-child(4) { left: 100%;}
ul.lines li:nth-child(5) {left: 100%;}
section.page-footer .column.contacts-column .contact .cap{ display:none;}
section.page-footer .column.contacts-column .contact .num{ display:none;}
section.page-footer .column.contacts-column .contact a{ display:none;}
}