body{font-size: 14px;background: #fff;} *, ::after, ::before{box-sizing: border-box;} @font-face{font-family: "iconfont";src: url('../fonts/iconfont.eot');/* IE9*/src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8*/url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox*/url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/url('../fonts/iconfont.svg#iconfont') format('svg');/* iOS 4.1-*/} .iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;} .header{width:100%; position: fixed; z-index:99999; left:0; top:0; background:#FFFFFF;/*box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);transform: translate3d(0px, -2px, 0px);*/} .logobox{height:90px;} .logoboxc{ width:1200px; margin:0 auto;} .number{display: block;float:right;margin-top:30px;text-align: right;font-size: 18px;color: #787879;font-weight: bold} .number span{color:#a90404;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:24px;} .search-con { cursor: pointer; } .headsearch{float:right;margin-top:15px; margin-right:60px; display:none; width:40px; height:40px;} .search-icon{ display: inline-block; width: 40px; height: 40px; background: url(../img/winco01.png) center center no-repeat; } .searchbox { position: absolute; right: 0; top: 59px; width: 100%; display: none; } .searchbox .searchtext { width: 100%; height: 40px; padding: 10px 60px 10px 10px; border: 1px solid #ddd; } .searchbox .searchbtn { position: absolute; right: 0; top: 0; background: #d82019; width: 60px; height: 40px; color: #fff; font-family: "Microsoft YaHei"; cursor: pointer;} .seach { float:right;width:230px;height:40px; margin-top:32px; margin-right:20px;} .seach .search_key {width:160px;float:left;height:32px;background:url(../img/winco01.png) no-repeat 10px 6px; background-size:16px;border:none;font-size:12px;text-indent:35px;transition:360ms;border:solid 1px #cfd4e1;} .seach .search_key:focus{color:#666;} .seach .searchBtn {width:60px;float:left;height:32px;background:#a90404;border:solid 1px #a90404;cursor:pointer;color:#fff;border-radius:0 3px 3px 0;} .head-bot{width: 100%;height: 46px;background: #a90404;} .logo{display: block;float:left;margin-top:15px;} .logo img{height: 52px;} @media only screen and (min-width: 320px) and (max-width: 1100px){.top ul li a .one,.two,.three,.four,.five{width: 100% !important;} .logobox{height:70px;width:100%;position:absolute;top:0;left:0;} .logobox { height: 70px; width: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .logo{display:block;float:left;margin:20px 0 0 6px;} .logo img{width:172px; height:auto; } .allserver{display:none;}} .nav{width: 1200px;margin: 0 auto;position: relative;} .nav ul{float:right;} .nav li{float:left;margin:0 15px 0 0;} .nav li>a{color: #fff;font-size:16px;padding: 3px 15px;line-height:40px;display:block;position:relative;} .haveson::after{font-family:"iconfont";content:'\eb8d';width: 4px;height: 4px;position: absolute;right:8px;top:6px;color:#FFFFFF;} .two-nav{min-width: 140px;display: none;position: absolute;background: #fff;padding: 15px 15px 15px;z-index: 100;text-align: center;-o-box-shadow:0 0 15px rgba(0,0,0,.1);-ms-box-shadow:0 0 15px rgba(0,0,0,.1);-moz-box-shadow:0 0 15px rgba(0,0,0,.1);-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1);} .two-nav a{font-size: 12px;margin-bottom: 10px;color: #000000;display: block;text-align:left;position:relative;} .two-nav a:hover{color: #a90404} .two-nav2{min-width:100%;display:none;position:absolute;background:none;left:0;top:46px;z-index: 100;text-align: left;shadow:none;padding-top:0;} .nav .two-nav2 a{line-height:24px;margin-bottom:0;} .twosonk{width:760px;float:left;margin-left:360px;background:#FFFFFF;padding: 0 15px 15px 15px;} .twoson{width:200px;float:left;margin-left:30px;} .son_title{width:100%;padding:20px 0 0 0;font-size:18px;color:#000000;line-height:180%;} .son_title a{color:#000000; font-size:18px;} .son_content{width:100%;line-height:220%;font-size:12px;color:#000000;padding-bottom:20px;border-right:#f1f1f1 1px solid;} .son_content a{color:#000000;} .twoson a:hover{color:#a90404;text-decoration:underline;} .allserver{width:236px;height:46px;line-height:46px;background:#de0c0c;text-align:center;font-size:16px;color:#FFFFFF;position:relative;float:left;z-index:99;} .allserver_son{width:100%;background:#FFFFFF;height:auto;padding:10px 20px 20px 20px;position:absolute;top:46px;left:0;text-align:left;} .allserver_son_title{width:100%;padding:10px 0 0 0;font-size:18px;color:#000000;line-height:180%;} .allserver_son_title a{color:#000000;} .allserver_son_content{width:100%;line-height:180%;font-size:12px;color:#000000;padding-bottom:10px;border-bottom:#f1f1f1 1px solid;} .allserver_son_content a{color:#000000;} .allserver_son a:hover{color:#003b5e;text-decoration:underline;} .nav li.on>a,.nav li:hover>a{background:#003b5e;position: relative;} .banner,.banner .swiper-container{width: 100%;position: relative; background:#000000;} .banner{ margin-top:136px;} .banner img{width: 100%} .banner a{display: block;width: 100%} .banner .swiper-pagination-bullet{width:12px;opacity: 1;height:12px;margin: 0px 15px!important;background:#5796cc;border-radius:6px;} .banner .swiper-container-horizontal>.swiper-pagination-bullets{padding: 10px 0px 10px;bottom:0px;background:rgba(0,0,0,.4)} .banner .swiper-pagination-bullet-active{background: #a90404;border:#FFFFFF 2px solid;} .nav li.on>a:after,.nav li:hover>a:after{} .pchidden{display:none;} .programming{padding: 64px 0 32px 0; background:url(../images/08.jpg) top center no-repeat;} .com-title{text-align: center;width:800px;margin: 0 auto;} .com-title h3, .com-title h3 a{width: 170px;margin: -27px auto 0px;font-size: 30px;font-weight: bold;color: #a90404;} .com-title h3{position:relative;} .com-title h3.fbai, .com-title h3.fbai a{ color:#FFFFFF;} .com-title h3:before{content:'';width:200px;height:2px;background:#ddd;left:-200px;top:20px;position:absolute;} .com-title h3:after{content:'';width:200px;height:2px;background:#ddd;right:-200px;top:20px;position:absolute;} .com-title .fbai:before{content:'';width:200px;height:2px;background:#fff;left:-200px;top:20px;position:absolute;} .com-title .fbai:after{content:'';width:200px;height:2px;background:#fff;right:-200px;top:20px;position:absolute;} .com-title p{font-size: 25px;color: #787879;margin-top: 17px;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;} .programming .lists{margin-top: 35px;} .programming .lists li{width: 200px;height:200px;float: left;margin-right: 50px;margin-bottom: 40px;background: rgba(181,0,24,0.7);text-align: center;transition: all .3s; padding-top:10px;} .programming .lists li a{color: #1168ab;} .programming .lists li:nth-child(5n){margin-right: 0px;float: right;} .programming li h3{font-size:40px; width:100%; } .programming li h3 i{ display:block;width:76px; height:76px; line-height:76px; color:#fff; font-size:48px; text-align:center; margin:20px auto;} .programming li h4{font-weight: bold;width:140px; width:100%;font-size:18px; padding:10px; color:#fff;margin:10px auto;} .programming li p{font-size: 12px;transform: scale(0.8);font-weight: bold;text-transform: uppercase;color:#666;} .programming li span{display: block;width: 60px;height:4px;background: #004b6a;margin: 25px auto 0px;} .programming li:hover{box-shadow: 13px 13px 10px rgba(0,75,106,.59);} .programming li:hover{ background:#003858;} .programming li:hover h3 i{-webkit-transform: scale(1.1); transform: scale(1.1);transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;} .programming li:hover h4{margin:0px auto; padding:5px;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;} .design{padding:60px 0 30px 0;} .design .top{margin-top: 39px;} .design li{text-align: center;float: left;} .design li>div,.research .lists li{} .programming .lists li{transition: all .3s;transform: scale(1,1);} .qualifications-main li{transition: all .3s;position: relative;top: 0px;} .design li .one,.design li .two{width: 220px;} .casebox{} .selected-solution>div{position:relative;width:1270px;margin:0 auto;} .selected-solution .swiper-container{width:1200px} .selected-solution .layer-title{color:#393b40;padding:50px 0 30px;text-align:center;font-size:30px;letter-spacing:1.09px} /*主体列表*/.selected-solution .solution-cardlist{max-width:1200px;padding:60px 0 60px 0;} .caselb{height:420px!important} .selected-solution .solution-cardlist .col-sm-4{padding:0 10px;top:0;transition:all .15s linear;box-sizing:border-box} .selected-solution .solution-cardlist .col-sm-4 .solution-card{height:380px;background:#f8f8f8;border-radius:6px;text-align:left;overflow:hidden;transition:all .15s linear} .selected-solution .solution-cardlist .col-sm-4:hover{position:relative;top:-20px;transition:all .25s linear} .selected-solution .solution-cardlist .col-sm-4:hover .solution-card{height:420px;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);transition:all .2s linear} .selected-solution .solution-cardlist .col-sm-4 .solution-card .imgbox{ height:200px; overflow:hidden; display:block;} .selected-solution .solution-cardlist .col-sm-4 .solution-card img{width:100%;height:auto;transition:all .2s linear} .selected-solution .solution-cardlist .col-sm-4 .solution-card h3{margin:20px 30px 10px;font-size:16px;color:#252b3a;text-align:left;font-weight:bold;} .selected-solution .solution-cardlist .col-sm-4 .solution-card p{margin:0 30px;padding-bottom:0px;font-size:14px;color:#666a75;letter-spacing:.51px} .selected-solution .solution-cardlist .col-sm-4 .solution-card dl{margin:0 30px;overflow:visible} .cf:after,.cf:before{content:" ";display:table;line-height:0} .cf:after{clear:both} .selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt{margin-bottom:10px;font-size:14px;color:#252b3a;letter-spacing:.51px;line-height:19px;position:relative} .selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt:before{position:absolute;display:inline-block;left:-8px;top:7px;content:'';vertical-align:middle;width:4px;height:4px;border-radius:50%;background:#252b3a} .selected-solution .solution-cardlist .col-sm-4 .solution-card dl dd{float:left;width:50%;margin-bottom:6px;font-size:12px;color:#a0a2a8;letter-spacing:.44px;line-height:20px} .selected-solution .solution-cardlist .col-sm-4 .solution-card>span{margin:20px 30px 0;font-size:14px;display:inline-block;color:#666a75;letter-spacing:.51px;line-height:22px;opacity:0;transition:opacity .15s linear} .selected-solution .solution-cardlist .col-sm-4:hover .solution-card>span{opacity:1;transition:opacity .2s linear 50ms} /*了解更多*/.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span{display:inline-block;vertical-align:middle} .selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span.arrow-f{width:13px;height:13px;background:url(../images/marketplace-selected-arrow0.svg);display:inline-block;vertical-align:middle;margin-left:5px;position:relative;transition:.3s ease-out} .selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover{color:#a90404} .selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover span.arrow-f{transform:translate(4px,0);background:url(../images/marketplace-selected-arrow2.svg)} /*重置swiper*/.swiper-container-horizontal>.swiper-pagination-bullets.solution-pagination{bottom:30px} .solution-pagination .swiper-pagination-bullet{width:24px;height:4px;border-radius:100px;overflow:hidden;background:#dfe1f1;border:none;cursor:pointer;content:'';display:inline-block;box-sizing:border-box;opacity:1;vertical-align:middle} .solution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#b50018;box-sizing:border-box} .swiper-container-solution .swiper-button-prev{left:0;width:14.5px;height:30px;margin-top:0;background-image:url(../images/marketplace-home-arrow_big.svg);background-size:cover;transition:background-image .15s} .swiper-container-solution .swiper-button-next{right:0;width:14.5px;height:30px;margin-top:0;background-image:url(../images/marketplace-home-arrow_big.svg);transform:rotate(180deg);background-size:cover;transition:background-image .15s} .swiper-container-solution .swiper-button-next:hover,.swiper-container-solution .swiper-button-prev:hover{background-image:url(../images/marketplace-home-arrow_big_hover.svg);transition:background-image .2s} .case-title{ width:100%; text-align:center; font-size:24px; color:#666; padding-top:60px;} @media(min-width:1200px){ .design li>a:hover div{box-shadow: 0px 0px 7px rgba(87, 150, 204, 1);} .programming .lists li:hover{position: relative;z-index: 100;/*transform: scale(1.05,1.05);*/} .achievements .lists li:hover{top: -10px}} .design li .one{height: 165px;padding-top: 14px;} .design li .two{padding-top: 14px;height: 134px;margin-top: 13px;} .design li{ width:20%; margin-bottom:15px} .ghbg1{ background:#009933;} .ghbg2{ background:#009999;} .ghbg3{ background:#0099CC;} .ghbg4{ background:#0099FF;} .ghbg5{ background: #0066CC;} .ghbg6{ background:#0099FF;} .ghbg7{ background: #009999;} .ghbg8{ background: #009933;} .ghbg9{ background: #336699;} .ghbg10{ background: #009999;} .design .guihuak{ width:80%; height:180px; border-radius:8px; margin:0 auto; } .design li i{margin: 0 auto;display: block;font-size:48px;color:#FFFFFF;font-style:normal; padding:30px 0 0 0;} .design li p{font-weight: bold;letter-spacing:0;font-size: 18px;color:#FFFFFF; display:block; padding:20px 0 0 0;} .design li .s1{background:#6f9eba;} .design li .s2{background:#00588b;} .design li .s3{background: #23485e;} .design li span{display: block;width: 100px;height: 3px;margin: 15px auto 0px;background:#FFFFFF;} .design li .bs i{font-size:56px;} .design li .bs p{color: #fff} .design li .bs span{background: #fff} .design li .ls i{font-size:56px;} .design li .ls p{color: #fff} .design li .ls span{background: #fff} .design li .comh1{height: 312px;} .design li .comh1{width: 205px;padding-top:40px;} .design li .comh1 p{margin-top: 25px;} .design li .comh1 span{margin: 33px auto 0px;background:#FFFFFF;} .design li .four{width: 338px;padding-top:40px;} .design li .five{width: 395px;margin-right: 0px;padding-top:40px;} .design .bot{margin-top: 13px} .design li .six{width: 245px;} .design li .seven{width: 336px;} .design li .eight{width: 254px;} .design li .nine{width: 324px;height: 149px;padding-top: 10px;} .design li .ten{width: 324px;margin-top: 13px;height: 149px;padding-top: 10px} .design li .f1 i{font-size:36px;} .design li .f2 i{font-size:54px;} .design li .f3 i{font-size:68px;} .achievements{margin-top: 108px} .achievements-main{margin-top: 40px;height: 368px;background:url(../images/i_47.png) no-repeat center;} .achievements .com-title h3{width: 244px;} .achievements .tp,.qualifications .tt{font-size: 25px;font-weight: bold;color: #787879;margin-top: 17px;text-align: center;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;} .achievements-main{padding-top: 50px} .achievements-main h3{width: 300px;background: #799eab;padding: 10px 0px;font-size: 22px;font-weight: bold;letter-spacing: 2px;color: #fff;padding-left: 35px;} .achievements-main h4{color: #004b6a;margin: 4px 0px;} .achievements-main .text{width: 400px;font-size: 16px;color: #fff;padding: 25px 25px 30px 15px;background: rgba(87, 150, 204, 0.7)} .achievements .lists{margin-top: 39px;text-align: center;} .achievements .lists ul{width: 1250px;} .achievements .lists li{display: inline-block;vertical-align: top;margin: 0px 55px 0px;transition: all .4s;position: relative;top: 0px;} .achievements .lists li img{width: 90px;height: 90px;} .achievements .lists li a{width: 83px;margin: 24px auto 0px;display: block;font-size: 14px;color: #004b6a;padding: 3px 0px;background: #b2c9d2;border-radius: 8px;font-weight: bold;letter-spacing: 1px;} .achievements .lists li p{font-size: 20px;color: #004b6a;font-weight: bold;margin-top:17px;letter-spacing: 2px;} .achievements .lists li a:hover{background: #004b6a;color: #fff} .capital{background: url(../images/yk_02.jpg) top center no-repeat ;padding-top:80px;} .capital .com-title h3{width: 230px} .capital-main{width: 100%;height: 443px;padding-top:50px} .capital-main .swiper-slide{width: 230px;height: 253px;padding: 15px 12px 0px;background: rgba(255, 255, 255, 0.6);color: #666;text-align: center;transform: scale(1,1);position: relative;margin: 10px 0;} .capital-main .swiper-slide a{color: #666;} .capital-main .swiper-slide:after{content: "";width: 50%;height: 4px;background: #a90404;position: absolute;bottom: 0;left: 25%;} .capital-main .swiper-slide:hover{/*transform: scale(1.1,1);*//*margin-top: 13px;*/} .capital-main .swiper-slide img{display: block;width: 100%;} .capital-main .swiper-slide h3{font-size:16px;font-weight: bold;margin: 10px 0px 3px;} .capital-main .swiper-slide p{font-size: 12px;text-transform: uppercase;} .capital-main .swiper-container{width: 1100px;margin: 0 auto;padding:30px 0 0 0;} .capital-main .container{position: relative;} .capital-main .swiper-prev,.capital-main .swiper-next{display: block;width:50px;height: 50px;background-repeat: no-repeat;position: absolute;top: 96px;} .capital-main .swiper-slide-active, .capital-main .swiper-slide-active a{height: 300px;position:relative;top:-20px;transition:all .25s linear;transform: scale(1.2,1);background:#a90404;color: #fff;border-radius: 2px;box-shadow: 2px 2px 6px rgba(0,75,106,.59);} .capital-main .swiper-slide-active:after{background: #fff;} .capital-main .swiper-slide-active img{transform: scale(1,1.2);margin-top: 12px;border-radius: 2px;margin-bottom: 30px;} .capital-main .swiper-slide-active h3{font-size: 24px;transform: scale(.8,1);font-weight: normal;margin-left: -15px;margin-right: -15px;} .capital-main .swiper-slide p{transform: scale(.8,1);} .capital-main .swiper-prev{left: -10px;background-image:url(../images/i_83.png)} .capital-main .swiper-next{right: -10px;background-image:url(../images/i_86.png)} .research{padding: 80px 0 60px 0;} .research .lists{margin-top:90px;text-align: center;} .research .lists li{display: inline-block;margin: 0px 20px;vertical-align: top;padding: 0 13px 29px;border:#787879 1px solid;transition: all .3s;} .research .lists li i{width: 100px;height:80px;background:#FFFFFF;position:relative;margin:-40px 0 0 60px;font-size:64px;line-height:80px;z-index:2;display:block; color:#1168ab;} .research .lists li:hover{background: #fff;box-shadow: 20px 19px 13px rgba(0,75,106,.59);} .research .lists li h1{line-height: 1.7;font-size:24px;color: #292929;font-weight: bold;} .research .lists li p{width: 227px;margin: 12px auto 0px;line-height: 1.7;font-size: 14px;color: #999;text-align: center;} .qualifications{background: url(../images/yui_02.jpg) no-repeat top center;padding:80px 0 60px 0;} .qualifications .com-title h3{width: 411px;} .qualifications-main{width: 100%;margin-top: 40px;padding-top: 30px} .qualifications-main li{width: 260px;float: left;margin: 0px 20px 20px;background:#FFFFFF;border-radius:10px;} .qualifications-main li i{display: block;margin:20px auto;width:80px;height:80px;background:#a90404;border-radius:50%;color:#FFFFFF;font-size:36px;line-height:80px;text-align:center;} .qualifications-main li p{line-height:28px;font-size: 14px;color: #787879;padding:0px;margin: 15px 0 20px 0;text-align: center} .demand{margin-top: 90px;} .demand-main{width: 100%;height: 476px;background: url(../images/yui_04.jpg) no-repeat center;padding-top: 53px;} .demand-form{width: 860px;margin: 0 auto} .demand-form ul{overflow:hidden;} .demand-form li{width: 370px;margin-bottom: 35px;border:solid 2px #004b6a;padding:3px 0px 3px 12px;} .demand-form li:nth-child(odd){float: left;} .demand-form li:nth-child(even){float: right;} .demand-form li span{display: inline-block;font-size: 14px;color: #004b6a;font-weight: bold;} .demand-form li .f-txt{display: inline-block;width: 260px;height: 35px;border:none;font-size: 14px;outline: none;background: transparent;color: #004b6a;} .demand-form li:last-child{width: 100%;padding: 5px 6px;} .demand-form li textarea{display:inline-block;width: 700px;height: 100px;color: #004b6a;resize: none;border:none;outline: none;vertical-align: top;background: transparent} .f-btn{display: block;width: 230px;height: 50px;line-height: 50px;text-align: center;margin: 40px auto 0px;background: #004b6a;color: #fff;font-size: 20px;font-weight: bold;border:none;cursor: pointer;} .f-btn:hover{background: #07658c} .contact-main{background: #2d2d2d;padding-top: 40px;padding-bottom: 40px} .foot-left{float: left;color: #fff;} .foot-left h2{font-size: 30px;font-weight: bold;margin-bottom: 50px} .foot-left h3{font-size: 16px;margin-bottom:20px;} .foot-left h4{font-size: 24px;font-family:Arial, Helvetica, sans-serif;line-height:28px;color: #b50018;margin-bottom: 10px;position:relative;padding-left:40px;} .foot-left h4:before{font-family:"iconfont";position:absolute;left:0;top:0;content:'\e608';font-size:36px;} .foot-left p{font-size:12px;line-height: 220%;} .foot-left p a{color:#fff;} .foot-main{float: left;color: #fff;margin-left:80px;} .foot-main li{float: left;margin-left: 34px;} .foot-main .t{text-align: center;font-size: 24px;font-weight: bold;margin-bottom: 20px;} .foot-main dt{display: block;font-size: 16px;margin-bottom: 20px;} .foot-main dt a{color: #fff;} .foot-main dd{display: block;margin-bottom: 3px;} .foot-main dd a{color: #fff;font-size: 12px;} .foot-main dd a:hover{color: #5dbbc5} .contact-main .container{position: relative;} .ftcode{float:right;} .ftcode span{font-size:16px;color: #fff;display: block;margin-bottom:20px;width:100%;} .ftcode img{display: inline-block;width:200px;} .menu-btn{display: none} /**********新增***********/.banner .ljzx_a{position: absolute;width: 109px;height: 27px;line-height: 27px;text-align: center;color: #ff6e61;font-size: 18px;background: #fff;bottom: 26px;left: 50%;margin-left: -54.5px;z-index: 1;} .banner .ljzx_a:hover{background: #ff6e61;color: #fff;} .banner .zjsq_tit{position: absolute;width: auto;padding:15px 20px;text-align: center;color: #fff;font-size: 37px;background: #850b31;bottom: 3.3vw;left: 50%;transform: translate(-50%,0);z-index: 1;letter-spacing: 5px;} .banner .ljzx_a1{position: absolute;width: 243px;height: 51px;line-height: 51px;text-align: center;color: #850b31;font-size: 37px;background: #fff;bottom: 3.3vw;left: 50%;margin-left: -121.5px;z-index: 1;letter-spacing: 5px;} .banner .ljzx_a1:hover{background: #850b31;color: #fff;} .banner .ljzx_a2{position: absolute;width: 220px;height: 48px;line-height: 48px;text-align: center;color: #fff;font-size: 34px;background: #7a7fb6;bottom: 1.71875vw;left: 50%;margin-left: -121.5px;z-index: 1;letter-spacing: 5px;} .banner .ljzx_a2:hover{opacity: .8;} .banner .ghzx_a{position: absolute;width: 310px;height: 48px;line-height: 48px;text-align: center;color: #555728;background: #fff;font-size: 29px;bottom: 1.71875vw;left: 50%;margin-left: -121.5px;z-index: 1;letter-spacing: 5px;} .banner .ghzx_a:hover{color: #fff;background: #555728;} .banner .tsxz_a{color: #fff;background: #ad1616;width: 140px;height: 45px;position: absolute;bottom: 20%;left: 50%;transform: translate(-50%,0);text-align: center;line-height: 45px;font-size: 18px;} .banner .tsxz_a:hover{color: #000;background: #fff;} .banner .ghsj_a{background: #e6db33;width: 140px;height: 30px;position: absolute;bottom: 11%;left: 50%;transform: translate(-50%,0);text-align: center;line-height: 30px;font-size: 18px;} .banner .ghsj_a:hover{color: #000;background: #fff;} .top-pic{position: relative;} .top-pic .zxdy_a{color: #fff;background: #3fbb99;width: 200px;height: 35px;position: absolute;bottom: 12%;left: 50%;transform: translate(-50%,0);text-align: center;line-height: 35px;font-size: 18px;} .top-pic .zxdy_a:hover{color: #000;background: #fff;} .bz-title{text-align: center;max-width: 690px;margin: 0 auto;border-top: 6px solid #fe7641;} .bz-title .inlineBlock{display: inline-block;background: #fff;padding: 0 20px;position: relative;top: -22px;} .bz-title h3{min-width: 120px;font-size: 30px;letter-spacing: 4px;line-height: 36px;height: 41px;color: #fff;background: #3471b0;display: inline-block;padding: 0 20px;} .bz-title p{font-size: 16px;letter-spacing: 2px;color: #ff6e61;margin-top: 10px;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;} .servers{padding-top: 80px;background: url(../images/bz-bg.png) no-repeat center center;background-size:cover;} .servers .lists li{width: 226px;height: 220px;float: left;margin-right: 17px;margin-top: 30px;margin-bottom: 10px;background: #fff;text-align: center;padding-top: 32px;font-weight: bold;transition: all .3s;color: #004b6a;box-shadow: 3px 3px 5px #979797;} .servers .lists li:nth-child(5n){margin-right: 0px;float: right;} .servers li h3{font-size:32px;font-weight: bold;color: #561b8b;} .servers li h4{font-weight: bold;width: 170px;margin:5px auto 2px;font-size: 22px;letter-spacing: 2px;padding-bottom: 6px;color: #3471b0;border-bottom: solid 2px #3471b0;} .servers li p{font-size: 12px;font-weight: bold;text-transform: uppercase;color: #3471b0;} .servers li span{display: block;width: 80px;height: 2px;background: #3471b0;margin: 4px auto 0px;} .servers li:hover{box-shadow: 13px 13px 10px rgba(0,75,106,.59);} .programmeUse{padding-top: 59px;} .programmeUse .lists{background: #eaf1f7;padding-top: 6px;margin-top: 40px;} .programmeUse .lists .container{max-width: 890px;} .programmeUse .lists li{width: 106px;float: left;margin: 34px 57.5px 33px;text-align: center;} .programmeUse .lists li .iconDiv{height: 71px;line-height: 70px;} .programmeUse .lists li small{font-size: 12px;color: #3471b0;text-transform: uppercase;font-weight: bold;display: block;margin-top: 15px;} .programmeUse .lists li span{display: block;font-size: 14px;color: #fff;line-height: 20px;background: #3471b0;margin: 3px auto 5px;letter-spacing: 2px;text-transform: uppercase;max-width: 106px;} .programmeUse .lists li .line{width: 40px;height: 1px;background: #ff6e61;margin: 0 auto;} .difficulties{padding-top: 66px;} .bz-tt{font-size: 16px;letter-spacing: 2px;color: #ff6e61;margin-top: -10px;text-transform: uppercase;text-align: center;font-family: Arial, Helvetica, sans-serif;} .difficulties .listDiv{text-align: center;} .difficulties .listDiv ul li{width: 350px;height: 106px;border: 2px solid #3471b0;text-align: center;position: relative;margin-top: 56px;margin-right: 17px;display: inline-block;} .difficulties .listDiv ul li:nth-child(3n){margin-right: 0;} .difficulties .listDiv ul li span{display: block;position: absolute;width: 40px;height: 40px;line-height: 40px;text-align: center;top: -35px;color: #fff;font-size: 22px;left: 50%;margin-left: -20px;background: url(../images/bz-yuan.png) no-repeat center center;} .difficulties .listDiv ul li p{margin: 0;font-size: 16px;color: #3471b0;letter-spacing: 1.5px;display:flex;justify-content:center;align-items:center;height: 100%;} .difficulties .listDiv ul li .line{width: 100px;height: 5px;background: #3471b0;position: absolute;bottom: 1px;left: 50%;margin-left: -50px;} .qualifications1{padding-top: 72px;} .qualifications1 .qualifications-main{background: #eaf1f7;} .qualifications1 .qualifications-main li p{background: transparent;color: #3471b0;font-size:15px;} .processes{padding-top: 72px;} .processes .imgDiv{margin-top: 40px;text-align: center;} .demand1{padding-top: 70px;} .demand1 .demand-main{background: transparent;height: initial;} .demand1 .demand-form li{border: solid 4px #3471b0;} .demand1 .demand-form li span, .demand1 .demand-form li .f-txt, .demand1 .demand-form li textarea{font-size: 16px;} .demand1 .f-btn{background: #ff6e61;} .demand1 .f-btn:hover{opacity: .8;} .contact-us .bz-title{border-top: 6px solid #004b6a;margin-bottom: -40px;} .contact-us .bz-title h3{background: #004b6a;} .contact-us .bz-title p{color: #004b6a;} /***********资金申请*********/.zjsq-title{max-width: 424px;border: 2px solid #850b31;margin: 0 auto;position: relative;text-align: center;height: 74px;} .zjsq-title .inlineBlock{display: inline-block;margin-top: -26px;} .zjsq-title h3{display: inline-block;background: #fff;font-size: 37px;color: #850b31;padding: 0 20px;letter-spacing: 5px;} .zjsq-title .line{width: 147px;height: 4px;margin: 0 auto 5px;background: #850b31;} .zjsq-title p{margin: 0;font-size: 16px;color: #850b31;text-transform: uppercase;letter-spacing: 2px;} .zjsq-servers{padding-top: 72px;} .zjsq-servers .lists{text-align: center;margin-top: 43px;} .zjsq-servers .lists ul{font-size: 0;padding: 0 42px;} .zjsq-servers .lists ul li{width: 33.3%;float: left;vertical-align: top;color: #850b31;position: relative;} .zjsq-servers .lists ul li .conDiv{position: relative;z-index: 1;margin: 0 5.5px;border: 2px solid #850b31;padding: 68px 30px 74px;} .zjsq-servers .lists ul li:nth-child(1) .conDiv{background: url(../images/zjsq-li-bg1.jpg) no-repeat center bottom;background-size:cover;} .zjsq-servers .lists ul li:nth-child(2) .conDiv{background: url(../images/zjsq-li-bg2.jpg) no-repeat center bottom;background-size:cover;} .zjsq-servers .lists ul li:nth-child(3) .conDiv{background: url(../images/zjsq-li-bg3.jpg) no-repeat center bottom;background-size:cover;} .zjsq-servers .lists ul li:nth-child(1):before{content: "";width: 143px;height: 100%;position: absolute;left: -16px;bottom: -19px;background: #850b31;z-index: -1;} .zjsq-servers .lists ul li:nth-child(3):after{content: "";width: 143px;height: 100%;position: absolute;right: -16px;top: -19px;background: #850b31;z-index: -1;} .zjsq-servers .lists ul li .iconDiv{height: 83px;line-height: 80px;display:flex;justify-content:center;align-items:center;} .zjsq-servers .lists ul li span{font-size: 25px;display: block;margin-top: 90px;} .zjsq-servers .lists ul li p{text-transform: uppercase;margin: 10px 0 0;font-size: 16px;line-height: 26px;height: 52px;} .zjsq-servers .lists ul li .line{width: 154px;height: 4px;background: #850b31;margin: 0 auto;} .fczjsq{padding-top: 76px;} .fczjsq .lists{background: url(../images/zjsq-bg2.png) no-repeat center center;background-size:cover;padding: 53px 0 32px;margin-top: 60px;} .fczjsq .lists ul li{float: left;width: 285px;background: #fff;text-align: center;padding: 17px;height: 257px;margin-bottom: 40px;margin-right: 20px;} .fczjsq .lists ul li:nth-child(4n){margin-right: 0;} .fczjsq .lists ul li .title{line-height: 25px;text-align: center;background: #850b31;color: #fff;font-size: 19px;letter-spacing: 3px;font-weight: bold;} .fczjsq .lists ul li img{margin: 12px 0;} .fczjsq .lists ul li .text{display:flex;justify-content:center;align-items:center;} .fczjsq .lists ul li .text p{font-size: 12px;color: #850b31;text-align: left;display: inline-block;margin: -5px -10px;line-height: 20px;transform: scale(0.9);} .qyrd{padding: 80px 0 58px;} .qyrd h1{font-size: 30px;color: #fff;background: #850b31;line-height: 50px;display: inline-block;padding: 0 20px;margin-top: 34px;} .qyrd .lists ul{padding: 0 30px;} .qyrd .lists li{width: 225px;height: 220px;float: left;margin:33px 30px 0;background: #fff;text-align: center;padding-top: 32px;font-weight: bold;transition: all .3s;color: #000;box-shadow: 3px 3px 5px #979797;} .qyrd li h3{font-size:34px;font-weight: bold;color: #850b31;} .qyrd li h4{font-weight: bold;width: 170px;margin:5px auto 5px;font-size: 23px;letter-spacing: 2px;padding-bottom: 6px;border-bottom: solid 3px #000;} .qyrd li p{font-size: 12px;font-weight: bold;text-transform: uppercase;min-height: 48px;} .qyrd li span{display: block;width: 80px;height: 2px;background: #850b31;margin: 10px auto 0px;} .qyrd li:hover{background: #850b31;color: #fff;box-shadow: 13px 13px 10px rgba(0,0,0,.59);} .qyrd li:hover h3{color: #fff;} .qyrd li:hover h4{border-bottom: solid 3px #fff;} .qyrd li:hover span{background: #fff;} .sbly .title{text-align: center;display: block;line-height: 49px;background: #850b31;color: #fff;font-size: 29px;color: #fff;max-width: 460px;margin: 0 auto;} .sbly .listDiv{margin-top: 32px;background: #850b31;padding: 55px 0 32px;} .sbly .listDiv .container{text-align: center;} .sbly .listDiv ul li{width: 196px;display: inline-block;margin: 0 30px 33px;vertical-align: top;} .sbly .listDiv ul li .conDiv{height: 196px;background: url(../images/zjsq-li-yuan.png) no-repeat center center;background-size:100%;display:flex;justify-content:center;align-items:center;text-align: center;color: #fff;} .sbly .listDiv ul li .conDiv:hover{background: url(../images/zjsq-li-yuan_.png) no-repeat center center;background-size:100%;color: #850b31;} .sbly .listDiv ul li .conDiv:hover span{border-bottom: 3px solid #850b31;} .sbly .listDiv ul li .conDiv span{display: block;font-size: 20px;border-bottom: 3px solid #fff;margin: 0 20px;padding-bottom: 5px;} .sbly .listDiv ul li .conDiv p{font-size: 12px;line-height: 18px;margin: 5px 0 0;text-transform: uppercase;} .zscq{padding: 68px 0;} .zscq h1{margin-top: 30px;font-size: 33px;color: #fff;background: #850b31;padding: 30px 0 60px;text-align: center;letter-spacing: 5px;} .zscq .listDiv{text-align: center;} .zscq .listDiv ul{display: inline-block;} .zscq .listDiv li{width: 546px;height: 682px;background: url(../images/zjsq-bg3.jpg);float: left;margin: 0 14px;padding: 30px 40px;text-align: left;position: relative;} .zscq .listDiv li h2{font-size: 25px;color: #850b31;line-height: 40px;background: #fff;display: inline-block;padding: 0 20px;min-width: 355px;margin-bottom: 79px;} .zscq .listDiv li .itemDiv{overflow: hidden;margin-bottom: 65px;padding-left: 13px;} .zscq .listDiv li .itemDiv span{display: block;float: left;width: 45px;height: 45px;line-height: 45px;background: #fff;color: #850b31;font-size: 33px;text-align: center;} .zscq .listDiv li .itemDiv p{line-height: 43px;border-bottom: 2px solid #fff;margin-left: 60px;color: #fff;font-size: 20px;letter-spacing: 5px;max-width: 300px;} .zscq .listDiv li .textDiv{background: #fff;max-width: 295px;height: 305px;font-size: 20px;color: #850b31;line-height: 30px;padding:15px 20px;} .zscq .listDiv li a{position: absolute;right: 15px;bottom: 16px;display: block;width: 256px;height: 45px;line-height: 45px;text-align: center;background: #fff;color: #850b31;font-size: 33px;} .demand2{padding: 30px 0 0;background: url(../images/zjsq-bg4.jpg) no-repeat center center;background-size: cover;} .demand2 .zjsq-title{background: url(../images/zjsq-title-bg.png) no-repeat center center;border: 0;} .demand2 .zjsq-title h3{background: transparent;} .demand2 .demand-main{background: none;} .demand2 .demand-form li{border: solid 3px #850b31;} .demand2 .demand-form li span, .demand2 .demand-form li .f-txt, .demand2 .demand-form li textarea{font-size: 15px;} .demand2 .f-btn{background: #850b31;} .demand2 .f-btn:hover{opacity: .8;} .contact-us .zjsq-title{border-color: #004b6a;color: #004b6a;} .contact-us .zjsq-title h3{color: #004b6a;} .contact-us .zjsq-title .line{background: #004b6a;} .contact-us .zjsq-title p{color: #004b6a;} /***************科技成果评价***************/.cgpjDiv1{padding-top: 62px;} .cgpj-title{text-align: center;width: 640px;margin: 0 auto;border-top: solid 1px #004b6a;} .cgpj-title h3{max-width: 260px;margin: -17px auto 0px;font-size: 22px;letter-spacing: 4px;color: #00468e;background: #fff;font-weight: bold;} .cgpj-title p{font-size: 12px;letter-spacing: 2px;color: #00468e;margin-top: 7px;font-weight: bold;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;} .cgpj-title .line{width: 54px;height: 3px;margin: 5px auto 0;background: #043959;} .cgpjDiv1 .textDiv{background: #7a7fb6;color: #fff;padding: 20px 28px 15px;max-width: 833px;margin: 18px auto 0;line-height: 22px;font-family: "黑体";font-size: 16px;text-indent: 2em;letter-spacing: 2px;} .cgpjDiv2{padding-top: 72px;} .cgpjDiv2 .rowDiv{max-width: 910px;margin: 20px auto 0;position: relative;} .cgpjDiv2 .rowDiv .titleDiv{width: 16.6%;height: 151px;background: url(../images/cgpj-img1.png) no-repeat center center;background-size:100%;font-size: 16px;color: #00468e;display:flex;justify-content:center;align-items:center;position: absolute;left: 50%;top: 56%;transform:translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);} .cgpjDiv2 .rowDiv .titleDiv span{font-size: 21px;} .cgpjDiv2 .rowDiv .listDiv{overflow: hidden;font-size: 16px;color: #ac5d24;letter-spacing: 2px;} .cgpjDiv2 .rowDiv .listDiv .leftDiv{width: 47%;} .cgpjDiv2 .rowDiv .listDiv .leftDiv div{font-family: "黑体";background: url(../images/cgpj-line3.png) no-repeat center bottom;background-size:100%;padding-bottom: 15px;min-height: 80px;display: flex;justify-content: flex-start;align-items: flex-end;padding-right: 10px;} .cgpjDiv2 .rowDiv .listDiv .leftDiv div.p1{background: url(../images/cgpj-line1.png) no-repeat center bottom;background-size:100%;/*padding-bottom: 70px;*/min-height: 105px;align-items: flex-start;} .cgpjDiv2 .rowDiv .listDiv .leftDiv div.p2{margin-top: -55px;/*margin-bottom: 35px;*/} .cgpjDiv2 .rowDiv .listDiv .leftDiv div.p4{background: url(../images/cgpj-line4.png) no-repeat center bottom;background-size:100%;/*padding-top: 35px;*/} .cgpjDiv2 .rowDiv .listDiv .rightDiv{width: 47%;} .cgpjDiv2 .rowDiv .listDiv .rightDiv div{text-align: right;font-family: "黑体";background: url(../images/cgpj-line3.png) no-repeat center bottom;background-size:100%;padding-bottom: 15px;min-height: 80px;display: flex;justify-content: flex-end;align-items: flex-end;} .cgpjDiv2 .rowDiv .listDiv .rightDiv div.p5{background: url(../images/cgpj-line2.png) no-repeat center bottom;background-size:100%;/*padding-bottom: 70px;*/min-height: 105px;align-items: flex-start;} .cgpjDiv2 .rowDiv .listDiv .rightDiv div.p6{margin-top: -55px;/*margin-bottom: 35px;*/} .cgpjDiv2 .rowDiv .listDiv .rightDiv div.p8{background: url(../images/cgpj-line5.png) no-repeat center bottom;background-size:100%;/*padding-top: 35px;*/} .cgpjDiv2 .rowDiv .listDiv span{font-size: 21px;} .cgpjDiv3{padding-top: 59px;} .cgpjDiv3 .rowDiv{background: #dee7f0;padding: 20px 0 36px;margin-top: 15px;} .cgpjDiv3 .rowDiv .tableDiv{max-width: 1010px;margin: 0 auto;} .cgpjDiv3 .rowDiv .tableDiv table{width: 100%;text-align: center;border-left: 2px solid #00468e;background: #f5f5f9;} .cgpjDiv3 .rowDiv .tableDiv table tr th{line-height: 60px;font-size: 24px;color: #fff;border-right: 2px solid #00468e;background: #00468e;} .cgpjDiv3 .rowDiv .tableDiv table tr th:nth-child(1){width: 25%;} .cgpjDiv3 .rowDiv .tableDiv table tr th:nth-child(2){background: #7a7fb6;} .cgpjDiv3 .rowDiv .tableDiv table tr td{border-right: 2px solid #00468e;border-bottom: 2px solid #00468e;font-size: 16px;padding: 30px 15px;text-align: center;color: #00468e;line-height: 22px;} .cgpjDiv3 .rowDiv .tableDiv table tr td.lrTd p{writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/padding: 0 15px;letter-spacing: 5px;} .cgpjDiv3 .rowDiv .tableDiv table tr td p{text-align: left;display: inline-block;max-width: 255px;letter-spacing: 2px;} .cgpjDiv4{padding-top: 30px;} .cgpjDiv4 .listDiv{margin-top: 20px;text-align: center;} .cgpjDiv4 .listDiv .h3{font-size: 14px;color: #fff;background: #00468e;line-height: 30px;width: 80px;text-align: center;margin: 0 auto;} .cgpjDiv4 .listDiv ul{display: inline-block;max-width: 600px;background: url(../images/cgpj-line.png) no-repeat center bottom;background-size:auto 100%;padding: 14px 0 20px;} .cgpjDiv4 .listDiv ul li{width: 50%;float: left;} .cgpjDiv4 .listDiv ul li:nth-of-type(odd){padding-right: 27px;padding-top: 17px;} .cgpjDiv4 .listDiv ul li:nth-of-type(odd) div{padding-right: 43px;text-align: right;} .cgpjDiv4 .listDiv ul li:nth-of-type(even){padding-left: 27px;padding-top: 55px;} .cgpjDiv4 .listDiv ul li:nth-of-type(even) div{padding-left: 43px;text-align: left;} .cgpjDiv4 .listDiv ul li p{margin: 0;border-bottom: 2px solid #043959;font-size: 14px;color: #00468e;font-weight: bold;padding-bottom: 3px;margin-top: -3px;letter-spacing: 1px;} .cgpjDiv4 .listDiv ul li span{width: 20px;line-height: 20px;color: #fff;font-size: 13px;font-weight: bold;} .cgpjDiv4 .listDiv ul li:nth-child(1) span , .cgpjDiv4 .listDiv ul li:nth-child(2) span, .cgpjDiv4 .listDiv ul li:nth-child(5) span, .cgpjDiv4 .listDiv ul li:nth-child(6) span{background: #00468e;} .cgpjDiv4 .listDiv ul li:nth-child(3) span, .cgpjDiv4 .listDiv ul li:nth-child(4) span, .cgpjDiv4 .listDiv ul li:nth-child(7) span{background: #7a7fb6;} .processes1{padding-top: 48px;} .processes1 .imgDiv{background: #dee7f0;padding: 21px 0 30px;margin-top: 12px;text-align: center;} .demand3{padding-top: 55px;} .demand3 .demand-main{background: none;height: initial;} .demand3 .demand-form li{border-color: #004b6a;} .demand3 .demand-form li span{color: #004b6a;font-size: 16px;} .demand3 .demand-form li .f-txt{height: 39px;font-size: 16px;color: #004b6a;} .demand3 .demand-form li textarea{color: #004b6a;font-size: 16px;height: 110px;} .demand3 .f-btn{background: #004b6a;} .demand3 .cgpj-title h3, .demand3 .cgpj-title p, .demand3 .cgpj-title li{color: #004b6a;} .contact-us .cgpj-title{border-top: solid 1px #004b6a;} .contact-us .cgpj-title h3{color: #004b6a;max-width: 160px;} .contact-us1{margin-top: 50px;} .contact-us .cgpj-title p{color: #004b6a;} .contact-us .cgpj-title .line{background: #004b6a;} /*****十四五规划*****/.gh-div1{padding-top: 64px;} .gh-div1 .container, .gh-div2 .container, .gh-div3 .container{width: 1190px;} .gh-title{text-align: center;min-height: 98px;margin: 0 auto;background: url(../images/gh-title-bg.png) no-repeat center center;} .gh-title .inlineBlock{display: inline-block;position: relative;top: -15px;} .gh-title h3{font-size: 36px;letter-spacing: 4px;line-height: 36px;color: #000;padding: 0 5px;background: #fff;display: inline-block;font-weight: bold;} .gh-title p{font-size: 20px;letter-spacing: 2px;color: #b31914;background: #fff;margin-top: 15px;line-height: 40px;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;} .gh-div1 .listDiv{margin-top: 22px;} .gh-div1 .listDiv ul li{float: left;width: 25%;text-align: center;} .gh-div1 .listDiv ul li .conDiv{padding: 0 20px;} .gh-div1 .listDiv ul li .conDiv .imgDiv{padding: 30px 0 50px;} .gh-div1 .listDiv ul li .conDiv .imgDiv .iconDiv{height: 159px;display:flex;justify-content:center;align-items:center;} .gh-div1 .listDiv ul li .conDiv .line{width: 96px;height: 5px;background: #000;margin: 13px auto 0;} .gh-div1 .listDiv ul li .conDiv:hover .imgDiv{box-shadow: 6px 6px 10px rgba(0,3,7,.59);} .gh-div1 .listDiv ul li .conDiv .text{font-size: 15px;color: #000;padding: 0 20px;text-align: left;margin-top: 20px;font-weight: bold;letter-spacing: 2px;} .gh-div2{padding-top: 58px;} .gh-div2 .rowDiv{overflow: hidden;color: #fff;margin-top: 22px;padding: 42px 0 33px 26px;position: relative;z-index: 1;} .gh-div2 .rowDiv:before{content: "";width: 580px;height: 100%;background: #252222;position: absolute;left: 0;top: 0;z-index: 0;} .gh-div2 .rowDiv .titleDiv{font-size: 35px;color: #fff;letter-spacing: 2px;position: relative;} .gh-div2 .rowDiv .titleDiv .line{display: block;width: 30%;height: 4px;background: #fff;margin-top: 20px;} .gh-div2 .rowDiv .listDiv{position: relative;margin-top: 46px;/*width: 905px;*/padding-left: 259px;} .gh-div2 .rowDiv .listDiv ul li{width: 295px;height: 140px;display:flex;justify-content:center;align-items:center;float: left;margin-right: 10px;margin-bottom: 10px;} .gh-div2 .rowDiv .listDiv ul li:nth-child(3n){margin-right: 0;} .gh-div2 .rowDiv .listDiv ul li:nth-of-type(odd){background: #ea757f;} .gh-div2 .rowDiv .listDiv ul li:nth-of-type(even){background: #e6081c;} .gh-div2 .rowDiv .listDiv ul li:first-child{background: transparent;} .gh-div2 .rowDiv .listDiv ul li span{font-size: 40px;float: left;line-height: 1;} .gh-div2 .rowDiv .listDiv ul li span sup{position: absolute;} .gh-div2 .rowDiv .listDiv ul li .text{font-size: 17px;line-height: 27px;padding-left: 46px;padding-top: 15px;letter-spacing: 2px;} .gh-div3{padding-top: 80px;} .gh-div3 .lists{padding: 0 50px;} .gh-div3 .lists li{width: 226px;height: 220px;float: left;margin-right: 60px;margin-top: 30px;margin-bottom: 10px;background: #fff;text-align: center;padding: 0 28px;padding-top: 32px;font-weight: bold;transition: all .3s;color: #000;box-shadow: 4px 4px 7px rgba(0,0,0,.59);} .gh-div3 .lists li:nth-child(4n){margin-right: 0px;float: right;} .gh-div3 li h3{font-size:34px;font-weight: bold;color: #e6081c;} .gh-div3 li h4{font-weight: bold;width: 170px;margin:5px auto 2px;font-size: 22px;letter-spacing: 2px;padding-bottom: 4px;border-bottom: solid 3px #000;} .gh-div3 li p{font-size: 12px;font-weight: bold;text-transform: uppercase;margin: 5px 0px 12px;line-height: 18px;min-height: 54px;} .gh-div3 li span{display: block;width: 80px;height: 2px;background: #e6081c;margin: 0 auto;} .gh-div3 li:hover{box-shadow: 13px 13px 10px rgba(0,0,0,.59);} .gh-div4{padding-top: 86px;} .gh-div4 .top{margin-top: 39px;} .gh-div4 li{text-align: center;float: left;margin-right: 13px;margin-bottom: 13px;} .gh-div4 li .one, .gh-div4 li .two{width: 220px;} .gh-div4 li>div:hover{cursor: pointer;box-shadow: 0px 0px 7px rgba(87, 150, 204, 1);} .gh-div4 li .one{height: 165px;padding-top: 14px;} .gh-div4 li .two{height: 134px;margin-top: 13px;} .gh-div4 li img{margin: 0 auto;display: block;} .gh-div4 li p{font-weight: bold;letter-spacing: 2px;font-size: 16px;} .gh-div4 li .s1{background: #e6081c;} .gh-div4 li .s2{background: #252222;} .gh-div4 li .s3{background: #dbe8f5;} .gh-div4 li span{display: block;width: 100px;height: 3px;margin: 15px auto 0px} .gh-div4 li .s1 p, .gh-div4 li .s2 p{color: #fff} .gh-div4 li .s3 p{color: #000;} .gh-div4 li .comh1{height: 312px;width: 205px;padding-top:75px;} .gh-div4 li .comh1 p{margin-top: 50px;} .gh-div4 li .four{width: 338px;padding-top:75px;} .gh-div4 li .five{width: 395px;margin-right: 0px;padding-top:75px;} .gh-div4 li .six{width: 581px;} .gh-div4 li .seven{width: 336px;} .gh-div4 li .eight{width: 254px;} .gh-div4 li .iconDiv{height: 105px;} /***************田园综合体***************/.banner .xqzx_a{position: absolute;width: 18.2vw;text-align: center;color: #425e76;font-size: 2vw;background: #fff;bottom: 4.6vw;left: 50%;margin-left: -9.1vw;z-index: 1;} .banner .xqzx_a:hover{background: #425e76;color: #fff;} .tyDiv1{padding-top: 99px;text-align: center;} .ty-title{text-align: center;margin: 0 auto;border-top: 1px solid #0280c0;width: 885px;} .ty-title .inlineBlock{display: inline-block;position: relative;top: -54px;background: #fff;padding: 0 40px;} .ty-title h3{font-size: 30px;letter-spacing: 4px;line-height: 50px;height: 54px;color: #fff;padding: 0 10px;background: #0280c0;display: inline-block;} .ty-title p{font-size: 20px;color: #425e76;font-weight: bold;margin-top: -40px;font-family: Arial, Helvetica, sans-serif;} .ty-title .line{width: 120px;height: 7px;background: #0280c0;margin: 8px auto 0;} .tyDiv1 .ty-title h3{font-size: 41px;padding: 0 20px;} .tyDiv1 .textDiv{font-size: 20px;color: #425e76;max-width: 680px;margin: 10px auto 0;line-height: 30px;text-align: left;} .tyDiv1 .rowDiv{padding-top: 26px;position: relative;margin-top: 25px;} .tyDiv1 .rowDiv:before{content: "";width: 100%;height: 106px;background: #425e76;position: absolute;left: 0;top: 0;z-index: 0;} .tyDiv1 .rowDiv .sbbmDiv{width: 100%;max-width: 757px;margin:20px auto;position: relative;background: #0280c0;} .tyDiv1 .rowDiv .sbbmDiv img{position: relative;left: 13px;top: -18px;} .tyDiv1 .rowDiv .sbbmDiv .text{text-align: left;padding-left: 325px;padding-top: 35px;} .tyDiv1 .rowDiv .sbbmDiv .text .title{position: absolute;top:-15px;right:-10px;font-size: 30px;color: #516c81;background: #fff;padding: 3px 10px;} .tyDiv1 .rowDiv .sbbmDiv .text span{font-size: 15px;color: #fff;max-width: 211px;display: block;} .tyDiv1 .rowDiv .sbbmDiv .text .bumen{font-size: 20px;color: #343f21;margin: 8px 0;} .tyDiv1 .rowDiv .sbbmDiv .text p{margin: 0; color:#FFFFFF;} .tyDiv1 .rowDiv .sbbmDiv .text p span{display: block;font-size: 12px;max-width: initial;margin-top: 5px;color: #fff;} .tyDiv2{padding-top: 90px;text-align: center;} .tyDiv2 .listDiv{margin-top: 66px;font-size: 0;} .tyDiv2 .listDiv img{margin: 0 2.5vw;} .tyDiv3{padding-top: 87px;text-align: center;} .tyDiv3 .textDiv{font-size: 13px;color: #425e76;margin: 20px auto;max-width: 663px;text-align: left;} .tyDiv3 .listDiv{margin: 0 auto;max-width: 635px;} .tyDiv3 .listDiv ul{margin: 20px -7.5px;} .tyDiv3 .listDiv ul li{float: left;width: 310px;height: 190px;margin: 0 7.5px 21px;position: relative; background:#0280c0;} .tyDiv3 .listDiv ul li .bgDiv{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display:flex;justify-content:center;align-items:center;} .tyDiv3 .listDiv ul li .bgDiv .textDiv{color: #fff;max-width: 240px;font-size: 0;} .tyDiv3 .listDiv ul li .bgDiv .textDiv .h3{font-size: 20px;} .tyDiv3 .listDiv ul li .bgDiv .textDiv .line{width: 120px;height: 5px;background: #fff;display: inline-block; margin:10px 0 10px 0;} .tyDiv3 .listDiv ul li .bgDiv .textDiv small{font-size: 13px;display: block;margin: 3px 0 5px;} .tyDiv3 .listDiv ul li .bgDiv .textDiv span{font-size: 13px;display: block;margin: 3px 0 10px;} .tyDiv3 .listDiv ul li .bgDiv .textDiv p{font-size: 12px;} .tyDiv3 .listDiv ul li:nth-of-type(even) .bgDiv .textDiv{text-align: right;} .tyDiv3 .rowDiv{margin-top: 95px;background: #0280c0;position: relative;} .tyDiv3 .rowDiv:before{content: "";} .tyDiv3 .rowDiv .imgDiv{width: 50%;position: relative;z-index: 2;} .tyDiv3 .rowDiv img{display: block;} .tyDiv3 .rowDiv .textDiv{color: #fff;width: 50%;float: right;display:flex;justify-content:center;align-items:center;padding: 28px;position: relative;z-index: 2;} .tyDiv3 .rowDiv .textDiv .text{display: inline-block;} .tyDiv3 .rowDiv .textDiv .text span{font-size: 30px;color: #0280c0;padding: 3px 15px;background: #fff;font-weight: bold;} .tyDiv3 .rowDiv .textDiv .text small{font-size: 21px;display: block;font-weight: bold;margin: 10px 0 6px;} .tyDiv3 .rowDiv .textDiv .text .line{width: 120px;height: 4px;background: #fff;} .tyDiv3 .rowDiv .textDiv .text p{width: 100%;font-size: 15px;line-height: 20px;margin: 20px 0;} .tyDiv3 .rowDiv .textDiv .text .line1{width: 50px;height: 13px;background: #425e76;} .tyDiv4{padding-top: 90px;} .tyDiv4 .rowDiv{position: relative;margin: 20px 0;overflow: hidden;} .tyDiv4 .rowDiv:before{content: "";width: 100%;height: 90%;position: absolute;z-index: 0;top: 17px;left: 0;background: #557c98;} .tyDiv4 .rowDiv .textDiv{position: absolute;background: #0280c0;padding: 25px 50px;max-width: 450px;color: #fff;font-size: 15px;line-height: 22px;right: 44%;top: 30px;z-index: 2;} .tyDiv4 .rowDiv .imgDiv{position: relative;z-index: 1;} /***************田园综合体***************/.banner .xqzx_a1{position: absolute;width: 197px;line-height: 33px;border: 2px solid #fff;text-align: center;color: #1168ab;font-size: 20px;bottom: 5.6vw;left: 50%;margin-left: -98.5px;z-index: 1;} .banner .xqzx_a1:hover{background: #1168ab;color: #fff;} .zxDiv1{background: #1168ab;padding-top: 27px;} .zxDiv1 .leftDiv{max-width: 505px;background: #30a076;color: #fff;padding: 7px 20px 7px 30px;position: relative;} /*.zxDiv1 .leftDiv:before{content: "";width: 97px;height: 43px;background: #24231e;position: absolute;left: 30px;top: -60px;}*/.zxDiv1 .leftDiv .title{font-size: 18px;padding: 10px 5px;background: #24231e;position: relative;top: 15px;} .zxDiv1 .leftDiv .title sub{font-size: 18px;position: absolute;bottom: -9px;width: 105%;left: 85%;} .zxDiv1 .leftDiv .text{font-size: 12px;padding-left: 225px;} .zxDiv1 .rightDiv{padding-left: 525px;} .zxDiv1 .rightDiv ul{padding-top: 10px;position: relative;display: inline-block;} .zxDiv1 .rightDiv ul:after{content: "";width: 130px;height: 34px;position: absolute;right: -120px;top: 27px;background: #30a076;z-index: 0;} .zxDiv1 .rightDiv ul li{float: left;width: 125px;text-align: center;margin-left: 18px;font-size: 12px;color: #30a076;position: relative;z-index: 1;} .zxDiv1 .rightDiv ul li span{display: block;line-height: 23px;background: #fff;font-size: 15px;margin-top: 7px;} .zxDiv2{padding-top: 63px;} .zx-title{text-align: center;margin: 0 auto;border-top: 3px solid #1168ab;max-width: 960px;} .zx-title .inlineBlock{display: inline-block;position: relative;top: -23px;background: #fff;padding: 0 40px;} .zx-title h3{font-size: 31px;letter-spacing: 2px;color: #30a076;display: inline-block;} .zx-title p{font-size: 16px;color: #30a076;margin-top: -20px;font-family: Arial, Helvetica, sans-serif;} .zx-title .line{width: 62px;height: 4px;background: #30a076;margin: 8px auto 0;} .zxDiv2 .listDiv{margin-top: 65px;text-align: center;font-size: 0;} .zxDiv2 .listDiv ul{display: inline-block;position: relative;padding: 0 0 26px 3px;} .zxDiv2 .listDiv ul:after{content: "";width: 100%;height: 26px;background: #1168ab;position: absolute;left: 0;bottom: 0;} .zxDiv2 .listDiv ul li{max-width: 158px;float: left;border: 3px solid #30a076;margin-left: -3px;position: relative;} .zxDiv2 .listDiv ul li img{display: block;} .zxDiv2 .listDiv ul li:hover{background: #1168ab;border-bottom-color: #1168ab;} .zxDiv2 .listDiv ul li:hover:after{content: "";width: 100%;height: 50px;position: absolute;bottom: -50px;right: 0;z-index: 99;background: #1168ab;} .zxDiv2 .listDiv ul li.li2:hover:after{height: 95px;bottom: -95px;} .zxDiv2 .listDiv ul li:hover .textDiv{color: #fff;} .zxDiv2 .listDiv ul li .textDiv{padding: 20px 10px;text-align: left;color: #695f41;min-height: 250px;} .zxDiv2 .listDiv ul li .textDiv span{font-size: 16px;} .zxDiv2 .listDiv ul li .textDiv p{font-size: 12px;margin-top: 10px;} .zxDiv2 .listDiv ul li.li1{position: relative;top: 55px;} .zxDiv2 .listDiv ul li.li2{position: relative;} .zxDiv2 .listDiv ul li.li3{position: relative;top: 50px;} .zxDiv2 .listDiv ul li.li4{position: relative;} .zxDiv2 .listDiv ul li.li5{position: relative;top: 50px;} .zxDiv3{padding-top: 65px;background: #30a076;position: relative;padding-bottom: 30px;z-index: -1;} .zxDiv3:after{content: "";width: 100%;left: 0;bottom: 0;height: 30px;background: #1168ab;position: absolute;} .zxDiv3 .zx-title .inlineBlock{background: #30a076;} .zxDiv3 .zx-title h3, .zxDiv3 .zx-title p{color: #fff;} .zxDiv3 .zx-title .line{background: #fff;} .zxDiv3 .listDiv{font-size: 0;text-align: center;position: relative;padding-top: 44px;background: url(../images/zx-bg11.png) no-repeat top left;} .zxDiv3 .listDiv ul{display: inline-block;vertical-align: top;} .zxDiv3 .listDiv ul.ul1{width: 192px;text-align: left;} .zxDiv3 .listDiv ul.ul1 li{margin-bottom: 80px;} .zxDiv3 .listDiv ul.ul1 span{font-size: 23px;color: #1168ab;} .zxDiv3 .listDiv ul.ul1 small{font-size: 12px;color: #040300;display: block;margin: 7px 0;} .zxDiv3 .listDiv ul.ul1 .line{width: 100px;height: 2px;background: #1168ab;} .zxDiv3 .listDiv ul.ul1 p{font-size: 12px;color: #020000;margin: 8px 0 0;} .zxDiv3 .listDiv ul.ul2{width: 388px;margin: 0 50px 0 30px;} .zxDiv3 .listDiv ul.ul2 li{padding: 5px 15px;background: #fff;margin-bottom: 30px;} .zxDiv3 .listDiv ul.ul3{width: 276px;text-align: left;} .zxDiv3 .listDiv ul.ul3 li{margin-top: 103px;} .zxDiv3 .listDiv ul.ul3 span{font-size: 23px;color: #fff;} .zxDiv3 .listDiv ul.ul3 small{font-size: 12px;color: #1168ab;display: block;margin: 7px 0;} .zxDiv3 .listDiv ul.ul3 .line{width: 100px;height: 2px;background: #1168ab;} .zxDiv3 .listDiv ul.ul3 p{font-size: 12px;color: #fff;margin: 8px 0 0;} .zxDiv4{padding-top: 63px;padding-bottom: 32px;} .zxDiv4 .swiperWrap{position: relative;} .zxDiv4 .swiperWrap:after{content: "";width: 100%;height: 50px;background: url(../images/zx-line.png) no-repeat right center;position: absolute;left: 0;bottom: 40px;} .zxDiv4 .swiper-container{margin-top: 27px;padding: 0 20px 39px;} .zxDiv4 .swiperWrap .swiper-container{padding-bottom: 107px;} .zxDiv4 .swiperWrap.on .swiper-container{padding-bottom: 64px;} .zxDiv4 .swiper-slide{background: #30a076;text-align: center;padding: 32px 0 23px;transform: scale(.9);} .zxDiv4 .swiper-slide:hover{background: #1168ab;transform: scale(1.2);} .zxDiv4 .swiper-slide:hover .iconDiv, .zxDiv4 .swiper-slide:hover .line{display: none;} .zxDiv4 .swiper-slide:hover .imgDiv{display: block;padding: 5px 20px 0;} .zxDiv4 .swiper-slide:hover h3{margin-top: 10px;color: #fff;} .zxDiv4 .swiper-slide .iconDiv{height: 69px;line-height: 69px;margin-bottom: 25px;} .zxDiv4 .swiper-slide .imgDiv{display: none;} .zxDiv4 .swiper-slide .line{height: 5px;background: #fff;width: 68px;margin: 0 auto;} .zxDiv4 .swiper-slide h3{font-size: 13px;color: #fff;margin-top: 20px;letter-spacing: 1px;} .zxDiv4 .swiper-pagination-bullet{width: 30px;height: 4px;background: #1168ab;opacity: .4;border-radius: 0;} .zxDiv4 .swiper-pagination-bullet-active{opacity: 1;} .zxDiv5{background: url(../images/zx-bg2.jpg) no-repeat center top;background-size:auto 288px;padding: 98px 0 38px;text-align: center;} .zxDiv5 .title h3{font-size: 31px;color: #020000;} .zxDiv5 .title p{font-size: 16px;color: #020000;} .zxDiv5 .tabsDiv{background: rgba(99,89,61,.84);margin-top: 70px;height: 60px;font-size: 0;} .zxDiv5 .tabsDiv a{display: inline-block;width: 148px;line-height: 34px;color: #30a076;background: #fff;border-radius: 10px;font-size: 26px;margin: 5px 28px 0;position: relative;} .zxDiv5 .tabsDiv a.active:after{content: "";position: absolute;width: 23px;height: 19px;background: url(../images/zx-sj.png) no-repeat center center;bottom: -21px;left: 30%;} .zxDiv5 .tabsContent .container{max-width: 1075px;} .zxDiv5 .tabsContent .tableDiv{padding-top: 17px;background: #1168ab;} .zxDiv5 .tabsContent table{width: 100%;background: #fff;border: 2px solid #30a076;} .zxDiv5 .tabsContent table tr td{border-bottom: 1px solid #30a076;border-right: 1px solid #30a076;height: 116px;font-size: 20px;color: #30a076;width: 16%;} .zxDiv5 .tabsContent table tr td:first-child{font-size: 26px;width: 20%;} .zxDiv5 .tabsContent table tr td:last-child{border-right: 0;} .zxDiv5 .tabsContent table tr:last-child td{border-bottom: 0;} .zxDiv6{position: relative;padding-bottom: 25px;} .zxDiv6:after{content: "";width: 100%;height: 25px;background: #30a076;position: absolute;bottom: 0;left: 0;} .zxDiv6 .swiperWrap{position: relative;} .zxDiv6 .swiperWrap .titleDiv{position: absolute;left: 26.2vw;top: 270px;color: #fff;z-index: 999;} .zxDiv6 .swiperWrap .titleDiv .inlineBlock{display: inline-block;text-align: center;} .zxDiv6 .swiperWrap .titleDiv .inlineBlock h3{font-size: 31px;} .zxDiv6 .swiperWrap .titleDiv .inlineBlock h3 span{color: #fff;} .zxDiv6 .swiperWrap .titleDiv .inlineBlock p{font-size: 16px;text-transform: uppercase;margin: 5px 0 0;} .zxDiv6 .swiperWrap .titleDiv .inlineBlock .line{width: 65px;height: 4px;background: #fff;margin: 10px auto 0;} .zxDiv6 .swiperWrap .swiper-slide{position: relative;height: 540px;} .zxDiv6 .swiperWrap .swiper-slide:before{content: "";width: 100%;height: 100%;background: rgba(0,0,0,.56);position: absolute;left: 0;top: 0;} .zxDiv6 .swiper-button-next{width: 27px;height: 43px;right: 18.3vw;top: 290px;margin-top: 0;background: url(../images/zx-right.png) no-repeat center center;background-size:100%;} .zxDiv6 .swiper-container-horizontal>.swiper-pagination-bullets{max-width: 1200px;bottom: 108px;} .zxDiv6 .swiper-pagination-bullet{background: #1168ab;width: 9px;opacity: .4;} .zxDiv6 .swiper-pagination-bullet-active{opacity: .7;} .zxDiv6 .listDiv{max-width: 1070px;padding: 40px 0px 65px 30px;background: #1168ab;position: relative;z-index: 999;margin: -80px auto 0;overflow: hidden;} .zxDiv6 .listDiv .titleDiv{font-size: 23px;color: #fff;background: #30a076;padding: 40px 24px;margin-top: 20px;} .zxDiv6 .listDiv .titleDiv small{display: block;font-size: 16px;margin-top: 5px;} .zxDiv6 .listDiv ul{padding-left: 21px;} .zxDiv6 .listDiv ul li{float: left;width: 200px;background: #fff;text-align: center;padding: 23px 0 20px;margin: 0 3px 3px 0;} .zxDiv6 .listDiv ul li img{width: 98px;height: 98px;} .zxDiv6 .listDiv ul li span{display: block;font-size: 18px;color: #30a076;margin-top: 10px;} .zxDiv6 .listDiv ul li:hover span{color: #000000;} .zxDiv7{padding-top: 54px;} .zxDiv7 .listDiv{margin-top: 64px;text-align: center;font-size: 0;} .zxDiv7 .listDiv ul{display: inline-block;} .zxDiv7 .listDiv ul li{width: 141px;height: 318px;font-size: 15px;display:flex;justify-content:center;align-items:center;padding: 6px;float: left;margin: 0 40px;position: relative;} .zxDiv7 .listDiv ul li .textDiv{width: 100%;height: 140px;text-align: left;display:flex;justify-content:center;align-items:center;padding: 0 4px;} .zxDiv7 .listDiv ul li:before{content: "";width: 48px;height: 58px;position: absolute;top: -30px;left: 50%;margin-left: -24px;} .zxDiv7 .listDiv ul li:nth-child(1){background: url(../images/zx-lx1.png) no-repeat center center;} .zxDiv7 .listDiv ul li:nth-child(1):before{background: url(../images/zx-yx1.png) no-repeat center center;} .zxDiv7 .listDiv ul li:nth-child(1) .textDiv{background: #36b593;color: #fff;} .zxDiv7 .listDiv ul li:nth-child(2){background: url(../images/zx-lx2.png) no-repeat center center;} .zxDiv7 .listDiv ul li:nth-child(2):before{background: url(../images/zx-yx2.png) no-repeat center center;} .zxDiv7 .listDiv ul li:nth-child(2) .textDiv{background: #36b593;color: #fff;} .zxDiv7 .listDiv ul li:nth-child(3){background: url(../images/zx-lx3.png) no-repeat center center;} .zxDiv7 .listDiv ul li:nth-child(3):before{background: url(../images/zx-yx3.png) no-repeat center center;} .zxDiv7 .listDiv ul li:nth-child(3) .textDiv{background: #36b593;color: #fff;} /*******************景观设计**********************/.banner .jgzx_a{position: absolute;width: 251px;line-height: 40px;background: #58a4ca;text-align: center;color: #fff;font-size: 19px;bottom: 8vw;left: 50%;margin-left: -125.5px;z-index: 1;border-radius: 10px;} .banner .jgzx_a:hover{opacity: .8;} .jgsj-div1 .listDiv{position: relative;} .jgsj-div1 .listDiv ul{margin: 0 -12px;} .jgsj-div1 .listDiv ul li{float: left;width: 50%;padding: 0 12px;} .jgsj-div1 .listDiv .textDiv{position: absolute;width: 64%;top: -100px;left: 18%;background: #58a4ca;box-shadow: 9px 9px 20px rgba(0,0,0,.59);padding: 20px 50px 40px;color: #fff;} .jgsj-div1 .listDiv .textDiv .titleDiv span{font-size: 41px;letter-spacing: 5px;} .jgsj-div1 .listDiv .textDiv .titleDiv .line{width: 98px;height: 3px;background: #fff;margin: 6px 0 4px 40px;} .jgsj-div1 .listDiv .textDiv .titleDiv small{font-size: 17px;margin-left: 40px;} .jgsj-div1 .listDiv .textDiv .text{padding-left: 190px;font-size: 17px;text-indent: 2em;padding-top: 20px;letter-spacing: 1px;} .jgsj-div2{padding-top: 65px;text-align: center;} .jgsj-title{text-align:center;background: url(../images/jgsj-title-bg.png) no-repeat center center;background-size: 100% 100%;height: 84px;padding: 0 30px;display:inline-block;} .jgsj-title .inlineBlock{display: inline-block;position: relative;top: -25px;} .jgsj-title h3{font-size: 41px;color: #39392d;padding: 0 5px;display: inline-block;} .jgsj-title .line{width: 94px;height: 3px;background: #58a4ca;margin: 3px auto 15px;} .jgsj-title p{font-size: 17.3px;color: #39392d;margin: 0;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;} /*.jgsj-div2 .tabsDiv{text-align: center;overflow: hidden;margin: 12px 0 18px;} .jgsj-div2 .tabsDiv a{display: block;float: left;margin-right: 20px;font-size: 34px;color: #58a4ca;background: url(../images/jgsj-a-bg2.png) no-repeat center center;background-size:100%;line-height: 44px;width: 92px;font-weight: bold;} .jgsj-div2 .tabsDiv a.active{background: url(../images/jgsj-a-bg1.png) no-repeat center center;background-size:100%;color: #fff;} .jgsj-div2 .tabsContent .itemDiv{overflow: hidden;position: relative;} .jgsj-div2 .tabsContent .itemDiv .imgDiv{position: relative;} .jgsj-div2 .tabsContent .itemDiv .text{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);font-size: 17px;color: #fff;background: #fff;display: inline-block;padding: 6px;white-space: nowrap;} .jgsj-div2 .tabsContent .itemDiv img{display: block;} .jgsj-div2 .tabsContent .itemDiv .text span{display: block;background: #58a4ca;padding: 3px 10px;letter-spacing: 1px;} .jgsj-div2 .tabsContent .itemDiv .item1{width: 38.5%;} .jgsj-div2 .tabsContent .itemDiv .item2{width: 58.3%;} .jgsj-div2 .tabsContent .tabDiv>img{margin: 30px 0 22px;} .jgsj-div2 .tabsContent .itemDiv .leftDiv{width: 58.5%;} .jgsj-div2 .tabsContent .itemDiv .rightDiv{width: 38.25%;} .jgsj-div2 .tabsContent .itemDiv .item3{margin-bottom: 3.9%;} .jgsj-div2 .tabsContent .itemDiv .item6{width: 28.9%;position: absolute;right: 25.6%;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);} .jgsj-div2 .tabsContent .itemDiv .item6 .text{bottom: 5.7%;} .jgsj-div3{padding-top: 65px;text-align: center;} .jgsj-div3 ul{overflow: hidden;margin-top: 34px;background: url(../images/jgsj-lx.png) no-repeat center top;background-size:auto 100%;} .jgsj-div3 ul li{float: left;width: 47.6%;margin: 32px 1.2% 0;} .jgsj-div3 ul li .step{font-size: 24px;color: #30a076;background: #e0e253;line-height: 104px;text-align: center;width: 129px;border-radius: 10px;} .jgsj-div3 ul li:nth-child(1) .step, .jgsj-div3 ul li:nth-child(2) .step{margin: 23px 0 0;} .jgsj-div3 ul li:nth-of-type(odd) .textDiv{padding-right: 183px;} .jgsj-div3 ul li:nth-of-type(even) .textDiv{padding-left: 183px;} .jgsj-div3 ul li .textDiv .text{background: #58a4ca;padding: 20px 10px;color: #fff;font-size: 17px;min-height: 127px;} .jgsj-div3 ul li .textDiv .text p{padding-left: 136px;text-align: left;}*/.contact-us2{text-align: center;} .contact-us2 .contact-main{text-align: left;} .jgsj-div2 .lists li{width: 184px;height: 184px;float: left;margin-right: 19px;margin-top: 34px;margin-bottom: 8px;background: #fff;text-align: center;padding-top: 32px;font-weight: bold;transition: all .3s;color: #004b6a;box-shadow: 3px 3px 5px #979797;} .jgsj-div2 .lists li:nth-child(6n){margin-right: 0px;} .jgsj-div2 li h3{font-size:28px;font-weight: bold;} .jgsj-div2 li h4{font-weight: bold;width: 170px;margin:5px auto 2px;font-size: 16px;letter-spacing: 1px;padding-bottom: 6px;color: #004b6a;border-bottom: solid 2px #004b6a;} .jgsj-div2 li p{font-size: 12px;font-weight: bold;text-transform: uppercase;color: #004b6a;min-height: 32px;} .jgsj-div2 li span{display: block;width: 80px;height: 2px;background: #004b6a;margin: 4px auto 0px;} .jgsj-div2 li:hover{box-shadow: 13px 13px 10px rgba(0,75,106,.59);} .jgsj-div3{padding-top: 73px;text-align: center;} .jgsj-div3 .rowDiv{padding: 0 35px;margin-top: 40px;} .jgsj-div3 .rowDiv .listDiv{width: 460px;margin-left: 26px;} .jgsj-div3 .rowDiv .listDiv ul li{margin: 15px 0 33px;overflow: hidden;} .jgsj-div3 .rowDiv .listDiv .step{color: #30a076;font-size: 18px;padding-top: 49px;} .jgsj-div3 .rowDiv .listDiv .textDiv{margin-left: 26px;width: 377px;background: #58a4ca;padding: 20px 35px;float: left;color: #fff;text-align: left;min-height: 115px;font-size: 17px;} .jgsj-div3 .rowDiv .textDiv .text p{float: left;text-align: left;} /***************文化旅游***************/.wh-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 3.6vw;text-align: left;padding-left: 11vw;} .wh-banner .swiper-pagination-bullet{width: 46px;height: 13px;background: #fff;border-radius: 0;opacity: .48;} .wh-banner .swiper-pagination-bullet-active{opacity: 1;} .wh-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 14px;} .wh-banner{position: relative;} .wh-banner a.ljyy_a{position: absolute;left: 50%;width: 22vw;line-height: 3.4vw;margin-left: -11vw;font-size: 2.34375vw;bottom: 3.6vw;z-index: 999;text-align: center;color: #fff;border: 5px solid #ff6e61;background: #ff6e61;} .wh-banner a.ljyy_a:hover{background: #ff6e61;} .wh-div1{padding: 62px 0 29px;position: relative;} /*.wh-div1:after{content: "";width: 30%;height: 100px;background: #1c466e;position: absolute;right: 0;bottom: 47px;z-index: 0;}*/.wh-div1 ul{padding: 14px 0;margin: 0 -21px;position: relative;z-index: 1;} .wh-div1 ul .textDiv{background: #006091;box-shadow: 7px 7px 5px rgba(0,0,0,.59);max-width:780px;padding: 20px;color: #fff;font-size: 12px; float:left;} .wh-div1 ul .textDiv p{ line-height:1.8} .wh-div1 ul .textDiv span{display: block;font-size: 34px;} .wh-div1 ul .textDiv small{display: block;margin: 0px 0 10px;} .wh-div1 ul li{float: left;width: 367px;margin: 0 21px;text-align: center;} .wh-title{background: #006091;color: #fff;text-align: center;display: inline-block;padding: 0 5px 3px;} .wh-title span{font-size: 34px;font-weight: bold;display: block;} .wh-title small{font-size: 12px;} .wh-div2 .listDiv{background: #4985a9;padding: 25px 0;margin-top: 23px;} .wh-div2 .listDiv .leftDiv{width: 449px;margin-right: 12px;} .wh-div2 .listDiv .rightDiv{width: 733px;} .wh-div2 .listDiv .s1{width: 183px;height: 177px;margin-bottom: 13px;} .wh-div2 .listDiv .s2{width: 183px;height: 178px;} .wh-div2 .listDiv .s3{width: 254px;height: 368px;} .wh-div2 .listDiv .s4{width: 449px;height: 177px;margin-top: 14px;} .wh-div2 .listDiv .s5{width: 423px;height: 178px;margin-bottom: 12px;} .wh-div2 .listDiv .s6{width: 297px;height: 178px;margin-bottom: 12px;} .wh-div2 .listDiv .s7{width: 256px;height: 368px;} .wh-div2 .listDiv .s8{width: 466px;height: 178px;margin-bottom: 12px;} .wh-div2 .listDiv .s9{width: 155px;height: 178px;} .wh-div2 .listDiv .s10{width: 297px;height: 178px;} .wh-div2 .listDiv .bg1{background: #fff;display:flex;justify-content:center;align-items:center;} .wh-div2 .listDiv .bg1:hover, .wh-div2 .listDiv .bg2:hover, .wh-div2 .listDiv .bg3:hover, .wh-div2 .listDiv .bg4:hover{box-shadow: 0px 2px 10px rgba(255,110,97,.59);} .wh-div2 .listDiv .bg2{background: #006091;display:flex;justify-content:center;align-items:center;} .wh-div2 .listDiv .bg3{background: #98bace;display:flex;justify-content:center;align-items:center;} .wh-div2 .listDiv .bg4{background: #52cbfd;display:flex;justify-content:center;align-items:center;} .wh-div2 .listDiv .conDiv{text-align: center;} .wh-div2 .listDiv .conDiv small{font-size: 15.5px;display: block;font-weight:bold;margin: 5px 0 0;} .wh-div2 .listDiv .conDiv span{font-size: 21px;display: block;font-weight:bold;letter-spacing: 1px;} .wh-div2 .listDiv .cl0{color: #000;} .wh-div2 .listDiv .clf{color: #fff;} .wh-div2 .listDiv .cl0 .line{width: 42px;height: 4px;background: #000;margin: 5px auto 10px;} .wh-div2 .listDiv .clf .line{width: 42px;height: 4px;background: #fff;margin: 5px auto 10px;} .wh-div3{padding-top: 46px;} .wh-div3 .container{width: 1193px;} .wh-div3 .wh-title{margin-left: 4.1%;} .wh-div3 .row1{margin-top: 42px;} .wh-div3 .row1 .textDiv{width: 35%;padding: 0 4.1%;margin-top: 4.1%;} .wh-div3 .row1 .imgDiv{width: 65%;} .wh-div3 .rowDiv img{display: block;} .wh-div3 .rowDiv .textDiv{font-size: 0;} .wh-div3 .rowDiv .textDiv .h2{font-size: 43px;color: #4985a9;font-weight: bold;} .wh-div3 .rowDiv .textDiv span{font-size: 21px;color: #333;display: block;font-weight: bold;} .wh-div3 .rowDiv .textDiv small{font-size: 15px;color: #333;font-weight: bold;margin: 2px 0 4px;display: block;} .wh-div3 .rowDiv .textDiv .line{width: 45px;height: 3px;background: #4985a9;display: inline-block;} .wh-div3 .rowDiv .textDiv .text{font-size: 13px;color: #231815;font-weight: bold;margin-top: 30px;} .wh-div3 .rowDiv .textDiv .text p{margin: 0 0 20px;font-weight: bold;} .wh-div3 .row2 .textDiv{width: 30%;margin-top: 20.9%;text-align: right;} .wh-div3 .row2 .textDiv .text{padding-right: 2.25%;} .wh-div3 .row2 .imgDiv{width: 69.3%;} .wh-div3 .row2 .textDiv .wh-title{margin-bottom: 45%;} .wh-div3 .row2 .textDiv .wh-title span{color: #fff;font-size: 34px;} .wh-div3 .row2 .textDiv .wh-title small{color: #fff;font-size: 18px;} .wh-div3 .row3{margin-top: 26px;} .wh-div3 .row3 .textDiv{width: 35%;margin-top: 6.9%;text-align: right;} .wh-div3 .row3 .imgDiv{width: 65%;} .wh-div3 .row4 .textDiv{width: 65%;text-align: right;padding-right: 6.6%;} .wh-div3 .row4 .textDiv .text{max-width: 300px;display: inline-block;} .wh-div3 .row4 .imgDiv{width: 35%;} .wh-div3 .row5 .textDiv{width: 65%;} .wh-div3 .row5 img{width: 100%;} .wh-div3 .row5 .textDiv .wh-title span{color: #fff;font-size: 34px;} .wh-div3 .row5 .textDiv .wh-title small{color: #fff;font-size: 18px;} .contact-us .wh-title{display: block;margin: 0 auto;max-width: 240px;} /*********************康养地产*********************/.kydc-title{text-align: center;max-width: 620px;margin: 0 auto;border-top: 4px solid #7cc106;position: relative;} .kydc-title img{display: block;margin: 0 auto;position: absolute;left: 50%;top: -105px;margin-left: -34px;} .kydc-title .inlineBlock{display: inline-block;position: relative;top: -33px;background: #fff;padding: 0 40px;} .kydc-title h3{font-size: 31px;letter-spacing: 2px;color: #233a12;display: inline-block;} .kydc-title p{font-size: 20px;color: #233a12;margin-top: -25px;font-family: Arial, Helvetica, sans-serif;} .kydc-div1{padding-top: 129px;} .kydc-div1 .container{width: 1047px;} .kydc-div1 .listDiv{margin-top: 41px;} .kydc-div1 .listDiv ul{margin: 0 -15px;} .kydc-div1 .listDiv ul li{float: left;width: 50%;margin-bottom: 26px;} .kydc-div1 .listDiv ul li .conDiv{position: relative;margin: 0 15px;} .kydc-div1 .listDiv ul li .conDiv .textDiv{background: rgba(52,75,21,.25);color: #fff;position: absolute;top: 35%;width: 216px;left: 50%;margin-left: -108px;text-align: center;padding: 10px 0;} .kydc-div1 .listDiv ul li .conDiv .textDiv span{font-size: 21px;} .kydc-div1 .listDiv ul li .conDiv .textDiv .line{width: 90px;height: 5px;background: #fff;margin: 7px auto;} .kydc-div1 .listDiv ul li .conDiv .textDiv small{font-size: 16px;} .kydc-div1 .listDiv ul li .conDiv:after{content: "";width: 100%;height: 16%;background: #7cc106;position: absolute;left: 0;bottom: 0;z-index: 1;} /*.kydc-div1 .listDiv .leftDiv{width: 828px;} .kydc-div1 .listDiv .rightDiv{width: 364px;} .kydc-div1 .listDiv .imgDiv{position: relative;} .kydc-div1 .listDiv .imgDiv .textDiv{position: absolute;} .kydc-div1 .listDiv .s1 .textDiv{left: 0;top: 0;} .kydc-div1 .listDiv .textDiv.clf{background: #7cc106;color: #fff;font-size: 20px;text-align: center;padding: 15px;} .kydc-div1 .listDiv .textDiv.clf .line{width: 70px;height: 4px;background: #fff;margin: 10px auto 8px;} .kydc-div1 .listDiv .textDiv.cl0{background: #fff;color: #233a12;font-size: 20px;text-align: center;padding: 15px;} .kydc-div1 .listDiv .textDiv.cl0 .line{width: 70px;height: 4px;background: #7cc106;margin: 10px auto 8px;} .kydc-div1 .listDiv img{display: block;} .kydc-div1 .listDiv .s1 img{width: 422px;height: 183px;} .kydc-div1 .listDiv .s2 img{width: 203px;height: 183px;} .kydc-div1 .listDiv .s3{width: 203px;height: 183px;padding-top: 45px!important;} .kydc-div1 .listDiv .s4{width: 316px;height: 185px;padding-top: 55px!important;text-align: center;} .kydc-div1 .listDiv .s5 img{width: 316px;height:311px;} .kydc-div1 .listDiv .s6 img{width: 512px;height: 312px;} .kydc-div1 .listDiv .s6 .textDiv{right: -105px;bottom: 0;z-index: 99;width: 311px;height: 182px;padding-top: 50px;} .kydc-div1 .listDiv .s7 img{width: 312px;height: 185px;} .kydc-div1 .listDiv .s8 img{width: 200px;height: 185px;} .kydc-div1 .listDiv .s9 img{width: 364px;height: 680px;} .kydc-div1 .listDiv .s9 .textDiv{left: -10px;bottom: 0;z-index: 99;height: 185px;padding-top: 50px;}*/.kydc-div2{padding-top: 150px;} .kydc-div2 .listDiv{max-width: 875px;margin: 27px auto 0;} .kydc-div2 .listDiv .imgDiv img{display: block;} .kydc-div2 .listDiv .textDiv{text-align: center;padding: 11px 20px;color: #233a12;} .kydc-div2 .listDiv .textDiv .bgDiv{width: 100%;height: 100%;display:flex;justify-content:center;align-items:center;} .kydc-div2 .listDiv .textDiv:hover{border: 4px solid #7cc106;color: #fff;} .kydc-div2 .listDiv .textDiv:hover .bgDiv{background: #7cc106;} .kydc-div2 .listDiv .textDiv:hover .line{background: #fff;} .kydc-div2 .listDiv .textDiv span{display: block;font-size: 20px;} .kydc-div2 .listDiv .textDiv .line{width: 70px;height: 4px;background: #7cc106;margin: 5px auto 7px;} .kydc-div2 .listDiv .textDiv small{display: block;font-size: 20px;} .kydc-div2 .listDiv .row1 .textDiv{width: 272px;height: 185px;margin-right: 19px;} .kydc-div2 .listDiv .row2{margin: 19px 0;} .kydc-div2 .listDiv .row2 .textDiv{width: 295px;height: 166px;margin: 0 18px;} .kydc-div2 .listDiv .row3 .textDiv{width: 272px;height: 165px;} .kydc-div2 .listDiv .row3 .imgDiv{margin: 0 18px;} .kydc-div3{margin: 184px 0 0;} .kydc-div3 .listDiv{background: url(../images/kydc-gh-bg.jpg) no-repeat center center;background-size:cover;margin-top: 11px;text-align: center;padding: 38px 0 34px;} .kydc-div3 .listDiv ul{display: inline-block;} .kydc-div3 .listDiv ul li{width: 176px;background: #fff;padding: 52px 27px 23px;background: #fff;text-align: center;float: left;margin: 0 31px;transition: all .6s;} .kydc-div3 .listDiv ul li img{max-width: 60px !important;} .kydc-div3 .listDiv ul li span{display: block;font-size: 12px;background: #7cc106;color: #fff;line-height: 26px;margin: 37px 0 10px;} .kydc-div3 .listDiv ul li .line{width: 95px;height: 2px;background: #7cc106;margin: 0 auto 10px;} .kydc-div3 .listDiv ul li small{font-size:12px;color: #344b15;} .kydc-div3 .listDiv ul li:hover{margin-top: -10px;box-shadow: 10px 10px 10px rgba(0,0,0,.5);} /*.kydc-div3 .container{width: 622px;background: rgba(36,35,30,.5);padding: 42px 0;text-align: center;} .kydc-div3 .titleDiv{background: url(../images/kydc-gh-title-bg.png) no-repeat center center;color: #fff;} .kydc-div3 .titleDiv h3{font-size: 25px;} .kydc-div3 .titleDiv p{font-size: 13px;margin: 5px 0 0;} .kydc-div3 .titleDiv .line{width: 50px;height: 3px;background: #fff;margin: 5px auto 0;}*/.kydc-div4{padding: 145px 0 53px;} .kydc-div4 .listDiv{max-width: 543px;width: 100%;height: 519px;background: url(../images/ky-bg.png) no-repeat center center;background-size:100%;margin: 29px auto 0;position: relative;} .kydc-div4 .listDiv ul li{height: 252px;max-width: 262px;width: 50%;position: absolute;display:flex;justify-content:center;align-items:center;} .kydc-div4 .listDiv ul li:nth-child(1){top: 0;left: 50%;margin-left: -131px;} .kydc-div4 .listDiv ul li:nth-child(2){right: 0;top: 50%;margin-top: -126px;} .kydc-div4 .listDiv ul li:nth-child(3){bottom: 0;left: 50%;margin-left: -131px;} .kydc-div4 .listDiv ul li:nth-child(4){left: 0;top: 50%;margin-top: -126px;} .kydc-div4 .listDiv ul li .iconDiv{width: 33px;height: 33px;margin: 0 auto;} .kydc-div4 .listDiv ul li:nth-child(1) .textDiv .iconDiv{background: url(../images/ky-icon6.png) no-repeat center center;} .kydc-div4 .listDiv ul li:nth-child(2) .textDiv .iconDiv{background: url(../images/ky-icon7.png) no-repeat center center;} .kydc-div4 .listDiv ul li:nth-child(3) .textDiv .iconDiv{background: url(../images/ky-icon8.png) no-repeat center center;} .kydc-div4 .listDiv ul li:nth-child(4) .textDiv .iconDiv{background: url(../images/ky-icon5.png) no-repeat center center;} .kydc-div4 .listDiv ul li:nth-child(1) .textDiv:hover .iconDiv{background: url(../images/ky-icon6_.png) no-repeat center center;} .kydc-div4 .listDiv ul li:nth-child(2) .textDiv:hover .iconDiv{background: url(../images/ky-icon7_.png) no-repeat center center;} .kydc-div4 .listDiv ul li:nth-child(3) .textDiv:hover .iconDiv{background: url(../images/ky-icon8_.png) no-repeat center center;} .kydc-div4 .listDiv ul li:nth-child(4) .textDiv:hover .iconDiv{background: url(../images/ky-icon5_.png) no-repeat center center;} /*.kydc-div4 .listDiv ul li:hover{background: #7cc106;} .kydc-div4 .listDiv ul li img{display: block;width: 100%;height: 125px;}*/.kydc-div4 .listDiv ul li .textDiv{text-align: center;padding: 0 60px;position: relative;z-index: 999;} .kydc-div4 .listDiv ul li .textDiv span{font-size: 16px;color: #344b15;display: block;margin: 15px auto 5px;} .kydc-div4 .listDiv ul li .textDiv small{font-size: 12px;color: #233a12;line-height: 1.2;display: block;} .kydc-div4 .listDiv ul li .textDiv:hover span{color: #7cc106;} .kydc-div4 .listDiv ul li .textDiv:hover small{color: #7cc106;} .kydc-div5 .container{width: 1191px;background: url(../images/kydc-tz-bg.jpg) no-repeat center center;padding: 45px 65px;text-align: center;} .kydc-div5 .titleDiv{color: #fff;background: url(../images/kydc-gh-title-bg.png) no-repeat center 20px;} .kydc-div5 .titleDiv h3{font-size: 30px;} .kydc-div5 .titleDiv p{font-size: 20px;margin: 0px 0 0;} .kydc-div5 .swiperWrap{margin-top: 48px;position: relative;} .kydc-div5 .swiperWrap .swiper-container{width: 90%;max-width: 743px;} .kydc-div5 .swiperWrap .swiper-slide{padding: 25px 19px;} .kydc-div5 .swiperWrap .swiper-slide:hover{border: 5px solid #fff;padding: 20px 14px;} .kydc-div5 .swiperWrap .swiper-slide .conDiv{background: #344b15;color: #fff;padding: 19px 10px;min-height: 336px;} .kydc-div5 .swiperWrap .swiper-slide .conDiv .iconDiv{height: 76px;line-height: 76px;margin-bottom: 25px;} .kydc-div5 .swiperWrap .swiper-slide .conDiv .textDiv .top{height: 59px;} .kydc-div5 .swiperWrap .swiper-slide .conDiv .textDiv span{font-size: 15px;} .kydc-div5 .swiperWrap .swiper-slide .conDiv .textDiv small{font-size: 12px;display: block;} .kydc-div5 .swiperWrap .swiper-slide .conDiv .textDiv .line{width: 50px;height: 2px;background: #fff;margin: 5px auto 0;} .kydc-div5 .swiperWrap .swiper-slide .conDiv .textDiv p{margin: 10px 15px 0;font-size: 12px;text-align: left;} .kydc-div5 .swiper-button-next{background: url(../images/kydc-right.png) no-repeat center center;} .kydc-div5 .swiper-button-prev{background: url(../images/kydc-left.png) no-repeat center center;} .kydc-div5 .swiper-button-next, .kydc-div5 .swiper-button-prev{width: 28px;height: 53px;margin-top: -22.5px;} .kydc-div6{padding-top: 153px;padding-bottom: 60px;} .kydc-div6 .roundabout_box{max-width: 1080px;margin: 29px auto 0;border: 7px solid #7cc106;padding: 20px 62px 50px;} .kydc-div6 .dc-main5-List{height:408px;width: 65%;margin: 0 auto;/*overflow: hidden;*/} .kydc-div6 .dc-main5-List li{height:408px;width:621px;text-align:center;cursor:pointer;overflow: hidden;opacity: 1!important;position: relative;box-shadow: 0px 10px 20px rgba(0,0,0,.59);} .kydc-div6 .dc-main5-List li img{width: 100%;} .kydc-div6 .dc-main5-List li .bgDiv{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(35,58,18,.3);} .kydc-div6 .dc-main5-List li.roundabout-in-focus{cursor:default;} .kydc-div6 .dc-main5-List li.roundabout-in-focus .bgDiv{background: rgba(35,58,18,0);} .kydc-div6 .dc-main5-List li .bgDiv .textDiv{color: #000000;background: rgba(255,255,255,.63);width: 50%;padding: 35px 5px;position: absolute;bottom: 30px;left: 25%;/*display: none;*/} /*.kydc-div6 .dc-main5-List li.roundabout-in-focus .bgDiv .textDiv{display: block;}*/.kydc-div6 .dc-main5-List li .bgDiv .textDiv span{display: block;font-size: 15px;} .kydc-div6 .dc-main5-List li .bgDiv .textDiv small{font-size: 12px;display: block;margin: 5px 0;line-height: 1.1;} .kydc-div6 .dc-main5-List li .bgDiv .textDiv .line{width: 50px;height: 3px;background: #fff;margin: 0 auto;} .kydc-div6 .listDiv{margin-top: 40px;border: 2px solid #344b15;padding: 17px;overflow: hidden;/*font-size: 0;*//*text-align: center;*/} .kydc-div6 .listDiv .itemDiv{/*display: inline-block;*/float: left;text-align: center;border: 2px solid #344b15;width: 357px;height: 500px;/*padding: 16px 0;*/margin-right: 45px;/*vertical-align: top;*/} .kydc-div6 .listDiv .itemDiv:last-child{margin-right: 0;} .kydc-div6 .listDiv .itemDiv ul li{min-height: 39px;font-size: 15px;padding: 7px 0;display:flex;justify-content:center;align-items:center;border-top: 2px solid #344b15;border-bottom: 2px solid #344b15;margin-top: 16px;} .kydc-div6 .listDiv .itemDiv ul li:hover{background: #344b15;color: #fff;} /*.kydc-div6 .listDiv .itemDiv ul li:nth-of-type(even){color: #344b15;min-height: 68px;padding: 12px 0;display:flex;justify-content:center;align-items:center;}*/.kydc-div6 .listDiv .itemDiv ul li:first-child{min-height: 75px;font-size: 25px;padding: 20px 0;background: #344b15;color: #fff;} .pchidden{display:none;} @media only screen and (max-width:1200px){.zxDiv6 .swiperWrap .titleDiv{left: 7.8vw;} .zxDiv6 .swiper-button-next{right: 10px;}} @media(max-width:1600px){.nav{margin-right: 60px} .nav li>a{letter-spacing: 0px;font-size: 18px;font-weight: normal;} .nav li.on>a,.nav li:hover>a{} .two-nav a{font-size: 14px;} .number{padding-bottom: 20px;font-size: 21px;}} @media(max-width:1100px){ .seach{ display:none;} .headsearch{ display:block;} .number{display: none} body{padding-top: 70px;} .header{background:#fff;height: 70px;position: fixed;top: 0px;left: 0px;right: 0px;z-index: 999;border-bottom: solid 1px #e8e7e7;padding-top: 0;} .head-bot{background: #fff} .head-bot { background: #fff; margin-top: 0;} .container{width: 100%;padding: 0px 10px;} .gh-div1 .container, .gh-div2 .container, .gh-div3 .container{width: 100%;} .achievements .lists ul{width:60%;margin: 0 auto;} .menu-btn{display: block;position: absolute;right: 14px;top: 19px;width: 40px;} .menu-btn { display: block; position: absolute; right: 14px; top: 19px; width: 40px; z-index: 10000; } .nav{width: 100%;height:auto;overflow:hidden;position:fixed;bottom:0;top:70px;background: #999;padding: 10px 0px 10px 0px;border-top: solid 1px #504b4b;display: none;overflow-y: auto;z-index:99;} .nav ul{height: 1800px;} .nav li{width: 100%;margin: 0px;height: auto;overflow:hidden;padding: 0px;line-height: initial;} .nav li>a{display: block;border:none;line-height: inherit;padding:10px 10px;font-size: 16px;} .two-nav{display: block !important;} .nav li.hasnav:before{content:'';width: 17px;height: 17px;background-repeat: no-repeat;background-image: url('../images/jt1_03.png');background-size: 100%;position: absolute;right: 15px;top: 10px;} .nav li.on>a,.nav li:hover>a{border:none;position: relative;} .nav li.hasnav.on:before{background-image: url('../images/jt2_03.png');background-size: 100%;} .nav li.hasnav{background: none;} .nav li.on>a:before,.nav li:hover>a:before{content:none;} .two-nav{position: relative;width: 100%;background: none;margin-top: 10px;padding-top: 0px;text-align: left;box-shadow:none;} .two-nav a{font-size:14px;color: #666;width:40%;display: inline-block;margin-bottom:3%;margin-right:3%;text-align: center;padding:10px 10px;background:#FFFFFF;border-radius:8px;} .banner .ghzx_a{width: 90px;height: 20px;line-height: 20px;font-size: 12px;left: 50%;bottom: 5%;margin: 0;transform: translate(-50%,0);} .programming .lists li:nth-child(5n){float: left;margin-right: 24px;} .servers .lists li:nth-child(5n){float: left;margin-right: 17px;} .design .top li:last-child,.design .bot li:last-child{margin-top: 13px} .achievements .lists li{margin: 0px 20px 0px;} .capital-main .swiper-container{width: 90%} .capital-main .swiper-slide h3{font-size: 18px;} .capital-main .swiper-slide-active{height: 280px;} .capital-main .swiper-prev, .capital-main .swiper-next{top: 114px} .research .lists img{width: 250px;} .research .lists li{margin: 0px 7px;} .qualifications-main{background-size: cover;height: auto;text-align: center} .qualifications-main li{display: inline-block;vertical-align: top;float: none;} .programmeUse .lists .container{max-width: 910px;} .fczjsq .lists ul li:nth-child(4n){margin-right: 17px;} .sbly .listDiv ul li{float: left;} .zscq .listDiv ul{display: block;} .zscq .listDiv li{width: 48%;margin: 0 1%;} .gh-div3 .lists li:nth-child(4n){float: left;margin-right: 60px;} .gh-div2 .rowDiv .listDiv ul li:nth-child(3n){margin-right: 10px;} .tyDiv1 .rowDiv .sbbmDiv .text .title{position: relative;right: 0;top: -15px;display: inline-block;} .tyDiv1 .rowDiv .sbbmDiv .text{padding-bottom: 15px;} .tyDiv2 .listDiv img{margin-bottom: 30px;} .ty-title{width: 100%;max-width: 885px;} .zxDiv4 .swiperWrap.on .swiper-container{padding-bottom: 88px;} .zxDiv4 .swiper-slide:hover .imgDiv{padding: 5px 10px 0;} /*.jgsj-div3 ul li .step{line-height: 84px;width: 109px;} .jgsj-div3 ul li:nth-of-type(odd) .textDiv{padding-right: 133px;} .jgsj-div3 ul li:nth-of-type(even) .textDiv{padding-left: 133px;}*/.wh-div3 .container{width: 100%;padding: 0 10px;} .wh-div1 ul li{margin-bottom: 40px;} .wh-div2 .listDiv .rightDiv{margin-top: 14px;} .kydc-div1 .container,.kydc-div5 .container{width: 100%;} .jgsj-div2 .lists li:nth-child(6n){margin-right: 19px;} .jgsj-div3 .rowDiv img{float: initial;} .jgsj-div3 .rowDiv .listDiv{margin: 0 auto;float: initial;} .kydc-div3 .listDiv ul li{margin: 0 20px;} .kydc-div6 .listDiv .itemDiv,.kydc-div6 .listDiv .itemDiv:nth-child(2){margin-bottom: 20px;} .casebox{width:100%;overflow: hidden!important;}} @media(max-width:1024px){.capital-main .swiper-slide-active{transform: scale(1,1);} .capital-main .swiper-slide-active img{transform: scale(1,1);margin: 0;} .capital-main .swiper-slide-active h3,.capital-main .swiper-slide p{transform: scale(1,1);} .capital-main .swiper-slide,.capital-main .swiper-slide-active{height: 440px;} .zjsq-servers .lists ul li{width: 50%;margin-bottom: 50px;} .zxDiv3 .listDiv ul.ul3 li{margin: 80px 0;} .zxDiv5 .tabsDiv a{width: 120px;margin: 5px 10px 0;font-size: 18px;} .zxDiv5 .tabsContent table tr td:first-child{font-size: 22px;}} @media(max-width:900px){.com-title{width: 100%;} .com-title h3:before{width:15%;left:-15%} .com-title h3:after{width:15%;right:-15%} .design li{width:30%!important;float:left; margin-bottom:3%;} .design .top li{width:30%!important;float:left;margin-right:1.5%; margin-left:1.5%;} .design .top li:nth-child(2){margin-right:1.5%; margin-left:1.5%;} .design .top li:last-child, .design .bot li:last-child { margin-top: 0; } .design .bot li{width:30%!important;float:left;} .design li .six{width: 100%;} .design li .seven{width: 100%;} .design li .eight{width: 100%;} .design li .nine{width: 100%;} .design li .ten{width: 100%;} .design li .comh1{} .design .guihuak { width: 100%; height:120px; border-radius: 8px; margin: 0 auto; } .design li i { padding: 15px 0 0 0; } .design li p { font-size:14px; color: #FFFFFF; display: block; padding: 10px 0 0 0; } .design .bot li:nth-child(2){margin-right:2%;} .kxxbgk .kxxbg li{ width:22% !important;} .capital-main .swiper-slide,.capital-main .swiper-slide-active{height: 220px;padding: 15px 20px 0;} .capital-main .swiper-slide-active{transform: scale(1,1);} .capital-main .swiper-slide-active img{transform: scale(1,1);margin: 0;} .capital-main .swiper-slide-active h3,.capital-main .swiper-slide p{transform: scale(1,1);} .capital-main,.demand-main{padding-bottom: 40px;height: auto;background-size: cover} .research .lists{margin-top: 30px;} .research .lists li{width:46%!important;margin: 0 1% 2%;} .research .lists li i{font-size:28px;width:60px;height:30px;margin: -10px 0 0 60px;line-height: 30px;} .research .lists li p{width: 100%} .demand-form{width: 90%} .demand-form li{width: 320px;} .demand-form li .f-txt{width: 210px;} .foot-main{margin-top: 40px} .foot-main li{margin-left: 0px;margin-right: 30px} .foot-main .t{text-align: left} .foot-left h2{font-size: 24px;margin-bottom: 30px;} .servers .lists{text-align: center;} .servers .lists li{float: initial;display: inline-block;} .servers .lists li:nth-child(5n){float: initial;} .programmeUse .lists{text-align: center;} .programmeUse .lists li{float: initial;display: inline-block;} .fczjsq .lists{text-align: center;} .fczjsq .lists ul li{float: initial;display: inline-block;vertical-align: top;} .qyrd .lists{text-align: center;} .qyrd .lists li{float: initial;display: inline-block;vertical-align: top;} .zscq .listDiv li{width: 80%;max-width: 546px;margin: 0 14px;display: inline-block;float: initial;margin-bottom: 20px;} .zscq h1{padding-left: 20px;padding-right: 20px;} .demand3 .demand-main{padding-bottom: 0;} .zxDiv7 .listDiv ul li{margin: 0 15px;} .jgsj-div1 .listDiv .textDiv{width: 80%;left: 10%;} .jgsj-div1 .listDiv .textDiv { position:relative; width:90%; margin:30px auto; background: #58a4ca; padding: 20px 20px 20px 20px; color: #fff;top:0; left:0;} .jgsj-div1 .listDiv .textDiv .titleDiv .line { width: 80px; height: 3px; background: #fff; margin: 6px 0 4px 0px; } .jgsj-div1 .listDiv .textDiv .titleDiv small { font-size: 14px; margin-left: 0; } .jgsj-div1 .listDiv .textDiv .text { padding-left: 100px; font-size: 14px; padding-top: 20px; } .jgsj-title h3 { font-size: 20px; color: #39392d; padding: 0 5px; display: inline-block; } .jgsj-title { text-align: center; height: 40px; padding: 0 30px; display: inline-block; } .jgsj-title .inlineBlock { display: inline-block; position: relative; top: -10px; } .jgsj-div2 .lists li { width:160px; height:160px; float: left; margin-right:5px; margin-left:5px; margin-top: 20px; overflow:hidden; background: #fff; text-align: center; padding-top:20px; font-weight: bold; transition: all .3s; color: #004b6a; box-shadow: 3px 3px 5px #979797; } .jgsj-div2 li h4 { font-weight: bold; width: 150px; margin: 5px auto 2px; font-size: 13px; padding-bottom: 6px; color: #004b6a; border-bottom: solid 2px #004b6a; } .jgsj-div2 .lists li:nth-child(6n) { margin-right:0; } .jgsj-div3 .rowDiv .listDiv .textDiv { margin-left: 26px; width: 260px; background: #58a4ca; padding: 20px 20px; float: left; color: #fff; text-align: left; min-height: 115px; font-size: 13px; } .com-title h3, .com-title h3 a { width: 170px; margin: 0 auto ; font-size: 30px; font-weight: bold; color: #1168ab; } /*.jgsj-div3 ul li .textDiv .text span{display: block;float: initial;text-align: left;} .jgsj-div3 ul li .textDiv .text p{display: block;padding-left: 0;margin-top:5px;}*//*.kydc-div3 .container{width: 96%;}*/.jgsj-div3 .rowDiv{padding: 0;} .kydc-div1 .listDiv ul li .conDiv .textDiv{top: 25%;} .qualifications{background: url("../images/yui_02.jpg");background-repeat: no-repeat;background-size: 100% 100%;background-attachment: fixed;width:100%;overflow:hidden;} .qualifications li{width: 48%;float: left;margin: 0px 2% 20px 0;} .qualifications li:nth-child(2){margin-right:0;} .qualifications-main li p{line-height: 1.5;font-size: 14px;color: #1168ab;padding: 0px;margin: 15px;text-align: center;} .ftcode{float:right;position:relative;} .ftcode img{display: inline-block;width:100px;} .foot-left{width:60%;word-break:break-all;} .ftcode{width:30%;} .foot-main{display: none;} .casebox .swiper-container{width:100%;overflow: hidden!important;} .capital-main .swiper-prev, .capital-main .swiper-next{display:none;} .mhidden{display:none!important;} .pchidden{display:block!important;} .nav ul{height: auto;overflow:hidden;} .com-title h3:before{content:'';width:20%;height:2px;background:#1168ab;left:-20%;top:20px;position:absolute;} .com-title h3:after{content:'';width:20%;height:2px;background:#1168ab;right:-20%;top:20px;position:absolute;} .com-title .fbai:before{content:'';width:20%;height:2px;background:#fff;left:-20%;top:20px;position:absolute;} .com-title .fbai:after{content:'';width:20%;height:2px;background:#fff;right:-20%;top:20px;position:absolute;} .capital .com-title h3 { width: 170px; } .achievements .tp, .qualifications .tt{font-size:10px;margin-top: 10px;font-weight:normal;} .qualifications .com-title h3{width: 80%;font-size:18px;} .programming .lists li{width:30%;height: 120px;float: left;margin-right:1.5%; margin-left:1.5%;margin-bottom: 10px;} .programming .lists li:nth-child(5n){margin-right:1.5%; margin-left:1.5%;} .programming li h4 { font-size:12px;} .programming li h3 i { display: block; width: 50px; height:50px; line-height:50px; background: #fff; color: #333333; font-size: 28px; border-radius: 50%; text-align: center; margin: 10px auto; } .com-title p{font-size: 14px;margin-top:10px;} .com-title h3, .com-title h3 a { font-size:24px; font-weight: bold; color: #1168ab; } .jgsj-div1 .listDiv .textDiv .titleDiv span { font-size:20px; letter-spacing: 5px; } } .warp{width:100%;padding:60px 0 60px 0;background:#f1f1f1;} .f30{font-size: 30px;} .f22{font-size: 22px;} .f18{font-size: 18px;} .aboutUs{margin:0 auto;padding-top:30px;} .aboutUs .aboutTit{width: 560px;} .aboutUs .aboutTit h2:first-of-type{height: 45px;line-height: 45px;font-weight:bold;} .ma{margin: 0 auto;} .aboutImg img{display:block;float:right} .aboutUs .aboutTit h2:last-of-type{color: #cbcbcc;height: 40px;line-height: 40px;margin-bottom: 13px;} .aboutUs .aboutTit h4{height: 57px;line-height: 57px;color: #333; font-weight:bold;} .aboutUs .aboutTit p{color: #686868;/* height: 28px;*/line-height: 28px; font-size:16px;} .aboutUs .aboutTit a{/* margin-top: 54px;*/width: 147px;height: 46px;line-height: 46px;border-radius: 2px;display:block;margin-top: 50px;background:#a90404 !important;text-align:center;color:#FFFFFF;} .aboutUs .aboutTit a:hover{transition: .3s;background: #67df4d !important;} .aboutUs .aboutImg{width: 640px;} .aboutUs .aboutImg a{display: none;} .aboutUs .aboutImg a { display: none; } @media screen and (min-width:320px) and (max-width: 780px){ .aboutUs{margin-top: 0;padding:0 5%;} .aboutUs{width: 100%;} .aboutUs .aboutTit{width: 100%;} .aboutUs .aboutTit h2:first-of-type{height: 30px;line-height: 30px;font-size: 24px;float: left;margin-right: 2%;} .aboutUs .aboutTit h2:last-of-type{height: 30px;line-height: 35px;margin-bottom: 0;} .aboutUs .aboutTit h4{height: 50px;line-height: 57px;text-align: center;} .aboutUs .aboutTit a{/* width: 130px;height: 40px;line-height: 40px;margin: 10px auto;*/display: none;} .aboutUs .aboutImg{width: 100%;height: 300px;} .aboutUs .aboutImg img{width: 100%;height: 80%;} .aboutUs .aboutImg a{display: block;width: 130px;height: 40px;line-height: 40px;margin: 20px auto;border-radius: 4px;} .selected-solution>div{position:relative;width:100%;margin:0 auto;} .selected-solution .swiper-container{width:100%} .selected-solution .layer-title{color:#393b40;padding:20px 0 10px;text-align:center;font-size:30px;letter-spacing:1.09px} .swiper-button-prev,.swiper-button-next{ display:none} .solution-card p{ display:none;} .selected-solution .solution-cardlist .col-sm-4 .solution-card .imgbox { height: 120px; overflow: hidden; display: block; } .selected-solution .solution-cardlist .col-sm-4 .solution-card h3 {margin: 20px 10px 10px; font-size:12px;} .selected-solution .solution-cardlist .col-sm-4 .solution-card img { width: 100%; transition: all .2s linear; } .caselb { height: 200px!important; } .selected-solution .solution-cardlist .col-sm-4 .solution-card { height: 200px;} .selected-solution .solution-cardlist .col-sm-4:hover .solution-card { height: 220px; } .selected-solution .solution-cardlist .col-sm-4 .solution-card>span{ display:none;} .selected-solution .solution-cardlist .col-sm-4 { padding: 0 0px;} .selected-solution .solution-cardlist { padding:20px 0 20px 0;} .design .top { margin-top:20px; } .design { padding: 20px 0 0 0; } .capital { padding-top:60px; } .capital-main { padding-top:20px; } .research .lists li h1 { font-size:18px; } } @media screen and (min-width:1190px) and (max-width: 1400px){.aboutUs{margin-top: 40px;padding: 40px 0;} .aboutUs{width: 100%;display: flex;justify-content: center;} .aboutUs .aboutImg{width: 550px;}} @media screen and (max-width: 780px) and (min-width: 320px){ .aboutUs .aboutImg img { width: 100%; display:block; float:none; margin:0 auto; } .aboutUs .aboutImg a { display: block; width: 130px; height: 40px; line-height: 40px; margin: 20px auto; border-radius: 4px; background:#28527a; text-align:center; line-height:40px; color:#fff; } .aboutUs .aboutTit a { display: none; } .warp { width: 100%; padding: 40px 0 40px 0; background: #f1f1f1; } .case-title { font-size: 16px; color: #666; } .tyDiv1 .ty-title h3 { font-size: 28px; padding: 0 10px; } .ty-title h3 { line-height:36px; height: 36px; } .ty-title p { display:none; } .tyDiv1 .rowDiv .sbbmDiv img { width:96% !important; } .tyDiv1 .rowDiv .sbbmDiv .text { text-align: left; width:92%; padding-left:20px; padding-top: 45px; } .tyDiv3 .rowDiv .imgDiv { width: 98%; position: relative; z-index: 2; } .tyDiv3 .rowDiv .textDiv { width:98%; display: flex; justify-content: center; align-items: center; padding: 28px; position: relative; z-index: 2; } .ty-title .line { display:none; } .tyDiv4 .rowDiv .textDiv { position: relative; background: #0280c0; padding: 20px; width:100%; color: #fff; font-size: 13px; line-height: 22px; left:0; top:0; z-index: 2; } .tyDiv4 .rowDiv:before { display:none; } .tyDiv4 .rowDiv { position: relative; margin:5px 0; overflow: hidden; } .tyDiv4 { padding-top:30px; } .ty-title .inlineBlock { display: inline-block; position: relative; top: -20px; background: #fff; padding: 0 40px; } .wh-div1 { padding: 0 0 0; position: relative; } .wh-div1 ul { padding: 14px 0; margin: 0 ; position: relative; z-index: 1; } .wh-div1 ul li { float: left; width: 100%; margin: 0 auto; text-align: center; } .wh-title { background: #006091; color: #fff; text-align: center; display: block; padding: 0 5px 3px; margin:0 auto; } .wh-title span { font-size: 24px; font-weight: bold; display: block; } .wh-div2 .listDiv .s3 { width: 183px; height: 368px; } .wh-div2 .listDiv .s1 { width: 160px; height: 177px; margin-bottom: 13px; } .wh-div2 .listDiv .s2 { width: 160px; height: 178px; } .wh-div2 .listDiv .leftDiv { width: 100%; margin-right: 0; } .wh-div2 .listDiv .s4 { width: 100%; height: 177px; margin-top: 14px; } .wh-div2 .listDiv .s5 { width: 160px; height: 178px; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; } .wh-div2 .listDiv .s6 { width: 183px; height: 178px; margin-bottom: 12px; } .wh-div2 .listDiv .rightDiv { width: 100%; } .wh-div2 .listDiv .s7 { width: 100%; height: 178px; } .row4fl{ width:100%;} .row4fr{ width:100%;} .wh-div2 .listDiv .s8 { width: 100%; height: 178px; margin-bottom: 12px; } .wh-div2 .listDiv .s10 { width: 180px; height: 178px; } .wh-div3 .row1 .textDiv { width: 100%; padding: 0 4.1%; margin-top: 4.1%; } .wh-div3 .row1 .imgDiv { width: 100%; } .wh-div3 .row2 .imgDiv { display:none; } .wh-div3 .row2 .textDiv { width: 100%; margin-top: 20.9%; text-align: right; } .wh-div3 .row3 .imgDiv { width: 100%; } .wh-div3 .row3 .textDiv { width: 100%; margin-top: 6.9%; text-align: right; } .wh-div3 .row4 .textDiv { width: 100%; text-align: right; padding-right: 6.6%; } .wh-div3 .row4 .imgDiv { width: 100%; } .wh-div3 .row4 .textDiv { width: 100%; text-align: right; padding-right: 6.6%; } } .team-xm{ width:100%; padding:20px; font-size:2em;} .team-headpic{ width:100%; padding:20px;} .team-headpic img{max-width:100%;} .team-content{width:100%; padding:20px; line-height:1.8;} .team-sm{width:100%; padding:20px; color:#666666; font-size:14px; line-height:1.8} .imgbox1{ width:100%; height:320px; overflow:hidden;} .imgbox1 img{ height:100%; margin:0 auto;} .info{position: absolute;top: 0;bottom: 0;left: 0;right: 0;text-align: center;-webkit-backface-visibility: hidden;backface-visibility: hidden;background: rgba(0, 0, 0, 0.8); opacity: 0;-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;color:#FFFFFF; padding:40px 20px; line-height:1.8; text-align:left; font-style:normal; } a:hover .info {opacity: 1;} .rel{ position:relative;} @media screen and (max-width: 780px) and (min-width: 320px){ .selected-solution .solution-cardlist .col-sm-4 .zxtd{ height: 300px; } .caselb { height:300px!important; } .imgbox1{ height:240px;} .selected-solution .solution-cardlist .col-sm-4:hover .zxtd { height: auto; } .selected-solution .solution-cardlist .zxtdk:hover{position:relative;top:0;transition:all .25s linear} .banner{ margin-top:0;} } .selected-solution .solution-cardlist .col-sm-4 .zxtd .info{ padding:15px; overflow:hidden;} .bglan{ background:#2d2d2d;} .fbai{ color:#FFFFFF;} .bghui{ background:#bebebe;} .kxxbg li{ width:25%;}