@charset "utf-8";
/* CSS Document */
body{overflow-x: hidden;}
body img{width:100%;}
.row{width:100%; margin-right:0px;margin-left: 0px;}
.more{display:flex; justify-content: space-between; align-items: center; padding:6px 15px; border-radius: 2px; margin-top: 4rem; border: 1px #d7131e solid;max-width:150px;}
.more::after{content:"\e631"; font-family: "iconfont"; margin-left:1rem; font-size:1em; transition: all .5s ease-in-out; }
.more:hover{background:#d7131e; color: var(--white);}

.pc_web{display:block !important;}
.m_web{display:none !important;}
@media screen and (max-width:996px){
.pc_web{display:none !important;}
.m_web{display:block !important;}
html,body{overflow-x:hidden;}
}

/*************************************导航css*******************************************/
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:110px; position:fixed; top:0; left:0; z-index: 999; background: rgba(0,0,0,.1); border-bottom: 1px rgba(255,255,255,.2) solid;}
header.sticky{max-width:100%;margin-left:0;background: rgba(0,0,0,.8);}
.navbar{padding:0; height:100%;display:flex; align-items:center;}
.navbar-brand{padding: 0; margin: 0;display: flex;align-items: center;}
.navbar-brand p{font-size:30px;color:#d7131e;font-weight: bold;}
.navbar .navbar-brand img{width:81px; margin-right:10px;}
.navbar-collapse{flex-grow:0; justify-content: flex-end; height: 100%;}
.navbar-expand-lg .navbar-nav{height: 100%;}
.navbar-expand-lg .navbar-nav .nav-item{height: 100%; padding: 0 1.5rem;}
.navbar-expand-lg .navbar-nav .nav-link{height: 100%;font-size:16px; padding:0; align-items: center; display: flex; position: relative;}
.navbar-expand-lg .navbar-nav .nav-link::after{content: ""; width: 100%; height: 2px; background: #d7131e; position: absolute; bottom: -1px; left:-100%; transition: all .5s ease-in-out; opacity: 0;}
.navbar-expand-lg .navbar-nav .nav-link.active::after,.navbar-expand-lg .navbar-nav .nav-link:hover::after{left: 0; opacity: 1;}
.navbar-expand-lg .navbar-nav .nav-link.active,.navbar-expand-lg .navbar-nav .nav-link:hover{color: #d7131e; }
.close,#navbarNav .navbar-brand{display: none;}
.nav-lan{display: flex;align-items: center;}
.nav-lan i{font-size:30px;margin-right:10px;}
.navbar-expand-lg .navbar-nav .lan-item{margin-left:40px;}
@media screen and (max-width:992px){
    /*body{position: relative;}*/
    header{background: #000;position: fixed;height:60px;}
    .navbar-brand{padding:0; font-size:1rem; font-weight:bold;}
    .navbar .navbar-brand img{width:40px; margin-right:10px;}
    .navbar-brand p{font-size: 24px;}
    .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;}
    .dropdown-menu{margin:0;background:none; padding-bottom:30px;}
    .dropdown-item{border-bottom:1px #e2e2e2 solid; text-align:left; line-height:3;}
    .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;font-size:14px;}
    .nav-item-none{display:none;}
    .close{opacity: 1; font-size:20px; display: flex; cursor: pointer; margin: 1rem .2rem .5rem 0; color: var(--white);text-shadow: none;margin-bottom:20px;}
    .close:hover{color:#009679;}
    #navbarNav .navbar-brand{ display: flex; justify-content: center; align-items: center; margin:2rem 0; font-size:20px;margin-top:40px;}
    #navbarNav .navbar-brand img{max-width:320px;}
    .icon-24px{color:#fff;font-size:32px;}
    .navbar-toggler{line-height: 1.4;padding:0;}
    .navbar-brand .logo_name{font-size: 18px;}
    .navbar-expand-lg .navbar-nav .nav-item{padding:0;}
    .navbar-expand-lg .navbar-nav .lan-item{margin-left:0;}
    .navbar-brand .logo_img{display: none;}
    .navbar-toggler-icon{width:auto;height:auto;}
}

/*************************************轮播图css*******************************************/
.slider_bg{width: 100%;}
.slider_bg .swiper-slide{display: flex; justify-content: center; align-items:center;}
.slider_bg .container{position:absolute; z-index:99;display: flex; flex-direction: column; justify-content:center; align-items: center; color:var(--white);}
.slider_bg p{font-size:30px; line-height: 1.4;text-align: center;font-weight: 300; }
.slider_bg p span{position: relative;font-size:40px;}
.slider_bg a{background: #d7131e; color: var(--white); width: 100%; max-width:200px; line-height: 2.2; margin-top:4rem; display: flex; justify-content:center; align-items: center; border-radius:2px;}
.slider_bg i{font-size: 1.25em; margin-right:14px;}
.slider_bg a:hover{background: var(--dark#d7131e);}
.slider_bg .swiper-button-next, .slider_bg .swiper-container-rtl .swiper-button-prev{right:40px;}
.slider_bg .swiper-button-prev, .slider_bg .swiper-container-rtl .swiper-button-next{left:40px;}
.slider_bg .swiper-container-horizontal>.swiper-pagination-bullets,.slider_bg .swiper-pagination-custom, .swiper-pagination-fraction{bottom:50px;}
.swiper-button-next,.swiper-button-prev{ color:#d7131e; border-radius:100%; width:50px; height:50px; border: 1px #d7131e solid;}
.swiper-button-next:after,.swiper-button-prev:after{font-size: 24px;}
.swiper-button-next:hover,.swiper-button-prev:hover{background: rgba(0,0,0,.8);}
.swiper-pagination-bullet{width:6px; height:6px; background:var(--white); transition:all .5s ease-in-out;}
.swiper-pagination-bullet-active{width:60px; height:6px; border-radius:8px; background:#d7131e;}
@media screen and (max-width:992px) {
    .slider_bg{margin-top:60px;}
    .swiper-button-next,.swiper-button-prev{width:30px; height: 30px;}
    .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right: 10px;}
    .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left: 10px;}
    .swiper-button-next:after,.swiper-button-prev:after{ font-size:18px;}
    .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}
    .swiper-pagination-bullet{width:4px; height:4px; background:var(--white); transition:all .5s ease-in-out;}
    .swiper-pagination-bullet-active{width:30px; height:4px; border-radius:4px; }
    .slider_bg p{font-size:16px;}
    .slider_bg a{margin-top: 10px; max-width:140px;}
    .slider_bg .swiper-button-next,.slider_bg .swiper-button-prev{display: none;}
    .slider_bg .swiper-container-horizontal>.swiper-pagination-bullets,.slider_bg .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}
    .slider_bg p span{font-size:18px;}
}

/*首页产品分类css*/
.inproduct_bg{padding:80px 0;background: #fff;}
.inproduct_bg h1{font-weight: 900; margin-bottom:1rem;color:#000;}
.inproduct_bg p{padding:0 30% 0 0;color:#000;margin-top:23px;}
.inproduct_bg .line{width:2px; height:80px; background:#d7131e; margin:50px 0;}
.inproduct_bg .more{max-width:180px;}
.inproduct_bg .more_pdt{width:220px;height:55px;display: flex;justify-content: space-between;align-items: center;color:#fff;font-size:16px;background: #000;padding:0 20px;box-sizing: border-box;}
.inproduct_bg .more_pdt span{margin-right:10px;}
.pdtcates{position: relative;}
.pdt_swiper{margin:50px 0;}
.pdt_swiper .swiper-slide{position: relative;overflow: hidden;background: rgba(0,0,0,.8);}
.pdt_swiper .swiper-slide h1{position: absolute;z-index:2;font-size:30px;color:#fff;left:45px;bottom:45px;font-weight: normal;}
.pdt_swiper .swiper-slide img{width:100%;transition: .5s;}
.pdt_swiper .swiper-slide:hover img{transform: scale(1.1);}
.pdtcates .swiper-pagination{bottom: -44px;display: flex;justify-content: center;width: 100%;}
@media screen and (max-width:992px) {
    .inproduct_bg{padding:40px 0;}
    .inproduct_bg .pdt_row{display: block;}
    .inproduct_bg .pdt_row .col-10{flex: 0 0 100%;max-width: 100%;}
    .inproduct_bg p{padding:0;}
    .inproduct_bg .more_pdt{font-size:14px;margin-top:20px;}
    .pdt_swiper .swiper-slide h1{font-size:18px;left:20px;bottom:20px;}
    .pdt_swiper{margin:30px 0 0 0;}
}

/*首页新闻css*/
.intechnology_bg{background:#fff; padding:40px 0 0 0;}
.intechnology_bg .row{align-items: center;}
.intechnology_bg h1{font-weight: 900; margin-bottom:1rem;color:#000;}
.intechnology_bg p{padding:0 30% 0 0;color:#000;margin-top:23px;}
.intechnology_bg .more{max-width:180px;}
.intechnology_bg .more_pdt{width:220px;height:55px;display: flex;justify-content: space-between;align-items: center;color:#fff;font-size:16px;background: #000;padding:0 20px;box-sizing: border-box;}
.intechnology_bg .more_pdt span{margin-right:10px;}
.default_news_list{margin:50px 0 0 0;display: flex;justify-content: space-between;}
.default_news_list .item{width:48%;}
.default_news_list .img_ox{height:410px;width:100%;overflow: hidden;}
.default_news_list img{width:100%;height:100%;transition: .5s;}
.default_news_list .item:hover img{transform: scale(1.1);}
.default_news_list .text{z-index:2;margin:0 40px;border-radius: 5px;background: #fff;padding:30px;display: flex;flex-direction: column;align-items: center;border-bottom:4px solid #d7131e;transform: translateY(-50%);box-shadow: 0 0 10px rgba(0,0,0,.3);}
.default_news_list h2{font-size:20px;color:#000;font-weight: bold;}
.default_news_list .news_line{width:50px;height:2px;background: #d7131e;margin:15px 0 30px 0;}
.default_news_list .subtitle{font-size:16px;color:#7a8186;line-height: 2;}
@media screen and (max-width:992px) {
    .intechnology_bg{padding:0 0 40px 0;}
    .intechnology_bg .news_row{display: block;}
    .intechnology_bg .news_row .col-10{flex: 0 0 100%;max-width: 100%;}
    .intechnology_bg p{padding:0;}
    .intechnology_bg .more_pdt{font-size:14px;margin-top:20px;}
    .default_news_list{display: block;}
    .default_news_list .item{width:100%;}
    .default_news_list .img_ox{height:200px;}
    .default_news_list .text{margin:0;border-radius: 0;position: static;transform: translateY(0);margin-bottom:20px;}
    .default_news_list h2{font-size:16px;line-height: 1.5;}
    .default_news_list .subtitle{font-size:14px;}
}

/********************************************底部信息css****************************************/
footer{background:#3a3a3a; padding-top:45px;}
footer .left h1{font-size:20px;color:#d7131e;font-weight: bold;}
footer .left .line{border-bottom:1px solid #5c5c5c;padding:25px 0;font-size:14px;color:#d1d1d1;}
footer .left .codes{display: flex;justify-content: flex-start;}
footer .left .code{margin-right:36px;margin-top:30px;}
footer .left .code img{width:137px;}
footer .left .code p{text-align: center;font-size:14px;color:#fff;margin-top:15px;}
footer .center .message_info{padding-bottom:30px;}
footer .center .message_info input,
footer .center .message_info textarea{background: #fff;color:#000;}
footer .right{padding-top:70px;}
footer .right .item{display: flex;justify-content: space-between;align-items: center;padding-bottom:20px;}
footer .right p{font-size:16px;color:#d1d1d1;}
footer .right i{color:#d7131e;}

.copyright{padding:30px 0; text-align:center;background:#303030; border-top: 1px rgba(255,255,255,.1) solid; font-size:14px;}
.copyright span{margin-right:20px;font-size:14px;}
.copyright a{font-size:14px;}
.copyright a img{max-width:20px; margin-right:8px;}
.top{width:50px; height:50px; border-radius:5px; border:2px #d7131e solid; position: fixed; z-index: 99;right:20px; bottom:3%; display: flex; justify-content: center; align-items: center; color:#d7131e; box-shadow: 0 0 10px rgba(0,0,0,.5);display: none;}
.top:hover{ background:#d7131e; color:var(--white);}
.top i{font-size:30px; }
@media screen and (max-width:992px) {
    .copyright{padding: 20px 5%; font-size:12px;}
    .copyright span{display: block; text-align: left;line-height: 2;}
    footer .left{padding-bottom:20px;}
    footer .left.col-4{width:100%; flex: 0 0 100%;max-width: 100%;}
    footer .right{display: none;}
    footer .center{display: none;}
    top{width:30px;height:30px;}
    .top i{font-size:20px; }
}


/*公司简介css*/
.about_bg{padding:80px 0 180px 0;background: url(../images/about_bg.jpg) center center/cover no-repeat;}
.about_title{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.title_text{color:#fff;font-weight: bold;margin-bottom:17px;font-size:36px;}
.title_line{background: #d7131e;width:52px;height:3px;}
.about_info{margin-top:60px;}
.about_info .list{display: flex;justify-content: center;}
.about_info .item{width:33%;border-right:1px solid #8e9092;display: flex;justify-content: center;align-items: center;}
.about_info .item:last-child{border-right:0;}
.about_info .left{margin-right:10px;}
.about_info .left i{font-size:80px;color:#8e9092;margin-right:15px;}
.about_info .right p{color:#8e9092;font-size:18px;font-weight:bold;line-height: 1.3;}
.about_info .right span{color:#d7131e;font-size:40px;}
.about_content{margin-top:60px;}
.about_content p{color:#8e9092;font-size:16px;line-height: 2;text-align: center;}
.about_video{margin-top:30px;}
.about_video h1{text-align: center;position: absolute;font-size:200px;top:0;left:50%;transform: translateX(-50%);font-weight: bold;color:#d7131e;opacity: .5;}
.about_video video, .about_video img{width:100%;position: relative;z-index:2;top:100px;}
@media screen and (max-width:992px) {
    .about_bg{padding:40px 0;}
    .title_text{font-size:20px;}
    .about_info .list{display: block;}
    .about_info .item{width:100%;border-right:0;border-bottom:1px solid #8e9092;}
    .about_info .item:last-child{border-bottom:0;}
    .about_info .right p{font-size:14px;}
    .about_info .right span{font-size:30px;}
    .about_info .left i{font-size:60px;}
    .about_info .item{justify-content: flex-start;padding-left:20%;}
    .about_info{margin-top:20px;}
    .about_content p{text-align: left;font-size: 14px;}
    .about_content{margin-top:30px;}
    .about_video h1{display: none;}
    .about_video video, .about_video img{position:static;}
    .about_slider_bg{margin-top:60px;}
}

/*生产设备*/
.technology_bg{padding:80px 0 30px;}
.technology_title{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.technology_bg h1{margin-bottom:1rem;}
.technology_bg .col-xl-3{margin-bottom:30px;}
.technology_bg img{border-radius: 3px;}
.technology_bg .technology_img{overflow: hidden;}
.technology_bg .technology_img img{transform: scale(1.0); transition: all .5s ease-in-out;}
.technology_bg .technology_img:hover img{transform: scale(1.1);}
.technology_bg .technology_img p{text-align: center;font-size:16px;margin-top:20px;}
@media screen and (max-width:992px) {
    .technology_bg{padding:40px 0;}
    .technology_bg .technology_img p{font-size:14px;}
}

/*产品中心css*/
.product_bg{padding:60px 0 30px;}
.product_classlist{display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 50px;}
.product_classlist a{margin: 0 7px; padding:5px 17px; border-radius:2px; border: 1px #d7131e solid;}
.product_classlist a:hover{background: #d7131e; color: var(--white);}

/*产品列表css*/
.product_bg ul{margin-top: 1.5rem;}
.product_img{overflow: hidden; margin: 1rem auto;}
.product_img img{width:100%;-webkit-transform:scale(1); transform:scale(1); transition:all .5s ease-in-out;}
/*.product_img:hover img{-webkit-transform:scale(1.1); transform: scale(1.1);}*/
.product_bg h6{text-align: center;}

/*产品详情css*/
.productview{padding:120px 0 50px;}
.productview .row{justify-content: space-between;}
.productview h2{font-weight: bold; margin:1rem 0 2.5rem; border-bottom: 1px #d7131e solid; color: #d7131e; padding-bottom: 15px;}
.productview_btn{display: flex; margin: 2rem 0;}
.productview_btn a{justify-content:center;margin-right:15px; display: flex; align-items: center;padding: 5px 15px; border-radius: 4px; color: var(--white); background: var(--dark#d7131e);}
.productview_btn a:hover{background: #d7131e;}
.productview_btn i{margin-right: 5px;}

/*产品主图轮播css*/
/*pc端*/
.product-left{position: relative;}
#Tz_magnify{width:500px;height:500px; position:relative;margin-bottom:10px;}
#Tz_magnify .simg{ width:500px;height:500px;position:relative;}
#Tz_magnify .simg .mov{width:200px;height:200px;background:url("../images/d.png");position:absolute;left:0px;top:0;cursor:move;display:none;}
#Tz_magnify .bigimg {width:500px;height:500px; position:absolute;left:501px;top:0;overflow:hidden;z-index:99;display: none;}
#Tz_magnify .bigimg img{position:absolute;left:0px;top:0;width: auto;}
.series {width:500px; position:relative;}
.series .show {width:500px; position:relative; overflow:hidden;}
.series .show ul.cont{width:500px;}
.series .show ul.cont li{float:left; cursor:pointer; width: calc(100% / 5);}
.series .show ul.cont li img{width:95%; border:1px solid transparent;}
.series .show ul.cont li.hover img{border:1px solid red;}

/*移动端*/
.productview .swiper-container{display: none;}
.product_img.gallery-top {margin-bottom:5px;}
.product_img .gallery-thumbs {width:30%; box-sizing: border-box; padding: 10px 0;}
.product_img .gallery-thumbs .swiper-slide {opacity: 0.4; cursor: pointer;}
.product_img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1; border:1px #009679 solid;}
.product_img .swiper-button-next:after,.product_img .swiper-button-prev:after{color:#d7131e;}

@media screen and (max-width:992px) {
    .productview .col-xl-5{flex: 0 0 100%; max-width: 100%;}
    .productview_btn{flex-direction: row;}
  .product_bg{padding:30px 0;}
    .product_classlist{margin-bottom:30px;}
  .product_classlist a{margin: 0 5px 12px; padding:5px 10px;}
  .productview{padding:40px 0 30px;}
  .productview h2{margin:1rem 0 1rem;}
  .productview_btn{flex-direction: column; margin: 2rem 0 0;}
    .productview_btn a{background: #d7131e;margin-bottom:20px;}
    
    .product-left{display: none;}
    .productview .swiper-container{display: block;}
}


.prev_next{display: flex; flex-direction: column; margin:20px 0;}
.underline {display: flex; align-items: center;text-decoration: none;color:var(--white);position: relative;}
.underline span {width:100%;background-image: linear-gradient(0deg, var(--gray-dark) 0%, var(--gray-dark) 100%);background-position: 100% 100%;background-repeat: no-repeat;background-size: var(--background-size, 100%) 1px;transition: background-size 0.2s linear var(--background-delay, 0.15s); line-height:3;transform: translateZ(0);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.underline svg {vertical-align: top;display: inline;line-height: 1; width:35px; height:35px;position:absolute;right:-20px;fill: none;
stroke-linecap: round;stroke-linejoin: round;stroke-width: 1px;stroke:#d7131e;stroke-dasharray: 7.95 30;
stroke-dashoffset: var(--stroke-dashoffset, 46);
transition: stroke-dashoffset var(--stroke-duration, 0.15s) var(--stroke-easing, linear) var(--stroke-delay, 0s);}
.underline:hover {--background-size: 0%;--background-delay: 0s;--stroke-dashoffset: 26;--stroke-duration: .3s;--stroke-easing: cubic-bezier(.3, 1.5, .5, 1);--stroke-delay: .195s; color:#d7131e;}

@media screen and (max-width:576px) {
  .product_bg ul{margin-top: 1rem;}
  .product_img{max-width:100%;margin: .5rem auto;}
  .productview h4{margin-bottom: 1rem;}
  .underline span {width:100%;background-image:none;}
}


/*新闻资讯css*/
.news_bg{padding:60px 0 30px;}
.news_bg a.row{background:#f8f8f8; transition: all .5s ease-in-out; margin:0 0 2rem;}
.news_bg h6{font-weight:bold; margin:.2rem 0 .5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:20px;}
.news_bg p{font-size: 14px; opacity:.8;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis; white-space: wrap; }
.news_bg span{font-size: 14px; color: #d7131e;transition: all .5s ease-in-out;}
.news_bg .news_img{width:100%;height:220px;}

@media screen and (max-width:992px){
    .news_bg a.row{ margin:0 0 1rem;}
    .news_bg .news_img{height:200px;}
  .news_bg{padding:30px 0;}
    .news_item{margin-bottom:20px;}
}

/*新闻详情css*/
.newsview{padding: 120px 0 50px;}
.newsview .row{justify-content: center;}
.newsview h3{ padding:0 0 10px 0; text-align: center; font-weight:bold; color: #d7131e;}
.newsview h6{display: flex; justify-content: center; align-items: center; padding-bottom:25px; margin-bottom: 20px; font-size:14px; color:#949494; border-bottom: 1px #d7131e solid;}
.newsview h6 span{margin-right: 15px;}
.newsview img{max-width:100%; margin:15px 0;}
.newsview p{margin:5px 0; text-indent:0;}
@media screen and (max-width:992px) {
    .newsview{padding: 40px 0 30px;}
    .newsview h3{font-size:18px;line-height: 1.5;}
}

/********************************************联系我们css****************************************/
.contact_bg{padding: 80px 0;}
.contact_bg h3{color: #d7131e;font-size:24px;}
.contact_bg p{line-height:4; display: flex; align-items: center; border-bottom: 1px var(--gray-dark) solid;}
.contact_bg i{margin-right:10px; transition: all .5s ease-in-out;}
.contact_bg i.iconfont1{font-size:18px;}
.contact_bg i.iconfont2{font-size:20px;}
.contact_bg a:hover i{margin-left: 15px;}
#dituContent{width:100%;height:470px; border: 1px #ccc solid; box-shadow: 0 0 20px rgba(0,0,0,.1);}
.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}
@media screen and (max-width: 992px){
    .contact_bg p{line-height:2.5;}
    .contact_bg i{margin-right:8px;}
    .contact_bg i.iconfont1{font-size:16px;}
    #dituContent{max-width:98%; margin:0px auto; height:250px;border:#ccc solid 1px;}
    .contact_bg{padding:40px 0;}
    .contact_bg h3{font-size:18px;}
    .contact_bg p{padding:10px 0;}
    .contact_bg p span{line-height: 1.5;}
}

/*在线留言css*/
.message_info{background-size:cover; padding:80px 0;}
.message_info_title{position: relative; display: flex; align-items: center; flex-direction: column; justify-content: center; margin-bottom: 50px;}
.message_info_title::before{content: "MESSAAGE"; color: #d7131e; opacity: .1; display: inline-block; font-size:170px; font-family: "AccidentalPresidency"; position: absolute; line-height: 1; top: -70%;}
.message_info h1{margin-bottom:.5rem;}
.message_info li{width:100%;display: block;margin-bottom:15px;}
.message_info button, .message_info input {border: 0;outline: 0; padding:10px 16px; border:1px #ccc solid; background: none; color: var(--white);}
.message_info textarea {border: 0;outline: 0; padding:16px;border:1px #ccc solid;background: none; color: var(--white);}
.message_info input,.message_info textarea {margin-right:8px; width: 100%; box-sizing: border-box; transition: all 0.2s ease-in-out;appearance: none;-webkit-appearance: none;}
.message_info button {color:#61677C; transition: all 0.2s ease-in-out;cursor: pointer; border: none;}
.message_info .red {display: block;width:100%;color:var(--white); font-size:18px; margin:0 auto; background:#d7131e;}
.message_info .input-group {display: flex;align-items: center;justify-content: flex-start;}
.message_info label {margin: 0;flex: 1;}
.message_info .yzm{position: relative;}
.message_info .yzm_img{position: absolute; right:4%; top:25%;}
.message_info .yzm img{width:15px;}
@media screen and (max-width:992px){
    .message_info{padding:50px 0 30px;}
    .message_info_title::before{font-size:100px;}
  .message_info li{margin-bottom:5px;}
  .message_info button, .message_info input {padding:10px;}
  .message_info textarea {padding:10px;}
}

/*********************分页css************************/
.pagination {display:flex; align-items:center; justify-content:center; font-size:0; line-height:0; margin:30px auto 0;}
.pagination:empty {margin-bottom:0;margin-left:0}
.pagination>* {display:inline-block;margin:0 5px;}
.pagination li {display:inline-block;vertical-align:middle;text-align:center}
.pagination li:first-child .pagination li a,
.pagination li:last-child .pagination li a {border-radius:50%}
.pagination li:first-child .pagination li a:hover,
.pagination li:first-child .pagination li a:focus,
.pagination li:first-child .pagination li a:active,
.pagination li:last-child .pagination li a:hover,
.pagination li:last-child .pagination li a:focus,
.pagination li:last-child .pagination li a:active {color:var(--white)}
.pagination li a,.pagination li span {display:inline-block;width:42px; height: 42px; border-radius:100%; font-size:14px; line-height:42px; color:var(--white);transition:all .3s ease-in-out; background: var(--black);}
.pagination li a.icon{font-size:22px}
.pagination li a:hover,.pagination li a:focus,.pagination li a:active,.pagination li.active span{color:var(--white); background:#d7131e!important;}
.pagination li.active>.pagination li a,.pagination li.active>.pagination li a:hover,.pagination li.active>.pagination li a:focus,.pagination li.active>.pagination li a:active {color:var(--white);}
.pagination li.disabled span>.pagination li a,.pagination li.disabled span>.pagination li a:hover,.pagination li.disabled span>.pagination li a:focus,.pagination li.disabled span>.pagination li a:active {color:#333;}
.pagination li.disabled span{background:#333;}
.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}
@media screen and (max-width: 992px){
    .pagination-wrap {margin:20px auto 0px;}
    .pagination>* {display:inline-block;margin:0 2px 14px 2px;}
    .prev_next{justify-content:flex-start; flex-direction: column; margin:0; padding-top:15px;}
}