@charset "utf-8";
/* CSS Document */
body img{width:100%;}
.img{overflow:hidden;}
.img img{transform:scale(1); transition: all .5s ease-in-out;}
.img:hover img{transform:scale(1.1);}
a.more{line-height:50px; width:220px; text-align: center; display: inline-block;}
@media screen and (max-width:996px){
    a.more{line-height:40px; width:160px;}
}


/*导航条*/
header{width: 100%; max-width: 100%; padding: 0 5%; display:flex; justify-content:space-between; flex-direction:column; transition:all .5s ease-in-out; height:80px; position:fixed; top:0; left:0; z-index: 999;}
header.sticky{max-width:100%;margin-left:0; background:rgba(17,104,148,.95);}
.close, #navbarNav .navbar-brand{display: none}


.navbar{position:absolute; z-index: 999; left:0; width:100%; display: flex; justify-content: space-between;}
.navbar-expand-lg .navbar-collapse{margin-right:2%; flex-grow:0; justify-content: flex-end; height: 100%;}
.navbar-brand img{width:100%; max-width:210px;}
.navbar .navbar-nav .nav-link{color:var(--white); margin:0 1rem;}
.navbar .navbar-nav .nav-link:hover,.navbar .navbar-nav .nav-link:focus{color:#0d83e8;}
.navbar .navbar-nav .active > .nav-link{background:var(--blue); color:var(--white);}
.dropdown-toggle::after{margin-left:0.4em; transition: all .5s ease-in-out;}

@media screen and (max-width:996px){
    body{position: relative;}
    .navbar-toggler-icon{color: var(--white);}
    .navbar-brand{padding:0; font-size:1rem; font-weight:bold;}
    .navbar-collapse{position:fixed; z-index: 9999; width:100%; max-width:100%; height:100vh; background:var(--dark); padding:1rem 2rem; top:0px; left:0;}
    .navbar-light .navbar-toggler{color: rgba(255, 255, 255, 0.5);border-color:rgba(255,255,255, 0.8); padding:0; line-height:1.25;}
    .navbar-light .navbar-toggler-icon{background-image:none; color:var(--white); font-size:1.35em; height:1.25em; }
    .nav-link{padding:0.8rem 1rem; border-bottom:1px #e2e2e2 solid;}
    .navbar-expand-lg .navbar-nav{height: auto;}
    .navbar-light .navbar-nav .nav-link{color:rgba(255,255,255,.9);}
    .navbar-expand-lg .navbar-nav .nav-link{padding:1rem 0;}
    .nav-item-none{display:none;}
    .close{opacity: 1; font-size:1rem; display: flex; cursor: pointer; margin: 1rem .2rem .5rem 0; color: var(--white);text-shadow: none;}
    .close:hover{color:#009679;}
    #navbarNav .navbar-brand{ display: flex; justify-content: center; align-items: center; margin:2rem 0; font-size:20px;}
    #navbarNav .navbar-brand img{max-width:320px;}
}

@media screen and (max-width:576px){
    .fixed-top {position:relative;top: 0;right: 0;left: 0;z-index: 1030;}
    header{max-width:100%; height:62px; margin: 0;}
    .navbar-collapse{ padding:0 1rem; margin: 0;}
    .navbar-expand-lg .navbar-nav .nav-link{font-size:1.2em;padding-right:2%;padding-left:2%;}
    .navbar{padding:1rem;}
    .navbar .navbar-brand img{max-width:140px; margin:-5px 0 0 0;}
    .navbar-toggler {padding:0;}
    .site_nav{padding-right:0rem;}
    .navbar-toggler-icon {height: 1em; }
    .navbar-expand-lg .navbar-nav .nav-link.last{display: none;}
    #navbarNav .navbar-brand img{max-width:220px;}
    .close, #navbarNav .navbar-brand{display: black;}
}

.pc_web{display:block;}
.m_web{display:none;}
@media screen and (max-width:996px){
    .pc_web{display:none;}
    .m_web{display:block;}

}

/********************************************
    banner css
****************************************/
.slider{position:relative;}
.slider .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-container .swiper-pagination-custom,.swiper-container .swiper-pagination-fraction{width:95%; bottom:30px; display: flex; justify-content:center;}
.slider .swiper-pagination-bullet{background:#fff; width:10px; height:10px; border-radius:10px; opacity:1; transition: all 0.4s ease;}
.slider .swiper-pagination-bullet-active{width:45px; background:#fff; opacity:1;}
.slider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;}
.slider .swiper-button-next,.slider .swiper-button-prev{width:64px; height:64px; color:#fff;}
.slider .swiper-slide{display: flex; justify-content:center; align-items: center;}
.slider .container{position:absolute; margin:0 auto; padding-bottom:10%; text-align:center; color:var(--white);}
.slider .container h1{font-size:60px; font-weight:bolder;}
.slider .container h2{font-size:50px; letter-spacing: 8px}
.slider .container a.more{border:1px var(--white) solid;color:var(--white); margin-top:20px;}
.slider .container a.more:hover{background:var(--blue);border:1px var(--blue) solid;}
.slider .container img{max-width:50%;}

@media screen and (max-width:996px){
    .slider .container h1{font-size:32px;}
    .slider .container h2{font-size:24px; letter-spacing:2px}
    .slider .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-container .swiper-pagination-custom,.swiper-container .swiper-pagination-fraction{bottom:10px;}
}

@media screen and (max-width:576px){
    .slider{text-align:center;}
    .slider h6{margin:20px 10% 30px;}
    .slider .slider_more{max-width:150px; margin:0 auto;}
    .slider .swiper-pagination-bullet{width:8px; height:8px;}
    .slider .swiper-pagination-bullet-active{width:24px;}
    .slider .swiper-button-next,.slider .swiper-container-rtl .swiper-button-prev{right: 0px;}
    .slider .swiper-button-prev,.slider .swiper-container-rtl .swiper-button-next{left: 0px;}
}


/********************************************
   首页产品分类
****************************************/
.productclass{max-width:1680px; margin:60px auto;}
.productclass .col-6{overflow: hidden;}
.productclass a{position: relative; color:var(--white); display: block;}
.productclass a div{ position: absolute; z-index: 2; left:20px; bottom:20px;}
.productclass a p{display: none;}
.productclass a:hover p{display: block;}

@media screen and (max-width:996px){
    .productclass{margin:30px auto 0;}
    .productclass .col-6{margin-bottom:30px;}
}


/********************************************
   首页简介
****************************************/
.inabout_bg{position: relative;}
.inabout_bg::after{background:var(--light); width:68%; height:100%; position: absolute; z-index: -1; top:0; right:0;}
.inabout_bg .row{padding:80px 0;}
.inabout_bg .row .col-xl-6:nth-child(1){display: flex; justify-content:center;}
.inabout_bg .row .col-xl-6:last-child{display: flex; align-items: center;}
.inabout_img{max-width:42%; margin:0 2%;}
.inabout_info{max-width:70%;}
.inabout_info span{font-weight:18px; font-weight:bold;}
.inabout_info h2{margin:20px 0 40px; line-height:1.45; font-weight:300;}
.inabout_info p{color:#797c7f;}
.inabout_info ul{margin:30px 0 50px;}
.inabout_info ul li{color:var(--black); line-height:2.5;}
.inabout_info ul li i{margin-right:6px; color:var(--blue);}
.inabout_info a.more{background:var(--blue);color:var(--white); display: flex; justify-content: space-between; padding:0 3%;}
.inabout_info a.more:hover{padding:0 6.5%;}

@media screen and (max-width:996px){
    .inabout_bg::after{width:100%;}
    .inabout_bg .row{padding:30px 0;}
    .inabout_img{max-width:45%; margin:0 2% 20px;}
    .inabout_info{max-width:100%;}
    .inabout_info h2{margin:20px 0; font-size:24px;}
}


/********************************************
   首页产品展示
****************************************/
.inproduct_bg{padding:80px 0;text-align:center;}
.inproduct_bg h2{ margin-bottom:25px;}
.inproduct_bg a.more{background:var(--blue); color:var(--white); display: flex; justify-content: space-between; padding:0 1%; margin:20px auto;}
.inproduct_bg a.more:hover{padding:0 3%;}
.inproduct_bg .img img{border:1px #ccc solid; margin:10px 0;}

@media screen and (max-width:996px){
    .inproduct_bg{padding:30px 0;}
    .inproduct_bg h2{ margin-bottom:15px;}
}

/********************************************
   首页联系
****************************************/
.incontact_bg{padding:0;}
.incontact_bg .col-lg-6{padding:0; position: relative; display: flex; align-items: center;}
.incontact_bg .col-lg-6 div{position: absolute; z-index: 2; left:0; text-align:center; display: flex; flex-direction: column;  align-items: center; color:var(--white); width:100%;}
.incontact_bg span{font-size:14px;}
.incontact_bg h2{margin:30px 0;}
.incontact_bg a.more{border:1px var(--white) solid; color:var(--white);display: flex; align-items: center; justify-content: center;}
.incontact_bg a.more:hover{background:var(--blue); border:1px var(--blue) solid;}
.incontact_bg a.more i{margin-right:8px; font-size:24px;}


/********************************************
  底部信息css
****************************************/
footer{padding:40px 0 0px; font-size:14px; border-top:2px var(--light) solid;}
footer h4{font-weight:bold; color:#34404b; margin-bottom:0;}
footer p{color:#34404b;}
footer p span{display: inline-block; margin-right:15px;}
footer .footer_name{text-align: center; margin-bottom:50px; font-family: "隶书";}
footer .footer_name p{font-size:30px; letter-spacing:40px; color:var(--blue); font-weight: bold;}
footer .footer_name span{font-size:16px; letter-spacing:10px; color:#9a9ea2;}
footer .footer_copyright img.footer_logo{max-width:200px; padding-bottom:50px;}
footer .footer_copyright p span img{max-width:20px;}
footer .footer_contact span{display: block; padding-bottom:30px; font-size:16px; color:#34404b;}
footer .footer_contact .footer_add{position: relative;}
footer .footer_contact .footer_add::before{content:""; display:inline-block; position:absolute; top:5px; width:2px; height:45px; background:var(--blue);}
footer .footer_contact .footer_add p{ padding-left:15px;}
footer .footer_contact .footer_add p span{color:var(--blue); display: inline-block;}
footer a{color: #34404b;}
footer a:hover{color:var(--blue);}
footer a img{margin:0 8px 2px 0;}

.top a{width:55px; height:55px; display: inline-block; border-radius:100%; text-align:center; position: fixed; z-index: 9999; right:20px; bottom:10%; background:#a7232a url(../images/top.png) center center no-repeat; background-size:50%;}
.top a:hover{background:#ce3840 url(../images/top.png) center center no-repeat; background-size:50%; border-radius:100%;}

@media screen and (max-width:1024px){
    footer .footer_name{text-align: center; margin-bottom:45px;}
    footer .footer_copyright img.footer_logo{padding-bottom:25px;}
    footer .footer_name{order:1;}
    footer .footer_contact{margin-bottom:20px; order:2;}
    footer .footer_copyright{order:3; padding-bottom:25px;}
}

@media screen and (max-width:576px){
    footer .row .footer_contact{padding:0 10px}
   footer .footer_name img{width:100%;}
   footer .footer_contact .footer_add p{ padding-left:10px; font-size:13px;}
   footer .footer_contact span{ font-size:14px;}
}


/********************************************
    关于我们css
****************************************/
.about_bg{padding:60px 0;}
.about_bg .row .col-xl-6:nth-child(1){display: flex; align-items: center;}
.about_info span{font-weight:18px; font-weight:bold;}
.about_info h2{margin:20px 0 40px; line-height:1.45; font-weight:300;}
.about_info p{color:#797c7f; margin-top:15px;}

.she_bg{background:url(../images/she_bg.jpg) center center no-repeat fixed; background-size:cover; padding:60px 0 80px;}
.she_bg h2{color:var(--white); text-align:center; margin-bottom:40px;}
.she_bg .swiper-slide img{border:2px var(--white) solid;}

@media screen and (max-width:996px){
    .about_bg{padding:30px 15px;}
    .about_info h2{margin:20px 0; font-size:24px;}
}


/********************************************
    产品展示
****************************************/
.products_list{ display: flex; justify-content:space-between; align-items: center; margin:0 0 30px 0; border-bottom:1px var(--black) solid; padding-bottom:15px;}
.products_list .col-xl-8{display: flex; justify-content: flex-end;}
.products_list h2{font-weight:bold;}
.products_list a{ color:var(--black); border:1px var(--black) solid; padding:4px 10px; border-radius:3px; margin:0 7px;}
.products_list a:hover{color:var(--blue); border:1px var(--blue) solid;}
@media screen and (max-width:996px){
    .products_list{}
    .products_list a{margin:0 5px;}
    .products_list .col-xl-8{flex-wrap: wrap; justify-content:center;}
    .products_list h2{font-size:20px; margin-bottom:20px; text-align: center;}
}


.product_img img,.productview_info img{border:1px #ccc solid;}
.product_img p{text-align: center; margin:5px 0;}

.productview_info h4{font-weight:bold; margin:20px 0; color:var(--blue);}
.productview_info h5{margin:25px 0 5px 0; font-weight: bold; font-size: 18px;}
.productview_btn{display: flex; align-items: center; margin-top: 20px;}
.productview_btn a{display: flex; align-items: center; justify-content: center; width: 178px; line-height: 38px; padding: 0 10px;}
.productview_btn a:nth-child(1){background:#ffeded; border:1px solid #FF0036; color: #FF0036; margin-right:15px;}
.productview_btn a:nth-child(2){background:var(--blue); border: 1px var(--blue) solid; color:var(--white);}
.productview_btn i{margin-right:8px;font-size:22px;}


/*********************分页css************************/
.page{width:100%; text-align:center; margin-top:30px;}
.page a span,.page span{display:inline-block; background:#ccc; border-radius:2px; line-height:36px; padding:0 20px; margin:0 10px;}
.page a:hover span,.page span:hover{background:var(--blue); color:var(--white);}
.prev_next{width:100%; margin-top:30px; color:#00a49e; font-size:15px; line-height: 32px;}
.prev_next a{ color:#00a49e; margin-left: 10px;}
.prev_next a:hover{ color:#000; text-decoration: underline;}



/********************************************
    新闻资讯
****************************************/
.news_box{width:100%; background: #fff; border-radius:4px; box-shadow: 0 0 10px rgba(0,0,0,0.05); margin-bottom: 25px;}
.news_box .news_img{overflow: hidden; transform:scale(1);}
.news_box .news_img img{width:100%;}
.news_box .news_img a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out;}
.news_box .news_info{max-width:100%; padding:10px 20px;}
.news_box .news_info h6{color: #000; padding:10px 0;}
.news_box .news_info p{font-size:14px;}
.news_box a.more{color:var(--blue); border:1px var(--blue) solid; display: flex; justify-content: space-between; padding:0 3%; margin:20px 0;}
.news_box a.more:hover{padding:0 6.5%;background:var(--blue);color:var(--white); }

.newsview_info{margin:0 auto;}
.newsview_info h3{color:var(--blue); text-align:center;}
.newsview_info h6{text-align:center;color:#666; font-size:13px; display: flex; align-items: center; justify-content: center; margin:15px 0 30px;}
.newsview_info p strong{ font-weight:bold; font-size:16px;}
.newsview_info table{ margin-bottom:35px;}
.newsview_info table td{ border: 1px #000 solid; text-align: center; line-height: 40px;}
.newsview_info table tr:first-child{ font-weight:bold; font-size:14px;}



/********************************************
   联系我们css
****************************************/
.contact_info_text{background:#f8f8f8; padding:20px 0px 40px; text-align:center;}
.contact_info_text:hover{box-shadow: 0 0 20px rgba(89,170,244,.1);}
.contact_info_text i{font-size:50px; color:#cacaca;}
.contact_info_text p,.contact_info_text a{color:#525252;}
.contact_info_text a:hover{color:#2171d2;}


.iw_poi_title {color:#CC5522;font-size:16px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:14px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#dituContent{height:550px; margin:50px auto;}

@media screen and (max-width:996px){
    .contact_info_text{margin-bottom:20px;}
    #dituContent{margin:10px auto;}
}

@media screen and (max-width: 576px){
    #dituContent{height:300px; margin-bottom:0px;}
}


/***********************************
    在线留言css
****************************/
.message_bg{padding:50px 0; position: relative; background:#f9f9f9;}
.message_bg h2{ text-align:center;}
.message_bg p{font-size:18px; color:#7b7b7b; text-align:center; margin:10px 0 30px;}

.message_info{width:80%; margin:0 auto;}
.message_info li{width:100%; float: left; line-height: 50px; background: #fff; margin-bottom:20px; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius:2px;}
.message_info li input{width:86%; float: right; line-height: 50px; background: none; border: none;}
.message_info li textarea{width:93%; float: right; line-height: 40px; background: none; border: none;}
.message_info li.yzm{width:100%; display: flex; align-items: center;}
.message_info li.yzm input{width:80%; margin-left:15px;}
.message_info li .yzm_img{width:100px;}
.message_info li .yzm_img img{width:20%;}
.message_info li.submit input{width:100%; float: left; font-size:16px; font-weight: bold; background:var(--blue); color:var(--white);}
.message_info li span{ padding-left:15px;}

@media screen and (max-width: 996px) {
    .message_bg h1{margin-bottom: 20px;}
    .message_bg{padding:40px 0 20px;}
    .message_info{width:100%;}
    .message_info li input{width:70%;}
    .message_info li textarea{width:65%;}
    .message_info li.yzm input{width:35%;}
    .message_bg h1 em span{ display:block; margin-top: 10px;}
}

/*********************·ÖÒ³css************************/
*+.pagination-wrap {margin:40px auto 40px}
/*.pagination {display:flex; align-items:center; justify-content:center; font-size:0; line-height:0;}*/
.pagination {display:flex; align-items:center; justify-content:center;}
.pagination:empty {margin-bottom:0;margin-left:0}
.pagination>* {display:inline-block;margin-top:0;margin-bottom:14px;margin-left:14px}

.pagination>li {display:inline-block;vertical-align:middle;text-align:center}
.pagination>li:first-child .page-link,
.pagination>li:last-child .page-link {border-radius:50%}
.pagination>li:first-child .page-link:hover,
.pagination>li:first-child .page-link:focus,
.pagination>li:first-child .page-link:active,
.pagination>li:last-child .page-link:hover,
.pagination>li:last-child .page-link:focus,
.pagination>li:last-child .page-link:active {color:#fff}


/*.pagination>li>a {display:inline-block;min-width:38px;padding:6px 5px 4px; font-size:16px; line-height:1.5; letter-spacing:.075em; color:#333; background:#d9d9d9;border-radius:50%;border:2px solid transparent; transition:all .3s ease-in-out}*/
/*.pagination>li>a .icon {font-size:22px}*/
/*.pagination>li>a:hover,*/
/*.pagination>li>a:focus,*/
/*.pagination>li>a:active,*/
/*.active a.page-link {color:#fff;background-color:#ad1122;}*/

/*.pagination>li.active>.page-link,.page-item.active>.page-link:hover,.page-item.active>.page-link:focus,.page-item.active>.page-link:active {color:#fff;}*/
/*.pagination>li.disabled>.page-link,.page-item.disabled>.page-link:hover,.page-item.disabled>.page-link:focus,.page-item.disabled>.page-link:active {color:#333;background:#ebebeb;}*/

.page-item {display:inline-block;vertical-align:middle;text-align:center}
.page-item:first-child .page-link,.page-item:last-child .page-link {border-radius:50%}
.page-item:first-child .page-link:hover,.page-item:first-child .page-link:focus,.page-item:first-child .page-link:active,.page-item:last-child .page-link:hover,.page-item:last-child .page-link:focus,.page-item:last-child .page-link:active {color:#fff}

.page-link {display:inline-block;min-width:38px;padding:6px 5px 4px; font-size:16px; line-height:1.5; letter-spacing:.075em; color:#333; background:#d9d9d9;border-radius:50%;border:2px solid transparent; transition:all .3s ease-in-out}
.page-link .icon {font-size:22px}
.page-link:hover,.page-link:focus,.page-link:active,.active a.page-link {color:#fff;background-color:#ad1122;}
.page-item.active>.page-link,.page-item.active>.page-link:hover,.page-item.active>.page-link:focus,.page-item.active>.page-link:active {color:#fff;}
.page-item.disabled>.page-link,.page-item.disabled>.page-link:hover,.page-item.disabled>.page-link:focus,.page-item.disabled>.page-link:active {color:#333;background:#ebebeb;}


.page-item-control .icon::before {font-family:fontawesome;line-height:25px}
.page-item-control:first-child .icon::before {content:'';margin-left:-1px}
.page-item-control:last-child .icon::before {content:'';margin-right:-1px}

.prev_next{display: flex; justify-content: space-between; margin-bottom:20px;}
.prev_page,.next_page{background:#eee; margin-top:30px; color: #a7232a; text-align: left;}
.prev_page a,.next_page a{display: block; padding:6px 20px; border-radius:4px;}
.prev_page a:hover,.next_page a:hover{background:#a7232a; color:#fff; text-decoration: underline;}

@media screen and (max-width:1440px){
    *+.pagination-wrap {margin:20px auto}
}

@media screen and (max-width:1024px){ 
}

@media screen and (max-width: 576px){
}