@charset "utf-8";
.container-fluid { width: 100%; margin: auto; }
.container { max-width: 1300px; margin: 0 auto; }
.padding-40 { padding: 40px; }
.container-fluid p,.container p{margin: 0}
ul{margin: 0;padding: 0;}
li{margin: 0;padding: 0;list-style: none;}
a{color: #000000;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
a:hover{color: #e8374a;}

/*轮播图*/

#slider .swiper-slide { background-position: center; background-size: cover; }
#slider .swiper-slide img{height: 500px;width: 100%;object-fit: cover;}
#slider .swiper-pagination{text-align: right;padding-right: 16em;bottom: 49px;}
#slider .swiper-pagination-bullet { width: 25px; height: 25px; background-color: #fff;opacity: 1;color: #000;text-align: center;}
#slider .swiper-pagination-bullet-active { background-color: #e9384b;color: #fff}
#slider .swiper-button-prev { background-image: url(../images/swleft.png); }
#slider .swiper-button-next { background-image: url(../images/swright.png); }

/*头部===*/
.head {height: 70px;}
.head_logo p{margin: auto;}
.head_logo {float: left;width: 14%;height: 100%;display: flex;}
.head_mune {height: 100%;width: 81%;float: right;;}
.head_mune .top_mune{height: 100%;margin: auto 0;width: 80%;} 
.head_mune .top_mune li{width: 9.98%;float: left;font-size: 15px;text-align: center;display: flex;height: 100%;transition: all 0.5s;position: relative;}
.head_mune .top_mune li a{width: 100%;margin: auto;}
.head_mune .top_mune > div{width: 1px;height: 100%;float: right;display: flex;}
.head_mune .top_mune > div p{margin: auto;background-color: #b4b4b4;height: 20px;width: 100%;}

.head_mune .top_mune li:hover{background-color: #d62a1b;}
.head_mune .top_mune li:hover a{color: #fff;}
.head_mune .top_mune li:hover .direct_selling{opacity: 1;}

.head_mune .search{height:100%;margin: auto ;width: 19%;margin-right: 0;display: flex;cursor: pointer;position: relative;}
.head_mune .search img{margin: auto;margin-right: 0;max-width: 100%;}
/*搜索*/
.search_box{position: absolute;left: 0;height: 65px;width: 100%;background: #fff;padding: 25px 30px;z-index: 101;padding: 0;display: none;}
.search_box .div1{width: 50%;border:1px solid rgba(0,0,0,0.2);border-radius: 10px;padding: 2px 15px 0px;height: 38px;margin: 0 auto}
#search{width: 100%;border: none;outline: none;color: #333333;}


.direct_selling{
    width: 115%;position: absolute;background-color: #000;padding: 10px;z-index: 100;border-radius: 5px;opacity: 0;
    left: -8px;bottom: -108px;transition: all 0.5s;z-index: 102;
    animation: direct_selling 0.9s infinite;
}
.direct_selling:before{
  content:"";
  width:0;
  height:0;
  position:absolute;
  left:41px;
  top:-24px;
  border-top:solid 12px transparent;
  border-left:solid 12px transparent;       /* 黑色大三角形 */
  border-right:solid 12px transparent;       /* 黑色大三角形 */
  border-bottom:solid 12px black;
}

@-webkit-keyframes direct_selling {
    0% {bottom: -108px;}
    50% {bottom: -100px;}
    100% {bottom: -108px;}
}
@keyframes direct_selling {
    0% {bottom: -108px;}
    50% {bottom: -100px;}
    100% {bottom: -108px;}
}


.direct_selling img{width: 100%;}
/*手机导航*/
.header{padding: 0 1.5rem;display: none;}
.header .menu { background: url(../images/menu-button-bg.png) no-repeat center center; position: absolute; right: 2%; top: 0%; display: block; width: 50px; height: 50px; margin-top: 18px; background-size: 80%; }
.dl-menu{display: none;}
/*底部===*/
.footer{padding: 60px 0 0px;background-color: #000;color: #fff;position: relative;height: 50%;padding-bottom: 45px;}
.footer .container:nth-child(1){min-height: 290px;overflow: hidden;}
.footer .container:nth-child(2){min-height: 43px;}
.footer p{margin-bottom: 20px;font-size: 15.5px;}
.foot_mune p:nth-child(1){overflow: hidden;}
.foot_mune p:nth-child(1) span{display: none;}
.foot_mune p:nth-child(1) .s_close{animation:s_close 0.5s;-webkit-animation:s_close 0.5s;animation-fill-mode:forwards;}
.foot_mune p:nth-child(1) .ns_close{animation:ns_close 0.5s;-webkit-animation:ns_close 0.5s;animation-fill-mode:forwards;}
@-webkit-keyframes s_close {
    from { transform:rotate(0deg); }
    to { transform:rotate(45deg); }
}
@keyframes s_close {
    from { transform:rotate(0deg); }
    to { transform:rotate(45deg); }
}
@-webkit-keyframes ns_close {
    from { transform:rotate(45deg); }
    to { transform:rotate(0deg); }
}
@keyframes ns_close {
    from { transform:rotate(45deg); }
    to { transform:rotate(0deg); }
}

.foot_mune {width: 63%;max-width: 1000px;overflow: hidden;}
.foot_mune li{width: 14.285%;float: left;}
.foot_mune a{color: rgba(255,255,255,0.7);display: block;width: 100%;padding: 6px 0;font-size: 13px;}
.foot_mune a:hover{color: #e8374a}

.company{overflow: hidden;width: 37%;/*max-width: 348px;*/margin-top: 6px}
.company p{margin: 0;border-radius: 3px;overflow: hidden;}
.company_left{width: 50%;max-width: 174px;margin-right: 1vw;}
.company_left a{margin: 10px 0;display: block;color: #fff;width: 100%;background-color: #df405c;line-height: 40px;text-align: center;border-radius: 3px}
/*.company_left a:hover{font-weight: 600;}*/
.company_left p:nth-child(1){font-size: 22px;font-weight: 600;margin-bottom: 5px;margin-top: -9px;}
.company_left p:nth-child(2){font-size: 14px;text-indent: 21px;}
.company_left p:nth-child(4){font-size: 14px;}
.company_right div{float: left;padding: 5px;max-width: 135px;}
.company_right div:nth-child(1){padding-left: 0px;}
.company_right div:nth-child(2){padding-right: 0px;}
.company_right img{width: 100%;}
.company_us{position: relative;width: 100%;margin-top: 2vw;text-align: right;}
.company_us img{max-width: 100%;}


.company_con{padding: 10px 0;}
.company_con span{display: block;border-left:1px solid #fff;height: 100px;} 

.foot-phone{height: 45px;width: 100%;}
.foot-phone div{width: 100%;height: 100%;}
.foot-phone div p{
  font-size: 14px !important;color: #fff !important;margin: 0 !important;
  font-weight: normal !important;
}

.follow{position: relative;}
.follow p{margin: 0}
.follow li{float: left;line-height: 42px;margin: 0 6px;}
.follow li:nth-child(1){opacity: 0.7}
.follow li .follow_img{margin-top: -2px;cursor: pointer;}
.ewm_box{display: none;position: absolute;width: 150px;top: -140px;padding: 10px;right: 11px;background: #fff;border-radius: 10px;height: 125px;}
.ewm_box img{width: 80%;display: flex;margin: 0 auto;}

.ewm_box:after{
    border: solid transparent;
    content: ' ';
    height: 0;
    top: 100%;
    position: absolute;
    width: 0;
}
.wb_ewm:after {
    border-width: 10px;
    border-top-color: #fff;
    left: 14px;
}
.wx_ewm:after {
    border-width: 10px;
    border-top-color: #fff;
    right: 62px;
}
/*.jd .follow_img{width: 48px;height: 48px;}*/
.jd_ewm:after {
    border-width: 10px;
    border-top-color: #fff;
    right: 8px;
}


/*底部四大图*/
.foot_tile{height: 104px;display: flex;}
.foot_tile h1{font-size: 28px;color: #000;margin: auto;}

.foot2{margin-bottom: 80px;}
.foot2 .swiper-slide {overflow: hidden;position: relative;}
#fover .swiper-slide:hover .four_img{transform: scale(1.2);}
.foot2 .four_img{width: 100%;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.four_icon {position: absolute;top: 0;left: 0;width: 100%;text-align: center;color: #fff;height: 100%;padding-top: 30%;}
.four_icon .four_title{font-size: 22px;margin-top: 35px;margin-bottom: 5px;}
.four_icon .four_explain{font-size: 14px;opacity: 1;position: relative;bottom:-10px;opacity: 0;}
#fover .swiper-slide:hover .four_explain{animation:four_ex 1s ;-webkit-animation:four_ex 1s;animation-fill-mode:forwards;}
.four_icon img{display: block;margin: 0 auto;}

@-webkit-keyframes four_ex {
    from { bottom:-10px; opacity: 0;}
    to { bottom:0px; opacity: 1;}
}
@keyframes four_ex {
    from { bottom:-10px; opacity: 0;}
    to { bottom:0px; opacity: 1;}
}

/*网站信息*/
.copyright {background-color: #000;border-top: 1px solid #666666;padding: 25px 0 55px;color: #fff;font-size: 14px;position: relative;}
.copyright a { display: inline-block; color: #fff;}
.copyright a:hover{color: #e8374a}
.copyright .container {/*overflow: hidden;*/width: 1378px;max-width: 1378px;}
.copyright .container div{float: left;}
.copyright .item{margin-left: 15px;}
.copyright .item1{margin-left: 40px;}
.copyright .container .web_link {float: right;cursor: pointer;position: relative;}
.web_link i{margin-left: 20px;border: 1px solid #fff;padding: 0 5px 0 4px;height: 18px;line-height: 13px;display: none;}
.web_link i:before{font-size: 12px;}
.web_link .am-icon-angle-up:hover{color: #e8374a;border: 1px solid #e8374a;}
.web_link .am-icon-angle-down:hover{color: #fff;border: 1px solid #fff;}
.web_link .cur{color: #e8374a;border: 1px solid #e8374a;}

.link{position: absolute;right: 0;top: -30px;padding: 3px 0px 20px;width: 180px;display: none;}
.link a{display: block;color: #fff !important;font-size: 13px;line-height: 35px;background: #505050;padding: 0 12px;}
.link a:hover{background: #A0A0A0}

/*横幅===*/
.bannerBox { position: relative; width: 100%; overflow: hidden; }
.bannerImg { width: 1900px; position: relative; left: 50%; margin-left: -950px; }

/*位置===*/
.here_wrap {padding: 25px 1px 18px 1px;overflow: hidden;border-bottom: 1px solid #e5e5e5}
.here_wrap .breadcrumb { margin-bottom: 0;padding: 0;float: left;width: 23%;}
.here_wrap .breadcrumb span{height: 100%;display: inline-block;margin-right: 25px;}
.here_wrap .breadcrumb span img{margin-top: -2px; object-fit: cover;}
.breadcrumb, .breadcrumb a {font-size: 16px;display: inline-block; line-height: 30px;}

/*导航===*/
.side-nav {float: right;max-width: 77%;}
.side-nav a { color: #fff; }
.side-nav > dl { overflow: hidden; margin-bottom: 0; }
.side-nav > dl > dd {background-color: #241818;width: 115px; height: 30px; line-height: 30px; float: left; margin:0 8px; text-align: center;border-radius: 5px;margin-bottom: 5px;}
/*.side-nav > dl > dd:first-child{margin-left: 0}*/
/*.side-nav > dl > dd:last-child{margin-right: 0}*/
.side-nav > dl > dd a { display: block; font-size: 15px;border-radius: 5px;}
.side-nav > dl > dd a:hover,.side-nav > dl > .cur { background-color: #e8374a;}

.info_tile{text-align: left;font-size: 24px;font-weight: 600;letter-spacing: 1px;margin:55px 0!important;}
/*内容===*/
.info-wrap { padding: 5px; padding-top: 30px; padding-bottom: 30px; }
.info-wrap img { max-width: 100%; }
.info-wrap p { margin: 0; }
.info-wrap > .info_con { line-height: 1.8; }

/* 分页 ======================*/
.pageWrap { margin:92px 0; text-align: center;background-color: #fff;padding: 0;min-height: 30px;}
.pageWrap .rows { margin-right: 15px; display: none;}
.pageWrap a, .pageWrap span {text-align: center;display: inline-block;height: 36px;line-height: 36px; margin: 0 4px;background-color: #fcfcfc;width: 36px;text-align: center;border: 1px solid #d0d0d0;border-radius: 2px}
.pageWrap a {text-decoration: none;}
.pageWrap a:hover, .pageWrap span.current { color: #fff; background: #df272b;border-color:#df272b}
.pageWrap .next,.pageWrap .prev{color: rgba(79,80,81,0.77);width: 66px;}
.pageWrap .first,.pageWrap .end{background: none;border: none;}

/*新闻===*/
.news-wrap { padding: 92px 0 0; }
.news-wrap ul { list-style: none; padding: 0;}
.news-wrap ul li{overflow: hidden;padding: 29px 31px;margin-bottom: 10px;}
.news-wrap ul li .news-img { float: left;width: 34.159%;margin-right: 52px;}
.news-wrap ul li .news-img img{max-height: 250px;width: 100%;}
.news-wrap ul li .news-con { float: left;width: 60%;}
.news-wrap ul li .news-con h4 {margin:-11px 0 0;font-size: 28px;}
.news-wrap ul li .news-con .news_time { color: #000; margin: 20px 0; font-size: 18px;opacity: 0.7}
.news-wrap ul li .news-con .news_con {font-size: 18px;color: #000;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news-wrap ul li .news-con .news_rig {text-align:right;margin-top: 20px;opacity: 0}
.news-wrap ul li .news-con a:hover .news_rig {opacity:1;}
.news-wrap ul li:hover{box-shadow: 0 0 10px #e6e6e6;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}

.news-wrap .news-box { padding: 5px; }
.news-wrap .news-box img { max-width: 100%; }
.news-wrap .news-box p { margin: 0; }
.news-wrap .news-box > .info_con { line-height: 1.8; }
.prev-next { margin-top: 30px; color: #bbb; }
.prev-next a { color: #666; }

/*产品===*/
.pro-wrap { /*padding: 30px 0 0;*/ min-height: 479px;position: relative;}
.pro-wrap ul { list-style: none; padding: 0; margin: 0 -14px; }
.pro-wrap ul .pro_li { float: left; width: 23%; /* padding-bottom: 40px;padding-top: 25px;margin-top: 5px;*/margin-bottom: 15px; position: relative; top: 0; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;overflow: hidden;margin-right: calc(1% - 2px);margin-left: calc(1% - 5px);border-radius: 5px;}
/* .pro-wrap ul .pro_li:nth-of-type(n+5){margin-top: 42px;} */
.pro-wrap ul .pro_li:hover {  top: -8px; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);}
.pro-wrap ul .pro_li:hover .p-img{border-bottom: 1px dashed rgba(0,0,0,0.1)}
.pro-wrap ul .pro_li .p-img {margin: 0 8px;border-radius: 0px;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;border-bottom: 1px dashed rgba(0,0,0,0);padding-bottom: 15px;}
.pro-wrap ul .pro_li .p-img img { width: 100%; }
.pro-wrap ul .pro_li .p-tit { padding: 0 30px; /* margin-top: 27px; */}
.pro-wrap ul .pro_li .p-tit > h4 { font-weight: normal; color: rgba(0,0,0,0.5); /*margin-bottom: 26px;*/ text-align: center;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.pro-wrap ul .pro_li:hover .p-tit > h4{color: #000;}
.pro-wrap .pro_rig{width: 100%;margin: 0 auto;position: relative;top: 0px;opacity: 1;color: #e8374a;text-align: center;font-weight: bold;}
.pro-info-wrap{padding: 0;}

/*产品左侧*/
.first_cat{width: 60px;position: fixed;bottom: 22%;z-index: 100;/*left: 95px;*/right: 0px;}
.first_cat_box{position: relative;margin: 4px 0;border-radius: 3px;overflow: hidden;z-index: 3;}
.first_cat_box img{width: 100%;height: 100%;object-fit: cover;}
.un_icon{width: 100%;height: 60px;overflow: hidden;background: #f3f3f3;padding: 5px;}
.cp:hover .un_icon{background: #f10821;}
/*.cur_icon{position: absolute;top: 0;opacity: 0;width: 100%;height: 60px;overflow: hidden;}*/
/*.first_cat_box:hover .cur_icon{opacity: 1;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}*/
.first_cat_box .cur,#first_mocat .cur{opacity: 1;}

#first_mocat{width: 100%;display: none;}
#first_mocat img{display: block;margin: 0 auto;max-width: 100%;}

#pro_page{margin-bottom: 92px;}
#pro_page img{display: block;margin: 0 auto;}

.pro-wrap .pro-box { max-width: 800px;}
.pro-wrap .pro-box img { max-width: 100%; }
.pro-wrap .pro-box p { margin: 0; }
.pro-wrap .pro-box > .info_con { line-height: 1.8; }
.pro-wrap_f { background: url(../images/productshow.jpg) no-repeat top center; }
.pro_info { overflow: hidden; padding-top: 50px; }
.pro_info-img { width: 45%; float: left; margin-left: 40px; margin-right: 5px; }
.pro_info-con { float: right; width: 47%;}
.pro_info-con > h1 { margin: 0; color: #e8374a; font-size: 28px; font-weight: normal; }
.pro_info-con > h6 { margin: 12px 0 0 ; color: #e8374a; font-size: 20px; font-weight: bold;}
.pro_info-con > hr { border-color: #d2d2d2; margin: 15px 0;}
.pro_info-con .info_con { color: #595757; line-height: 1.8; min-height: 400px; }
.pro_info-con .info_con > p { margin: 0; }
.pro_info-con .info_share { border-top: solid 1px #e0e0e0; padding-top: 6px; margin-top: 15px; }
.pro_info-con .info_share .bdsharebuttonbox > span { float: left; line-height: 24px; margin: 6px 6px 6px 0; }
.pro_info-con a{color: #fff}

.am-tabs-bd .am-tab-panel.am-active{}
.pro-box .info_con p{margin: 0}
.pro-box .info_con img{max-width: 100%;}

.jd_link{display: block;line-height: 40px;text-align: center;background: #e8374a;width: 150px;border-radius: 3px;color: #fff;}
.jd_link  span{position: relative;}


/* 放大镜==============*/
.zoomBox { width: 100%; margin: 0 auto; border: solid 1px #cccccc; }
.tb-pic { position: relative; z-index: 1; }
.tb-pic, .tb-pic a {}
.tb-pic a { display: block; text-align: center; vertical-align: middle; *font-size: 593px; *display: block; *font-family: Arial; *line-height: 1; }
.tb-pic a img { width: 100%; height: 100%; }
div.zoomDiv { z-index: 999; position: absolute; top: 0px; left: 0px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; }
div.zoomMask { position: absolute; background-color: #666; opacity: 0.5; filter: alpha(opacity=50); cursor: move; z-index: 1; }
.spec-scroll { margin: 20px 0; width: 580px; overflow: hidden; }
.spec-scroll .items { float: left; position: relative; width: 580px; height: 100px; overflow: hidden; }
.spec-scroll .items ul { position: absolute; width: 999999px; height: 100px; padding: 0; margin: 0; list-style: none; }
.spec-scroll .items ul li { float: left; width: 100px; text-align: center; margin-right: 10px; }
.spec-scroll .items ul li img { border: 1px solid #d2d2d2; padding: 2px; width: 100px; height: 100px; }
.spec-scroll .items ul li img:hover, .spec-scroll .items ul li.tb-selected img { border: 2px solid #e8374a; padding: 1px; }


/*联系我们*/
#allmap{height: 0;padding-bottom: 28%;}

/*-------------置顶和留言*/
.in_icon{height: 60px;transition: all 0.8s;-webkit-transition: all 0.8s;text-align: center;background-color: #626262;left: 0;overflow: initial;}
.in_icon a{color: #fff;font-size: 30px;margin-top: 5px;}
.icon_cur{background-color: #df405c;left: 0px;}

.in_icon div{
    position: absolute;
    top: 0;
    left: 60px;
    padding-right: 10px;
    opacity: 0;
    transition: all 0.8s;-webkit-transition: all 0.8s;
}
.in_icon .icon_div{left: -250px;opacity: 1;}
.in_icon div li{background: #df405c;width: 230px;height: 60px;border-radius: 5px;line-height: 60px;font-size: 24px;}

.top_got{height: 60px;background: url(../images/top01.jpg)no-repeat center;background-size: 100%;transition: all 0.5s;-webkit-transition: all 0.5s;opacity: 0;}
.top_got a{display: block;width: 100%;height: 100%;}
.message{height: 60px;background: url(../images/message01.jpg)no-repeat center;background-size: 100%;cursor: pointer;position: relative;overflow: initial;left: 0px;}
.top_got:hover{background: url(../images/top01-1.jpg)no-repeat center;background-size: 100%;}

.message_box{position: absolute;left:0px;width: 330px;font-size: 13px;text-align: center;opacity: 0;z-index: 4}
.message_b{background-color: #e8374a;padding: 12px 8px;width: 260px;border-radius: 5px;}
.message_box .am-icon-close{color: #fff;margin-bottom: 8px;font-size: 16px;margin-top: -4px;} 
.message_box textarea{width: 100%;height: 0px;resize: none;border-radius: 2px;border: none;padding-left: 5px;padding: 0;}
.message_box span{display: inline-block;width: 27%;color: #fff;text-align-last: justify;}
.message_box input{width: 70%;margin:5px 0 5px 3%;padding-left: 5px;border-radius: 2px;border: none;}
.message_box select{width: 70%;margin:5px 0 5px 1%;padding-left: 5px;border-radius: 2px;border: none;}
.message_box .layui-btn{height: 30px;margin: 0 auto;margin-top: 10px;background-color: #fff;border: none;width: 100px;border-radius: 5px;}

.message_box .am-form-group{margin: 0;}
.message_box .am-radio-inline{width: 70%;text-align: left;color: #fff;float: right;}
.message_box .am-radio-inline input{width: auto;}
.message_box .am-radio-inline:nth-child(1){margin-left: 7px;}
/*==========*/
.dexplain p{margin: 0;}/*说明可选化标签*/

/*百度商桥*/
body #newBridge .nb-icon-group{display: none}
body #newBridge .nb-nodeboard-base .nb-nodeboard-contain-base{display: none;}/*留言窗*/

body .layui-layer-shade{opacity: 0.6!important;}
.layui-layer-content iframe {
    /*background: #d9d9d9;*/
    
}