body{background: #f5f5f5;} /*============================================== index.html =============================================*/ /*header*/ #header{width: 100%;height: 760px;overflow: hidden;} /*flash*/ .flash{height: 760px;overflow: hidden;} .swiper-container { width: 100%;} .swiper-slide {text-align: center;font-size: 18px;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;} /*第1个flash的样式 sxctkj*/ .sxctkjbg{background-image:url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/flash/flash1.jpg);background-position: center;} .sxctkj{display: flex;flex-direction: row ;justify-content: space-between;align-items: center;width: 100%;} .sxctkj dl{width:350px;height: 200px;text-align: left;margin-top:120px;} .sxctkj dl dt{height: 66px; line-height: 66px;color: #FFFFFF;font-size:26px ;} .sxctkj dl dd{line-height: 36px;color: #aaaaaa;font-size:16px ;} /*第2个flash的样式 huayu*/ .huayu{background:#000000;background-position: center;background-size: cover;width:100%;height: 760px;overflow: hidden;} .huayu_son{display: flex;justify-content:center;align-items:flex-end;padding-top:161px;} .huayu_son_details1{width: 440px; text-align: center;align-self:flex-start;margin-top:60px;} .huayu_son_details1 h2{font-size: 36px;color:#e8ac36;line-height: 30px;} .huayu_son_details1 p{font-size: 18px;line-height:32px;color:#daa933;} .huayu_son_details1 p.details_button{width: 150px;margin:0 auto;height: 36px;line-height:36px;text-align: center;background: #fdbd37;border: 0px;font-size: 16px;border-radius: 5px;} .huayu_son_details1 p.details_button a:link,.huayu_son_details1 .details_button a:visited{color: #000000;display: block;} .huayu_son_details1 p.details_button a:hover{} .huayu_son_details2{align-self:flex-end} /*第3个flash的样式 51jv*/ .pika{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/flash/51jv_banner.jpg) #fd88a5;background-position: center;background-size: cover;width:100%;height: 760px;overflow: hidden;} .pika_son{display:flex;width: 1000px;justify-content:space-between;align-items: center;} .pika_son_left .pika_son_left_details{height: 140px;display:flex;justify-content:flex-start;} .pika_son_left .pika_son_left_details div{text-align: left;padding-left:20px} .pika_son_left .pika_son_left_details div h2{font-size: 36px;margin-top:10px;color: #FFFFFF;} .pika_son_left .pika_son_left_details div p{color: #f4736e;font-size: 26px;color: #FFFFFF;} .pika_son_left .pika_son_left_p1{text-align: left;margin-top: 40px;line-height: 36px;color: #FFFFFF;} .pika_son_left .details_button{text-align: left;width: 150px;height: 36px;line-height:36px;text-align: center;background: #fd88a5;border: 0px;font-size: 16px;border-radius: 5px;margin-top:20px;display: block;} .pika_son_left .details_button a:link,.pika_son_left .details_button a:visited{color:#FFFFFF;} .pika_son_left .details_button a:hover{background: #f57171;display: block;border-radius: 5px;} /*第4个flash的样式 qiguanjia*/ .qiguanjia{background:#01DDFF!important;padding:0!important;margin:0px!important;width:100%!important;height: 760px!important;overflow: hidden!important;} .qiguanjia_son{display:flex!important;width: 1000px!important;height:760px!important;justify-content:space-between;align-items: center;position:relative!important;} .qiguanjia_son_left{position:absolute!important;left:0;bottom:0;} .qiguanjia_son_left img{position:absolute!important;left:0;bottom:-2px;} .qiguanjia_son_right{position:absolute!important;right:0;} .qiguanjia_son_right .qiguanjia_son_left_details{height: 140px;display:flex;justify-content:flex-start;position:relative;left:20px;top:-120px;} .qiguanjia_son_right .qiguanjia_son_left_details .qiguanjia_name{position:relative;left:15px;margin-top:10px;} .qiguanjia_son_right .qiguanjia_son_left_p{position:absolute;right:0;margin-top:-156px;font-size:26px;line-height:36px;color: #FFFFFF;text-align:right;font-family:'Microsoft YaHei';} .qiguanjia_son_right .qiguanjia_son_left_p span{color:#FBD58E;} .qiguanjia_son_right .details_button{text-align: left;width: 230px;height: 70px;line-height:70px;text-align: center;background: #FFFFFF;border: 0px;font-size: 32px;margin-left:238px;margin-top:-74px;display: block;} .qiguanjia_son_right .details_button a{color:#01DDFF;} .qiguanjia_son_right .details_button a:link,.qiguanjia_son_left .details_button a:visited{color:#01DDFF;} .qiguanjia_son_right .details_button a:hover{background: #fefefe;display: block;border-radius: 5px;color:#01DDFF;} /*menu*/ .menu{width: 100%;height: 100px;line-height:100px;margin: 0 auto;position: absolute;left: 0;top:0;z-index: 10000;} .menu img{padding-top: 30px;} .menu .l-1200 ul{} .menu .l-1200 ul li{float:left;text-align: center;color: #FFFFFF;width: 90px;} .menu .l-1200 ul li a:link,.menu .l-1200 ul li a:visited{color: #FFFFFF;} .menu .l-1200 ul li a:hover{color: #f5f5f5;} /*服务范围 service*/ .service{width: 100%;height:560px ;background: #ffffff;overflow: hidden;} .service h1{text-align: center;color: #000000;line-height: 56px;padding-top:50px;margin-bottom: 20px;font-size: 36px;} .service h2{text-align: center;color: #DDDDDD;line-height: 56px;} .service_icon{width:200px;height: 200px;color:#000000;display: block;cursor: pointer;} .service_icon i.iconfont{font-size: 45px; border: 2px solid #e6e6e6;border-radius: 50%;padding: 25px;} .service_icon i.iconfont:hover{font-size: 45px; border: 2px solid #F95000;border-radius: 50%;padding: 25px;background: #F95000;color: #FFFFFF;} .service_icon p.service_title{font-weight: bold;font-size: 20px;margin-top: 40px;} .service_icon p.service_details{color: #666666;font-size: 14px;} /*经典案例 projects*/ .projects{width: 100%;height:750px ;background: #f5f5f5;} .projects h1{text-align: center;color: #000000;line-height: 56px;padding-top:50px;margin-bottom: 20px;font-size: 36px;} .projects h2{font-size:20px;text-align: center;color: #DDDDDD;line-height: 36px;} /*合作伙伴 partner*/ .partner{width: 100%;height:625px ;background: #ffffff;overflow: hidden;} .partner h1{text-align: center;color: #000000;line-height: 56px;padding-top:50px;margin-bottom: 20px;font-size: 36px;} .partner h2{text-align: center;color: #DDDDDD;line-height: 56px;} /*aboutus*/ .aboutus{width: 100%;height:400px ;background: #494552;overflow: hidden;} .aboutus{padding-top: 70px;} .aboutus dl{float: left;} .aboutus dl dt{font-weight: bold;color: #FFFFFF;font-size: 16px;line-height: 48px;} .aboutus dl dt a:link,.aboutus dl dt a:visited{color: #FFFFFF;} .aboutus dl dt a:hover{color: #DDDDDD;} .aboutus dl dd{line-height: 36px;color: #cccccc;font-size: 14px;} .aboutus dl dd a:link,.aboutus dl dd a:visited{color: #cccccc;} .aboutus dl dd a:hover{color: #DDDDDD;} .aboutus dl dd input{width: 250px;height: 30px;margin-top:5px;margin-bottom: 5px;background: #6d6680;border: 1px; color: #FFFFFF;padding: 2px 2px 2px 5px;} .aboutus dl dd input::-moz-placeholder{color: #FFFFFF;} .aboutus dl dd input::-webkit-input-placeholder{color: #FFFFFF;} .aboutus dl dd input:-ms-input-placeholder{color: #FFFFFF;} .aboutus dl dd textarea{width: 250px;height: 100px;margin-top:5px;margin-bottom: 5px;background: #6d6680;border: 1px; color: #FFFFFF;padding: 2px 2px 2px 5px;} .aboutus dl dd textarea::-moz-placeholder{color: #FFFFFF;} .aboutus dl dd textarea::-webkit-input-placeholder{color: #FFFFFF;} .aboutus dl dd textarea:-ms-input-placeholder{color: #FFFFFF;} /*company*/ .company{width: 100%;height: 800px;background:#F5F5F5;overflow: hidden;} .companyson{width: 600px;margin:0 auto;text-align: center;padding-top: 50px;} .companyson h2{font-size: 36px;color: #000000;} .companyson .descrption{font-size: 14px;color: #999999;margin-bottom: 20px;} .companydetals{background: #FFFFFF;padding: 20px;} .companydetals img{width: 100%;} .companydetals p{text-indent:2em;font-size: 16px;line-height: 24px;color: #666666;} /*footer*/ .footer{width: 100%;height: 80px;line-height:80px;background: #000000;} .footer{color: #FFFFFF;} .footer a:link,.footer a:visited{color: #FFFFFF;} .footer a:hover{color: #A5AABD;} /*============================================== list.html =============================================*/ /*header2*/ .header2{height: 66px;line-height: 66px;background: #FFFFFF;} /*menu*/ .menu2{width: 1200px;height: 66px;line-height:66px;margin: 0 auto;z-index: 10000;overflow: hidden;} .menu2 img{padding-top: 10px;} .menu2 ul{} .menu2 ul li{float:left;text-align: center;color: #000000;width: 90px;} .menu2 ul li a:link,.menu ul li a:visited{color: #000000;} .menu2 ul li a:hover{color: #000000;} /*list*/ .list{margin-bottom: 20px;} .list_header{height: 60px;line-height: 60px;} .list_body{margin-top:20px;overflow: hidden;} .list_left{width: 65%;background: #ffffff;padding: 20px;} .dl_list{height: 150px; padding-bottom:20px;border-bottom: 1px dashed #eeeeee;overflow: hidden;} .dl_list dt{ float:left; width: 20%;} .dl_list dt img{margin-top:20px} .dl_list dd{ float:right; width: 72%; line-height:24px; color:#555;text-align:left;} .dl_list dd h2{ text-align:left;} .dl_list dd h2 a:visited,.dl_list dd h2 a:link{ color:#000000;font-size:22px;line-height: 20px;} .dl_list dd h2 a:hover{ text-decoration:underline;} .list_right{width: 26%;background: #ffffff;padding: 20px;} .list_right_col{padding-bottom: 20px;border-bottom: 1px solid #EEEEEE;} .list_right_col:last-child{border-bottom: 0px;} .list-group {padding-left: 0;margin-bottom: 20px;} .list-group-item {position: relative;display: block;padding: 10px 15px;margin-bottom: -1px;background-color: #fff;border: 1px solid #ddd;} .list-group-item:first-child {border-top-left-radius: 4px;border-top-right-radius: 4px;} .list-group-item:last-child {margin-bottom: 0;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;} /*============================================== article.html =============================================*/ .content{padding: 20px;} .met-shownews-header {border-bottom: 1px solid #DDDDDD;padding-bottom: 10px;} .met-shownews-header h1{font-size: 30px;} .met-shownews-header .info{height: 30px;line-height: 30px;color: #666666;} .met-shownews-header .info span{padding-left: 5px;padding-right:5px;} .met-editor {background: #ffffff;width: 100%;max-width: 100%;font-size: 16px;line-height: 1.8;color: #222;word-wrap: break-word;} .met-editor img{width: 100%;} .next li{height: 24px;} /*============================================== page.html =============================================*/ .web1{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/service/web/pic1.jpg) ;background-position: center;background-size: cover;width:100%;height: 508px;overflow: hidden;} .web2{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/service/web/pic2.jpg) ;background-position: center;background-size: cover;width:100%;height: 462px;overflow: hidden;} .web3{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/service/web/pic3.jpg) ;background-position: center;background-size: cover;width:100%;height: 470px;overflow: hidden;} .web4{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/service/web/pic4.jpg) ;background-position: center;background-size: cover;width:100%;height: 672px;overflow: hidden;} .app1{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/service/app/pic1.jpg) ;background-position: center;background-size: cover;width:100%;height: 470px;overflow: hidden;} .app2{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/service/app/pic2.jpg) ;background-position: center;background-size: cover;width:100%;height: 549px;overflow: hidden;} .app3{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/service/app/pic3.jpg) ;background-position: center;background-size: cover;width:100%;height: 464px;overflow: hidden;} .app4{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/service/app/pic4.jpg) ;background-position: center;background-size: cover;width:100%;height: 682px;overflow: hidden;} .app5{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/service/app/pic4.jpg) ;background-position: center;background-size: cover;width:100%;height: 590px;overflow: hidden;} .bs1{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/service/bs/pic1.jpg) ;background-position: center;background-size: cover;width:100%;height: 410px;overflow: hidden;} .bs2{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/service/bs/pic2.jpg) ;background-position: center;background-size: cover;width:100%;height: 369px;overflow: hidden;} .bs3{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/service/bs/pic3.jpg) ;background-position: center;background-size: cover;width:100%;height: 467px;overflow: hidden;} .bs4{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/service/bs/pic4.jpg) ;background-position: center;background-size: cover;width:100%;height: 669px;overflow: hidden;} .bs5{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/service/bs/pic4.jpg) ;background-position: center;background-size: cover;width:100%;height: 535px;overflow: hidden;} .seo1{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/service/seo/pic1.jpg) ;background-position: center;background-size: cover;width:100%;height: 467px;overflow: hidden;} .seo2{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/service/seo/pic2.jpg) ;background-position: center;background-size: cover;width:100%;height: 611px;overflow: hidden;} .seo3{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/service/seo/pic3.jpg) ;background-position: center;background-size: cover;width:100%;height: 402px;overflow: hidden;} .seo4{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/service/seo/pic4.jpg) ;background-position: center;background-size: cover;width:100%;height: 533px;overflow: hidden;} .seo5{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/service/seo/pic4.jpg) ;background-position: center;background-size: cover;width:100%;height: 431px;overflow: hidden;} .cs1{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/service/cs/pic1.jpg) ;background-position: center;background-size: cover;width:100%;height: 407px;overflow: hidden;} .cs2{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/service/cs/pic2.jpg) ;background-position: center;background-size: cover;width:100%;height: 370px;overflow: hidden;} .cs3{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/service/cs/pic3.jpg) ;background-position: center;background-size: cover;width:100%;height: 469px;overflow: hidden;} .cs4{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/service/cs/pic4.jpg) ;background-position: center;background-size: cover;width:100%;height: 675px;overflow: hidden;} .cs5{background: url(https://sxctkjwebsite.oss-cn-hangzhou.aliyuncs.com/images/service/cs/pic4.jpg) ;background-position: center;background-size: cover;width:100%;height: 535px;overflow: hidden;} /*============================================== other =============================================*/ /*元素 start*/ /*更多*/ .more{width:250px;height:50px;line-height:50px;text-align:center;border: 1px solid #000000 ; border-radius: 15px;font-size: 20px; margin: 0 auto;margin-top: 10px;} .more:hover{background: #F95000;cursor: pointer;color: #FFFFFF;border: 1px solid #F95000 ; } /*元素 end*/ /*swiper 重置按钮样式 start*/ .swiper-container-horizontal > .swiper-pagination-bullets{position: relative;top:-100%; } .swiper-slide_m{margin-top:50px;} /*swiper 重置按钮样式 end*/ /*image-hover reset start*/ [class^='imghvr-'] figcaption, [class*=' imghvr-'] figcaption {background: rgba(0,0,0,0.8);} /*image-hover reset end*/