a{text-decoration: none;} /*work-dt 寮€濮 1280 - 960 320 160 630 - 160 */ .work-dt{width: 1180px;height: 320px;margin: 70px auto 20px;} .work-dt .work-dt-left{width: 570px;height: 320px;float: left;} .work-dt .work-dt-right{width: 570px;height: 320px;float: right;} .work-dt .work-dt-right .work-dt-right-title{line-height:40px;width: 570px;height:40px;} .work-dt .work-dt-right .work-dt-right-title i{color: #FFF;width: 40px;height:40px;font-size: 20px;} .work-dt .work-dt-right .work-dt-right-title span{font-size: 16px; color: #FFF; float: left; display: block;padding: 0px 16px;border-radius: 5px 5px 0px 0px; height:40px;} .work-dt .work-dt-right .work-dt-right-title a{ float: right;margin-right: 10px;} .work-dt .work-dt-right> ul> li{height: 35px;line-height: 35px;} .work-dt .work-dt-right> ul> li> i{float: left;margin-right: 5px;} .work-dt .work-dt-right> ul> li> a{float: left;color: #333;} .work-dt .work-dt-right> ul> li> span{float: right;margin-right: 10px;} .work-dt .work-dt-right> ul> li> a:hover{text-decoration: revert;} /* 榧犳爣浜嬩欢*/ .work-dt .work-dt-right> ul> li:hover a{color: red; text-decoration: none;} /*work-dt 缁撴潫*/ /*company-dt 寮€濮?/ .company-dt{width: 1180px;height: 360px;margin: 20px auto 20px;} .company-dt .company-dt-left{width: 570px;height: 360px;float: left;} .company-dt .company-dt-left .company-dt-left-title{line-height:40px;width: 570px;height:40px;} .company-dt .company-dt-left .company-dt-left-title i{color: #FFF;width: 40px;height:40px;font-size: 20px;} .company-dt .company-dt-left .company-dt-left-title span{font-size: 16px; color: #FFF; float: left; display: block;padding: 0px 16px;border-radius: 5px 5px 0px 0px; height:40px;} .company-dt .company-dt-left .company-dt-left-title a{ float: right;margin-right: 10px;} .company-dt .company-dt-left> ul> li{height: 35px;line-height: 35px;} .company-dt .company-dt-left> ul> li> i{float: left;margin-right: 5px;} .company-dt .company-dt-left> ul> li> a{float: left;color: #333;} .company-dt .company-dt-left> ul> li> span{float: right;margin-right: 10px;} .company-dt .company-dt-left> ul> li> a:hover{text-decoration: revert;} /* 榧犳爣浜嬩欢*/ .company-dt .company-dt-left> ul> li:hover a{color: red; text-decoration: none;} .company-dt .company-dt-right{width: 570px;height: 360px;float: right;} .company-dt .company-dt-right .company-dt-right-title{line-height:40px;width: 570px;height:40px;} .company-dt .company-dt-right .company-dt-right-title i{color: #FFF;width: 40px;height:40px;font-size: 20px;} .company-dt .company-dt-right .company-dt-right-title span{font-size: 16px; color: #FFF;float: left; display: block;padding: 0px 16px;border-radius: 5px 5px 0px 0px; height:40px;} .company-dt .company-dt-right .company-dt-right-title a{ float: right;margin-right: 10px;} .company-dt .company-dt-right> ul> li{height: 35px;line-height: 35px;} .company-dt .company-dt-right> ul> li> i{float: left;margin-right: 5px;} .company-dt .company-dt-right> ul> li> a{float: left;color: #333;} .company-dt .company-dt-right> ul> li> span{float: right;margin-right: 10px;} .company-dt .company-dt-right> ul> li> a:hover{text-decoration: revert;} /* 榧犳爣浜嬩欢*/ .company-dt .company-dt-right> ul> li:hover a{color: red; text-decoration: none;} /*company-dt 缁撴潫*/ /*idea-dt 寮€濮?/ .idea-dt{width: 1180px;height: 100px;margin: 0px auto 20px;} .idea-dt> ul li{width: 300px;height: 100px;float: left;margin-left: 20px;} .idea-dt> ul li img{width: 300px;height: 100px;} /*idea-dt 缁撴潫*/ /*company-video 寮€濮?/ .company-video-dt{width: 1180px;overflow: hidden; height: auto;margin: 0px auto 20px;} .company-video-dt .company-video-dt-left{width: 570px; float: left;} .company-video-dt .company-video-dt-left .company-video-dt-left-title{line-height:40px;width: 570px;height:40px;} .company-video-dt .company-video-dt-left .company-video-dt-left-title i{color: #FFF;width: 40px;height:40px;font-size: 20px;} .company-video-dt .company-video-dt-left .company-video-dt-left-title span{font-size: 16px; color: #FFF;float: left; display: block;padding: 0px 16px;border-radius: 5px 5px 0px 0px; height:40px;} .company-video-dt .company-video-dt-left .company-video-dt-left-title a{ float: right;margin-right: 10px;} .company-video-dt .company-video-dt-left> ul{margin-top: 20px;} .company-video-dt .company-video-dt-left> ul> li{margin-bottom: 15px; width:570px; height: 150px;border-bottom: 1px solid #EEE; float: left;} .company-video-dt .company-video-dt-left> ul> li> .company-video-dt-left-pic{ width: 190px;float: left;} .company-video-dt .company-video-dt-left> ul> li> .company-video-dt-left-pic img{width:190px;height: 130px;} .company-video-dt .company-video-dt-left> ul> li> .company-video-dt-left-list{width: 370px;height: 130px;float:right;} .company-video-dt .company-video-dt-left> ul> li> .company-video-dt-left-list a{display: block; font-weight: bold; width: 380px; height: 35px; line-height: 35px; font-size: 18px; color: #333;} .company-video-dt .company-video-dt-left> ul> li> .company-video-dt-left-list a:hover{color: red;} .company-video-dt .company-video-dt-left> ul> li> .company-video-dt-left-list p{margin-top: 5px; line-height: 23px; text-indent: 2em; font-size: 16px; width: 380px;color: #666;} .company-video-dt .company-video-dt-left> ul> li> .company-video-dt-left-list p a{color: #007DDB;} .company-video-dt .company-video-dt-right{width: 570px;float: right;} .company-video-dt .company-video-dt-right .company-video-dt-right-title{line-height:40px;width: 570px;height:40px;} .company-video-dt .company-video-dt-right .company-video-dt-right-title i{color: #FFF;width: 40px;height:40px;font-size: 20px;} .company-video-dt .company-video-dt-right .company-video-dt-right-title span{font-size: 16px; color: #FFF; float: left; display: block;padding: 0px 16px;border-radius: 5px 5px 0px 0px; height:40px;} .company-video-dt .company-video-dt-right .company-video-dt-right-title a{ float: right;margin-right: 10px;} .company-video-dt .company-video-dt-right> ul{margin-top: 20px;} .company-video-dt .company-video-dt-right> ul> li{margin-bottom: 10px; width:275px;height: 150px;float: left; margin-right: 10px;} .company-video-dt .company-video-dt-right> ul> li video{width:275px;height: 150px;} .company-video-dt .company-video-dt-right> ul> li> a{background: #408ed6; color: #E2E2E2; display: block; margin-top: -150px;position: absolute;z-index: 10;padding: 2px 8px; margin-left: 231px;} .company-video-dt .company-video-dt-right .company-video-dt-right-img-bg{margin-top: -150px;position: absolute;z-index: 11;width: 275px;height: 150px;} .company-video-dt .company-video-dt-right .company-video-dt-right-img-bg-span{width: 275px;margin: 0px auto; display: block; margin-top: 120px;color: #FFF;} .company-video-dt-right-img-bg:hover{background: none;} /*company-video 缁撴潫*/ /*link-dt 寮€濮?/ .link-dt{display: none; width: 1180px; height: 180px;margin: 0px auto 20px;} .link-dt .link-dt-title{line-height:40px;width: 1180px;height:40px;} .link-dt .link-dt-title span{font-size: 16px; color: #FFF;float: left; display: block;padding: 0px 16px;border-radius: 5px 5px 0px 0px; height:40px;} .ds_link li{padding: 0px 20px;margin-bottom: 10px; float: left;} html, body { position: relative; height: 100%; } body { background: #FFF; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #000; margin: 0; padding: 0; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{left: 1;right: 0;width: 160px;} .swiper-container { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; /* Center slide text vertically */ 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; } .swiper-pagination-bullet { width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; color: #000; opacity: 1; background: rgba(0, 0, 0, 0.2); } .swiper-pagination-bullet-active { color: #fff; background: #007aff; }