﻿@charset "utf-8";
@font-face {
 font-family: "FZQKBYSJW";
 src: url('https://testminghuaji-1259446244.cos.ap-beijing.myqcloud.com/font/FZQKBYSJW.TTF');
}
@font-face {
 font-family: "FZS3JW";
 src: url('https://testminghuaji-1259446244.cos.ap-beijing.myqcloud.com/font/FZS3JW.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: FZQKBYSJW;}
select,input{vertical-align:middle;font-size:12px;}
table,tr,td,th{margin:0;padding:0;font-family: FZQKBYSJW;}
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;}

/**搜索**/
.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/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:38px; height:38px; background-color:rgba(0,0,0,0.2); position:fixed; right:30px; 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:12px; height:12px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg); margin-top:16px;}
.returnTop.on {width:38px; height:38px; background-color:rgba(0,0,0,0.2); position:fixed; right:30px; 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:1;}
.returnTop.on:hover {background-color:rgba(0,0,0,0.3);}

.topic_banner { width:100%; position:relative; overflow:hidden; background-color:#d4ccbf; margin-top:70px;}
.topic_banner img { width:100%; height:auto; }

.topic_word { display:block; background-color:#d4ccbf; height:100vh; overflow:hidden;}
.topic_word_main {width: calc(80% + 40px);box-sizing:border-box; position:relative; height:100vh; margin:0 auto;}
.topic_word_main dl { width:100%; height:70vh; background-image:url(/images/topic/wwhs/note_bg.png); background-repeat:no-repeat; background-size:100% AUTO; position:absolute; top:50%;
 left:0;transform: translateY(-50%); padding:16vh 20vh 0 20vh; box-sizing:border-box;}
.topic_word_main dl dt { font-size:1.6rem; font-weight:bold; color:#333; text-align:center;} 
.topic_word_main dl dd { font-size:1.2rem; font-weight:normal; color:#333; line-height:30px; text-align:left; margin-top:40px;}


.topic_img_bg { width:100%; position:relative; border-top:50px solid #806b56; overflow:hidden;}
.topic_img { width: calc(80% + 40px); margin:0 auto; position:relative; height:auto; overflow:hidden;}
.scroll_wrap2 { display:block; }
.scroll_wrap2 h2 { display:block;overflow:hidden;}
.scroll_wrap2 h2 span  { box-sizing:border-box;writing-mode: vertical-rl; font-size:1.6rem; font-weight:bold; color:#fff; display:inline-block; padding:2vh 1vh;
 background-color:#ccc5bc; float:right; margin-right:2vh;}
.scroll_wrap2 .dl_box { overflow:hidden; display: flex;flex-wrap: wrap;}
.scroll_wrap2 dl { width: calc(50% - 4vh); border-left:20px solid #a48e78; margin:0 2vh; margin-bottom:4vh; box-sizing:border-box;background-color:#c0ab92;}
.scroll_wrap2 dl a {display:flex;flex-direction: row-reverse; }
.scroll_wrap2 dl dt {writing-mode: vertical-rl; background-color:#a48e78; padding:20px 24px 10px 20px;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:26vh; margin-right:5px;}
.scroll_wrap2 dl dd {flex:1;  position:relative; overflow:hidden; height:30vh;}
.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;}
.topic-note{font-family: FZS3JW !important;}

/**尾部**/
.foot { width:100%; /* height:250px; */ background-image:url(../images/bg_01.jpg); background-repeat:no-repeat; background-position:bottom center;min-width: 1260px;}
.foot dl { overflow:hidden;}
.foot dl dt img { width:200px; 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;}

.scroll_cont{margin-bottom: 120px;}
/**专题**/
.describe { overflow:hidden; background-image:url(/images/topic/wwhs/sub_note_bg.png); background-repeat: no-repeat; background-size:100% auto;
 padding:10px 20px 10px 20px; width:55%;box-sizing:border-box; text-align:left; position:relative; overflow:hidden; margin:0px auto;margin-bottom: 30px;
 height: 140px;background-position-y: center;display: flex; align-items: center; justify-content: center;}
.describe p { font-size:16px; line-height:30px; color:#715125; display:block; font-weight: bold;}
.end-note{padding-bottom: 40px; font-size: 18px;}
.topic-note p {margin-bottom: 10px;}
.main-note{overflow: hidden; width: 110px;}


