/*banner*/ .banner{ margin-top: 100px; position: relative; height: 700px; overflow: hidden; } .banner img{ -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; position: relative; bottom: 100px; opacity: 0; width: 85%; } .swiper-slide-active img{ bottom: 0px; opacity: 1; } .banner .swiper-slide { text-align: left; font-size: 18px; background: #fff; 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; background-position: bottom center; background-size: auto 100%; background-repeat: no-repeat; } .swiper-slide span.sw-mob,.banner img.swp-mob{ display: none; } .swiper-slide span{ top:0; left:0; display: block; position: absolute; width: 100%; height: 100%; background-position: bottom center; background-size: auto 100%; background-repeat: no-repeat; } .banner .swiper-pagination-bullet{ width: 12px; height: 12px; } .banner .swiper-pagination-bullet-active{ background-color:#ef811c; } .banner a.scroll{ position: absolute; z-index: 2; display:inline-block; width: 100px; left: 0; right: 0; margin: auto; bottom: 54px; text-align: center; font-family: ebgaramond08-italic,sans-serif; color: #ec821a; font-size: 17px; -webkit-transition: bottom .24s cubic-bezier(.7,.1,.2,.85),-webkit-transform 1.6s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); transition: bottom .24s cubic-bezier(.7,.1,.2,.85),transform 1.6s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -webkit-transform: translatey(100%); transform: translatey(100%); opacity: 0.0; } .banner a.scroll.show{ opacity: 1.0; -webkit-transform: translatey(0); transform: translatey(0); } .banner a.scroll span{ position: relative; -webkit-animation: scrollpop 1.5s ease-in-out 0s infinite alternate; animation: scrollpop 1.5s ease-in-out 0s infinite alternate; } .banner a.scroll:after { content: ''; margin-top: 4px; display: block; position: relative; background: url(/uploads/image/tdsimages/adown.png) no-repeat 50%; width: 100px; height: 12px; } @keyframes scrollpop{ 0%{ top:-8px; } 8%{ top: 0; } } /*enter*/ .enter{ background-repeat: no-repeat; background-position: left bottom; padding-bottom:100px; padding-top: 50px; background-color: #fff; } .en-top{ margin-bottom: 30px; } .en-fl{ width: 30%; float: left; position: relative; } .en-fr{ width: 70%; float: left; line-height: 2; } .en-fr p{ text-indent: 2em; } .en-fl img{ width: 90%; } .en-tit{ position: absolute; top:-10px; left: 24%; } .en-fr span{ color:#ee831b; } .en-bot{ width:100%; margin:0 auto; } .en-bot button{ outline: none; border:none; } /* .enter .thumb_content_wrap {margin-top:50px;} */ .enter .thumb_slide_wrap {margin-top:20px;} .enter .thumb_slide_wrap .thumb_slide {height:148px;} .enter .thumb_slide_wrap .thumb_slide li {position:relative; width:16.5666666%; height:148px; float:left; margin-left:0.1%; background:rgba(236, 133, 33, 0.67)} .enter .thumb_slide_wrap .thumb_slide li:first-child {margin-left:0} .enter .thumb_slide_wrap .thumb_slide li.on {width:33.33333%;box-sizing: border-box;} .enter .thumb_slide_wrap .thumb_slide li a {display:block; height:148px; background-position:50% 50%; background-repeat:no-repeat; white-space:nowrap; overflow:hidden;position: relative;} .enter .thumb_slide_wrap .thumb_slide li a .event_wrap {display:none; position:absolute; bottom:0; left:5%; width:95%; height:70px; background:url(/uploads/image/tdsimages/timeline_off.png) repeat-x 0 50px;} .enter .thumb_slide_wrap .thumb_slide li a .event_wrap .timeline {display:inline-block; position:absolute; height:2px; top:50px; left:0; background:url(/uploads/image/tdsimages/timeline_on.gif); z-index:2;} .enter .thumb_slide_wrap .thumb_slide li a .event_wrap button {display:inline-block; position:absolute; right:0; bottom:0; width:100%; height:148px; background: 100% 100% no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; z-index:3;} .enter .thumb_slide_wrap .thumb_slide li.on a .event_wrap {display:block;} /* .thumb_slide_wrap .thumb_slide li.menu1 a {background-image:} .thumb_slide_wrap .thumb_slide li.menu2 a {background-image:url(/uploads/image/tdsimages/ac2.jpg);} .thumb_slide_wrap .thumb_slide li.menu3 a {background-image:url(/uploads/image/tdsimages/ac3.jpg);} .thumb_slide_wrap .thumb_slide li.menu4 a {background-image:url(/uploads/image/tdsimages/ac4.jpg);} .thumb_slide_wrap .thumb_slide li.menu5 a {background-image:url(/uploads/image/tdsimages/ac5.jpg);} .thumb_slide_wrap .thumb_slide li.on.menu1 a {background-image:;} .thumb_slide_wrap .thumb_slide li.on.menu2 a {background-image:url(/uploads/image/tdsimages/ac2.jpg);} .thumb_slide_wrap .thumb_slide li.on.menu3 a {background-image:url(/uploads/image/tdsimages/ac3.jpg);} .thumb_slide_wrap .thumb_slide li.on.menu4 a {background-image:url(/uploads/image/tdsimages/ac4.jpg);} .thumb_slide_wrap .thumb_slide li.on.menu5 a {background-image:url(/uploads/image/tdsimages/ac5.jpg);} */ .enter .thumb_slide_wrap .thumb_btn_control {margin-top:27px; text-align:center;display: none;} .enter .thumb_slide_wrap .thumb_btn_auto {width:107px; height:31px;} .enter .thumb_slide_wrap .thumb_btn_auto button {display:inline-block; width:53px; height:0px; text-indent:100%; white-space:nowrap; overflow:hidden; background-image:url(/uploads/image/tdsimages/ctrl.png); background-repeat:no-repeat;} .enter .thumb_slide_wrap .thumb_btn_auto .btn_play.on {background-position:0 -40px;} .enter .thumb_slide_wrap .thumb_btn_auto .btn_stop.off {border-left:0; background-position:100% 0;} .mc,.plus{position: absolute;z-index: 2;display: inline-block;} .plus{ right:5%; bottom: 20px; width: 13px; height: 13px; } .mc{ left: 5%; top: 20px; color:#fff; width: 55px; font-size: 13px; } .enter .thumb_slide_wrap .thumb_btn_auto .btn_play.off {border-right:0; background-position:0 0;} .enter .thumb_slide_wrap .thumb_btn_auto .btn_stop.on {background-position:-55px -40px;} /*news*/ .news{ padding-top:40px; background-color: #eee; padding-bottom: 80px; } .news-item{ float: left; width: 50%; } .news-item img{ width: 100%; height:428px; } .news .swiper-pagination{ text-align: right; padding-right: 15px; box-sizing: border-box; } .news .swiper-pagination-bullet{ background-color: transparent; border:2px solid #fff; opacity: 0.4; vertical-align: middle; } .news .swiper-pagination-bullet-active{ background-color: transparent; width: 10px; height: 10px; opacity: 1; } .n-slide{ position: relative; } .n-slide .news-tit{ position: absolute; left: 0; bottom: 0; background-color: rgba(0,0,0,0.6); width: 100%; color:#fff; padding:10px 30px; box-sizing: border-box; padding-right: 140px; text-overflow:ellipsis; overflow: hidden; white-space: nowrap; } .news-item .news-tab{ padding-left: 25px; } .news-tab ul{ margin-bottom: 30px; } .news-tab ul li{ background-color: #bcb9b9; display: inline-block; width: 49%; text-align: center; box-sizing: border-box; padding:5px 0; position: relative; color: #fff; } .news-tab ul li.on{ background-color:#ee831b; color:#fff; } .news-tab ul li.on:before{ position: absolute; display: block; content: ""; left: 50%; margin-left: -7px; bottom: -23px; border-width: 9px 14px 14.5px; border-color:#ee831b transparent transparent transparent; z-index: 4; width: 0; height: 0; border-style: solid; } .panel{ display: none; } .panel .de-top h3{ color:#ee831b; font-size: 20px; line-height: 1.5; } .panel .de-top span{ color:#ac8b31; font-size: 13px; display: block; line-height: 2; padding:5px 0; } .panel em{ font-style: normal; } .panel .news-de p{ line-height: 1.7; font-size: 15px; color:#777; padding-left: 5px; } .panel .de-top p.np{ display:-webkit-box; -webkit-line-clamp:2; overflow: hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; white-space: normal; } .news-de{ border-bottom: 1px solid #c6c4c4; padding:15px 0; } .news-de:last-child{ border:none; } @media (min-width:1663px) and (max-width:1800px){ .news-de:nth-child(4){ display: none; } .news-item img{ height: 340px; } } .news-dti{ margin-bottom: 10px; box-sizing: border-box; padding:0 101px; position: relative; } .news-dti em,.dt-time{ color:#ac8b31; display:block; vertical-align: top; position: absolute; top: 0; font-size: 14px; } .dt-time{ right:0; } .news-dti em{ left: 0; } .news-dti span.dt-tit{ display: block; color:#000; font-size: 17px; padding-bottom: 5px; } .news-dti p,.panel .de-top h3,.news-dti span.dt-tit,.mi-mid ul li,.nb1 p,.panel .news-de p,.mi-mid .swiper-slide{ overflow: hidden; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; white-space: nowrap; } .xwmore{ text-align: right; } .xwmore a{ display: inline-block; padding:6px 8px; background-color:#f19c49; color: #fff; } .news-mid{ margin:35px 0; position: relative; overflow: hidden; background-color: #fff; padding:25px 0px; height: 70px; box-sizing: border-box; } .qydt .news-dti{ padding-left:0px; } .mi-fl,.mi-fr{ position: absolute; top: 0; z-index: 2; } .mi-fl{ width:150px; left: 0; text-align: left; padding-left: 50px; margin-top: 16px; text-transform: uppercase; background:url(/uploads/image/tdsimages/vocie.jpg) no-repeat 10px center; border-right:1px solid #eee; background-color: #fff; } .mi-fr{ width: 71px; right: 0; background-color:#f19c49; text-align: center; font-size:18px; line-height: 71px; } .mi-fr a{ display: block; color:#fff; } .mi-mid{ padding-left:220px; padding-right:78px; font-size: 15px; } .mi-mid a{ color:#777; } .news-bot{ height:280px; } .news-bot ul{ height: 100%; margin:0 -2%; } .news-bot ul li{ float: left; width: 29.33333%; margin:0 2%; height: 100%; position: relative; box-sizing: border-box; } .news-bot ul li.nb2 a{ display: block; width: 100%; height: 100%; } .news-bot ul li span{ position: absolute; display: block; top:0; right: 0; color:#fff; padding:8px 10px; font-size: 14px; } .nb1{ background-color: #fff; padding:80px 20px 0; color:#fff; font-size: 15px; } .nb1 p{ padding-right: 80px; background:url(/uploads/image/tdsimages/detail.png) no-repeat right center; border-bottom: 1px solid #eee; line-height: 3; } .nb1 p:nth-child(3){ border:none; } .nb1 span{ background-color: #ee831b; } .nb2 span,.nb3 span{ background-color: rgba(238, 131, 27, 0.87); } .nb3 a{ display: block; position: relative; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6) } .nb3 a img{ width: 40px; position: absolute; left: 50%; top:50%; margin-left:-20px; margin-top: -20px; } /*serivce*/ .serivce{ padding:80px 0; background-color: #fff; } .se-tit{ text-align: center; } .ft{ text-align: center; } .se-tit span{ padding:6px 15px; display: inline-block; background-color:#ee831b; color:#fff; border-radius: 15px; width: 230px; position: relative; } .se-tit span:before{ position: absolute; display: block; content: ""; left: 50%; margin-left: -4px; bottom: -16px; border-width: 8px 8px 8px; border-color:#ee831b transparent transparent transparent; z-index: 4; width: 0; height: 0; border-style: solid; } .se-top ul{ margin-bottom: 50px; } .se-top ul li{ float: left; width: 50%; height: 260px; } .se-top ul li a{ display: block; margin-right:50px; height: 100%; background-position: right bottom; background-repeat: no-repeat; background-size:70% auto; border-bottom:2px solid #ee831b; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .se-top ul li:last-child a{ margin-left: 50px; } .se-top ul li a:hover{ border-bottom-width:7px; } .se-xq{ width:70%; } .se-xq h5{ font-size: 25px; color:#ee831b; margin-bottom: 30px; } .se-xq p{ font-size: 15px; color:#777; line-height: 2; margin-bottom: 60px; max-height: 60px; overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; } .se-xq span{ color:#fff; background-color:#f7b97c; padding:5px 12px; border-radius: 15px; } .se-tab{ padding-top: 50px; } .se-btn li,.se-panel li{ float: left; width: 25%; box-sizing: border-box; } .se-btn{ border-top:1px solid #eee; padding:15px 0; } .se-btn li{ text-align: center; position: relative; } .se-btn li:before{ position: absolute; display: block; content: ""; left: 50%; top: -20px; background-color:#ee831b; width: 10px; height: 10px; border-radius: 10px; margin-left: -5px; } .se-btn li:after{ position: absolute; display: block; content: ""; left: 0%; top:-15px; background-color:#ee831b; width:0%; height: 1px; border-radius: 10px; margin-left: -5px; -webkit-transition: width 0.6s; -moz-transition: width 0.6s; -ms-transition: width 0.6s; -o-transition: width 0.6s; transition: width 0.6s; } .se-btn li.active:after{ width: 100%; } .se-btn li p{ font-size: 17px; font-weight: 600; line-height: 2; } .se-btn li span{ display: block; font-size: 14px; color:#999; } .se-panel li a{ margin:15px; display: block; position: relative; } .se-td{ position: absolute; top:0; left: 0; width:100%; padding:25px; height: 100%; box-sizing: border-box; color:#fff; background-color: rgba(238, 131, 27, 0.79); opacity: 0; -webkit-transition:opacity 0.6s; -moz-transition: opacity 0.6s; -ms-transition:opacity 0.6s; -o-transition:opacity 0.6s; transition: opacity 0.6s; } .se-td h4{ text-align: center; font-size: 18px; margin-top:15px; } .se-td span{ display: block; font-size: 14px; margin-bottom: 10px; text-align: center; } .se-td p{ line-height:1.9; font-size: 15px; display: -webkit-box; text-overflow:ellipsis; -webkit-line-clamp:4; overflow: hidden; -webkit-box-orient:vertical; } .se-panel li.on .se-td,.se-panel li:hover .se-td{ opacity:1; } /*di*/ .swrap{ width: 80%; min-width: 1140px; padding: 0 30px; margin: 0 auto; } .sqsm{ background-color: #30303b; color:#74747c; padding:40px 0; border-bottom: 1px solid #444; } .sq1{ width: 15% } .sq3{ width: 25%; } .sq1 img{ width: 140px; margin-left: 15px; } .sq3 img{ width: 100px; margin-bottom: 0px; display: inline-block; margin-right: 15px; } .sq3{ text-align: right; } .sq2{ width: 56%; margin:0 2%; border-left: 1px solid #444; border-right: 1px solid #444; box-sizing: border-box; padding:10px 20px; } .sq2 ul li{ float: left; margin:0 2%; } .sq2 ul li.s-li1{ width: 30%; } .sq2 ul li.s-li2{ width: 62%; } .sq2 ul li img{ width: 70%; } .sq2 ul li dl{ line-height: 2.2; font-size: 15px; } .sq2 dt{ font-size: 17px; font-weight: 600; } @media (max-width:1677px){ .news-de:nth-child(4){ display: none; } } @media (max-width:1662px){ .news-item img{ height: 335px; } } @media (max-width:1500px){ .en-bot{ width:1000px; } .news-de{ padding:12px 0; } .news-tab ul{ margin-bottom: 18px; } .panel .de-top h3{ font-size: 18px; } } @media (max-width:1200px){ .en-fl img{ margin-top: 40px; } .en-bot{ width: 100%; } .news-de{ padding:12px 0; } .news-tab ul{ margin-bottom: 15px; } .panel .de-top h3{ font-size: 18px; } .se-td p{ -webkit-line-clamp:3; font-size: 14px; } .se-td h4{ font-size: 17px; } .se-td span{ font-size: 12px; } .swrap{ width: 90%; } .news-item img{ height: 320px; } } @media (max-width:1080px){ .enter .thumb_slide_wrap .thumb_slide li{ width: 28%; } .enter .thumb_slide_wrap .thumb_slide li.on{ width:43% } .enter .thumb_slide_wrap .thumb_slide{ height: 296px; } .panel .news-de:nth-child(3){ display: none; } .news-bot{ height: auto; } .news-bot ul li{ width: 46%; height: 280px; } .news-bot ul li.nb1{ width: 80%; float: none; margin: 0 auto 30px; } .se-top ul li{ width: 80%; margin:0 auto 20px; float: none; } .se-top ul li a{ margin-right: 0px; } .se-top ul li:last-child a{ margin-left: 0px; } .serivce{ padding:50px 0; } .se-td h4{ margin-top: 0px; margin-bottom: 10px; } .se-panel li a{ margin: 10px; } .se-td span{ display: none; } .banner img{ width: 100%; } .sq3 img{ width: 75px; } .news-item img{ height: 245px; } } @media (max-width:822px){ .sq1{ display: none; } .sq3{ width: 40%; } .sq2{ border-left: none; } } @media (max-width:768px){ .banner{ margin-top:80px; } .en-fl,.en-fr{ width: 100%; } .en-fl .en-img{ text-align: center; } .en-fl .en-img img{ width: 200px; margin-top: 0px; } .en-tit{ position: initial; margin-bottom: 15px; } .en-fr p{ text-indent: 2em; font-size: 15px; } .news-fl,.news-fr{ width: 100%; float: none; } .news-fr{ margin-top: 15px; } .ptit p{ font-size: 23px; } .ptit span{ font-size: 10px; } .news-bot ul li,.news-bot ul li.nb1{ width: 480px; margin:0 auto 15px; float: none; } .news{ padding-bottom: 40px; } .se-xq h5{ font-size: 20px; margin-bottom: 18px; } .se-xq p{ margin-bottom: 30px; } .se-top ul li{ height: 230px; } .serivce{ padding:30px 0; } .ptit{ padding-bottom: 30px; } .se-td h4{ display: none; } .sq2 dt{ font-size: 16px; } .sq2 ul li dl{ font-size: 14px; line-height: 1.8; } .sqsm{ padding:30px 0; } .news-item .news-tab{ padding-left: 0; } .panel .de-top h3{ font-size: 16px; } .news-bot ul li{ height: 200px; } .news-bot ul li.nb1{ padding-top: 40px; } .xwmore{ text-align: center; margin-top: 10px; } .news-dti span.dt-tit{ font-size:15px; } } @media (max-width:640px){ .banner{ margin-top:70px; } .swiper-slide span.sw-mob,.banner img.swp-mob{ display: block; } .swiper-slide span.sw-pc,.banner img.swp-pc{ display: none; background-image: none!important; } .en-fr p{ font-size: 14px; } .enter .thumb_slide_wrap .thumb_slide li,.enter .thumb_slide_wrap .thumb_slide li.on{ width: 70%; float: none; margin:0 auto; } .enter .thumb_slide_wrap .thumb_slide li:first-child{ margin-left: auto; } .enter .thumb_slide_wrap .thumb_slide{ height: auto; } .thumb_slide_wrap .thumb_slide li a{ background-size: cover; background-position: center; } .se-top ul li{ width: 90%; } .se-xq h5{ font-size: 17px; line-height: 1.5; margin-bottom: 10px; } .se-xq p{ font-size: 13px; line-height: 1.8; margin-bottom: 15px; } .se-tit span{ width: 165px; font-size: 15px; } .se-btn li, .se-panel li{ width: 50%; } .se-btn li{ margin-bottom: 25px; } .se-td h4{ display: block; } .sqsm{ padding:15px 0; } .sq2,.sq3{ width: 100%; border-right: none; text-align: center; margin:0 auto; } .news-bot ul li, .news-bot ul li.nb1{ width: 90%; } .news{ padding-bottom: 20px; } .panel .de-top h3{ font-size: 15px; } .panel .de-top span{ font-size: 12px; } .panel .news-de p{ font-size: 13px; } .n-slide .news-tit{ font-size: 14px; padding:8px 18px; } .mi-fl{ position: initial; margin: 0 auto 15px; background-color: transparent; } .news-mid{ background-color: transparent; margin: 15px 0; } .mi-mid { padding-left: 20px; background-color: #fff; height: 47px; line-height: 47px; padding-right: 52px; } .mi-fr{ height: 47px; line-height: 47px; width: 47px; top: 82px; } .sq3 img{ width: 80px; } .swiper-slide span{ background-size: 100% auto; } } @media (max-width:414px){ .enter{ padding-top: 30px; } .enter .thumb_slide_wrap .thumb_slide li,.enter .thumb_slide_wrap .thumb_slide li.on{ width: 90%; } .se-top ul li{ height: 160px; } .se-xq span{ font-size: 12px; padding:2px 8px; } .se-xq p{ display: -webkit-box; text-overflow:ellipsis; overflow: hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .se-btn li p{ font-size: 15px; } .se-btn{ padding-bottom: 0px; } .sq2{ padding:0 0 10px; } .sq2 ul li:first-child{ display: none; } .sq2 ul li.s-li2{ width: 100%; margin:0; } .sq2 ul li img{ width: 80px; } } @media (max-width:375px){ .se-btn li,.se-tr{ height: 0px; opacity: 0; overflow: hidden; } .se-panel li{ width: 250px; float: none; margin:0 auto; height: 170px; overflow: hidden; } }