﻿@charset "utf-8";
@font-face {
    font-family: "SHSCH";
    src: url("https://testminghuaji-1259446244.cos.ap-beijing.myqcloud.com/font/SourceHanSerifCN-Regular.otf");
}
@font-face {
    font-family: "fzxbs";
    src: url("https://testminghuaji-1259446244.cos.ap-beijing.myqcloud.com/font/fzxbs.ttf");
}
/*总体设置(不可更改)*/
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,dl,dt,dd{margin:0;padding:0;border:0;font-family: "SHSCH";}
select,input{vertical-align:middle;font-size:12px;}
table,tr,td,th{margin:0;padding:0;font-family: "SHSCH";}
textarea,td,div,input{font-size:12px;}
body{color:#333;font-size:12px;text-align:center;background:#fff; behavior:url(css/iehoverfix.htc);}
ul,ol{list-style:none; }
img{display:block;}
/**清除浮动**/
.clear{clear:both;font-size:0;line-height:0;height:0; vertical-align:middle;}
/**链接**/
a{outline: none;text-decoration: none; text-decoration:none; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
a:hover{text-decoration:none; color:#715125;}

/**-----------------首页------------------**/
.content { width:100%; margin:0 auto; text-align:left;}

/**尾部**/
.foot { width:100%; height:250px; background-image:url(/images/topic/bnsh/bg_01.jpg); background-repeat:no-repeat; background-position:bottom center;}
.foot dl { overflow:hidden;}
.foot dl dt img { width:161px; display:block; margin:0 auto; margin-top:50px;}
.foot dl dd { margin-top:30px;}
.foot dl dd p { font-size:14px; font-weight:normal; display:block; text-align:center; color:#ffffff; line-height:24px; }
.foot dl dd p strong { font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;}
.foot dl dd p a { color:#fff; margin:0 5px;}
.foot dl dd p a:hover { color:#fff;}

/**搜索**/
.search_bg { position:fixed; width:100%; height:100%; top:0; left:0; right:0; bottom:0;background-color:rgba(51,51,51,0.9); z-index:99998; display:none;}
.search { position:fixed; width:330px; height:36px; top:70px; right:30px; z-index:99999; display:none;}
.search_info { width:90px; float:left; display:inline; margin-right:10px; position:relative;}
.search_info span { display:block; line-height:36px; border:1px solid #fff; border-radius:1000px; font-size:14px; font-weight:300; color:#fff; text-align:center;}
.search_info span i { display:inline-block;  margin-left:10px; width:7px; height:7px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg); -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.search_info .search_info_main { width:88px; border:1px solid #fff; position:absolute; left:0; top:37px; border-radius:15px; overflow:hidden;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; height:0; opacity:0;}
.search_info .search_info_main p a { font-size:14px; font-weight:300; display:block; text-align:center; line-height:36px; color:#fff;}
.search_info .search_info_main p a:hover {background-color:rgba(255,255,255,0.3);}
.search_info:hover .search_info_main { height:108px; opacity:1;}
.search_info:hover span i {transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.search_info02 { width:180px; float:left; display:inline;}
.search_info02 input { width:178px; height:37px; border:1px solid #fff; border-radius:1000px; overflow:hidden; box-sizing:border-box; background:transparent; font-size:14px; font-weight:300; color:#fff; padding:0 0 0 10px;}
.search_info02 input:focus{outline:none;}
.search_info03 { width:36px; height:36px; float:left; display:inline; margin-left:10px; border-radius:1000px; overflow:hidden; border:1px solid #fff;  -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.search_info03 a { display:block; background-image:url(/images/topic/bnsh/icon01.png); background-repeat:no-repeat; background-size:24px 24px; width:36px; height:36px; background-position:6px 6px;}
.search_info03:hover { background-color:rgba(255,255,255,0.3);}


/**-----返回顶部----**/
.returnTop { width:4.4rem; height:4.4rem; background-color:rgba(0,0,0,0.2); position:fixed; right:40px; bottom:30px; overflow:hidden; border-radius:1000px; z-index:99999; cursor:pointer; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; opacity:0;}
.returnTop i {display:inline-block; width:1.6rem; height:1.6rem; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg); margin-top:1.8rem;}
.returnTop.on {opacity:1;}



.topic_banner { width:100%; position:relative; overflow:hidden; background-color:#d4ccbf; margin-top:70px;}
.topic_banner img { width:100%; height:auto; }

.title01 { background-image:url(/images/topic/bnsh/tit_bg.png); background-repeat:no-repeat; width:382px; height:79px; display:block; margin:0 auto; font-size:32px; font-weight:normal; text-align:center; line-height:90px; color:#885413; font-family:"fzxbs"; overflow:hidden;}

.topic_word { display:block; overflow:hidden; background-image:url(/images/topic/bnsh/bg01.png); background-repeat:no-repeat; background-position:bottom center;background-size:100% auto;}
.topic_word_main {width: calc(90% + 40px);box-sizing:border-box; position:relative; margin:0 auto; padding:0 0 10rem 0;}
.topic_word_main img {display:block; width:10vh; margin:0 auto;}
.topic_word_main .word_box { background-image:url(/images/topic/bnsh/div_bg.png); background-repeat:no-repeat; background-position:top center; width:50rem; height:20rem; margin:0 auto; overflow:hidden; margin-top:40px;  background-size:50rem 20rem;box-sizing:border-box;}
.topic_word_main .word_box p { font-size:1.2rem; font-weight:normal; color:#885413; line-height:30px; text-align:left; padding:0 4vh; margin-top:2vh;}



.topic_img_bg { width:100%; position:relative; overflow:hidden; padding:0 0 10rem 0;}
.topic_img { width: calc(90% + 40px); margin:0 auto; position:relative; height:auto; overflow:hidden;}
.scroll_wrap2 { display:block; }
.scroll_wrap2 .word_box { width:50rem; height:8rem;  background-image:url(/images/topic/bnsh/div_bg2.png); background-repeat:no-repeat; background-position:top center; background-size:50rem 8rem; display:block; margin:0 auto; margin-top:2vh;}
.scroll_wrap2 .word_box p {font-size:1rem; font-weight:normal; color:#885413; line-height:30px; text-align:left; padding:1rem;}
.scroll_wrap2 .dl_box { overflow:hidden; display: block; margin-top:2vh;}
.scroll_wrap2 dl { width: calc(100% - 40px); border-left:20px solid #a9712c; margin:0 20px; margin-bottom:40px; box-sizing:border-box;background-color:#d5b985;}
.scroll_wrap2 dl a {display:flex;flex-direction: row-reverse; }
.scroll_wrap2 dl dt {writing-mode: vertical-rl; background-color:#a9712c; padding:20px 24px 10px 24px;box-sizing:border-box; width:150px; display:flex; flex-direction:column; align-items:start;}
.scroll_wrap2 dl dt b { font-size:18px; color:#fff; padding:2px 0 0 0;}
.scroll_wrap2 dl dt p { font-size:14px; line-height:20px; color:#fff; display:block; overflow:hidden; text-align:left;height:30vh; margin-right:5px;}
.scroll_wrap2 dl dd {flex:1;  position:relative; overflow:hidden; height:36vh;}
.scroll_wrap2 dl dd img { position:absolute; width:94%;transform:translateY(-50%); left:3%;top:50%; }
.topic_img_bg font { position:absolute; font-size:12px; line-height:60px; text-align:center; width:100%; bottom:0; left:0;}






