@charset "utf-8"; /* css document */ /* 通用属性 */ * { margin:0; padding:0; list-style:none; } body { font-size:14px; color:#000; font-family:microsoft yahei,sans-serif; } img { border:0; vertical-align:top; } html, body {width: 100%;max-width: 100%;min-width: 320px;min-height: 100%;height: auto;} address, caption, cite, code, dfn, em, th, dt, var {font-style: normal;font-weight: normal;} /* a */ a { color:#333; text-decoration:none; } a:visited { } a:active, a:hover { text-decoration:none; color:#892024; } a:focus { outline:none; text-decoration:none; } h1,h2,h3,h4,h5,h6 { font-weight:normal; } h1,h2,h3,h4,h5,h6,p,ol,ul{padding: 0;margin: 0;} :focus{outline: none;} .ovfl{overflow: hidden;} .flex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .lflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .ltflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; } .lbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; } .rflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .rtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; } .rbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; } .mflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .mtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .mbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .transition300em{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;} .donghua{-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} ::after, ::before {-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;} .dhwz{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .mar0a{margin: 0 auto;} input { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; } textarea { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; } @media (min-width: 1260px){ .container {width: 1230px;} } @media (max-width:767px) { .container{padding-left: 10px;padding-right: 10px;width: 100%;} .row{margin-left: -10px;margin-right: -10px;} /* body{padding-bottom: 50px;} */ } /*头部*/ .head{ width:100%; height:90px; position:fixed; top:0; left:0; z-index:9999; background:#fff;border-bottom: 1px solid #ccc;} .header_space{ width:100%; height:90px;} /*头部logo*/ .logo{ float:left; margin-top:23px;} .logo img{height: 44px;} @media only screen and (max-width: 414px) { .head,.header_space{ height:65px!important;} .logo{ margin-top:10px} } @media only screen and (max-width: 379px) { .logo{margin-top: 15px;} .logo img{height: 35px;} } .nav{ float:right;height:90px; position:relative} #shop { float:right; height:100%; margin-left:15px; } #shop i{ display:block; ; float:left; cursor:pointer; font-style:normal} #shop #head-search{width:50px; height:100%; background:url(/uploads/image/tdiimages/icon-search.png) no-repeat center;} #shop #head-nav{ width:95px; height:32px; border:1px solid #dcdcdc; margin-top:29px; font-size:14px; color:#999; line-height:32px; text-indent:12px; background:url(/uploads/image/tdiimages/i11.gif) no-repeat 74px center #fafafa;} #shop #m-head-nav{height: 16px;position: relative;float: left;display:none;margin-left: 20px;margin-top: 36px;width: 24px;} #shop #m-head-nav .line{width: 24px;height: 2px;background-color: #892024;position: absolute;left: 0px;top: 7px;} #shop #m-head-nav .line1{margin-top: -7px;} #shop #m-head-nav .line3{margin-top: 7px;} #shop #m-head-nav[data-active="on"] .line1{margin-top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} #shop #m-head-nav[data-active="on"] .line2{display: none;} #shop #m-head-nav[data-active="on"] .line3{margin-top: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);} #shop a{ display:block; width:28px; height:96px; float:left;} #shop .btn-search{position:absolute; top:30px; right:0px; width:28px; height:28px; background: no-repeat center} #shop .btn-lang {position:absolute;top:30px; right:48px; width:28px; height:28px; background: no-repeat center} #nav{ float:right;} #nav>li{float:left;position: relative;} #nav>i{float: left;line-height: 90px;font-style: normal;color: #a0a0a0;font-size: 12px;} #nav>li>a{position:relative; z-index:2; display:block; width:100%; height:100%; padding:0 10px; font-size:14px; line-height:90px; text-align:center; color:#222; -webkit-transition:color 200ms; transition:color 200ms;} .nav2{position: absolute;top: 88px;left: 50%;margin-left:-60px;border-top: 2px solid #872024;background: #fff;width: 120px;box-shadow: 0 3px 5px 1px rgba(0,0,0,.2);z-index: 999999;display: none;} .nav2li{height: 40px;font-size: 14px;line-height: 40px;border-top: 1px solid #ddd;text-align: center;} .nav2li:first-child{border:0} .nav2name{display: block;color: #444444;padding: 0 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .3s;-webkit-transition: all .3s;} .nav2name:hover{background-color: #e5e5e5;color: #892024;} #nav>li.on>a, #nav>li:hover>a{background:#600624;color:#fff;} #nav>li:hover>.nav2{display: block;} @media only screen and (max-width: 1200px) { #nav{ display:none} #shop #m-head-nav{ display:block} } @media only screen and (max-width: 500px) { #shop { margin-left:0px; } } @media only screen and (max-width: 460px) { #shop #head-nav{width: 50px;height: 100%;background: url(/uploads/image/tdiimages/icon-nav.png) no-repeat center;border:none;margin-top: 0;font-size: 0;} } @media only screen and (max-width: 414px) { .nav{ height:65px;} #shop #head-search, #shop #head-nav{width: 35px;} #shop #m-head-nav{ margin-top:24.5px; margin-left:10px;} .mm-nav-box{ top:65px!important;} } .q_search {position: fixed;z-index: 88888;width: 100%;height: 100%;left: 0px;top: 0px;background: #000;opacity: 0.8;filter: alpha(opacity=80);} .q_search .wrap{ height:100%; position:relative;} .q_search a {cursor: pointer;position: absolute;z-index: 8888} .sousuo_an {position: relative;top: 5px;cursor: pointer;} .sousuo_kuang {margin: 0 auto;text-align: center;width: 100%;height: 100%;position: relative;} .sousuo_kuang .kuang {width:100%; position:absolute; top: 169px;left: 0;height: 68px;border: 1px solid #535353;z-index: 9999;} .sousuo_kuang .kuang .text {border: none;background: none;font-size: 36px;font-family: arial, helvetica, sans-serif;color: #a7a7a7;height:68px;line-height:68px;padding: 15px 2%;width: 80%;float: left;} .sousuo_kuang .kuang .searchgo {border: none;width: 7%;margin-right: 1%;height: 68px;background: no-repeat center;background-size: 50% auto;min-width: 40px;cursor: pointer;} .q_search .guanbi {width: 37px;height: 37px;background: url(/uploads/image/tdiimages/ico_116.png) no-repeat center;position: fixed;right: 3%;top: 50px;cursor: pointer;z-index: 99;} @media only screen and (max-width: 414px) { .sousuo_kuang .kuang .text{font-size: 18px;} } /*侧边栏*/ .mask{width:100%;height:100%;background:#000;-webkit-opacity:0.5;opacity:0.5;filter:alpha(opacity=50);z-index:900;position:fixed;top:0;left:0;display:none;} .sitemap{width:360px; height:100%; background:#fff;z-index:99999999;position:fixed;right:-100%;top:0; } .sitemap-con{width:100%; height:100%; overflow-y: scroll;} .sitemap-head{width:100%;height:90px;padding:0 24px; background:#892024;} .sitemap-head h2{font-size: 16px;color:#fff;line-height:90px;float:left;} .sitemap-head a.sitemap-close{width:46px;height:46px;background:url(/uploads/image/tdiimages/close.png) no-repeat center center;float:right;margin-top:22px;} .sitemap-nav{width:100%;padding:10px 24px;} .sitemap-nav dl{width:100%; padding:10px 0;margin-bottom:8px;border-bottom:2px #f4f4f4 solid;} .sitemap-nav dt{font-size:16px;color:#333333; padding-bottom:10px;} .sitemap-nav dd{float:left;margin:0px 20px 5px 0px;} .sitemap-nav dd a{font-size:13px;color:#999999;} .sitemap-nav dd a:hover{ color:#892024} .sitemap-code{ width:100%; padding:0 24px} .sitemap-code .text{ padding-left:30px; color: #666; font-size: 13px; line-height:26px; height:26px; background-image: url(/uploads/image/tdiimages/icon_wx.png); background-repeat:no-repeat; background-position:center left; background-size:auto 100%; margin-bottom:10px;} .sitemap-code .code{ width:180px;line-height: 30px;padding-left: 30px;} @media only screen and (max-width: 414px) { .sitemap{ width:100%;} .sitemap-head{ height:65px} .sitemap-head h2{ line-height:65px;} .sitemap-head a.sitemap-close{ width:30px; height:30px; margin-top:17.5px} } /*小屏幕导航*/ .mm-nav-box{overflow:hidden;position: fixed;top: 90px;right: 0;width: 100%;height: 100%;z-index: 998;display: none;-webkit-transform: translatey(-100%);-moz-transform: translatey(-100%);-ms-transform: translatey(-100%);-o-transform: translatey(-100%);transform: translatey(-100%);} .mm-nav-box[data-on="active"]{-webkit-transform: translatex(0);-moz-transform: translatex(0);-ms-transform: translatex(0);-o-transform: translatex(0);transform: translatex(0);} .mm-nav-box .mm-wrap{position: fixed;top: 0;right: 0;bottom:90px;overflow:hidden;overflow-y:auto;width: 40%;padding-bottom: 15px;z-index: 100;} .mm-nav-box .mm-wrap:before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #fff;z-index: -1;} .mm-nav-box .mm-wrap ul{background:#fff;} .mm-nav-box .mm-nav .li1{margin: 0 20px;line-height: 60px;border-bottom: 1px solid rgba(0,0,0,.15);} .mm-nav-box .mm-nav .li1 .a1{display: block;color: #222222;font-size: 16px;} .mm-nav-box .mm-nav .li1.on .a1{color: #e00000;} .mm-nav-box .mm-nav .li1.on .mm-title{border-color: #e00000;} .mm-nav-box .mm-nav .li1 .mm-title{position: relative;height: 60px;line-height: 60px;} .mm-nav-box .mm-nav .li1 .mm-title .a1{position: absolute;top: 0;left: 0;height: 100%;z-index: 10;} .mm-nav-box .mm-nav .li1 .mm-title .click{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .mm-nav-box .mm-nav .li1 .mm-title .click:after{content: "";position: absolute;top: 50%;right: 20px;width: 6px;height: 6px;border-top: 1px solid #222222;border-right: 1px solid #222222;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);margin-top: -3px;} .mm-nav-box .mm-nav .li1.on .mm-title .click:after{border-color: #e00000;} .mm-nav-box .mm-nav .li1 .mm-innav{display: none;padding: 6px 0;} .mm-nav-box .mm-nav .li1[data-on="click"] .mm-innav{display: block;border-top: 1px solid rgba(0,0,0,.15);} .mm-nav-box .mm-nav .li1[data-on="click"] .mm-title .click:after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .mm-nav-box .mm-nav .li1[data-on="click"] .a1{color:#892024} .mm-nav-box .mm-nav .li1 .mm-innav li{margin: 0 10px;border-bottom: 1px solid rgba(255,255,255,.4);line-height: 1;} .mm-nav-box .mm-nav .li1 .mm-innav li a{color: #222222;font-size: 14px;line-height: 1.4;display: block;padding: 6px 0;} .mm-nav-box .mm-nav .li1 .mm-innav li a:hover{color:#892024} .mm-nav-box .mm-nav .li1 .mm-innav li .box2{margin: 0 15px;} .mm-nav-box .mm-wrap .mmlang{padding: 0 10px;font-size: 0;display: none;} .mm-nav-box .mm-wrap .mmlang .mmitem{height: 55px;line-height: 55px;width: 50%;font-size: 14px;color: #222222;display: inline-block;*display: inline;*zoom: 1;text-align: center;} .mm-nav-box .mm-wrap .mmlang .mmitem.on{color: #e00000;} @media only screen and (max-width: 1200px){ .mm-nav-box {display: block;} } @media only screen and (max-width: 800px){ .mm-nav-box .mm-nav .li1 .mm-title{height: 45px;line-height: 45px;} } @media only screen and (max-width: 600px){ .mm-nav-box .mm-wrap{width: 100%;padding-bottom: 0;} .mm-nav-box .mm-nav .li1 .mm-title .a1{font-size: 14px;} .mm-nav-box .mm-nav .li1 .mm-innav li a{font-size: 13px;} .mm-nav-box .mm-nav .li1{margin: 0 10px;} .mm-nav-box .mm-wrap .mmlang{display: block;} } @media only screen and (max-width: 414px) { .mm-nav-box .mm-wrap{ bottom:65px!important;} } /* 首页banner */ .banner{width: 100%;height: auto;overflow: hidden;position: relative;z-index: 1;} .banner .swiper-slide{overflow: hidden;} .banner .swiper-slide img{display: block;width: 100%;height: auto;} .banner .swiper-pagination{position: absolute;left:0;bottom: 10px;width: 100%;height: auto;z-index: 10;text-align: center;} .banner .swiper-pagination-bullet{display: inline-block;width: 15px;height: 15px;margin-left: 8px;border-radius: 100%;} .banner .swiper-pagination-bullet-active{width: 15px;height: 15px;background: #fff;} .banner .swiper-button-next, .banner .swiper-button-prev{filter: alpha(opacity=50);opacity: 0.5;width: 14px;height: 26px;top: 50%;margin-top: -13px;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;z-index: 999;} .banner .swiper-button-prev{left: 50px;background: url(/uploads/image/tdiimages/b-prev.png) center center no-repeat;background-size: 100% auto;} .banner .swiper-button-next{right: 50px;background: url(/uploads/image/tdiimages/b-next.png) center center no-repeat;background-size: 100% auto;} .banner .swiper-button-next:hover, .banner .swiper-button-prev:hover{width: 16px;height: 28px;filter: alpha(opacity=100);opacity: 1;} @media screen and (max-width: 600px) { .banner .swiper-pagination{bottom: 0px;} .banner .swiper-button-next{right: 10px;} .banner .swiper-button-prev{left: 10px;} } @media screen and (max-width: 450px) { .banner .swiper-pagination-bullet{width: 10px;height: 10px;} } .title{position: relative;padding-bottom: 18px;border-bottom: 1px solid #e5e5e5;} .title h2{color: #333;font-size: 24px;} .title a{position: absolute;right: 0;bottom: 18px;color: #999;} .title a:hover{color: #892024;} @media screen and (max-width: 767px) { .title{padding-bottom: 10px} .title a{bottom: 10px;} } #indexcon1{padding: 45px 0 50px;} #indexcon1>.container{display: flex;} .news-swiper-container{overflow: hidden;position: relative;margin-top: 30px;} .news-swiper-container .swiper-slide a{position: relative;display: block;} .news-swiper-container .swiper-slide a img{width:100%;} .news-swiper-container .swiper-slide a p{position: absolute;left: 0;bottom: 0;width: 100%;height: 40px;line-height: 40px;background: url(/uploads/image/tdiimages/news-bg.png) 0 center repeat-x;background-size: auto 100%;} .news-swiper-container .swiper-slide a p span{display: block;padding-left: 15px;padding-right: 80px;font-size: 16px;color: #fff;} .news-swiper-container .news-swiper-pagination{position: absolute;right: 10px;bottom: 10px;height: auto;z-index: 10;left: auto;width: auto;} .news-swiper-container .news-swiper-pagination .swiper-pagination-bullet{display: inline-block;width: 10px;background: #fff;height: 10px;margin-left: 9px;margin-right: 0;border-radius: 50px;opacity: 1;} .news-swiper-container .news-swiper-pagination .swiper-pagination-bullet-active{width: 18px;background: #d5c088;} .indexcon1-tag1-ul{} .indexcon1-tag1-ul li{margin-top: 30px;} .indexcon1-tag1-ul li p{font-size: 15px;color: #892024;margin-bottom: 5px;} .indexcon1-tag1-ul li a{display: block;color: #444;font-size: 18px;margin-bottom: 10px;} .indexcon1-tag1-ul li span{color: #999;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .indexcon1-tag1-ul li a:hover{color: #892024;} .indexcon1-tag2-ul{} .indexcon1-tag2-ul li{overflow: hidden;padding: 16px 0;} .indexcon1-tag2-ul .tag2-txt{float: left; width: calc(100% - 90px);} .indexcon1-tag2-ul .tag2-txt a{color: #444;font-size: 16px;line-height: 22px;height: 44px;margin-bottom: 11px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .indexcon1-tag2-ul .tag2-txt p{font-size: 12px;color: #888;} .indexcon1-tag2-ul .tag2-time{width: 70px;height: 72px;border: 1px solid #892024;border-radius: 5px;float: right;color: #892024;cursor:default;transition: all .3s;-webkit-transition: all .3s;} .indexcon1-tag2-ul .tag2-time span{font-family: arial;font-size: 30px;font-weight: bold;line-height: 30px;} .indexcon1-tag2-ul .tag2-time p{font-family: arial;font-size: 12px;font-weight: bold;} .indexcon1-tag2-ul .tag2-txt a:hover{color: #892024;} .indexcon1-tag2-ul li:hover .tag2-time{background-color: #892024;color:#fff;} .indexcon1-tag3{flex:1;margin-left: 30px;} .indexcon1-tag3>a{background: url(/uploads/image/tdiimages/tag3-imgbg.jpg) no-repeat center bottom;width: 100%;height: 100%;padding: 0 20px;} .tag3-more{width: 240px;height: 50px;margin: 0 auto;color: #fff;line-height: 50px;font-size: 18px;background-color: #d1c186;border-radius: 25px;text-align: center;margin-top: 120px;transition: all .5s;-webkit-transition: all .5s;} .tag3-more:hover{width: 260px;letter-spacing: 3px;} @media screen and (max-width: 1199px) { .indexcon1-tag1-ul li{margin-top: 55px;} } @media screen and (max-width: 991px) { #indexcon1>.container{flex-wrap: wrap;align-content: flex-start;} .indexcon1-tag1, .indexcon1-tag2{margin-bottom: 20px;} .indexcon1-tag1-ul li{margin-top: 45px;} .indexcon1-tag3{margin-left: 0;} .indexcon1-tag3>a{padding: 100px 20px;} } @media screen and (max-width: 767px) { #indexcon1{padding: 15px 0;} .indexcon1-tag1, .indexcon1-tag2{padding: 0px !important;} .news-swiper-container{margin-top: 10px;} .indexcon1-tag1-ul li{margin-top: 15px;} } @media screen and (max-width: 420px) { .tag3-more{margin-top: 70px;} } #indexcon2{padding: 35px 0 40px;background-color: #f8f8f8;} .indexcon2-nav{position: relative;} .indexcon2-nav::after{content: '';position: absolute;right: 0;width: 1px;height: 80%;background-color: #ddd;top: 20px;} .indexcon2-nav li{} .indexcon2-nav li>a{font-size: 16px;color: #666;width: 125px;height: 30px;line-height: 30px;display: block;text-align: center;margin: 0 auto 12px;} .indexcon2-nav>a{font-size: 16px;color: #892024;width: 125px;height: 30px;line-height: 30px;display: block;text-align: center;margin: 0 auto;} .indexcon2-nav li.on a{background-color: #892024;color: #fff;} .indexcon2list{margin-top: 30px;} .indexcon2list li{border: 1px solid #dcdcdc;} .indexcon2list li .newslist-txt{padding: 30px 15px;background-color: #fff;border-bottom: 1px solid #dcdcdc;} .indexcon2list li .newslist-txt p{font-size: 16px;color: #444;line-height: 25px;height: 50px;margin-bottom: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .indexcon2list li .newslist-txt span{color: #999;font-size: 14px;line-height: 20px;height: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .indexcon2list li .newslist-time{padding: 10px 18px;background-color: #f9f9f9;color: #999;transition: all .3s;-webkit-transition: all .3s;} .indexcon2list li .newslist-time p{font-size: 14px;} .indexcon2list li .newslist-time p i{float: right;font-style: normal;} .indexcon2list li:hover .newslist-time{background-color: #892024;color: #fff;} .indexcon2list .owl-dots{font-size: 0;text-align: right;margin-top: 25px;} .indexcon2list .owl-dots .owl-dot{display: inline-block;width: 16px;height: 16px;border-radius: 50%;background-color: #a0a0a0;margin-left: 12px;} .indexcon2list .owl-dots .owl-dot.active{background-color: #892024;} @media (max-width: 991px) { .indexcon2-nav::after{display: none;} .indexcon2-nav li{width: 33.33%;float: left;} .indexcon2-nav li>a{width: auto;margin-bottom: 0;height: 40px;line-height: 40px;} .indexcon2-nav>a{display: none;} } @media (max-width: 767px) { #indexcon2{padding: 20px 0;} #indexcon2>.container>div[class^="col-"]{padding: 0;} .indexcon2list .owl-dots{text-align: center;} } @media (max-width: 360px) { .indexcon2-nav li>a{font-size: 14px;} } /* footer */ footer{} #footer{padding: 45px 0 35px; background: #313131;} .footer-info{width: 300px;float: left;} .footer-tel{float: left;} .footer-tel p{color: #999;font-size: 14px;} .footer-tel h3{color: #fff;font-size: 24px;} .footer-tel .onlitel{background: url(/uploads/image/tdiimages/onlitel.jpg) no-repeat;width: 124px;height: 32px;display: block;margin-top: 14px;} .footer-map{margin-top: 7px;} .footer-map a{color: #fff;font-size: 12px;} .footer-map a:hover{color: #892024;} .footer-img{float: right;} .footer-img img{width: 96px;height: 96px;display: block;} .footer-img p{color: #fff;font-size: 12px;text-align: center;line-height: 25px;} .footer-nav{float: right;width: calc(100% - 350px);} .footer-nav ul{border-bottom: 1px solid #959595;font-size: 0;} .footer-nav ul li{color: #999;font-size: 18px;display: inline-block;margin-right: 30px;cursor: pointer;position: relative;padding-bottom: 8px;} .footer-nav ul li:last-child{margin-right: 0;} .footer-nav ul li.on{color: #fff;} .footer-nav ul li.on::after{content: '';position: absolute;left: 0;bottom: -2px;width: 100%;height: 4px;background-color: #959595;} .footer-one{padding: 0 5px;font-size: 0;margin-top: 18px;display: none;} .footer-one a{display: inline-block;font-size: 15px;color: #ccc;margin-right: 28px;line-height: 25px;} .footer-one a:last-child{margin-right: 0;} .footer-one a:hover{color: #892024;} #footer-copy{text-align: center;padding: 10px;background-color: #1b1b1b;color: #888;font-size: 13px;} #footer-copy a{color: #888;} #footer-copy a:hover{color: #892024;} @media (max-width: 1259px) { .footer-one a{margin-right: 21px;} } @media (max-width: 767px) { .footer-info{float: none;margin:0 auto} .footer-nav{display: none;} } #roll {width: 40px;height: 40px;display: none;background: #000;position: fixed;right: 20px;bottom: 60px;z-index: 150;overflow: hidden;transition: all .2s ease-in-out 0s;cursor: pointer;border-radius: 50%;} #roll:hover {background: #892024;} #roll_top {width: 40px;height: 40px;display: block;background: url(/uploads/image/tdiimages/gotop.png) no-repeat;transition: all .2s ease-in-out 0s;} #roll_top:hover {background: url(/uploads/image/tdiimages/gotop.png) no-repeat;} .footer-bottom{overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%;background: #892024;text-align: center;} .footer-bottom a{display: inline-block;padding: 7px 0;color: #fff;} .footer-bottom a i{font-size: 16px;display: block;} .fchuang{position: fixed;right: 25px;top: 50%;width: 94px;z-index: 1000;background-color: #fff;margin-top:-104px;} .fchuang-1{width: 94px;height: 104px;border:1px solid #e6e6e6;position: relative;} .fchuang-1 p{font-size: 16px;color: #666;margin-top: 5px;} .fccode{position: absolute;left: -158px;top:0;width: 150px;height:208px;border:1px solid #e6e6e6;text-align: center;background:#fff;display: none;} .fccode img{max-width: 100%;} .fccode span{font-size: 16px;color: #333;line-height: 25px;} .fchuang-1:hover .fccode{display: block;} .fchuang-2{width: 94px;height: 104px;border:1px solid #e6e6e6;border-top: none;} .fchuang-2 p{font-size: 16px;color: #666;margin-top: 5px;} /* 内页样式 */ #zoombox{background: #fff;} .nybg{background: #f5f5f5;} .bsbg{background: #ffffff;} #nynav{padding: 10px 0;border-bottom: 1px solid #ddd;} .nyjc-crcrumbs{border-bottom: 1px solid #ddd;background: url(/uploads/image/tdiimages/nav_tb.png) left 6px no-repeat;padding-left: 20px;color: #808080;margin-bottom: 15px;line-height: 25px;padding-bottom: 10px;} .nyjc-crcrumbs a{color: #808080;} .nyjc-crcrumbs a:hover{color: #892024;} .crumbs{padding-left:20px;background: url(/uploads/image/tdiimages/nav_tb.png) left no-repeat;line-height: 25px;padding-top:10px;padding-bottom:10px;float: left;color: #999;} .crumbs a{color: #999;} .crumbs a:hover{color: #892024;} #sidebar{float: right;} #sidebar li{display: inline-block; padding: 0 10px;} #sidebar li a{display:block;height: 45px;line-height: 44px;text-align: center;color: #999;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #sidebar li:hover a, #sidebar li.cur a{color: #892024;border-bottom: 3px solid #892024;} @media (max-width: 767px) { .w100{width: 100%;float: left;} .w50{width: 50%;float: left;} .w33{width: 33.33%;float: left;} .w25{width: 25%;float: left;} #nynav{padding: 0;background: #f3f3f3;} #sidebar{float: none;} #sidebar li{padding: 0;} } .tablesaw td, .tablesaw th {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: .5em .7em;} .nyjc{} .nyjc-til{padding:15px;color:#fff;background: #892024;} .nyjc-til p{font-size: 24px;} .nyjc-til i{display: block;height: 1px;width: 90px;background: #fff;margin:10px 0;} #sidebar1{padding:10px;background: #fff;border: 1px solid #ccc;border-top: 0;} #sidebar1 li{margin-top: 10px;} #sidebar1 li:first-child{margin-top: 0px;} #sidebar1 li a{line-height: 40px;height: 40px;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: left;padding-left:12px;color: #666;background: #eee;} #sidebar1 li.cur a, #sidebar1 li:hover a{background: #892024;color: #fff;} #sidebar1 dt{margin-top: 10px;font-weight: normal;font-size: 16px;line-height: 40px;height: 40px;padding-left: 20px;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: left;color: #666;background: #eee;cursor: pointer;} #sidebar1 dt:first-child{margin-top: 0px;} #sidebar1 dt>a{color: #666;display: block;font-size: 16px;} #sidebar1 dt.cur, #sidebar1 dt:hover{background: #892024;color: #fff;} #sidebar1 dt.cur a,#sidebar1 dt:hover a{color:#fff;} #sidebar1 dd{display: none;} #sidebar1 dd a{display: block;line-height: 35px;border-bottom: 1px dashed #ddd;background: url(/uploads/image/tdiimages/iyuan.png) 5px center no-repeat;padding-left: 25px;margin-bottom: 5px;position: relative;color: #333;} #sidebar1 dd a.cur, #sidebar1 dd a:hover{background: url(/uploads/image/tdiimages/iyuan_on.png) 5px center no-repeat;color:#892024;} @media (max-width: 991px) { #sidebar1{border:0;} #sidebar1 li{width:25%;float:left;margin-top:0;border-bottom:1px solid #fff;border-right:1px solid #fff} #sidebar1 li:nth-child(4n){border-right:0} #sidebar1 li:nth-child(n 5){border-bottom:0} } @media (max-width: 767px) { #sidebar1{padding:0;margin-bottom:15px;} } .nyprolist{padding: 30px 0;} .nypro{padding:15px;} .nypro-img{border:1px solid #e6e6e6;overflow: hidden;} .nypro-img img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .nypro-ul li{margin-bottom: 15px} .nypro-ul li p{background: #e6e6e6;text-align: center;height: 35px;line-height: 35px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin:0;padding:0 10px;} .nypro-ul li:hover .nypro-img{border-color:#892024;} .nypro-ul li:hover .nypro-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .nypro-ul li:hover p{background: #892024;color:#fff;} @media (max-width: 991px) { .nyprolist{padding: 2px 0 15px;} } @media (max-width: 500px) { .nypro{padding:10px;} } .showpro-list-img{border:1px solid #eee;} .showpro-list-img img{width: 100%} .showpro-right h2{font-size: 18px;font-weight: bold;border-bottom: 1px dashed #ccc;padding-bottom: 10px;margin-bottom: 10px;margin-top: 0} .showpro-right p{color: #666;line-height: 25px;margin-bottom: 10px;} .showpro-rem p{color:#892024;font-weight: bold;} .showpro-rem ul{padding:10px;border:2px solid #ccc;} .showpro-rem ul li a{border:1px solid #eee;display: block;} .showpro-rem ul li:hover a{border-color: #892024} .showpro-con{margin-top: 20px;} .showpro-con ul{border-bottom: 1px solid #ccc;line-height: 40px;margin-bottom: 10px;} .showpro-con ul li{text-align: center;padding:0 24px;font-size: 16px;background: #e6e6e6;color:#333;float: left;margin-right: 10px;cursor: pointer;} .showpro-con ul li.on{background: #892024;color:#fff;} .showpro-con ul li:last-child{margin-right: 0;} .showpro-details{font-size: 16px;line-height: 1.8;overflow: hidden;} .showpro-details div{margin-bottom: 10px;} .showpro-details img{max-width: 100%;} .showpro-det{display: none;} @media (max-width: 767px) { .showpro-right{margin-top: 10px;} } @media (max-width: 450px) { .showpro-con ul{display: flex} .showpro-con ul li{flex:1;padding:0;font-size: 14px;} .showpro-details{font-size: 14px;} .showpro-details td{padding:5px;} } #nyimg{padding-top: 35px;padding-bottom: 35px;} .nyimg-ul{overflow: hidden;} .nyimg-ul li{margin-bottom: 30px;padding: 0 10px;} .nyimg-ul li .nyimg-div{background: #fff;padding:7px;border:1px solid #d9d9d9;} .nyimg-ul li .nyimg-div a{display: block;overflow: hidden;} .nyimg-ul li .nyimg-div img{margin:0 auto;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .nyimg-ul li .nyimg-a{padding:0 5px;margin-top: 9px;overflow: hidden;line-height: 40px;display: block;background: #efefef;font-size: 14px;color: #333;text-align: center;text-overflow:ellipsis;white-space: nowrap;} .nyimg-ul li:hover .nyimg-div img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .nyimg-ul li:hover .nyimg-a{background: #892024;color: #fff;} .nyvideo-ul{overflow: hidden;} .nyvideo-ul li{margin-bottom: 30px;padding: 0 10px;} .nyvideo-div{background: #fff;padding:7px;border:1px solid #d9d9d9;} .nyvideo-div a{display: block;overflow: hidden;} .nyvideo-div img{margin:0 auto;} .nyvideo-img{position: relative;overflow: hidden;} .nyvideo-pbg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;cursor: pointer;background: rgba(0,0,0,0.6);} .control{width: 70px;height: 70px;background: url(/uploads/image/tdiimages/play.png) no-repeat center;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-size: 100%;} .video_hidden{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 200000;text-align: center;display: none;background: rgba(255,255,255,.72);} .video_hidden i{position: absolute;top: 1rem;right: 1rem;} .video_hidden i img{cursor: pointer;} .ivideo{margin:0 auto;position: absolute;top: 50%;left: 50%;width: 65%;max-height:90%;transform: translate(-50%,-50%);} @media (max-width:767px){ .control{width: 40px;height: 40px;} .ivideo{width: 95%;} } .nyvideo-ul li .nyvideo-a{padding:0 5px;margin-top: 9px;overflow: hidden;line-height: 40px;display: block;background: #efefef;font-size: 14px;color: #333;text-align: center;text-overflow:ellipsis;white-space: nowrap;} .nyvideo-ul li:hover .nyvideo-a{background: #892024;color: #fff;} .nyvideo-ul li:hover .control{background: url(/uploads/image/tdiimages/playm.png) no-repeat center;background-size: 100%;} .nymenu{width: 0;height: calc(100% - 50px);position: fixed;z-index: 90;top: 0;background: rgba(0,0,0,0.3);} .nymenu>a{position: fixed;right: 0;top: 50%;width: 30px;text-align: center;padding: 5px;background: #892024;color: #fff;z-index: 95;} .nymenu-con{position: fixed;overflow-y: auto;top: 0;right: -280px;width: 280px;padding: 15px 25px 25px;height: calc(100% - 50px);background-color: #892024;color:#fff;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index: 100; } .nymenu-con h3{font-size: 18px;font-weight: bold;line-height: 40px;border-bottom: 1px dashed #fff;margin-bottom: 10px;} .nymenu-con dl{margin-bottom: 0;} .nymenu-con dl a{color: #fff;} .nymenu-con dl dt, .nymenu-con dl dt a{display: block;font-size: 16px;line-height: 30px;} .nymenu-con dl dd{padding-left: 10px;} .nymenu-con dl dd a{display: inline-block;margin: 7px 10px;} .nymenu-con>a{float: right;color: #fff;position: relative;top:8px;z-index: 102;font-size: 18px;} .nymenu-con.on{right: 0;} #objimg{} .obj-img{position: relative;} .obj-img::before{content: '';position: absolute;top: 0;left: 0;width:100%;height:100%;background: rgba(0,0,0,.5);} .obj-img h1, .obj-img p{text-shadow: 0 0 2px #000;-webkit-animation-duration: 1s;animation-duration: 1s;-o-animation-duration: 1s;-ms-animation-duration: 1s;-moz-animation-duration: 1s;-webkit-animation-fill-mode: both;-o-animation-fill-mode: both;-ms-animation-fill-mode: both;-moz-animation-fill-mode: both;-webkit-animation-name: bannerh2;animation-name: bannerh2;-o-animation-name: bannerh2;-ms-animation-name: bannerh2;-moz-animation-name: bannerh2;opacity: 0;} .obj-img h1{color: #fff;position: relative;margin-bottom: 20px;font-size: 36px; -webkit-animation-delay: 0.3s;animation-delay: 0.3s;-o-animation-delay: 0.3s;-ms-animation-delay: 0.3s;-moz-animation-delay: 0.3s;} .obj-img p{color: #fff;position: relative;font-size: 18px; -webkit-animation-delay: 0.8s;animation-delay: 0.8s;-o-animation-delay: 0.8s;-ms-animation-delay: 0.8s;-moz-animation-delay: 0.8s;} .obj-con{padding-top: 15%;padding-bottom: 15%;} @media (max-width:500px) { .obj-img h1{font-size: 20px;} .obj-img p{font-size: 14px;} } @-webkit-keyframes bannerh2 { 0% { opacity:0; -webkit-transform:translatey(50px); transform:translatey(50px); -moz-transform:translatey(50px); -o-transform:translatey(50px); -ms-transform:translatey(50px); } 100% { opacity:1; -webkit-transform:translatey(0); transform:translatey(0); -moz-transform:translatey(0); -o-transform:translatey(0); -ms-transform:translatey(0); } } @keyframes bannerh2 { 0% { opacity:0; -webkit-transform:translatey(50px); transform:translatey(50px); -moz-transform:translatey(50px); -o-transform:translatey(50px); -ms-transform:translatey(50px); } 100% { opacity:1; -webkit-transform:translatey(0); transform:translatey(0); -moz-transform:translatey(0); -o-transform:translatey(0); -ms-transform:translatey(0); } } .section-content{ margin-top: 20px;padding:15px 20px;background: #fff;box-shadow: 1px 1px 5px rgba(0,0,0,0.1);font-size: 16px;line-height: 2;} .nav-height{ position:relative;} #nav-wrap1 { width: 100%;background: #fff;box-shadow: 0 0 5px rgba(0,0,0, 0.2);} #nav-wrap1.navfix{position: fixed;top: 90px;left: 0; box-shadow: 0 0 5px rgba(0,0,0, 0.2);z-index: 999;} #nav-wrap1 ul {display: block;} #nav-wrap1.navfix ul{ border-bottom: 0;} #nav-wrap1 li { display: inline-block; text-align: left;height: 50px; line-height: 50px; float: left;} #nav-wrap1 li a {display: block;padding: 0 20px;font-size:16px; color: #666; text-decoration: none;} #nav-wrap1 li a:hover{color: #892024;} #nav-wrap1 li a.active {position: relative;color: #892024;} #nav-wrap1 li a.active::after {content: ''; position: absolute;left: 0;bottom: 0;height: 2px;width:100%;background: #892024} .nav-mobile {display: none;font-weight: bold;width: 100%;} .click-me {width: 150px;height: 30px; background: #892024;color: white; text-align: center;line-height: 30px;} .click-me a {display: block;color: white;} .prod-bg{background: #f1f1f1;} .prod-title{margin-bottom: 10px;font-size: 18px;color: #666;} .prod-info{} .prod-info img{max-width: 100%;} #section1 img{margin: 10px 0;} #section2 img{border:1px solid #ddd;padding: 3px;} #section2 a:hover img{border: 1px solid #892024;} @media (max-width:414px) { .prod-bg{padding: 0 10px;} .section-content{padding: 10px; font-size: 14px;margin-top: 10px;} } @media (max-width:414px) { #nav-wrap1.navfix{top: 65px;} } .objbg{background: no-repeat;} .nyobj-ul li{margin-bottom: 20px;padding: 0 10px;} .nyobj-bor{border: 1px solid #ddd;overflow: hidden;} .nyobj-img img{width: 100%;} .nyobj-a{font-size: 26px;color: #353535;font-weight: bold;} .nyobj-txt{margin-top: 30px;padding: 0 40px;} .nyobj-txt p{font-size: 15px;color: #666;border-top: 1px solid #ddd;padding-top: 20px;margin-top: 10px;line-height: 25px;height: 120px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;} .nyobj-a:hover{color: #892024;} .nyobj-more{margin-top: 30px;} .nyobj-more a{display: inline-block;background: #892024;padding: 8px 20px;color: #fff;border-radius: 5px;} .nyobj-more a a{margin-left: 20px;} #showimg{padding: 15px 10px;} .showimg-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;} .showimg-top h1{line-height: 1.5;color: #333;text-align: center;} .showimg-top span{margin-right: 10px;} .showimg-top span{font-size: 14px;color: #a3afb7;} .showimg-img{margin-top: 25px;margin-bottom: 15px;text-align:center;} .showimg-img img{max-width: 100%;} .showimg-con{line-height: 1.8;color: #222;word-wrap: break-word;font-size: 16px;font-weight: 300;padding: 0 10px;border-bottom: 1px solid #f0f2f5;} .showimg-con img{max-width: 100%;} .showimg-page{padding-top: 30px;overflow: hidden;} .showimg-page>div[class^="col-"]{padding: 0 10px;} .showimg-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .showimg-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} @media (max-width:767px){ #nyimg{padding-top: 15px;padding-bottom: 15px;} .nyimg-ul li{margin-bottom: 20px;} .showimg-top h2{ font-size:16px;} .showimg-top h1{font-size: 20px;} .showimg-con{padding:0;font-size:14px !important;} .page-header h3{font-size:16px;margin:0;} .xgred li{padding: 0} } #nynew{padding-top: 35px;padding-bottom: 35px;} #nynew .container>div[class^="col-"]{padding: 0 10px;} #nynew .container>div:nth-child(2){border-left: 1px solid #eee;} @media (max-width:991px){ #nynew .container>div:nth-child(2){border-left:0} } .nynews-ul{overflow: hidden;} .nynews-ul li.nynews-li{padding: 0 0 15px 0;margin-bottom: 25px;border-bottom: 1px dashed #333;} .nynews-ul li.nynews-li:nth-of-type(even) .nynews-img{/*float: right;*/} .nynews-img{padding: 0;} .nynews-img a{display: block;border: 1px solid #ccc;} .nynews-img img{width:100%;} .nynews-img a:hover{border: 1px solid #892024;} .nynews-date {color: #333;line-height: 20px;font-size: 12px;} .nynews-date span{float: left;margin-right:20px;color: #999;} .nynews-date p{float: left;margin: 0;} .nynews-date i{margin-right: 5px;} .nynews-con h3{font-size: 18px;font-weight: 400;text-transform: uppercase;line-height: 32px;letter-spacing: 1px;margin-top: 0px;margin-bottom: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} @media (max-width:991px) { #nynew .container>div:first-child{border: 0;} .nynews-con{margin: 10px 0;} } @media (max-width:767px) { #nynew{padding-top: 15px;padding-bottom: 15px;} .nynews-con h3{ font-size:16px; font-weight:bold} .nynews-img{padding: 0;} .nynews-con{padding: 0;} } .nynews-con p.nynews-desp{color: #666;font-size: 14px;line-height: 22px;margin: 3px 0;height: 66px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .nynews-con a.nynews-more{text-decoration: none;color: #ffffff;font-size: 15px;padding: 7px;background: #892024;width: 120px;display: block;float:right;text-align: center;letter-spacing: 1px;font-weight: 600;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;} .nynews-con a.nynews-more:hover{background: #000;color: #fff;} .hotpros{padding:0 10px;margin-bottom: 20px;} .hotpros p{font-size: 16px;color: #892024;line-height: 40px;border-bottom: 1px dashed #ccc; margin-bottom: 10px;padding-left: 32px;background: url(/uploads/image/tdiimages/ny-objs.png) no-repeat left;} .hotpros a{display: block;font-size: 14px;line-height: 30px;padding-left: 15px;background:url(/uploads/image/tdiimages/iyuan.png) no-repeat left;background-size:8px;} .hotpros li.cur a, .hotpros a:hover{background: url(/uploads/image/tdiimages/iyuan_on.png) no-repeat left;color: #892024;} .hotnews{padding:10px;} .hotnews p{font-size: 16px;color: #892024;line-height: 40px;border-bottom: 1px dashed #ccc; margin-bottom: 10px;padding-left: 32px;background: url(/uploads/image/tdiimages/ny-news.png) no-repeat left;} .hotnews a{display: block;font-size: 14px;line-height: 30px;padding-left: 15px;background:url(/uploads/image/tdiimages/iyuan.png) no-repeat left;background-size:8px;} .hotnews a:hover{background: url(/uploads/image/tdiimages/iyuan_on.png) no-repeat left;color: #892024;} #shownews{padding:0px 10px;} #shownews .container>div[class^="col-"]{padding: 0 10px;} #shownews .container>div:first-child{border-right: 1px solid #eee;} .shownews-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;} .shownews-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;font-weight: bold;} .shownews-top span{margin-right: 10px;} .shownews-top span{font-size: 14px;color: #a3afb7;} .shownews-left .shownews-img{margin-top: 25px; text-align:center} .shownews-img img{max-width: 100%;} .shownews-con{line-height: 1.8;color: #222;word-wrap: break-word;font-size: 16px;font-weight: 400;padding: 10px;border-bottom: 1px solid #f0f2f5;} .shownews-con p{margin-bottom: 10px;} .shownews-con>div>div{margin-bottom: 10px;} .shownews-con img{max-width: 100%;height: auto !important;} .shownews-page{padding-top: 20px;padding-bottom:20px;overflow: hidden;} .shownews-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .shownews-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} @media (max-width:991px) { #shownews .container>div:first-child{border:0;} .sdsd{padding: 0px;} } @media (max-width:767px){ .shownews-top h1{ font-size:20px;} .shownews-top h2{ font-size:16px;} .shownews-left{padding:0 !important;} .shownews-con{padding:0;font-size:14px !important} } #pageshow {padding: 20px 10px;} .show-dateil{font-size: 16px;line-height: 2;padding: 10px;text-align: justify;} .show-dateil p{margin-bottom: 10px;} .show-dateil img{max-width: 100%;} .showmap img{max-width: none;} @media (max-width:767px){ .show-dateil{padding: 0;} .show-dateil,.show-dateil *{font-size:14px !important} .show-dateil h2 span{font-size: 24px !important;} #ditucontent{height: 400px !important} } #metinfo_additional{margin:0} #tactshow{padding:20px 10px;} .pop .center{box-sizing: content-box;} .pop .bottom{box-sizing: content-box;} @media (max-width:767px){ #tactshow{padding:20px 0} } /* 下载中心 */ #downloadlist{} #downloadlist .metlist{ margin-bottom:20px;} #downloadlist dl.top dt a{ color:#f00;} #downloadlist .metlist dt{ border-bottom:1px solid #ddd; font-size:14px; font-weight:bold; padding:3px 5px 3px 20px; background:url(/uploads/image/tdiimages/dt-9.gif) no-repeat 5px 9px;} #downloadlist .metlist dd{ color:#999; padding:5px 8px; background:#f8f8f8;} #downloadlist .metlist dd b{ font-weight:normal;} #downloadlist .metlist dd div{ float:right;} #downloadlist .metlist dd span{ padding-right:20px;} #downloadlist .metlist dd a{ color:#1c57c4; text-decoration:underline;} #downloadlist .metlist dd a.down{ color:#fa1a1a; text-decoration:underline;} #showdownload{} #showdownload h1.title{ font-size:18px; padding:5px 0px; margin-bottom:5px;} #showdownload .paralist{ background:#f6f6f6; padding:5px 10px;} #showdownload .paralist li{ padding:3px 5px 3px 0px; margin:5px 0px; border-bottom:1px solid #eee;} #showdownload .paralist li a{ color:#f00; text-decoration:underline;} #showdownload .paralist li span{ float:left; padding:0px 10px; margin-right:5px; text-align:left; } #showdownload .editor{ line-height:2; padding:0px 10px; font-size:14px;} #showdownload .ctitle{ margin:15px 0px 10px; padding:5px 20px; background:url(/uploads/image/tdiimages/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; } /* 标签 */ .pro_key{line-height: 35px;border-top: dashed 1px #d7d7d7;margin-top: 5px;font-size: 14px;} /* 工具 */ #bsbox, #bswxbox, #bspanel div, #bsmorepanel div, #bsharef div{box-sizing:content-box;} .met_hits{margin-top:10px;} .jiathis_txt{position:relative;top:2px;} .bshare-custom a{margin-right: 8px !important;} /*相关推荐*/ .xgred{overflow: hidden;} .xgred .xgred-con{line-height: 40px;border-bottom:1px #ccc dashed;overflow: hidden;} .xgred .xgred-con a{font-size: 14px;color: #4b4b4b;display: block;float: left;width: calc(100% - 90px);overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .xgred .xgred-con em{float: right;font-size: 13px;color: #ccc;line-height: 40px;margin-right: 10px;} .xgred .xgred-con a:hover{color: #892024} /*全站搜索*/ #searchlist{} #searchlist li{ padding-left:10px; margin-bottom:6px; line-height:1.5;} #searchlist ul{ list-style:none; padding:0px; margin:0px;} #searchlist ul li{ padding:3px 5px; margin-bottom:5px;} #searchlist ul li img{ display:none;} #searchlist .search_title{ display:block; padding:2px 0px;} #searchlist .search_title a{ font-size:14px; color:#12c; text-decoration:underline;} #searchlist .search_title em{ color:#c00; text-decoration:underline; font-style:normal;} #searchlist .search_detail{ display:block; } #searchlist .search_detail a{ text-decoration:underline; color:#12c;} #searchlist .search_content em{ color:#c00; font-style:normal;} #searchlist .search_updatetime{ display:block; margin-top:5px; color:green;} #searchlist a:hover{ text-decoration:underline;} /* 内页banner */ .nybanner{color: #fff;text-shadow: 0 0 8px #000;} .nybanner>div{background-position: top center;background-repeat: no-repeat;background-size: cover;} .nybanner p{font-size: 40px;} .nybanner span{font-size: 20px;} @media (max-width: 991px){ .nybanner>div{height: 400px !important;} } @media (max-width: 767px){ .nybanner p{font-size: 35px;} .nybanner span{font-size: 18px;} .nybanner>div{height: 300px !important;} } @media (max-width: 560px){ .nybanner p{font-size: 30px;} .nybanner span{font-size: 16px;} .nybanner>div{height: 250px !important;} } @media (max-width: 420px){ .nybanner p{font-size: 24px;} .nybanner span{font-size: 14px;} .nybanner>div{height: 200px !important;} } @media (max-width: 374px){ .nybanner p{font-size: 20px;} .nybanner span{font-size: 12px;} } /*翻页样式*/ .metpager_1{ text-align:center;} .metpager_2{ text-align:center;} .metpager_3{ text-align:center;} #flip{line-height: 25px;} .digg4{ padding:3px; margin:3px; text-align:center; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; } .digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none;} .digg4 .disabledfy{ font-family: tahoma, verdana;} .metpager_4 a,.metpager_4 span.miy{ border:1px solid #aaaadd; padding:2px 5px 2px 5px; color:#009;} .metpager_4 a:hover { border:1px solid #009; color:#000;} .metpager_4 a:active {border:1px solid #009; color:#000;} .metpager_4 span.current { border:1px solid #009; background-color:#009; padding:2px 5px 2px 5px; margin:2px; color:#ffffff; text-decoration:none;} .metpager_4 span.disabled { border:1px solid #eee; padding:2px 5px 2px 5px; margin:2px; color:#ddd;} .metpager_5 a,.metpager_5 span.miy{ border:1px solid #ccdbe4; padding:2px 8px 2px 8px; color:#892024; display: inline-block; } .metpager_5 a:hover { border:1px solid #892024; color:#fff; background-color:#892024;} .metpager_5 a:active {border:1px solid #009; color:#000;} .metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#892024; text-decoration:none;display: inline-block;} .metpager_5 span.disabled { border:1px solid #ccdbe4; padding:2px 8px 2px 8px; margin:2px; color:#999;display: inline-block;} .metpager_6{ color:#ff6500; } .metpager_6 a,.metpager_6 span.miy{ border:1px solid #ff9600; padding:2px 7px 2px 7px; background-position:50% bottom; color:#ff6500; background-image:;} .metpager_6 a:hover { border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 a:active {border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 span.current {border:1px solid #ff6500; padding:2px 7px 2px 7px; margin:2px; color:#ff6500; background-color:#ffbe94; text-decoration:none;} .metpager_6 span.disabled { border:1px solid #ffe3c6; padding:2px 7px 2px 7px; margin:2px; color:#ffe3c6;} .metpager_7 a,.metpager_7 span.miy{ border:1px solid #2c2c2c; padding:2px 5px 2px 5px; background: #2c2c2c; color:#fff;} .metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background: #aad83e;} .metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:url #aad83e;} .metpager_7 span.current {border:1px solid #aad83e; padding:2px 5px 2px 5px; margin:2px; color:#fff;background: #aad83e; text-decoration:none;} .metpager_7 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;} .metpager_8 a:hover { border:1px solid #a0a0a0; } .metpager_8 a:hover { border:1px solid #a0a0a0; } .metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;} .metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .metpager_9 a,.metpager_9 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#88af3f; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 span.current {border:1px solid #b2e05d; padding:2px 5px 2px 5px; margin:2px; color:#fff; background-color:#b2e05d; text-decoration:none;} .metpager_9 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}