@charset "utf-8";
/**************** common ************/
body{color: #5f5f5f;line-height: 1.75}
.cnt{width: 100%;margin: 0 auto;padding-bottom: 30px;}
.tempWrap{height: 100%!important;margin: 0 auto!important;}
.line{width:34px;height: 1px;margin:12px auto 15px;background-color: #646464}

/* banner */
#banner{ width:100%; height:680px; overflow:hidden; position:relative;}
#banner .hd{ height:15px; overflow:hidden; position:absolute; right:0; bottom:40px; z-index:1;width: 100% }
#banner .hd ul{ overflow:hidden; zoom:1; width: 100%;text-align: center }
#banner .hd ul span{ display:inline-block;margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#CCC; cursor:pointer;border-radius: 100% }
#banner .hd ul span.on{ background:#fff; color:#fff; }
#banner .bd{ position:relative; height:100%; z-index:0;width: 100%;}
#banner .bd ul{ height:100%;}
#banner .bd li{ zoom:1; vertical-align:middle;width: 100%;height: 100% }
#banner .bd img{ width:100%; height:100%; display:block;  }
/*浮动图标*/

.drift{width:50px;height:auto;position:fixed;bottom:30%;right:-120px;z-index:999;padding-top: 10px;}
.drift:after{content: "";width:50px;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.35);border-radius: 10px 0 0 10px;display: inline-block;z-index: -1}
.drift ul{width: max-content}
.drift li{position: relative;transition: all ease-in-out 0.5s;width: max-content;padding-right: 16px;border-radius: 10px 0 0 10px;}
.drift li:hover{background-color: rgba(0, 0, 0, 0.35);transform: translateX(calc(-100% + 50px))}
.drift li a{display:inline-block;text-decoration:none;}
.drift li a i{display: inline-block;width: 50px;height: 50px;float: inherit;float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.drift li a span{color: #fff;font-size: 16px;display: inline-block;line-height: 50px;}

/*标题*/
.currency_title{text-align: center;padding: 50px 0}
.currency_title h1{font-size: 26px;font-weight: normal;line-height: 36px;}
.currency_title h1 span{color: #ce0808}
.currency_title p:nth-of-type(1){text-transform: uppercase;font-size: 14px;color: #9f9f9f;}
.currency_title p:nth-of-type(2){font-size: 13px;color: #9f9f9f;}
/*头部*/
.h_mid .logo{ display:inline-block;float:left;margin: 13px 0;height: 74px;}
.h_mid .logo a{ display:inline-block;height:100%;}
.h_mid .logo a img{max-width: 100%;max-height: 100%}
.top_menu{display: inline-block;height: 100px;font-size: 0}
.top_menu a{display:inline-block;color:#333;font-size:16px;padding:0px 15px;line-height: 100px;}
.top_menu a:hover,.top_menu a.select{color: #fff;background: #ce0808;}
/*底部*/
.footer{background:url(../img/10_4rzb.jpg) no-repeat center top;border-top: 3px solid #660000;padding: 40px 0}
.footer ul li{border-left:1px dashed #cccccc;height: 180px;overflow: hidden}
.footer ul li:nth-of-type(1){border-color:transparent;width: 310px;}
.footer ul li:nth-of-type(1) img{width: 270px}
.footer ul li:nth-of-type(1) span{display: block;color: #fff;border-width: 1px 0;border-color: #fff;border-style: solid;width: 270px;margin: 12px 0;font-size: 16px;letter-spacing: 20px;text-align: center;}
.footer ul li:nth-of-type(1) p{font-size: 14px;color: #cccccc}
.footer ul li:nth-of-type(2){text-align: center;width: 490px;}
.footer ul li:nth-of-type(2) div{display: inline-block;}
.footer ul li:nth-of-type(2) dl{display: inline-block;text-align: left;margin-right: 16px;color: #fff;vertical-align: top}
.footer ul li:nth-of-type(2) dl:nth-last-of-type(1){margin-right: 0;}
.footer ul li:nth-of-type(2) dl dt{font-size: 16px;font-weight: bold}
.footer ul li:nth-of-type(2) dl dd a{color: #cccccc;font-size: 14px;}
.footer ul li:nth-of-type(2) dl dd a:hover{color: #fff;text-decoration: underline;}
.footer ul li:nth-of-type(2) dl:nth-of-type(2) dd{float: left;margin-right: 0}
.footer ul li:nth-of-type(2) dl:nth-of-type(2) dd:nth-child(2n){clear: both;display: inline-block;margin-right: 10px}
.footer ul li:nth-of-type(3){text-align: center;padding: 0}
.footer ul li:nth-of-type(3) span{display: inline-block;margin-right: 20px;text-align: center;color: #fff;font-size: 14px;}
.footer ul li:nth-of-type(3) span:nth-of-type(2){margin-right: 0}
.footer ul li:nth-of-type(3) span img{width: 150px;}


/************** index ************/
/*1*/
.ys_box li{position: relative;width: 378px;padding: 0 0 140px 0}
.ys_box li:nth-of-type(2){margin: 0 24px;}
.ys_content{width: 336px;background: #fff;padding: 20px 0;color: #5a5a5a;margin-top: -50px;position: absolute;left: 20px;text-align: center;line-height: 1.75;}
.ys_content .p2{font-size: 14px;color: #ce0808;}
.ys_content .p1{font-size: 14px;}
.ys_content .p{font-size: 20px;font-weight:bold;}
/*2*/
.about_content{}
.about_content .img1{height: 395px;width: 671px;position: relative;padding: 2px;overflow: hidden}
.about_content .img1:after{position: absolute;left: 0;top: 0;display: inline-block;width: 100%;height: 100%;content: "";background: url(../img/011.png) no-repeat left top}
.about_content .img2{position: relative;padding: 2px;overflow: hidden;float: right;margin-top: -100px}
.about_content .img2 img{}
.about_content .img2:after{position: absolute;left: 0;top: 0;display: inline-block;width: 100%;height: 100%;content: "";background: url(../img/0121.png) no-repeat left top;}
.about_text{width: 60%;float: left}
.about_text p{padding-right: 26px;text-align: justify;text-indent: 2em;line-height: 2;font-size: 14px;padding-top: 15px;}
.about_content>p{text-align: center}
.about_content>p a{color: #ce0808;font-size: 14px;display: inline-block;padding: 8px 30px;border: 1px solid #ce0808;border-radius: 3px;margin-top: 20px;}
.about_content>p a:hover{background: #ce0808;color: #fff;}
/*3*/
.idx_goodsCat{background: #f5f5f5;padding-bottom: 80px;}
.goods_content{}
.goods_content .bd{position: relative}
.goods_content .bd ul li{width: 300px;}
.goods_content .bd ul li a{display: inline-block;width: 98%;position: relative;overflow: hidden;}
.goods_content .bd ul li a .goods_text{display:inline-block;width: 100%;height: 100%;position: absolute;left: 0;top: 100%;background-color: rgba(0, 0, 0, 0.65);z-index: 2;padding: 130px 52px;color: #fff;font-size: 20px;text-align: center;transition: all .3s ease-in-out;/* padding: 0 30px; */}
.goods_content .bd ul li a:hover .goods_text{top: 0;}
.goods_content .bd ul li a .goods_text span{border-bottom: 2px solid #fff;padding: 0 7px;display:  inline-block;margin-bottom: 5px;}
.goods_content .bd ul li a .goods_text i{float: initial;display: block;text-align: right;font-size: 14px;color: #fff}
.goods_content .bd ul li:nth-child(2n-1){margin-top: 50px}
.goods_content .bd ul li img{width: 100%;}
.goods_content .bd>a{display: inline-block;width:50px;height:50px;background:url(../img/drift_pic4.png) no-repeat center #ce0808;position: absolute;top: 50%;margin-top: -25px;z-index: 3;cursor: pointer;transition: all .3s ease-in-out;opacity: 0}
.goods_content .bd>a:hover{background-color: #24251d}
.goods_content .bd>a.prev{left: 0;
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.goods_content .bd>a.next{right: 0;
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.goods_content .bd:hover>a{opacity: 1}
.goods_content .hd{text-align: center;font-size: 0;margin:20px 0}
.goods_content .hd ul{width: max-content;display: inline-block;height: 26px;padding: 7px 14px}
.goods_content .hd ul span{display: inline-block;width: 12px;height: 12px;margin: 4px;border-radius: 100%;border: 1px solid #ce0808;cursor: pointer}
.goods_content .hd ul span.on{background: #ce0808}

/*4*/
.agent_content{}
.agent_content ul{padding-bottom: 80px}
.agent_content ul li{width: 288px;border-radius: 3px;box-shadow: 1px 1px 10px rgba(51, 51, 51, 0.32);text-align: center;padding: 50px 20px;margin: 0 6px;background: #fff}
.agent_content ul li .img_box{text-align: center;margin: 0 auto}
.agent_content ul li .h{position: relative;padding: 30px 0}
.agent_content ul li .h:after{content: "";position: absolute;left: 50%;bottom: 0;margin-left: -22px;display: inline-block;width: 44px;height: 3px;background-color: #ce0808}
.agent_content ul li .h p{font-size: 20px;}
.agent_content ul li .h i{display: block;font-size: 14px;color: #5f5f5f;float: inherit;}
.agent_content ul li>p{font-size: 14px;padding: 20px 0}
.agent_content ul li>a{display: inline-block;width: 98px;height: 35px;line-height: 35px;text-align: center;margin: 0 auto;border: 1px solid #ce0808;color: #ce0808;font-size: 14px;border-radius: 3px}
.agent_content ul li>a:hover{background: #ce0808;color: #fff}
/*5*/
.news_box{padding-bottom: 115px;}
.news_box .news_content .bd{width: 560px;height: 318px;overflow: hidden;}
.news_box .news_content .bd img{width: 100%;height:100%;object-fit: cover}
.news_box .news_content .hd{width: 594px;}
.news_box .news_content .hd ul li:nth-of-type(1){padding-top:0;margin-top:0;border-bottom: 1px dotted #dbd4cd}
.news_box .news_content .hd ul li{width: 100%;padding: 12px 0;margin: 10px 0;border-bottom: 1px dotted #dbd4cd}

.news_box .news_content .hd ul li .time{background: #cc0000;width: 60px;height: 59px;color: #fff;font-size: 24px;text-align: center;margin-left: 30px;margin-right: 10px;line-height: 1.5}
.news_box .news_content .hd ul li .time i{float: initial;font-size: 14px;color: #fff}
.news_box .news_content .hd ul li .conts{width: calc(100% - 100px);}
.news_box .news_content .hd ul li .conts a{font-size: 20px;font-weight: normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.news_box .news_content .hd ul li .conts p{font-size: 12px;width: 100%;text-overflow: ellipsis;white-space:  nowrap;overflow: hidden;}
.news_box .news_content .hd ul li:hover a{color: #ce0808;}
.news_box .news_content .hd>a.news_more{display: inline-block;width: 120px;height: 35px;line-height: 35px;text-align: center;margin-top:10px;border: 1px solid #ce0808;color: #ce0808;font-size: 14px;border-radius: 3px;}
.news_box .news_content .hd>a.news_more:hover{background: #ce0808;color: #fff}

/************** layout ***********/
#newsDetail_body .ar{display: none}
#newsDetail_body .notice{display: inherit}
#newsDetail_body .cnt .text p,
#newsDetail_body .cnt .text div{font-size: 16px;text-align: justify;line-height: 32px;padding-bottom: 5px;text-indent: 2em;}
#newsDetail_body .cnt .text p strong,
#newsDetail_body .cnt .text div strong{font-size: 18px;line-height: 36px;padding: 5px 0}
#about_body .cnt p,#about_body .cnt div{font-size: 16px;text-align: justify;line-height: 32px;padding-bottom: 5px;text-indent: 2em;}
#about_body .cnt p strong,#about_body .cnt div strong{font-size: 18px;line-height: 36px;padding: 5px 0}
/*新闻详情 - 热点新闻*/
#newsDetail_body .left,
#dlistDetail_body .left{width: calc(100% - 348px)}
#newsDetail_body .right,
#dlistDetail_body .right{width: 318px;}
#newsDetail_body .left .content_box,
#dlistDetail_body .left .content_box {background: #fff;padding: 38px 30px;border: #e6e6e6 1px solid;}
.content_box .content {padding: 40px 0;}
#newsDetail_body .left .content_box p,
#dlistDetail_body .left .content_box p{font-size: 16px;line-height: 32px;}
.title_box {border-bottom: #e1e1e1 1px solid;text-align: center;}
.title_box h3{font-size: 24px;}
.title_box p{padding: 10px 0;}
#newsDetail_body .list,
#dlistDetail_body .list {background: #ffffff;border: #e6e6e6 1px solid;margin-bottom: 20px;}
#newsDetail_body .list h3 ,
#dlistDetail_body .list h3 {height: 54px;line-height: 53px;padding: 0 20px 0 45px;margin: auto;border-bottom: #e7e7e7 1px solid;font-size: 17px;color: red;}

.list_1 h3.hot {background: url(../img/hot.png) no-repeat 20px center #fff;}
.list_3 h3.faq {background: url(../img/faq.png) no-repeat 20px center;}
.list_1 .content em ,
.list_3 .content em {width: 15px;height: 15px;border-radius: 5px;font-style: normal;display: inline-block;vertical-align: middle;font-size: 12px;color: #fff;background: #ababab;text-align: center;line-height: 15px;margin-right: 12px;}
.list_1 .content li:nth-of-type(1) em,
.list_1 .content li:nth-of-type(2) em,
.list_1 .content li:nth-of-type(3) em {background: #ce0808;}

#newsDetail_body .list .content {padding: 20px;}
#newsDetail_body .list .content li {margin: 5px 0;}
#newsDetail_body .list .content li,
#newsDetail_body .list .content a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;line-height: 32px;}
#newsDetail_body .list .content a {display: inline-block;font-size: 15px;color: #666666;width: calc(100% - 27px);}
#newsDetail_body .dpages{ padding: 20px 0;margin-bottom: 40px;border-top: #e1e1e1 1px solid;border-bottom: #e1e1e1 1px solid;}
#newsDetail_body .dpages a:nth-of-type(1){margin-right: 30px}
#dlistDetail_body .list .content {padding: 20px;}
#dlistDetail_body .list .content li {margin: 5px 0;}
#dlistDetail_body .list .content li,
#dlistDetail_body .list .content a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;line-height: 32px;}
#dlistDetail_body .list .content a {display: inline-block;font-size: 15px;color: #666666;width: calc(100% - 27px);}
#dlistDetail_body .dpages{ padding: 20px 0;margin-bottom: 40px;border-top: #e1e1e1 1px solid;border-bottom: #e1e1e1 1px solid;}
#dlistDetail_body .dpages a:nth-of-type(1){margin-right: 30px}
/*产品页面 - 分类和联系方式*/
.index2-ctl {width: 320px;background-color: #262525;display: table; }
.index2-ctl-title {background-color: #ce0808;padding: 18px 0 17px 42px;position: relative;}
.index2-ctl-title>h3 {font-size: 26px;color: #fff;font-weight: bold;background: url(../img/icon.png) no-repeat left center;padding-left: 45px;line-height: 35px;}
.pt-menu {width: 100%;display: table;}
.pt-menu ul li a {color: #fff;display: block;height: 65px;line-height: 65px;position: relative;background: url(../img/icon1.png) no-repeat 25px center;font-size: 20px;padding-left: 60px;overflow: hidden;}
.pt-menu ul li a:hover,.pt-menu ul li a.select{background-color: #000}
.border1{ border:1px solid #d3d3d3; border-top: none; padding-top: 10px; padding-bottom: 10px;}
.call-me{ background: #fff;}
.call-me h2{ text-indent:87px ; background: #ce0808 url(../img/pro_07.png) no-repeat 45px center ; font-size: 24px; font-weight: bold; color: #fff; line-height: 66px;}
.phone-number{ font-size: 14px; color: #666666; padding:10px 40px;}
.phone-number p{ margin-bottom: 0; line-height: 1.5;}
.phone-number span{ font-size: 24px; color: #ce0808; font-weight: bold; font-family: arial;}
.call-me{ max-width: 320px; margin-top: 25px;background-color: #fff; padding-bottom: 0;}
.call-me ul{ padding:0px 40px  0;}
.call-me ul li{ border-bottom:1px solid #e1e1e1; font-size: 14px; padding: 10px 0;}
.call-me ul li:first-child{ padding-top: 0;}
.call-me ul li:last-child{ border-bottom: none;}
.call-me ul li p{ margin-bottom: 0; font-weight: bold; line-height: 1.5;}
.call-me ul li span{ line-height: 1.5; display: block;}

/*contact*/
.lianxi{margin-bottom: 50px}
.lianxi .left{width:50%}

.lianxi .right{width:50%;text-align: right}
.lianxi .right span{display: inline-block;font-size: 20px;color:#ce0808;text-align: center }
.lianxi .right span img{border: 1px solid #ccc;margin-bottom: 10px;width: 210px}
.lianxi .right span:nth-of-type(1){margin-right: 40px}
.contact_map{padding: 10px;border: 1px solid #ccc;background: #fff}
.linkBox{width: 100%;padding: 20px 0.55556rem 0;color: #f5f5f5;font-size: 14px;}
.linkBox span{font-size: 16px;font-weight: 700;}
.linkBox a{color: inherit;font-size: inherit;}
.link_index a{display: inline-block;margin-right: 12px;}
.link_index a:hover{text-decoration: underline;opacity: .9;}