@charset "UTF-8";

.hmFocus,.hmFocusWpr{ position:relative}
.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);}
.on .hmFocus_img{ visibility: visible; -webkit-animation: scaleBg 5s linear forwards; animation: scaleBg 5s linear forwards;}
.hmFocus_item{width:100%; position:relative; overflow:hidden;}
.hmBan_sbg{ background:rgba(0,0,0,0.2) url(../images/topBg.png) repeat-x left top; position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmBan_sbg:after{ content: ""; background: url(../images/banenr_line.png) repeat-x; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity:0.5 }
.hmFocus_txt{color:#fff; position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); padding-top:150px}
.hmFocus_txt strong{ font-size: 66px; line-height: 80px; display: block; font-weight: bold; transition: all 0.8s ease-in-out; transform: translate(0px,50px); opacity: 0; }
.hmFocus_txt2 strong{margin-bottom:20px;}
.hmFocus_txt p{ font-size: 24px; line-height: 36px; display: block; transition: all 0.8s ease-in-out; transform: translate(0px,50px); opacity: 0; margin-top: 1.45vw; }
.hmFbtn{ margin: 5.46vw 0px 0;transition:all 0.8s ease-in-out; transform:translate(0px,50px); opacity:0;  }
.hmFbtn a{ font-size: 14px; line-height: 48px; color: #FFF; text-align: center; display: inline-block; height: 50px; width: 180px; border: 1px solid #FFF; letter-spacing: 1px; }
.hmFbtn a:hover{ color: #08498d; background: #FFF; transform:translateY(-4px); box-shadow:0 3px 5px rgba(0,0,0,0.1); }

.on .hmFocus_txt strong{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.on .hmFocus_txt p{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.on .hmFocus_txt .container div{opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmFocus .slick-dots{bottom: 40px;left:0px;text-align:center;}
.hmFocus .slick-dots li button{display:none;}
.hmFocus .slick-dots li {background: #fff;display: inline-block;height: 12px;width:12px;position: relative;border-radius: 50%;vertical-align: middle;margin-right: 15px;}
.hmFocus .slick-dots li.slick-active{width: 40px;border-radius: 1.8em;background: #257d89;}
.hmFsnavBg{ background: url(../images/topBg.png) repeat-x left top; height: 290px; position: absolute; width: 100%; left: 0px; top: 0px; }
.webSetAlr{ width:680px; height:42px; line-height:42px; background:rgba(255,255,255,0.5); position:absolute; left:50%; top:5vw; margin-left:-340px; z-index:5; padding:0 35px; font-size:16px; color:#f39800; font-weight:bold;}
.hmVideo{ overflow:hidden; position:absolute; left:0; top:0; right:0; bottom:0}
.hmVideo video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:auto;}


/* Direction Nav */
.slick-arrow {width:50px;height: 50px;margin: -20px 0 0;display: block;position: absolute;top: 50%;z-index: 9;cursor: pointer;text-indent: -9999px;cursor: pointer;transition: opacity 1s;opacity: 0;filter:alpha(opacity=0);
}
.slick-arrow.slick-next {
	right: 5px;
	background: #257d89 url(../images/hover_right.png) no-repeat;
}
.slick-arrow.slick-prev {
	left: 5px;
	background:#257d89 url(../images/hover_left.png) no-repeat;
}
.slick-arrow.slick-prev:hover,.slick-arrow.slick-next:hover{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}


.hmFocus:hover  .slick-arrow{ opacity: 1;filter:alpha(opacity=100);}



@media (max-width:1799px){
.hmFocus_txt{padding-top:60px;}
.hmFocus_txt strong{ font-size: 52px; line-height: 68px; }
.hmFocus_txt p{margin-top:10px;}
.hmFocus_txt p{ font-size: 21px; line-height: 32px; }
.hmFocus .slick-dots li { height: 9px; width:9px;margin-right: 12px; }
}
@media (max-width:1199px){
.hmFocus_txt strong{ font-size: 42px; line-height: 58px; }
}
@media (max-width:993px){
.hmFocus_txt{padding-top:0;}
.hmFocus_doc{margin-top:0;}
.hmFocus_txt strong{ font-size: 30px; line-height: 42px; }
.hmFbtn a{line-height:42px; height:44px}
.hmFocus .slick-dots{transform:translateY(-20px);bottom: 10px;}
.hmFocus_txt{padding-bottom:20px;}

}
@media (max-width:767px){
.hmFocus_txt{padding-bottom:40px;}
.hmFocus_txt strong{font-size:24px;}
.hmFocus_txt p{font-size:16px;}
}

.box_table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.box_table_cell{ display:table-cell; vertical-align:middle}
.box_table_cell *{ white-space:normal; word-wrap:break-word; }

/*********关于我们***************/
.index_about_bg{ padding:60px 0px; background:#257d89; overflow:hidden;}
.index_about_bg .indexTitle .txt{color: #fff;}
.index_about_bg .indexTitle .wen{color: #fff;}
.index_about_bg .indexTitle .wen:after{ color: #fff;}

.index_about_box{ max-width:1200px; margin:0 auto; width:100%;}

.index_about_info{ color:#fff; font-size:16px; line-height:1.8;}
.index_about_info p{ color:#fff; font-size:16px; line-height:1.8; text-indent:2em;}

/***********标题****************/
.indexTitle{ text-align: center; padding-bottom: 40px; position:relative;}
.indexTitle .txt{font-size: 26px;color: #2c2c2c;line-height: 1.5;font-weight: bold;/* padding-bottom: 10px; */}
.indexTitle .wen{font-size: 16px;color: #257d89;line-height: 1.5;text-transform: uppercase;font-weight: bold;padding-bottom: 5px;position: relative;}
.indexTitle .wen:after{ content: ''; width: 27px; height: 3px; position: absolute; left: 50%; bottom: 0px; margin-left: -13px; background: #b3b3b3;}


/***********产品****************/
.index_pro_bg{ position:relative; padding:60px 0px; overflow:hidden; background: #f5f5f5;}

.index_pro_box .swiper-container{ padding-bottom:40px;}
.index_pro_box .index_pro_img{width: 100%;transition: all .4s; overflow: hidden;}
.index_pro_box .index_pro_img img {width: 100%;transition: all .4s;}
.index_pro_box .index_pro_txt {width: 100%; background:#257d89; padding:10px 0px; text-align:center; font-size:16px; color:#fff;}
.index_pro_box .swiper-slide:hover .index_pro_img img {transform: scale(1.1);}

.index_pro_box .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}
.index_pro_box .swiper-pagination-bullet-active {
	width: 18px; border-radius: 5px;
    opacity: 1;
    background: #257d89;
}



/***********新闻**************/
.index_news_bg{ position:relative; padding:60px 0px; overflow:hidden; background: #fff;}




.index_news_bg .index_news_img {
     overflow: hidden;
     border-radius: 5px;
 }
 
 .index_news_bg .index_news_img img {
     width: 100%;
     transition: all .4s;
     overflow: hidden;
     /* height: 200px; */
 }
 
 .index_news_bg .index_news_tie {
     margin-top: 38px;
     padding-right: 31px;
 }
 
 .index_news_bg .index_news_tie time {
     font-size: 16px;
     color: #888888;
     line-height: 22px;
     margin-bottom: 5px;
     display: block;
 }
 
 .index_news_bg .index_news_tie p {
     font-size: 18px;
     color: #222;
     line-height: 32px;
     word-break: break-all;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }
 
 .index_news_bg .index_news_tie span {
     font-size: 14px;
     color: #257d89;
     line-height: 24px;
     margin-top: 43px;
     display: block;
     margin-bottom: 100px;
     transition: all .4s;
 }
 
 .index_news_bg .index_news_tie span::after {
     content: "";
     background: url(../images/more3.png) no-repeat center;
     width: 9px;
     height: 11px;
     display: inline-block;
     margin-left: 7px;
     transition: all .4s;
 }
 
 .index_news_bg .swiper-slide:hover .index_news_img img {
     transform: scale(1.1);
 }

.index_news_bg .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}
.index_news_bg .swiper-pagination-bullet-active {
	width: 18px; border-radius: 5px;
    opacity: 1;
    background: #257d89;
}








.mRtools{width: 56px;position: fixed;z-index: 20;top: 85%;right:10px;opacity:0;visibility:hidden;transform:translate(56px,-50%);transition:all 0.5s ease-in-out;/* display:none!important; */}
.mRtools.on{opacity:1; visibility:visible; transform:translate(0,-50%);}
.mRtools li{ margin-bottom:2px;}
.mRtools_a{display:block;height:56px;background: rgba(37, 125, 137, 0.85);border-radius:0.6em;position:relative;}
.mRtools_a span img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.mRtools_a:hover{ background: #063E75; }
.mRtools_a.backTop{/* height:38px; */}
.mRtel{white-space:nowrap;line-height:56px; height:56px; position:absolute; right:56px; top:0; color:#fff;background: #063E75; font-size:21px; padding:0 15px 0 25px; border-radius:2.6em 0 0 2.6em; transition:all 0.3s ease-in-out; opacity:0; transform:translateX(5px)}


/********底部*****************/
.footer{padding:4.5rem 0 3.25rem;background:#373f47;overflow: hidden;}
.footer .left{ float:left; width:calc(100%  - 550px);}
.footer .left dl{display:inline-block;margin-right: 4rem;vertical-align: top;}
.footer .left dl dt{margin-bottom: 1rem;}
.footer .left dl dt,.footer .left dl dt a{font-size: 16px;color: #fff;}
.footer .left dl dd,.footer .left dl dd a{font-size: 14px;color: #91989d;line-height: 30px;transition: 0.36s;}

.footer .right{ width:550px;}
#s_lianxi .miso_hd .miso-list{ padding-bottom:2px}
#s_lianxi .miso_hd ul{font-size:0;text-align: left;border-bottom: #4b535a 1px solid;margin-bottom: 1.75rem;height: 39px;}
#s_lianxi .miso_hd ul li{padding: 0;display:inline-block;width:auto !important;margin-right: 2.375rem;text-align:center;float:none;}
#s_lianxi .miso_hd ul li a{display:inline-block;height:40px;border-bottom:transparent 3px solid;border-radius: 0;font-size: 16px;color:#fff;transition:0.6s;cursor:pointer;margin-bottom: -2px;}
#s_lianxi .miso_hd ul li.miso-current a{ border-bottom: #ca0e2a 3px solid;}
#s_lianxi .miso_bd .img{ width:120px; height:120px; border:#576378 1px solid; text-align:center; display:inline-block}
#s_lianxi .miso_bd .img img{ width:105px; height:105px; display:inline-block;}
#s_lianxi .miso_bd .con{display:inline-block;vertical-align: top;padding-left: 1.375rem;}
#s_lianxi .miso_bd .con h5{ font-size:16px; color:#c2c6c9; padding:10px 0 20px}
#s_lianxi .miso_bd .con p{ font-size:14px; color:#c2c6c9; line-height:21px;}

footer{ background:#2c3339; padding:0.875rem 0}
footer p, footer p a{ font-size:12px; color:#c2c6c9; line-height:34px}
footer p .a{ font-size:14px; color:#fff; text-decoration:underline; margin-left:1.25rem}
footer .social-share-block{}
footer .social-share-block li {display: inline-block; width:36px; height:36px; border:1px solid #546270; border-radius:50%;vertical-align: middle; text-align:center;margin-right: 8px; }
footer .social-share-block li a {display: table-cell; width:34px; height:34px;vertical-align: middle;}
footer .social-share-block li a img{ opacity:.4;-webkit-transition: ease 0.3s;-moz-transition: ease 0.3s;-ms-transition: ease 0.3s;-o-transition: ease 0.3s;transition: ease 0.3s;}
footer .social-share-block li a:hover img { opacity: 0.7; }
footer .social-share-block li:last-of-type {margin-right: 0; }
.foot_ewm_btn{ position:relative;}
.foot_ewm_btn .dd{position:absolute;width:110px;height:110px;padding: 5px;background:#fff;bottom:60px;left:50%;margin-left:-55px;opacity:0;visibility:hidden;transition:.5s;}

.foot_ewm_btn .dd:before{ content:""; display:block; border:6px solid transparent; border-top:6px solid #fff; position:absolute; bottom:-12px; left:50%; margin-left:-6px; }
.foot_ewm_btn .dd img{ width:100px; height:100px;}
.foot_ewm_btn .dd.act{ bottom:50px; opacity:1; visibility: visible; }
@media(max-width: 1630px){
  .footer .left dl{margin-right: 2rem;}
}
@media(max-width: 1430px){
  .footer .left dl{margin-right: 1rem;}
}
@media (max-width: 1023px){
.footer {
    display: none;
}
}