@charset "utf-8";
/* CSS Document */
body{ background: url(../images/fy-banner.jpg) no-repeat center top #f4f9fc;}

.top-header{height: 37px !important; line-height: 37px !important; border-bottom:none !important;background:rgba(255,255,255,0.5) !important;}
.header-container .hc-left-box .icon-line{ background: #444;}
.top-header a,.top-header li{ color:#444;}
 
.content-box{ width:1210px;}
.minddle-main{ background: none !important;}
.logoBanner{width:1200px; margin: 0 auto;padding-top:25px;}
.logo{ width:337px;}
.logo img{width: 100%;}

.bannercy{width:930px; height: 145px;margin:0 auto; text-align: center;margin-top:-10px;}
.minddle-main{ width:100%; margin: 0 auto; margin-top:15px;}
.mgCenterBox{ width:100%; background: #fff;padding:15px; box-sizing: border-box; border-radius: 15px;margin:15px auto; position: relative;min-height: 500px;padding-bottom:20px;margin-bottom:40px;}


.location{ width:100%;margin: 0 auto;line-height:26px; height:35px; background:url(../images/locai1.png) no-repeat 5px 4px;  padding-left:30px; font-size:14px; z-index: 99;border-bottom:1px solid #dedede; box-sizing: border-box;}
.location a{ margin:0px 5px;}
.akfyBox{ width: 97%;margin: 0 auto;margin-top:10px;}
.akfyBox .hd{ height:56px; background: url(../images/fy-line.png) no-repeat 0 20px; margin-top:10px;}
.akfyBox .hd ul{ width:435px; margin: 0 auto; }
.akfyBox .hd ul li{ width:160px; float: left; height: 56px; margin:0 25px; line-height: 56px; font-size: 20px; color: #fff; background: url(../images/fy-btbg1.png) no-repeat; text-align: center;}
.akfyBox .hd ul li.on,.akfyBox .hd ul li:hover{ background: url(../images/fy-btbg2.png) no-repeat; font-weight: bold;}
.fyBox{ width:100%;margin:0 auto;margin-top:60px;}
.fymap{ width:716px; height:844px;margin-top:90px;margin-left:50px;}


.dialectBox{ width:100%; position: relative; }
.dialectBox .inHd{ width:750px;position: absolute; top:0; left: 0; height: 800px; }
.dialectBox .inHd ul{width:100%; }
.dialectBox .inHd li{  position: absolute; box-sizing: border-box; cursor: pointer; width:120px; height: 60px; }
.dialectBox .inHd li:hover{  transition: 400ms; }
.dialectBox .inHd li h4{ display: block;width:100%;}
.dialectBox .inHd li h4 i,.dialectBox .inHd li h4 span{ display: block; margin: 0 auto;}
.dialectBox .inHd li h4 i{ width:38px; height: 38px; margin-bottom:3px;}
.dialectBox .inHd li h4 span{ text-align: center; font-size: 15px; color: #d30000; line-height: 20px;box-sizing: border-box;}

li.ghua1{ top:420px; left:83px;}
li.ghua2{ top:430px; left:157px;}
li.ghua3{ top:511px; left:173px;}
li.ghua4{ top:460px; left:365px;}
li.ghua5{ top:543px; left:258px;}
li.ghua6{ top:614px; left:113px;}
li.ghua7{ top:728px; left:406px;}
li.ghua8{ top:489px; right:5px;}


/*.dialectBox .inHd li.ghua1{ width:461px; height: 513px; top:259px; left:122px;z-index: 9;}
.dialectBox .inHd li.ghua1 h4{margin-left:-5px;margin-top:160px;}
.dialectBox .inHd li.ghua1 h4 span{ text-align: left;margin-left:0px; }
.dialectBox .inHd li.ghua1:hover{ background: url(../images/fymap-1-xnjh-hh.png) no-repeat;}

.dialectBox .inHd li.ghua2{ top:425px; left:202px; width:125px; height: 71px;}
.dialectBox .inHd li.ghua2 h4{margin-top:-10px;margin-left:-10px;}
.dialectBox .inHd li.ghua2 h4 span{margin-top:15px; text-align: left;padding-left: 8px;}
.dialectBox .inHd li.ghua2:hover{ background: url(../images/fymap-2-xyq.png) no-repeat;}

.dialectBox .inHd li.ghua3{ top:366px; left:132px;width:143px; height: 180px;}
.dialectBox .inHd li.ghua3 h4{margin-top:144px;margin-left:72px;}
.dialectBox .inHd li.ghua3 h4 span{ text-align: left;padding-left: 8px;}
.dialectBox .inHd li.ghua3:hover{ background: url(../images/fymap-3-gyq.png) no-repeat;}

.dialectBox .inHd li.ghua4{ top:398px; left:257px;width:465px;height: 165px;z-index: 9;}
.dialectBox .inHd li.ghua4 h4{margin-top:57px;margin-left:142px;}
.dialectBox .inHd li.ghua4 h4 span{ text-align: left;margin-left:-10px;}
.dialectBox .inHd li.ghua4:hover{ background: url(../images/fymap-4-zhongygh.png) no-repeat;}

.dialectBox .inHd li.ghua5{ top:515px; left:244px;width:201px;height: 93px;}
.dialectBox .inHd li.ghua5 h4{margin-top:25px;margin-left:52px;}
.dialectBox .inHd li.ghua5 h4 span{ text-align: left;margin-left:-30px;}
.dialectBox .inHd li.ghua5:hover{ background: url(../images/fymap-5-zyjh-hh.png) no-repeat;}

.dialectBox .inHd li.ghua6{ top:93px; left:52px;width:530px;height: 842px;}
.dialectBox .inHd li.ghua6 h4{margin-top:502px;margin-left:103px;}
.dialectBox .inHd li.ghua6 h4 span{ text-align: left;margin-left:-10px;}
.dialectBox .inHd li.ghua6:hover{ background: url(../images/fymap-6-xnghq.png) no-repeat;}

.dialectBox .inHd li.ghua7{ top:730px; left:449px;width:56px; height: 34px;z-index: 9; }
.dialectBox .inHd li.ghua7 h4{margin-top:0px;margin-left:-10px;}
.dialectBox .inHd li.ghua7 h4 span{ text-align: left;margin-left:-10px;}
.dialectBox .inHd li.ghua7:hover{ background: url(../images/fymap-7-bxy.png) no-repeat;}

.dialectBox .inHd li.ghua8{ top:116px; left:147px;width:620px; height: 614px; }
.dialectBox .inHd li.ghua8 h4{margin-top:370px;margin-left:490px;}
.dialectBox .inHd li.ghua8 h4 span{ text-align: left;margin-left:-10px;margin-top:-5px;}
.dialectBox .inHd li.ghua8:hover{ background: url(../images/fymap-8-jhgh.png) no-repeat;}
*/




.dialectBox .inBd{ position: absolute; top:0; right:0; z-index: 99;width: 575px;}

.jughuang{width:575px;background: url(../images/yfkuangmiddle.jpg) repeat-y;}
.fykuangtop{ width:575px;height: 24px;}
.fyjieshao{ width:100%}
.fyjieshao .jstit{width:200px;margin: 0 auto; height: 33px; line-height: 33px; background: url(../images/fy-titbg2.png) no-repeat center; background-size: cover; overflow:hidden;zoom:1; text-align: center; }
.fyjieshao .jstit h3{ display: inline-block; padding-left:28px; background: url(../images/fyjs-icon1.png) no-repeat 0 3px;line-height: 33px; font-weight: bold; color:#d57e11; margin: 0 auto;}
.jsWenBox{ width:92%; margin:0 auto;margin-top:15px; box-sizing: border-box;}
.jsWenBox p{ line-height: 30px;}
.fymore{ width:146px; height: 40px; background: url(../images/fy-morebg.png) no-repeat; font-size: 16px; line-height: 40px; padding-left:30px;margin-top:5px;margin-left:420px;}
.fymore:hover{ background: url(../images/fy-morebg2.png) no-repeat; color: #fff; }
.fymore:hover a{color: #fff;}


/*---历史成因---*/
.historyBox{width:100%; margin-top:27px;}
.ghua1One{ width:100%; border-bottom: 4px solid #d8bba7;}
.ghtu{ width:100%; height: 247px;padding-top:37px; box-sizing: border-box; position: relative;}

.zhongyuan1{ width:100%; background: url(../images/fy-ls-bg1.jpg) no-repeat; }
.zhongyuan2{ width:100%; background: url(../images/fy-ls-bg2.jpg) no-repeat;}
.zhongyuan3{ width:100%; background: url(../images/fy-ls-bg3.jpg) no-repeat;}

.zhongyuan1 .title{ width:424px; height: 173px;padding-left:37px;}
.zhongyuan2 .title{ width:399px; height: 164px;padding-left:707px;}
.zhongyuan3 .title{ width:452px; height: 158px;padding-left:37px;}

.ghtu .arrow{ width:22px; height:20px; cursor: pointer; position: absolute; bottom:20px; left:48%;}
.lswh{ width:100%; padding-bottom:10px}
.liscyOne{ width:100%; background: url(../images/fy-line2.png) no-repeat top #fbf7f7;padding:30px 0 20px 0; box-sizing: border-box;}
.wenTxtBox{ width:100%;overflow-y: scroll; height:230px; padding:0 20px; box-sizing: border-box; line-height: 35px; }

.ghua1Tow{border-bottom: 4px solid #9cb2cb;}
.liscyTow{background: url(../images/fy-line3.png) no-repeat top #f7eee8;padding:30px 0 20px 0; box-sizing: border-box;}
.liscyThree{background: url(../images/fy-line4.png) no-repeat top #e6f0fe;padding:30px 0 20px 0; box-sizing: border-box;}


/*--滚动条设置--*/
.scroll-1 {
        width:100%;      
       
    }
    .scroll-1 .wenwu_nr {
        width:100%;
        height:330px;
    }   
 .scroll-1::-webkit-scrollbar {
        width:4px;
        height:4px;
    }
    .scroll-1::-webkit-scrollbar-button    {
        background-color:#efe1e0;
    }
    .scroll-1::-webkit-scrollbar-track     {
        background:#efe1e0;
    }
    .scroll-1::-webkit-scrollbar-track-piece {
        background:#efe1e0;
    }
    .scroll-1::-webkit-scrollbar-thumb{
        background:#f8ba26;
        border-radius:4px;
    }
    .scroll-1::-webkit-scrollbar-corner {
        background:#efe1e0;
    }
    .scroll-1::-webkit-scrollbar-resizer  {
        background:#efe1e0;
    }