@import url(/uploads/css/drcss/responsive2.0.css);
.header{position: relative; z-index:100; transition: 0.5s}
.header .top_w{position: fixed;z-index: 100; left: 0;top: 0;width: 100%; background-color: #fff; transition: 0.5s}
.header .top_h{ transition: 0.5s;}
.header .logo img{max-height:60px}
.header .left{width: 50%; max-width: 590px;}
.header menu li span{display: block;}
.header menu li span a{display: block;}
.header menu li .sub{display: none}
.header menu li .sub a{display: block; padding:.08rem .1rem;}
.header menu li .sub dt{padding: 0; text-align: left}
.header menu li .sub ol{position: relative}
.header menu li .hierarchy{position: relative;display: none}
.header menu li aside{position: relative}
.header .other{position: relative;}
.header .open-search,
.header .top-search .btn{width: 40px; height: 40px; background:  no-repeat center center;}
.header .open-search{ position: relative}
.header .top-search{border: solid 1px #e0e0e0; border-radius: 30px; padding:0 40px 0 10px; width: 280px;}
.header .top-search .text{width: 100%;display: block; background: none; border: 0; color: #999999;}
.header .top-search .text.focus{color: #000;}
.header .top-search .btn{right:2px; top:2px;}
.header.show{margin-top: -120px; }
.header.show .top_w{top: -120px; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.header.hover .top_w{box-shadow: 0 0 5px rgba(0,0,0,0.1);}
@media (min-width:1025px) {
.header .open-search{display: none}
.header menu li{position: relative;}
.header menu li:not(:last-child){ margin-right:2.8vw}
.header menu li span{line-height: 100px; position: relative}
.header menu li.aon span a{color: #cf0101}
.header menu li .sub{position: absolute; white-space: nowrap; margin: auto; left: 50%; transform: translatex(-50%); width:150%; top: 100%; background-color:rgba(255,255,255,0.9);box-shadow: 0 5px 5px rgba(0,0,0,0.1); border-radius: 0 0 10px 10px}
.header menu li .sub dl{padding:10px}
}
@media (max-width:1024px) {
.header .other:after{display: none}
.header .top-search{width: 80vw; position: absolute;display: none; top: 120%; right: 5vw; background: rgba(255,255,255,0.8)}

.header .logo{padding: 5px 0}
.header .logo img{ max-height: 40px;}
.header menu{position: fixed; left: -100%;top: 50px;height: calc(100vh - 50px); background-color: #fff;opacity: 0;transition: 0.5s;box-shadow: 0 5px 5px rgba(0,0,0,0.1); width:50vw; max-width: 240px;}
.menu-show .header menu{left: 0; opacity: 1;}
.header menu ul{padding: 20px 0; height: 100%; overflow: auto; display: block}
.header menu li{border-bottom: 1px dotted #eee;}
.header menu li span{line-height: 3; padding-left:1em;}
.header menu li .sub a{padding-left: 2em}
.header menu li.has-sub span .op:before, 
.header menu li.has-sub span .op:after{background-color: #cf0101;}
.header li .sub{background-color: #eee;}
.header .open-menu{margin-left: .2rem; width: calc(30 / 16 * 1em); height: calc(30 / 16 * 1em); display: flex;flex-wrap: wrap;flex-direction: column; justify-content: space-between; transition: 0.3s;}
.header .open-menu span{display: block; transition: 0.3s;height: 2px; background-color: #000;}
.menu-show  .header .open-menu{border-radius: 50%; background-color: #cf0101; }
.menu-show  .header .open-menu i{background-color: #fff;}
}

.bottom{line-height:24px;background: #f7f7f7}
.bottom .bot_t{padding:4% 0; line-height: .32rem}
.bottom .bot_t h4{padding-bottom: .1rem}
.bottom .bot_t .link{width:100%}
.bottom .bot_t .link li{display: inline-block; padding-right: 38px;}
.bottom .bot_b{padding: 2% 0; border-top: solid 1px #e8e8e8}
.bottom .bot_b a{display: inline-block}
.bottom .bot_b .lm span{padding: 0px 10px; color: #d4d4d4}
.bottom .bot_b img{margin: 0px 5px}
.bottom .wechat{position: fixed; bottom:10%; right: .2rem;}
.bottom .wechat figure{ padding: 3px; background: #fff}
.bottom .wechat figure img{width: 100%}
.bottom .wechat p{line-height: 20px; font-size:14px}
.bottom .wechat .icon{cursor: pointer;width: 40px; height: 40px;border-radius: 100%; background:#2ca25e url(/uploads/image/drimages/icon_wx.svg) no-repeat center center}
.bottom .wechat .box{position: absolute; width: 140px; text-align: center; right:100%; top:50%; display: none; transform:translatey(-50%); background: #fff; padding:5px; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
@media (min-width:768px) {
.bottom .bot_t .link{width: 65%}
.bottom .bot_t .contact{width: 35%; max-width: 396px;}
.bottom .bot_t .contact p:last-child{padding-top:3%}
}
@media (max-width:768px) {
.bottom .bot_t .contact {padding-top:4%}
.bottom .bot_t .contact{width: 100%;}
.bottom .bot_t .contact .txt{color:#666666; line-height: 2}
.bottom .bot_b .lm{display: none}
.bottom .bot_b .copyright{text-align: center;  width: 100%; line-height: 2}
}

.istop{position: fixed; bottom:4%; right: .2rem; cursor: pointer; display: block;width: 40px; height: 40px; margin: auto; border-radius: 100px; background: #ffb200 url(/uploads/image/drimages/side_icon.png) no-repeat center center}

.piaofu{width:210px;position:absolute;z-index:9999;}
.piaofu .close_port{font-size: 16px; position: absolute;width:24px; line-height:24px; right:5px; top:5px;cursor:pointer; background:#ffc600;color: #fff;border-radius:100%;text-align:center; }


.column_title {line-height: 64px;}
.column_title .more{background: #fff5e5; color: #fc9700; background: #fff5e5; border-radius: 20px; display: block;line-height: 28px; padding: 0px 15px}
.column_title .more:hover{color: #fff; background: #cf0101}
.column_title.center{text-align: center; padding-bottom: 1%}

.banner{position: relative}
.banner .infobox{position: absolute; width: 100%; top: 50%; transform: translatey(-50%)}
.banner .column{display: inline-block; color: #fff; position: relative}
.banner .column:before{content: ''; position: absolute; width:60%;min-width: 240px; height: 8px;bottom: 2px; left: 0; right: 0; margin: auto; z-index: -1; background: linear-gradient(90deg,rgba(255,178,0,1),rgba(255,178,0,0))}
.banner .column.long:before{bottom: 50%;}
.banner img{width: 100%}
.banner img.wap{display: none}
.banner .slick-dots{bottom: .4rem; position: absolute}
.banner .slick-dots li{margin: 0px 10px}
.banner .slick-dots li button{width: 12px; height: 12px;background: rgba(255,255,255,0.5)}
.banner .slick-dots li.slick-active button{background: none; border: solid 3px #fff}
@media (max-width:1024px) {
.banner img.pc{display: none}
.banner img.wap{display:block}
}

.location{padding: .3rem 0;line-height: 24px; text-align:right}
.location a:first-child{background:  no-repeat left; padding-left: 26px }

section.section{padding-bottom:3%; background: url(/uploads/image/drimages/bg.jpg) repeat-y center top; background-size: 100%}



/*xx index*/
.news_topic{padding-top: 4%; overflow: hidden }
.news_topic .slick-list{margin-left: -12.5px; margin-right: -12.5px;}
.news_topic .item{padding: 0px 12.5px;}
.news_topic .pic figure{padding-bottom:33.335%}
.news_topic .slick-prev{left: -10px}
.news_topic .slick-next{right: -10px}
@media(max-width:768px){
.news_topic .slick-dots{position: absolute; bottom: .1rem}
.news_topic .slick-dots li.slick-active button{background: #fff}
}

.news_group{padding-top: 4%}
.news_group .photo_new{width:520px}
.news_group .font_list{width:calc(97% - 520px);}
.news_group  .column_title{border-bottom: solid 1px #e6e6e6;margin-bottom: 10px}
.news_group  .column_title b{display: block; padding-left: 26px; background: url(/uploads/image/drimages/icon1.png) no-repeat left; transform: translatey(1px); border-bottom: solid 3px #cf0101}

.photo_new .pic figure{padding-bottom:390px}
.photo_new .txt{position: absolute; width: 100%; bottom: 0; line-height:50px; padding-bottom: 20px; background: rgba(0,0,0,0.3)}
.photo_new .txt h4{color: #fff; padding:0 .2rem; text-align:center}
.photo_new .slick-dots{position: absolute; bottom:13px;}

.font_list .ul{line-height:44px}
.font_list ol.ul{padding: 20px 0; font-weight: bold}
.font_list ul.ul li{position: relative;padding-left: 16px; background: url(/uploads/image/drimages/li_icon.svg) no-repeat left}
.font_list ul.ul li a{display: flex;flex-wrap: wrap; justify-content: space-between}
.font_list ul.ul li h4{position: relative;max-width:80%}
.font_list ul.ul li:hover .time{color: #cf0101}
.font_list ul.ul li:hover h4:after{content: ''; position: absolute; left: 0; bottom:10px;width: 100%; height: 1px; background:#cf0101}
@media (max-width:1200px) and (min-width:768px) {
.news_group .photo_new{width:400px}
.news_group .font_list{width:calc(97% - 400px);}
.news_group .photo_new .pic figure{padding-bottom:300px}
.news_group .font_list ol.ul{padding:5px 0}
.news_group .font_list .ul{line-height:38px;}
}
@media (max-width:768px) {
.news_group .photo_new,
.news_group .font_list{width:100%}
.photo_new .pic figure{padding-bottom:75%}
.photo_new .txt{line-height: 40px;padding-bottom: 10px}
.photo_new .slick-dots{position: absolute; bottom:8px;}
.font_list .ul{line-height:32px}
}

/*xx index end*/

.brand_list ul{margin-left: -1%; margin-left: -1%}
.brand_list li{width: 25%;padding:1%}
.brand_list li a{display: block; position: relative}
.brand_list li .pic{background: #ffffff; border: solid 1px #e8e8e8; padding:10%}
.brand_list li .pic figure{padding-bottom:70%}
.brand_list li .txt{position: absolute; left:10%; right:10%; height: 100%; top: 0; display: flex; justify-content: center; align-items: center; text-align:center; z-index: 5; opacity: 0; transition: 0.5s; color: #333333}
.brand_list li:hover figure img{opacity: 0.1}
.brand_list li:hover .txt{opacity: 1}
@media (max-width:640px) {
.brand_list li{width:50%;}
}

.news_list {padding-top: 1%; padding-bottom: 2%}
.news_list li{width:48.572%; margin-top:2.856%; background: #f7f7f7}
.news_list li .pic{width:38.237%;}
.news_list li .pic figure{padding-bottom:0; height: 100%}
.news_list li .txt{width:61.763%; padding: .3rem; line-height:1.6}
.news_list li h4{font-weight: bold}
.news_list li p{margin: .15rem 0}
@media (max-width:768px) {
.news_list li{width:100%; }
.news_list li .txt{padding: .15rem}
}


.pages{text-align: center;padding-top:3%; padding-bottom:3%; line-height: 50px; font-size: .18rem;}
.pages span:not(.p_page),
.pages .p_page a.a_first,
.pages .p_page a.a_end{display: none}
.pages .p_page,
.pages .p_page em{ display: flex; justify-content: center; align-content: center}
.pages .p_page em{font-style: normal}
.pages .p_page a{color: #acacac; display: inline-block; min-width: 50px; box-shadow:inset 0 0 0 1px #e6e7ea; margin: 0 10px; border-radius: 100%; overflow: hidden; position: relative}
.pages .p_page a:not(.no):hover,
.pages .p_page .a_cur,
.pages .p_page .a_prev:not(.no),
.pages .p_page .a_next:not(.no){box-shadow: none; background: #cf0101; color: #ffffff}
.pages .p_page .a_prev,
.pages .p_page .a_next{text-indent: -200px;}
.pages .p_page .a_prev:before,
.pages .p_page .a_next:before{content:'';left: 0; position: absolute; width: 100%; height: 100%; background: url(/uploads/image/drimages/jt.svg) no-repeat center center}
.pages .p_page .a_next:before{transform: rotate(180deg)}
.pages .p_page .a_prev:not(.no):before,
.pages .p_page .a_next:not(.no):before{filter: brightness(0) invert(1);}
.pages .p_page a.no{cursor: default}
@media (max-width:768px) {
.pages{line-height: 30px; font-size: .24rem;}
.pages .p_page a{min-width:30px; margin: 0px 5px}
}

.article{line-height: 2;}
.article .desc{padding-bottom: 2%}

.article_detail .title{padding-bottom:1%}
.article_detail .title dl{padding: 2% 0}
.article_detail .title dl span{display: inline-block;padding-left: 2vw}
.article_detail .title.center{text-align: center; }

.article_detail .article.line{padding: 2%; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb}
.article_detail .pic_logo{text-align: center; max-width: 150px; margin: auto}
.article_detail .article img{height: auto!important; display: block;  margin: auto;  max-width: 800px;}
@media (max-width:1024px) {
   .article_detail .article img {max-width: 100%;}
}

.prev_next{line-height: 44px; padding: 3% 0;}
.prev_next p.dot a:not(:hover){opacity: 0.7}
.prev_next p.back{max-width: 150px; margin: auto;}
.prev_next p.back a{display: inline-block; padding: 0 30px 0 55px; color: #fff; background: #cf0101  no-repeat 28px center; border-radius: 30px;}
@media (min-width:1024px) {
.prev_next p.back{order:2}
.prev_next p.prev{order: 1}
.prev_next p.next{order: 3}
.prev_next p.dot{max-width: 40%}
}
@media (max-width:1024px) {
.prev_next p{width: 100%}
}


.sitemap .title{text-align:center;font-size: .28rem;}
.sitemap dl{display:flex; flex-wrap: wrap; padding:1.5% 0;border-bottom: solid 1px #ddd}
.sitemap dl dt{min-width:1.2rem; font-weight:bold}
.sitemap dl dd{flex:1}
.sitemap dl dd span{display:inline-block; padding-right:20px}
.sitemap dl dd span a:not(:hover){opacity:0.7}
.sitemap dl dd span a:hover{text-decoration:underline}



/* 置红样式 */
.red_theme a:hover{color: #cf0101 !important;}
.red_theme .font_list ol.ul a,
.red_theme .fs28,
.red_theme .fs20,
.red_theme .bottom .bot_t h4,
.red_theme .location span{color: #cf0101;}
.red_theme .column_title .more{background-color: #cf0101;color: #fff !important;opacity: 0.8;}
.red_theme .slick-arrow:focus,
.red_theme .slick-arrow:hover{background: #cf0101}
.article_detail .title.center h1{color: #cf0101;}