@charset "UTF-8";
a { outline: none; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a:focus { outline: 0; }

a:link, a:visited { color: inherit; text-decoration: none; }

a:hover { opacity: 0.85; filter: alpha(opacity=85); }

input, textarea, select { font: 12px/1.5 "微软雅黑", "宋体", arial, "Hiragino Sans GB W3", "Microsoft YaHei", Helvetica, sans-serif; outline: none; border: none; margin: 0px; padding: 0px; }

.fl { float: left; }

.fr { float: right; }

.header { border-bottom: solid 1px #f6f6f6; height: 140px; }

.header .header-top { height: 40px; background: #e29a66; }

.header .header-top .header-title { width: 1248px; margin: 0 auto; }

.header .header-top .header-title .left { float: left; height: 40px; line-height: 40px; color: #fff; font-size: 12px; }

.header .header-top .header-title .right { float: right; }

.header .header-top .header-title .right.text { line-height: 40px; height: 40px; color: #fff; font-size: 14px; margin: 0 0 0 20px; cursor: pointer; width: auto;padding: 0}

.header .header-top .header-title .right.language { background: #c78a5d; line-height: 25px; height: 25px; color: #fff; font-size: 14px; margin-left: 20px; margin-top: 8px; padding: 0 10px; border-radius: 25px; cursor: pointer; }

.header .header-top .header-title .right.language img { position: relative; top: -2px; }

.header .header-top .header-title .right .line { height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; color: #fff; float: left; }

.header .header-top .header-title .right .login { background: url("/STATIC/image/newIndex/index/login.png") no-repeat left center; color: #fff; height: 40px; padding-left: 40px; line-height: 40px; font-size: 14px; float: left; cursor: pointer; }

.header .header-top .header-title .right .regist, .header .header-top .header-title .right .logout { color: #fff; height: 40px; line-height: 40px; font-size: 14px; float: left; cursor: pointer; }

.header .header-top .header-title .right .user { color: #fff; height: 40px; line-height: 40px; font-size: 14px; float: left; }

.header .header-nav { height: 100px; width: 1248px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; }

.header .header-nav .logo { width: 163px; height: 100px; float: left; }

.header .header-nav .logo img { margin-top: 28px; }

/*.header .header-nav .nav-menu { float: left; width: 753px; height: 50px; line-height: 50px; background-color: #f3d7c2; border-radius: 25px; margin: 23px 0 0 15px; padding: 0 10px; }*/
.header .header-nav .nav-menu { float: left; height: 50px; line-height: 50px; background-color: #f3d7c2; border-radius: 25px; margin: 23px 0 0 15px; padding: 0 10px; }
.header .header-nav .nav-menu ul li { float: left; font-size: 18px; color: #000000; margin: 0 8px; cursor: pointer; }

.header .header-nav .nav-menu ul li.active { color: #fff; }

.header .header-nav .searchNew-box { float: right; margin-top: 24px;margin-right: 10px;position: relative;}

.header .header-nav .search-icon { display: block; width: 40px; height: 40px;margin-right: 15px;}

.header .header-nav .searchNew { width: 250px;position: absolute;right: 0;top: 52px; z-index: 2;}

.header .header-nav .searchNew .sd { width: 245px; height: 30px; border: 1px solid #303030; border-radius: 50px;background-color: #fff; }

.header .header-nav .searchNew .sd .selectNew { cursor: pointer; float: left; width: 80px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; height: 30px; line-height: 30px; font-size: 14px; background: url("/STATIC/image/newIndex/zh-cn/selectArrow.png") no-repeat right 3px center; }

.header .header-nav .searchNew .sd input { display: block; width: 130px; height: 30px; border: none; float: left; }

.header .header-nav .searchNew .sd .sb { float: right; width: 35px; height: 30px; background: url("/STATIC/image/newIndex/zh-cn/searchIcon.png") no-repeat center center; cursor: pointer; }

.header .header-nav .searchNew .sl { position: absolute; left: 5px; top: 32px; border: 1px solid #303030; display: none; z-index: 10; background-color: #fff; }

.header .header-nav .searchNew .sl li { /*width: 50px;*/ padding: 0 10px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; cursor: pointer; }

.header .header-nav .QRcode { float: right; width: 70px; height: 70px; padding: 5px 0 0; }

.header .header-nav .QRcode img { width: 70px; height: 70px; }

.header .header-nav .QRcode p { font-size: 12px; color: #000000; text-align: center; }

.footer { height: 130px; background: #e29a66; }

.footer .footer-content { width: 1248px; height: 130px; margin: 0 auto; }

.footer .footer-content div.img { float: left; width: 228px; height: 64px; margin-top: 30px; }

.footer .footer-content div.img img { width: 228px; height: 64px; }

.footer .footer-content div.char { float: left; margin: 30px 0 0 120px; }

.footer .footer-content div.char p { font-size: 12px; color: #fff; margin-bottom: 10px; }

.footer .footer-content .code { float: right; width: 300px; margin-top: 15px; }

.footer .footer-content .code .code-box { float: right; margin-left: 40px; }

.footer .footer-content .code .code-box .code-img { width: 76px; height: 76px; background: #fff; text-align: center; padding: 2px; }

.footer .footer-content .code .code-box .code-img img { width: 76px; height: 76px; }

.footer .footer-content .code .code-box p { font-size: 12px; color: #fff; text-align: center; margin-top: 5px; }

/*
    主体css
*/
.mainNew { width: 1248px; margin: auto; }

.mainNew .banner .swiper-container .swiper-slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.mainNew .banner .swiper-container .swiper-pagination { text-align: right !important; padding: 0 40px; -webkit-box-sizing: border-box; box-sizing: border-box; bottom: 40px; }

.mainNew .banner .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; vertical-align: middle; }

.mainNew .banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active { width: 10px; height: 10px; border: 1px solid rgba(255, 255, 255, 0.7); vertical-align: middle; background: #eda164; }

.mainNew .mod1 { width: 1248px; height: 358px; }

.mainNew .mod1 .md { width: 858px; height: 358px; position: relative; background-color: #d09566; }

.mainNew .mod1 .md .mdBtn { position: absolute; left: 106px; bottom: 50px; width: 328px; height: 76px; border-bottom: 1px solid #dab79b; }

.mainNew .mod1 .md .mdBtn .btn { float: left; width: 33.33%; height: 76px; text-align: center; cursor: pointer; }

.mainNew .mod1 .md .mdBtn .btn.on { font-weight: bold; border-bottom: 3px solid #fff; }

.mainNew .mod1 .md .mdBtn .btn.on p { font-size: 18px; }

.mainNew .mod1 .md .mdBtn .btn img { margin-bottom: 10px; width: 24px; height: 24px; -o-object-fit: scale-down; object-fit: scale-down; }

.mainNew .mod1 .md .mdBtn .btn p { font-size: 16px; color: #ffffff; }

.mainNew .mod1 .md .tit { width: 215px; position: absolute; left: 104px; top: 86px; }

.mainNew .mod1 .md .tit img { width: 215px; }

.mainNew .mod1 .user { height: 358px; width: 390px; background: url("/STATIC/image/newIndex/zh-cn/userBg.png") no-repeat center center; }

.mainNew .mod1 .user .ud { width: 254px; height: 309px; border-radius: 10px; background-color: #fff; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); margin: 25px 0 0 70px; overflow: hidden; }

.mainNew .mod1 .user .ud .tu { width: 254px; height: 135px; }

.mainNew .mod1 .user .ud .tu p { white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }

.mainNew .mod1 .user .ud .tu div { width: 33.33%; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; }

.mainNew .mod1 .user .ud .tu div:nth-child(2) { padding-top: 20px; font-size: 16px; color: #333333; }

.mainNew .mod1 .user .ud .tu div:nth-child(2) img { margin-bottom: 10px; width: 62px; height: 62px; }

.mainNew .mod1 .user .ud .bu td { width: 50%; height: 86px; border: 1px solid #f0f0f0; text-align: center; font-size: 14px; color: #333333; cursor: pointer; }

.mainNew .mod1 .user .ud .bu td:hover { background: #f6f6f6; }

.mainNew .mod2 { width: 1248px; height: 530px; padding-top: 100px; position: relative;background-color: #f8f0e9;}

.mainNew .mod2 > img { width: 1248px; position: absolute; left: 0; top: 0; }

.mainNew .mod2 .md { padding: 80px 55px 0;  }

.mainNew .mod2 .md .al { margin-right: -25px; position: relative; }

.mainNew .mod2 .md .al .more { cursor: pointer; font-size: 12px; line-height: 33px; color: #fff; position: absolute; right: 25px; bottom: -60px; width: 112px; height: 33px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 33px; background-color: #e29a66; }

.mainNew .mod2 .md .al .more img { width: 17px; height: 3px; position: relative; top: -3px; }

.mainNew .mod2 .md .al li { width: 260px; height: 358px; border-bottom: 5px solid #000000; float: left; background-color: #fff; margin-right: 33px; }

.mainNew .mod2 .md .al li:nth-last-child(1) { margin: 0; }

.mainNew .mod2 .md .al li .de { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 20px; }

.mainNew .mod2 .md .al li .de .info { border-bottom: 1px solid #f0f0f0; padding-bottom: 15px; }

.mainNew .mod2 .md .al li .de .info .tit { height: 21px; font-size: 16px; color: #333333; overflow: hidden; margin-bottom: 15px; }

.mainNew .mod2 .md .al li .de .info .tim { font-size: 12px; color: #999999; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }

.mainNew .mod2 .md .al li .de .count .btn { width: 200px; height: 40px; text-align: center; line-height: 40px; color: #fff; font-size: 16px; margin: 22px auto 0; background-color: #e29a66;}

.mainNew .mod2 .md .al li .de .count .tit { font-size: 12px; height: 30px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; margin-bottom: 5px; }

.mainNew .mod2 .md .al li .de .count .tim { line-height: 26px; font-size: 16px; }

.mainNew .mod2 .md .al li .de .count .tim span { display: inline-block; height: 26px; padding: 0 3px; color: #fff; background-color: #e29a66; text-align: center; font-size: 17px; margin: 0 1px; }

.mainNew .mod2 .md .al li .cov { width: 260px; height: 196px; -o-object-fit: cover; object-fit: cover; }

.mainNew .mod2 .md .title { font-size: 40px; color: #c88a59; text-align: center; font-weight: bold; margin-bottom: 50px; }

.mainNew .mod3 { width: 1248px; height: 700px; padding-top: 160px; position: relative; }

.mainNew .mod3 > img { width: 1248px; position: absolute; left: 0; top: 0; }

.mainNew .mod3 .md { padding: 80px 40px; height: 800px; }

.mainNew .mod3 .md div.cout { width: 33.33%; height: 521px; float: left; position: relative;cursor: pointer; }

.mainNew .mod3 .md div.cout .tit { margin-top: 180px; height: 90px; line-height: 90px; text-align: center; font-size: 42px; color: #ffffff; position: relative; }

.mainNew .mod3 .md div.cout .tit:after { content: ''; width: 165px; height: 5px; left: 0; right: 0; bottom: 0px; margin: auto; background-color: rgba(255, 255, 255, 0.5); position: absolute; }

.mainNew .mod3 .md div.cout .num { width: 300px; margin: 0 auto; }

.mainNew .mod3 .md div.cout .num div { width: 50%; margin-top: 40px; position: relative; }

.mainNew .mod3 .md div.cout .num div p { color: #fff; text-align: center; cursor: pointer;}

.mainNew .mod3 .md div.cout .num div p:nth-child(1) { font-size: 42px; }

.mainNew .mod3 .md div.cout .num div p:nth-child(2) { font-size: 14px; }

.mainNew .mod3 .md div.cout .num div.fl:after { content: ''; height: 60px; width: 2px; position: absolute; right: -1px; top: 0; bottom: 0; margin: auto; background-color: rgba(255, 255, 255, 0.3); }

.mainNew .mod3 .md div.cout:nth-child(1) { background: url("/STATIC/image/newIndex/zh-cn/mod3tsyd.png") no-repeat center center; background-size: 100% 100%; }

.mainNew .mod3 .md div.cout:nth-child(2) { background: url("/STATIC/image/newIndex/zh-cn/mod3qzwh.png") no-repeat center center; background-size: 100% 100%; }

.mainNew .mod3 .md div.cout:nth-child(3) { background: url("/STATIC/image/newIndex/zh-cn/mod3wbhd.png") no-repeat center center; background-size: 100% 100%; }

.mainNew .mod4 { width: 1248px; height: 456px; padding-top: 160px; position: relative; }

.mainNew .mod4 > img { width: 1248px; position: absolute; left: 0; top: 0; }

.mainNew .mod4 .md { width: 1248px; height: 456px; background: url("/STATIC/image/newIndex/zh-cn/whzcBg.png") no-repeat center center; position: relative; }

.mainNew .mod4 .md .cov { width: 655px; height: 191px; position: absolute; right: 100px; top: 180px; background: url("/STATIC/image/newIndex/zh-cn/whzcBtn.png") no-repeat center center; }

.mainNew .mod4 .md .cov .btn { width: 144px; height: 33px; text-align: center; line-height: 33px; color: #fff; font-size: 12px; position: absolute; right: 0px; bottom: 50px; cursor: pointer; background: #e29a66; border-radius: 54px 0 0 54px; }

.mainNew .mod4 .md .cov .btn .img1 { width: 28px; height: 17px; position: relative; top: 5px; margin-right: 5px; }

.mainNew .mod4 .md .cov .btn .img2 { width: 18px; height: 4px; position: relative; top: -2px; margin-left: 5px; }

.mainNew .mod4 .md .cov .text { font-size: 31px; color: #fff; font-style: italic; position: absolute; left: 321px; top: 30px; }

.mainNew .mod4 .md .num { width: 291px; height: 162px; background: url("/STATIC/image/newIndex/zh-cn/whzcLine.png") no-repeat center center; position: absolute; left: 114px; top: 70px; }

.mainNew .mod4 .md .num div { width: 145px; height: 81px; float: left; text-align: center; }

.mainNew .mod4 .md .num div p:nth-child(1) { font-size: 38px; color: #fff; }

.mainNew .mod4 .md .num div p:nth-child(2) { line-height: 30px; font-size: 14px; color: #fff; }

.mainNew .mod5 { width: 1248px; height: 700px; padding-top: 160px; position: relative; }

.mainNew .mod5 > img { width: 1248px; position: absolute; left: 0; top: 0; }

.mainNew .mod5 .md { padding: 80px 100px; height: 800px; }

.mainNew .mod5 .md div.cout { width: 33.33%; height: 521px; float: left; position: relative; cursor: pointer;}

.mainNew .mod5 .md div.cout .tit { margin-top: 180px; height: 90px; line-height: 90px; text-align: center; font-size: 42px; color: #ffffff; position: relative; }

.mainNew .mod5 .md div.cout .tit:after { content: ''; width: 125px; height: 5px; left: 0; right: 0; bottom: 0px; margin: auto; background-color: rgba(255, 255, 255, 0.5); position: absolute; }

.mainNew .mod5 .md div.cout .num { width: 300px; margin: 0 auto; }

.mainNew .mod5 .md div.cout .num div { width: 50%; margin-top: 40px; position: relative; }

.mainNew .mod5 .md div.cout .num div p { color: #fff; text-align: center; }

.mainNew .mod5 .md div.cout .num div p:nth-child(1) { font-size: 42px; }

.mainNew .mod5 .md div.cout .num div p:nth-child(2) { font-size: 14px; }

.mainNew .mod5 .md div.cout .num div.fl:after { content: ''; height: 60px; width: 2px; position: absolute; right: -1px; top: 0; bottom: 0; margin: auto; background-color: rgba(255, 255, 255, 0.3); }

.mainNew .mod5 .md div.cout:nth-child(1) { background: url("/STATIC/image/newIndex/zh-cn/mod5tsg.png") no-repeat center center; background-size: 100% 100%; }

.mainNew .mod5 .md div.cout:nth-child(2) { background: url("/STATIC/image/newIndex/zh-cn/mod5whg.png") no-repeat center center; background-size: 100% 100%; }

.mainNew .mod5 .md div.cout:nth-child(3) { background: url("/STATIC/image/newIndex/zh-cn/mod5bwg.png") no-repeat center center; background-size: 100% 100%; }

.mainNew .mod6 { width: 1248px; height: 753px; padding-top: 160px; position: relative; }

.mainNew .mod6 > img { width: 1248px; position: absolute; left: 0; top: 0; }

.mainNew .mod6 .md { padding: 40px 100px; }

.mainNew .mod6 .md .sl ul { width: 960px; margin: auto; }

.mainNew .mod6 .md .sl li { width: 160px; float: left; cursor: pointer; position: relative; padding-bottom: 20px; }

.mainNew .mod6 .md .sl li div { width: 40px; height: 40px; margin: auto; background-position-y: 0; }

.mainNew .mod6 .md .sl li p { text-align: center; font-size: 18px; color: #999; }

.mainNew .mod6 .md .sl li:nth-child(1) div { background-image: url("/STATIC/image/newIndex/zh-cn/whejIconList.png"); background-repeat: no-repeat; background-position-x: 0; }

.mainNew .mod6 .md .sl li:nth-child(2) div { background-image: url("/STATIC/image/newIndex/zh-cn/whejIconList.png"); background-repeat: no-repeat; background-position-x: -40px; }

.mainNew .mod6 .md .sl li:nth-child(3) div { background-image: url("/STATIC/image/newIndex/zh-cn/whejIconList.png"); background-repeat: no-repeat; background-position-x: -80px; }

.mainNew .mod6 .md .sl li:nth-child(4) div { background-image: url("/STATIC/image/newIndex/zh-cn/whejIconList.png"); background-repeat: no-repeat; background-position-x: -116px; }

.mainNew .mod6 .md .sl li:nth-child(5) div { background-image: url("/STATIC/image/newIndex/zh-cn/whejIconList.png"); background-repeat: no-repeat; background-position-x: -160px; }

.mainNew .mod6 .md .sl li:nth-child(6) div { background-image: url("/STATIC/image/newIndex/zh-cn/whejIconList.png"); background-repeat: no-repeat; background-position-x: -200px; }

.mainNew .mod6 .md .sl li.on:after { width: 40%; height: 4px; content: ''; background-color: #c88a59; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; }

.mainNew .mod6 .md .sl li.on div { background-position-y: -40px; }

.mainNew .mod6 .md .sl li.on p { color: #333333; font-weight: bold; }

.mainNew .mod6 .md .al { margin-right: -25px; position: relative; }

.mainNew .mod6 .md .al .more { cursor: pointer; font-size: 12px; line-height: 33px; color: #fff; position: absolute; right: 25px; bottom: -60px; width: 112px; height: 33px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 33px; background-color: #e29a66; }

.mainNew .mod6 .md .al .more img { width: 17px; height: 3px; position: relative; top: -3px; }

.mainNew .mod6 .md .al li { width: 338px; height: 225px; position: relative; float: left; margin: 13px 13px 13px 0; }

.mainNew .mod6 .md .al li > a > img { width: 338px; height: 225px; }

.mainNew .mod6 .md .al li .pop { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.3); }

.mainNew .mod6 .md .al li .pop .pd { height: 150px; width: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 0; }

.mainNew .mod6 .md .al li .pop .pd img { margin: 0 auto 10px; display: block; }

.mainNew .mod6 .md .al li .pop .pd p { text-align: center; color: #ffffff; font-size: 22px; }

.mainNew .mod7 { width: 1248px; height: 456px; padding-top: 160px; position: relative; }

.mainNew .mod7 > img { width: 1248px; position: absolute; left: 0; top: 0; }

.mainNew .mod7 .md { width: 1248px; height: 456px; background: url("/STATIC/image/newIndex/zh-cn/wsshBg.jpg") no-repeat center center; position: relative; }

.mainNew .mod7 .md .cov { width: 655px; height: 191px; position: absolute; right: 100px; top: 180px; background: url("/STATIC/image/newIndex/zh-cn/wsshBtn.png") no-repeat center center; }

.mainNew .mod7 .md .cov .btn { width: 144px; height: 33px; text-align: center; line-height: 33px; color: #fff; font-size: 12px; position: absolute; right: 0px; bottom: 50px; cursor: pointer; background: #e29a66; border-radius: 54px 0 0 54px; }

.mainNew .mod7 .md .cov .btn .img1 { width: 28px; height: 17px; position: relative; top: 5px; margin-right: 5px; }

.mainNew .mod7 .md .cov .btn .img2 { width: 18px; height: 4px; position: relative; top: -2px; margin-left: 5px; }

.mainNew .mod7 .md .cov .text { font-size: 31px; color: #fff; font-style: italic; position: absolute; left: 321px; top: 30px; }

.mainNew .mod7 .md .num { width: 291px; height: 162px; background: url("/STATIC/image/newIndex/zh-cn/whzcLine.png") no-repeat center center; position: absolute; left: 114px; top: 70px; }

.mainNew .mod7 .md .num div { width: 145px; height: 81px; float: left; text-align: center; }

.mainNew .mod7 .md .num div p:nth-child(1) { font-size: 38px; color: #fff; }

.mainNew .mod7 .md .num div p:nth-child(2) { line-height: 30px; font-size: 14px; color: #fff; }

.mainNew .mod8 { width: 1248px; height: 540px; padding-top: 160px; position: relative; }

.mainNew .mod8 > img { width: 1248px; position: absolute; left: 0; top: 0; }

.mainNew .mod8 .md { padding: 45px 0px; }

.mainNew .mod8 .md .sl { margin-bottom: 12px; }

.mainNew .mod8 .md .sl ul { width: 1000px; margin: auto; }

.mainNew .mod8 .md .sl li { width: 80px; float: left; cursor: pointer; position: relative; padding-bottom: 20px; }

.mainNew .mod8 .md .sl li div { width: 40px; height: 40px; margin: auto; background-position-y: 0; }

.mainNew .mod8 .md .sl li p { text-align: center; font-size: 18px; color: #999; }

.mainNew .mod8 .md .sl li:nth-child(1) div { background-image: url("/STATIC/image/newIndex/zh-cn/whstIconList.png"); background-repeat: no-repeat; background-position-x: 0; }

.mainNew .mod8 .md .sl li:nth-child(2) div { background-image: url("/STATIC/image/newIndex/zh-cn/whstIconList.png"); background-repeat: no-repeat; background-position-x: -40px; }

.mainNew .mod8 .md .sl li:nth-child(3) div { background-image: url("/STATIC/image/newIndex/zh-cn/whstIconList.png"); background-repeat: no-repeat; background-position-x: -80px; }

.mainNew .mod8 .md .sl li:nth-child(4) div { background-image: url("/STATIC/image/newIndex/zh-cn/whstIconList.png"); background-repeat: no-repeat; background-position-x: -120px; }

.mainNew .mod8 .md .sl li:nth-child(5) div { background-image: url("/STATIC/image/newIndex/zh-cn/whstIconList.png"); background-repeat: no-repeat; background-position-x: -160px; }

.mainNew .mod8 .md .sl li:nth-child(6) div { background-image: url("/STATIC/image/newIndex/zh-cn/whstIconList.png"); background-repeat: no-repeat; background-position-x: -198px; }

.mainNew .mod8 .md .sl li:nth-child(7) div { background-image: url("/STATIC/image/newIndex/zh-cn/whstIconList.png"); background-repeat: no-repeat; background-position-x: -235px; }

.mainNew .mod8 .md .sl li:nth-child(8) div { background-image: url("/STATIC/image/newIndex/zh-cn/whstIconList.png"); background-repeat: no-repeat; background-position-x: -275px; }

.mainNew .mod8 .md .sl li:nth-child(9) div { background-image: url("/STATIC/image/newIndex/zh-cn/whstIconList.png"); background-repeat: no-repeat; background-position-x: -314px; }

.mainNew .mod8 .md .sl li:nth-child(10) div { background-image: url("/STATIC/image/newIndex/zh-cn/whstIconList.png"); background-repeat: no-repeat; background-position-x: -354px; }

.mainNew .mod8 .md .sl li:nth-child(11) div { background-image: url("/STATIC/image/newIndex/zh-cn/whstIconList.png"); background-repeat: no-repeat; background-position-x: -392px; }

.mainNew .mod8 .md .sl li:nth-child(12) div { background-image: url("/STATIC/image/newIndex/zh-cn/whstIconList.png"); background-repeat: no-repeat; background-position-x: -431px; }

.mainNew .mod8 .md .sl li.on:after { width: 75%; height: 4px; content: ''; background-color: #c88a59; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; }

.mainNew .mod8 .md .sl li.on div { background-position-y: -40px; }

.mainNew .mod8 .md .sl li.on p { color: #333333; font-weight: bold; }

.mainNew .mod8 .md .al { position: relative; }

.mainNew .mod8 .md .al li { width: 297px; height: 286px; float: left; background-color: #fff; margin-right: 20px; }

.mainNew .mod8 .md .al li:nth-last-child(1) { margin: 0; }

.mainNew .mod8 .md .al li img { width: 297px; height: 223px; -o-object-fit: cover; object-fit: cover; display: block; }

.mainNew .mod8 .md .al li p { padding: 0 30px; line-height: 66px; height: 66px; color: #333333; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; text-align: center; }

.mainNew .mod8 .md .al .more { cursor: pointer; font-size: 12px; line-height: 33px; color: #fff; position: absolute; right: 25px; bottom: -60px; width: 112px; height: 33px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 33px; background-color: #f3954b; }

.mainNew .mod8 .md .al .more img { width: 17px; height: 3px; position: relative; top: -3px; }

.mainNew .banner, .mainNew .banner .swiper-container, .mainNew .banner .swiper-container .swiper-slide { width: 1248px; height: 607px; }

.mainNew .mod1 .md .mdImg { width: 305px; height: 351px; position: absolute; right: 0px; top: 5px; }

.mainNew .mod1 .md .mdImg img { width: 305px; height: 351px; }

.mainNew .mod1 .user .ud .tu div:nth-child(1), .mainNew .mod1 .user .ud .tu div:nth-child(3) { padding-top: 40px; font-size: 14px; color: #333333; }

.mainNew .mod1 .user .ud .tu div:nth-child(1) img, .mainNew .mod1 .user .ud .tu div:nth-child(3) img { margin-bottom: 5px; width: 41px; height: 41px; }

.mainNew .mod1 .user .ud .bu td:nth-child(1), .mainNew .mod1 .user .ud .bu td:nth-child(3) { border-left: none; border-bottom: none; }

.mainNew .mod1 .user .ud .bu td:nth-child(2), .mainNew .mod1 .user .ud .bu td:nth-child(4) { border-right: none; border-bottom: none; }

/* start 文化地图 */
.crumbs { width: 1140px; margin: 0 auto; font-size: 12px; color: #999; padding: 20px 0; }

.crumbs a { color: #999; }

.map-sear-wrap { width: 1248px; margin: 0 auto; background-color: #fff; padding: 20px 0 10px 0; }

.map-filter { width: 1140px; padding: 0 30px; margin: 0 auto; margin-bottom: 10px; }

.map-filter .lab { float: left; width: 90px; font-size: 12px; color: #666; line-height: 25px; }

.map-filter .list-1 { float: left; width: 1050px; }

.map-filter .list-1 .item { float: left; display: block; font-size: 16px; color: #333; line-height: 30px; border-bottom: 2px solid transparent; padding: 0 8px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 15px; margin-bottom: 10px; }

.map-filter .list-1 .item.on { color: #e29a66; border-bottom-color: #e29a66; }

.map-filter .list-2 { float: left; width: 1050px; }

.map-filter .list-2 .item { float: left; display: block; font-size: 12px; color: #666; line-height: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 28px; margin-bottom: 10px; }

.map-filter .list-2 .item.on { color: #e29a66; }

.map-filter .list-3 { float: left; width: 1050px; }

.map-filter .list-3 .item { float: left; display: block; font-size: 12px; color: #666; line-height: 25px; height: 23px; border: 1px solid #ccc; padding: 0 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 20px; margin-bottom: 10px; }

.map-filter .list-3 .item.on { color: #fff; border-color: #e29a66; background-color: #e29a66; }

.cultureMapInfo { width: 265px; padding: 10px 20px; }

.cultureMapInfo .tit { font-size: 18px; color: #010101; font-weight: bold; }

.cultureMapInfo .char { padding-top: 10px; }

.cultureMapInfo .char .cInf { font-size: 14px; color: #656565; line-height: 20px; margin-top: 10px; }

.cultureMapInfo .cmBtn { margin-top: 25px; }

.cultureMapInfo .cmBtn .btn { display: block; width: 120px; font-size: 14px; color: #fff; height: 36px; line-height: 36px; text-align: center; }

.cultureMapInfo .cmBtn .btn:first-child { float: left; background-color: #4e89cc; }

.cultureMapInfo .cmBtn .btn:last-child { float: right; background-color: #e29a66; }