body,div,span{ /*color: black; !important;*/ font-family: "Noto Sans SC"; } a, .ttrd-item>a { text-decoration: none; /* 鍘婚櫎榛樿鐨勪笅鍒掔嚎 */ outline: none; /* 鍘婚櫎鏃х増娴忚鍣ㄧ殑鐐瑰嚮鍚庣殑澶栬櫄绾挎 */ color: #000; /* 鍘婚櫎榛樿鐨勯鑹插拰鐐瑰嚮鍚庡彉鍖栫殑棰滆壊 */ } /*[class*="col-"]{*/ /* padding: 0px;*/ /*}*/ .banner{ width: 100%; max-height: 700px; position: relative; margin-bottom: 20px; } .hover-group{ position: absolute; right: 50%; bottom: 5%; transform: translate(35%,0); } .hover-group div{ float: left; } .hover-group a{ display: block; width: 30px; height: 6px; background-color: rgba(234, 233, 233, 0.7); margin-left: 8px; border-radius: 8px; transition: 0.3s all ease-in-out; } .hover-group a:hover{ background-color: rgb(255, 255, 255); } .title{ font-size: 24px; text-align: center; color: #054994; } .title2{ font-family: 寰蒋闆呴粦; font-size: 14px; text-align: center; margin: 20px 0 25px 0; } /*鏃х増澶存潯鐑偣寮€濮?/ /*.ttrd{*/ /* margin: 0 auto;*/ /* padding: 20px 0;*/ /* border-bottom: 2px solid #FFCC00;*/ /*}*/ /*!*瑙e喅楂樺害鍧嶅*!*/ /*.ttrd::after {*/ /* content: "";*/ /* display: block;*/ /* clear: both;*/ /*}*/ /*.ttrd .content{*/ /* margin: 0 auto;*/ /* max-width: 1240px;*/ /*}*/ /*.ttrd-more{*/ /* float: right;*/ /* margin-left: 20px;*/ /* margin-right: 15px;*/ /* font-size: 12px;*/ /* margin-top: 8px;*/ /*}*/ /*.ttrd-more a:hover{*/ /* cursor: pointer;*/ /* color: #0d4f97;*/ /*}*/ /*.ttrd #box1, .ttrd #box2{width:500px;height:25px;margin:0 auto;overflow: hidden; float: left;}*/ /*.ttrd ul{padding:0;margin:0;list-style: none;overflow: hidden}*/ /*.ttrd ul li{height:24px;line-height: 24px;padding-left:10px;}*/ /*.ttrd ul li>div{height:24px;line-height: 24px;}*/ /*.ttrd a{text-decoration: none;color:#000;}*/ /*.ttrd a:hover{color:#f00}*/ /*.ttrd #con1 .content-left, .ttrd #con2 .content-left, .ttrd #con11 .content-left, .ttrd #con22 .content-left{*/ /* width: 360px;*/ /* display: inline-block;*/ /* font-size: 16px;*/ /* float: left;*/ /* text-overflow:ellipsis;*/ /* overflow:hidden;*/ /* white-space: nowrap;*/ /*}*/ /*.ttrd #con1 .data, .ttrd #con2 .data, .ttrd #con11 .data, .ttrd #con22 .data{*/ /* width: 100px;*/ /* float: right;*/ /* text-align: right;*/ /*}*/ /*鏃х増澶存潯鐑偣缁撴潫*/ /*鏂扮増澶存潯鐑偣*/ .ttrd{max-width: 1240px;margin: 0 auto;border-bottom: 4px solid #2f2d95;} .ttrd-title{ padding-top: 50px; width: 100%; margin: auto; font-size: 24px; color: #d7bb95; text-align: center; font-weight: bold; letter-spacing:8px } .ttrd-content{ width: 100%; margin: 40px auto 40px auto; } .ttrd-left{position: relative;height: 282px;padding: 0 20px 0 0;overflow: hidden;text-align: center;} /*.ttrd-left>img:hover{transform: scale(1.1) translateX(-50%);}*/ /*.ttrd-left img{height: 100%;position: absolute;transform: translateX(-50%);transition: 0.5s all ease-in-out;}*/ .ttrd-left>img{ height: 282px; padding: 15px; border: 1px solid #cccccc; } .ttrd-left .img-title{ position: absolute; bottom: 40px; text-align: center; color: white; width: 100%; padding: 0 15px; margin-left: -15px; font-size: 18px; opacity: 0.8; } .ttrd-right{ /*background-color: black;*/ position: relative; } #box1{ height: 282px; overflow: hidden; } .ttrd-rt{text-align: right;border-bottom: 1px solid #cccccc;padding: 10px 0;} .ttrd-rt>a{color: #d7bb95;font-size: 16px;} .ttrd-rb{margin: 0 15px;} .ttrd-item{padding: 6px 0;border-bottom: 1px solid #cccccc;position: relative;} .ttrd-item>a{color: #666666;} .ttrd-item:hover a{color: white} .ttrd-item:hover{background-color: #7eabe4;color: white;padding-left: 40px;transition: 0.2s padding-left ease-in-out;cursor: pointer;} .ttrd-item:hover .item-r{right: -40px;transition: 0.2s all ease-in-out;padding-left: 40px;} .ttrd-item:hover .item-l{padding-right: 180px;transition: 0.2s all ease-in-out;} /*.item-l{padding-right: 210px;position: relative;overflow: hidden;text-overflow: ellipsis;padding-left: 20px;}*/ /*.item-r{position: absolute;right: 0; top: 20px; border-left: 1px solid #cccccc;padding: 0 40px 0 70px;width: 200px;}*/ /*.item-title{font-size: 16px;margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}*/ /*.item-content{font-size: 14px;line-height: 24px;height: 48px;overflow: hidden;text-overflow:ellipsis;}*/ /*.item-date{font-size: 32px;margin-bottom: 10px;}*/ /*.item-year{font-size: 18px;margin-bottom: 10px;}*/ .item-l{padding-right: 210px;position: relative;overflow: hidden;text-overflow: ellipsis;padding-left: 20px;} .item-r{position: absolute;right: 0; top: 8px; padding: 0 10px 0 70px;width: 200px;} .item-title{font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;height: 34px;line-height: 34px;} .item-content{overflow: hidden;text-overflow:ellipsis;} .item-date{font-size: 18px;margin-bottom: 5px;} .item-year{display:none; font-size: 20px;} .guadual-line{ height: 3px; width: 25%; margin: 20px auto 0 auto; background: -webkit-linear-gradient(right, #ffffff, #2f2d95, #ffffff); background: -o-linear-gradient(right, #ffffff, #2f2d95, #ffffff); background: -moz-linear-gradient(right, #ffffff, #2f2d95, #ffffff); background: linear-gradient(right, #ffffff, #2f2d95, #ffffff); } .gywm{ margin: 0 auto; padding: 60px 0; background-color: #f9f9f9; } .gywm .content{ margin: 0 auto; } .gywm-btn{ border: black solid 2px; display: inline-block; font-size: 14px; padding: 8px 40px; transition: 0.3s all ease-in-out; } .gywm-btn:hover{ background-color: black; cursor: pointer; } .gywm-btn:hover a{ color: white; } .gywm-left-title{ font-size: 18px; font-weight: bold; } .gywm-font{ line-height: 30px; text-align: justify; padding-right: 50px; font-size: 16px; padding-bottom: 20px; } .gywm-bottom{ margin: 0 auto; padding-top: 10px; max-width: 1240px; box-shadow: 0 -5px 10px rgba(229, 228, 228, 0.8); } .gywm-left{ margin-bottom: 10px; height: 282px; } .more{ position: absolute; bottom: 0; right: 65px; border-bottom: 1px solid #d7bb95; } .gywm-right img{ width: 100%; height: 282px; transition: 0.5s all ease-in-out; } .gywm-right img:hover{ transform: scale(1.1); } .gywm-item{ text-align: center; } .gywm-item-title{ font-family: arial,helvetica,sans-serif; font-size: 42px; } .gywm-item-content{ font-size: 14px; font-family: "alifont"; } @media screen and (max-width: 769px) { /*.ttrd{padding: 10px 0;}*/ /*.ttrd #box1, .ttrd #box2{width:360px;height:25px;margin:0 auto 15px auto;overflow: hidden; float: none; }*/ /*.ttrd #con1 .content-left, .ttrd #con2 .content-left, .ttrd #con11 .content-left, .ttrd #con22 .content-left{ width: 240px; }*/ .item-r{padding: 0 0 0 20px; min-width: 105px;width: auto;} .item-l{padding-right: 36%;} .item-title{width: 80%;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;} .gywm-left{height: auto;} .gywm-font{padding-right: 0;} .more{right: 15px;} .ttrd-left{padding: 0;height: auto !important;} .ttrd-left>img{width: 100% !important; height: auto !important;} #box1{padding: 0 10px;} }