/* css document */ div.span-1, div.span-2, div.span-3, div.span-4,div.span-5,div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:21px;} div.span-1 {width:282px; margin-right:24px; padding-bottom:50px;opacity: 1; } div.span-2 {width:358px;} div.span-3 {width:710px;margin-right:65px; margin-left:37px;} div.span-4 {width:297px;} div.span-5 {width:297px;} div.span-6 {width:269px; margin-right:40px;} .span-7 {width:473px;} .span-8 {width:795px;} div.span-18{width:891px;} .span-19 {width:893px;} .span-24, div.span-24 {width:960px;} .last, div.last {margin-right:0;} .spbg, div.spbg { background:none; padding-right:0;} /*动画*/ @keyframes zoomin { 0% { opacity: 1; transform: scale(0.6,0.6); } 100% { opacity: 1; transform: scale(1,1); } } @keyframes zoomin2 { 0% { opacity: 1; transform: scale(0.1,0.1); } 100% { opacity: 1; transform: scale(1,1); } } @keyframes zoomin3 { 0% { transform: scale(1,1); } 50% { transform: scale(0.9,0.9); } 100% { transform: scale(1,1); } } @keyframes am1 { 0% {opacity: 1;filter:blur(8px);} 100%{opacity: 1;filter:blur(0);} } @keyframes am2 { 0% {opacity: 1;transform: scale(0.3,0.3);filter:blur(8px);} 100%{opacity: 1;transform: scale(1,1);filter:blur(0);} } @keyframes atop { from {transform:matrix3d(1, 0, 0, 0, 0, 0, 1, -0.00166, 0, -1, 0, 0, 0, 0, 0, 1);opacity: 1;} to { transform:translate3d(0px, 0px, 0px);transform-origin:center center 0;opacity:1} } @keyframes yz { 0% { transform: rotate3d(0, 0, 1, 0deg); } 100% { transform: rotate3d(0, 0, 1, 360deg); } } @keyframes yz2 { 0% { transform: rotate3d(0, 0, 1, 360deg); } 100% { transform: rotate3d(0, 0, 1, 0deg); } } @keyframes yz3 { 0% { transform: rotate3d(0, 0, 1, 120deg); } 100% { transform: rotate3d(0, 0, 0, 0deg); } } @keyframes yz4 { 0% { right:200px;top:166px; transform: rotate3d(0, 0, 1, 160deg); } 100% { right:166px;top:96px; transform: rotate3d(0, 0, 0, 0deg); } } @keyframes am3 { 0% {opacity: 1; margin-top:30px;} 100%{.4; margin-top:0px;} } @keyframes am4 { 0% {opacity: 1;transform: scale(1,1);} 100% {opacity: 1;transform: scale(1.3,1.3);} } @keyframes bam1 { 0% { background-position:-5000px bottom;} 50% { background-position:0 bottom;} 100%{ background-position:5000px bottom;} } /*外部框架*/ .section-3{ margin-top:100px;opacity: 1;} .bg-1{ background:#f2f2f2; padding:50px 0 15px;} .bg-m{ background:url(/uploads/image/twimages/bg_k1.jpg) repeat-y center 0;} .bg-m .w{ padding:55px 0 0; } .bg-2{ background:url(/uploads/image/twimages/bg_k2.jpg) no-repeat center 0; position:relative; height:484px; overflow:hidden;} .bg-2 .w{ padding-top:118px;} .bg-2 .bk-w{ float:left; width:247px; height:261px; margin:0 26px; color:#fff; text-align:center;opacity: 1;} .bg-2 .bk-w:nth-child(2n){ background:url(/uploads/image/twimages/ak_hover.png) no-repeat center center;} .bg-2 .bk-w .num{ font-family:arial; font-weight:bold; font-size:49px;text-shadow:#5382da 3px 2px 7px; padding:10px 0 0; display:block;opacity: 1;} .bg-2 .bk-w i{ display:inline-block; border:1px solid #a6b7e3; width:32px; height:32px;border-radius:32px;opacity: 1; margin-left:-180px;} .bg-2 .bk-w em{ display:inline-block; background:#fff; width:18px; height:18px;border-radius:32px; margin-top:7px;} .bg-2 .bk-w p{ font-size:16px; line-height:26px; margin-top:10px; overflow:hidden;opacity: 1;} .bg-2 .bk-w p span{ font-size:24px; font-weight:bold; line-height:48px; display:block;} .bg-2 .bk-w .tam1{animation:am1 1s;opacity: 1;filter:blur(0);} .bg-2 .bk-w .tam2{animation:zoomin2 4s; .4;transform: scale(1,1);} .bg-3{ background:#f5f5f5; height:639px; position:relative; overflow:hidden; margin-top:20px;opacity: 1;} .bg-3 .w{ position:relative; z-index:2;} .bg-3 .bgk3{ background:url(/uploads/image/twimages/bg_k3_h.png) no-repeat 0 0; position:absolute; width:2171px; height:1108px; top:0; left:0;} .bg-4{ background:url(/uploads/image/twimages/bg_k4.jpg) repeat-x -2000px bottom; height:885px;opacity: 1;} .bg-4 .w{ position:relative; height:885px;} .bg-4 .bk-y{ background:url(/uploads/image/twimages/bk4_dot1.png) no-repeat center center; width:531px; height:531px; position:absolute; margin:0 auto; left:0; right:0; top:170px; z-index:2;;} .bg-4 .bk-bd{ background:url(/uploads/image/twimages/bk4_dot.png) no-repeat center center; width:531px; height:531px; position:absolute; margin:0 auto; left:0; right:0; top:170px; z-index:2;;} .bg-4 .bk-lf1{ background:url(/uploads/image/twimages/bk4_dot5.png) no-repeat center center; width:260px; height:257px; position:absolute; top:430px; left:355px; z-index:4;animation:zoomin3 2s 2s linear infinite;} .bg-4 .bk-ri1{ background:url(/uploads/image/twimages/bk4_dot6.png) no-repeat center center; width:260px; height:257px; position:absolute; top:196px; right:343px;z-index:4;animation:zoomin3 2s 2s linear infinite;} .bg-4 .bk-d1{ background:url(/uploads/image/twimages/bk4_dot2.png) no-repeat center center; width:20px; height:20px; position:absolute; top:613px; left:403px; z-index:3;;transform-origin:198px -179px;animation:zoomin2 2s,yz2 6s 2s linear infinite} .bg-4 .bk-d2{ background:url(/uploads/image/twimages/bk4_dot2.png) no-repeat center center; width:20px; height:20px; position:absolute; top:241px; right:397px; z-index:3;;transform-origin:-182px 193px;animation:zoomin2 2s,yz2 6s 2s linear infinite} .bg-4 .bk-lf2{ background:url(/uploads/image/twimages/bk4_dot3.png) no-repeat center center; width:445px; height:487px; position:absolute; top:309px; left:172px;;} .bg-4 .bk-ri2{ background:url(/uploads/image/twimages/bk4_dot4.png) no-repeat center center; width:419px; height:497px; position:absolute; top:96px; right:166px;;} .bg-4 .bk-w1{ background:url(/uploads/image/twimages/pic_b1.png) no-repeat center center; width:690px; height:329px; position:absolute; z-index:4; top:100px; left:-40px;;} .bg-4 .bk-w2{ background:url(/uploads/image/twimages/pic_b2.png) no-repeat center center; width:690px; height:329px; position:absolute; z-index:4; bottom:90px; right:-45px;;} .bg-4 .bk-w1 a,.bg-4 .bk-w2 a{ display:block; padding:21px 95px 0 185px;} .bg-4 .bk-info{ height:135px;} .bg-4 .bk-info .fl{ width:330px; text-align:right; padding:30px 0 0;} .bg-4 .bk-info .fl p{ line-height:22px; padding:5px 0 0; font-size:14px; color:#858585;} .bg-4 .bk-info .fl span{ display:block; font-weight:bold; font-size:16px; font-weight:bold; color:#5b5b5b; line-height:30px;} .bg-4 .bk-info .fr{ padding:30px 0 0;} .bg-4 .bk-w2 a{padding:21px 185px 0 95px;} .bg-4 .bk-w2 .bk-info .fl{ float:right; text-align:left;} .bg-4 .bk-w2 .bk-info .fr{ float:left;} .bg-4 .bk-w2 .bk-info .fl p{ padding:0;} .bam1{animation:bam1 60s infinite linear; background-position:-2000px center;} .bg-5{ background:url(/uploads/image/twimages/bg_k5.jpg) repeat-x 0 bottom; padding-bottom:40px; ; height:281px;} .bg-5 .w{ position:relative;} .bg-6{ background:url(/uploads/image/twimages/bg_k6.jpg) no-repeat center center;;} .bg-6 .w{ position:relative; height:672px;} .bg-6 .bkf1{ background:url(/uploads/image/twimages/dot_k3.png) no-repeat center center; height:297px; width:297px; margin:0 auto; position:absolute; left:0; right:0; top:210px;animation:am2 2s,am4 2s 2s linear infinite;} .bg-6 .bkf2{ background:url(/uploads/image/twimages/dot_k4.png) no-repeat center center; height:485px; width:485px; margin:0 auto; position:absolute; left:0; right:0; top:118px;animation:yz 3s;} .bg-6 .bkf2 a{ display:block; width:100%; height:100%; position:relative;} .bg-6 .bk-fl{ float:left; width:245px; margin-top:25px; text-align:right;} .bg-6 .bk-fr{ float:right; width:245px; margin-top:25px;} .bg-6 .bfont{ height:155px;;} .bg-6 .bfont i{ background:url(/uploads/image/twimages/dot_k1.png) no-repeat right center; height:78px; display:block;} .bk-fl .bfont:nth-child(1) i{ background:url(/uploads/image/twimages/dot_k11.png) no-repeat right center} .bk-fl .bfont:nth-child(2) i{ background:url(/uploads/image/twimages/dot_k22.png) no-repeat right center} .bk-fl .bfont:nth-child(3) i{ background:url(/uploads/image/twimages/dot_k33.png) no-repeat right center} .bk-fl .bfont:nth-child(4) i{ background:url(/uploads/image/twimages/dot_k44.png) no-repeat right center} .bk-fr .bfont:nth-child(1) i{ background:url(/uploads/image/twimages/dot_k55.png) no-repeat left center} .bk-fr .bfont:nth-child(2) i{ background:url(/uploads/image/twimages/dot_k66.png) no-repeat left center} .bk-fr .bfont:nth-child(3) i{ background:url(/uploads/image/twimages/dot_k77.png) no-repeat left center} .bk-fr .bfont:nth-child(4) i{ background:url(/uploads/image/twimages/dot_k88.png) no-repeat left center} .bg-6 .bfont .bline{ background:url(/uploads/image/twimages/line_k.png) no-repeat right bottom; height:7px; margin-top:10px;} .bg-6 .bfont p{ color:#fff; font-size:16px; line-height:35px; margin-top:15px;} .bg-6 .bfont span{ display:block; font-size:24px; background:url(/uploads/image/twimages/dot_k2.png) no-repeat right center; padding-right:40px; line-height:35px;} .bg-6 .bk-fr i{ background-position:0 center;} .bg-6 .bk-fr .bline{ background:url(/uploads/image/twimages/line_kr.png) no-repeat 0 bottom;} .bg-6 .bk-fr span{background:url(/uploads/image/twimages/dot_k2r.png) no-repeat 0 center; padding-left:40px;} .bg-7{background:url(/uploads/image/twimages/bg_k4.jpg) repeat-x -2000px bottom;; height:600px; padding-top:48px;} .bg-8{ background:url(/uploads/image/twimages/bg_k7.jpg) repeat-x 0 bottom; padding:20px 0 0px;} .bg-8 .w{ height:597px;} .bg-9{ background:url(/uploads/image/twimages/bg_k8.jpg) no-repeat center 0;} .bg-9 .w{ position:relative; height:673px;} .bg-9 .bside{ background:url(/uploads/image/twimages/map_t.jpg) no-repeat center center; width:10px; height:277px; position:absolute; left:0; top:300px;;} .bg-9 .bmap{ background:url(/uploads/image/twimages/pic_map.jpg) no-repeat center center; width:705px; height:600px; position:absolute; top:30px; left:30px;;} .bg-9 .bfont{ width:450px; height:285px; position:absolute; right:0; top:250px;} .bg-9 .btit{ position:relative; border-bottom:1px solid #cecece; height:30px; width:750px;} .bg-9 .btit span{ color:#969696; font-size:11px; text-transform:uppercase;;} .bg-9 .btit a{ display:block; background:url(/uploads/image/twimages/amore.jpg) no-repeat 0 0; width:168px; height:41px; line-height:41px; font-size:18px; font-weight:bold; color:#fff; text-indent:25px; position:absolute; right:300px; top:8px;;} .bg-9 p{ margin:30px 0 0; color:#8f8f8f; font-size:14px; line-height:24px;;} .bg-9 p span{ color:#535353; font-size:18px; display:block; line-height:40px; margin-top:50px;} /*焦点图*/ .banner{height:500px; margin:0 auto 0; z-index:100;clear:both; position:relative; max-width:1900px; min-width:1200px; overflow:hidden;} .banner #kinmaxshow .kinmaxshow_image_box .kinmaxshow_image_item{left:0; top:0;} #kinmaxshow{display:none;} .banner .w{ position:relative;} /* 本例子css */ .hejun-collection{ position: relative; width: 100%; height:639px;} .hejun-collection .collbgs{ position: relative; background:#63a4f7;} .hejun-collection .hejun-collumns{ position: absolute; top:0; width:100%; height:100%;} .hejun-collection .hejun-collumns.active{ opacity: 1; } .hejun-collection .slider-waper{ position: relative; width: 100%; height: 100%;} .hejun-collection .slider-waper ul{ position: relative; height: 100%; height: 100%; overflow: hidden;} .hejun-collection .slider-waper ul li{ position: absolute; right: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0;opacity: 0 ; visibility: hidden; transition: all .7s ease-in-out 0s; -webkit-transition: all .7s ease-in-out 0s; -moz-transition: all .7s ease-in-out 0s; } .hejun-collection .slider-waper ul li.curs{ width: 100%; visibility: visible; opacity: 1; z-index: 1;} .hejun-collection .slider-waper ul li>article{ width: 100%; height: 100%; position: relative; overflow: hidden; top:-22px;} .hejun-collection .slider-waper ul li>article>a>img{ width: 100%; height: 100%; display: block; transition: all 3s ease 0s; -webkit-transition: all 3s ease 0s; -moz-transition: all 3s ease 0s; } .hejun-collection .slider-waper ul li>article>video{ width: 100%; height: 100%; object-fit: cover; object-position: center center;} .hejun-collection .slider-remote{ width: 26%; height: 70%; background-color: #378bf5; position: absolute; right:0; bottom: 90px; z-index: 9;} .hejun-collection .slider-remote .top-textg{ position: absolute; left: 0; top: 0; width: 100%; height: 50%; text-align: right; padding: 30px; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; } .hejun-collection .slider-remote .top-textg span{ color: #fff; display: block; font-size: 14px; line-height:24px; letter-spacing: 1px;} .hejun-collection .slider-remote .top-textg span.tits{ font-size: 20px; color: #fff;} .hejun-collection .slider-remote .top-textg ul{ width: 100%; height: 100%; position: relative; overflow: hidden; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; perspective: 1000px; -webkit-perspective: 1000px; } .hejun-collection .slider-remote .top-textg ul li{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; visibility: hidden; ; transform-origin: top; -webkit-transform-origin: top; -moz-transform-origin: top; transform: rotatex(-90deg); -webkit-transform: rotatex(-90deg); -moz-transform: rotatex(-90deg); transition: all 0.65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s; -webkit-transition: all 0.65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s; -moz-transition: all 0.65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s; } .hejun-collection .slider-remote .top-textg ul li.fad{visibility: visible;opacity: 1;z-index: 1; transform: rotatex(0deg); -webkit-transform: rotatex(0deg); -moz-transform: rotatex(0deg); } .hejun-collection .slider-remote .bom-number{ position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background:#63a4f7; display: table;} .hejun-collection .slider-remote .bom-number .nei .countr{ text-align: center; margin-bottom: 5px;} .hejun-collection .slider-remote .bom-number .nei .countr span, .hejun-collection .slider-remote .bom-number .nei .countr i{ display: inline-block; vertical-align: middle; font-size: 23px; color: #fff; font-family: "helveticaneue"; letter-spacing: 1px;} .hejun-collection .slider-remote .bom-number .nei .countr i{ margin: 0 5px;} .hejun-collection .slider-remote .bom-number .nei{ display: table-cell; vertical-align: middle;} .hejun-collection .slider-remote .bom-number .nei .sum{ text-align: center;} .hejun-collection .slider-remote .bom-number .nei .sum a{ display: inline-block; vertical-align: middle; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff; font-size: 24px; font-weight: bold;cursor: pointer} .hejun-collection .slider-remote .bom-number .nei .sum .lines{ display: inline-block; vertical-align: middle; width: 108px; height: 1px; background-color: #fff; position: relative;} .hejun-collection .slider-remote .bom-number .nei .sum .lines .nline{ width: 25%; height: 5px; background-color: #1b58a4; position: absolute; left: 0; top: -2px; transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; -moz-transition: all 300ms ease-in-out 0s; } .hejun-collection .slider-remote .bom-number .nei .sum a:hover{color: #1b58a4;} .i_news_box {position: relative; padding:50px 0 0; ;} .i_news_box .tempwrap{width:1200px; overflow:hidden; margin:0 auto 0;} .i_news_box ul {margin:0; list-style:none;} .i_news_box li {float: left;margin:0 57px 0 0;width:258px;padding:0; height:241px; position:relative;font-family:"微软雅黑";} .i_news_box li a.con {overflow: hidden;position: relative;display:block;height:100%; background:url(/uploads/image/twimages/ak_bg1.png) no-repeat center 0; padding:78px 0 0;} .i_news_box li .con div{width:240px; height:124px;text-align:center;text-align:center;/*非ie的主流浏览器识别的垂直居中的方法*/display:table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对ie的hack */*display: block;*font-size:104px; margin:0 auto; background:#fff;} .i_news_box li .con div img{vertical-align:middle; transition-duration:0.6s;} .i_news_box li a.con:hover{ background:url(/uploads/image/twimages/ak_hover1.png) no-repeat center 0;} .i_news_box .prev_next {} .i_news_box .prev_next a { position:absolute;} .i_news_box .prev_next a:hover {.7;} .i_news_box .prev {left:-70px; top:190px;} .i_news_box .next {right:-70px; top:190px;} .i_news_box2 {position: relative;width:1200px; padding:30px 0 0;;} .i_news_box2 .hd{ overflow:hidden; height:30px; padding:0 10px; margin-top:-30px; position:relative; z-index:1000;} .i_news_box2 ul {margin:0; list-style:none;} .i_news_box2 li {float: left;margin:0 31px 0 0; padding:10px;width:360px; position:relative;font-family:"微软雅黑";} .i_news_box2 li a.con { width:292px; padding:22px 34px;overflow: hidden;position: relative;display:block;height:100%; background:url(/uploads/image/twimages/abg_3.jpg) repeat-x 0 bottom #fff;border-radius:8px;box-shadow:#cbddee 0px 3px 19px;} .i_news_box2 li .con div.dimg{width:292px; height:129px;text-align:center;text-align:center;/*非ie的主流浏览器识别的垂直居中的方法*/display:table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对ie的hack */*display: block;*font-size:104px; margin:0 auto;line-height:0;} .i_news_box2 li .con div.dimg img{vertical-align:middle; width:100%; height:auto;} .i_news_box2 li a .ntit{ font-size:16px; color:#5b5b5b; display:block; line-height:30px; margin:10px 0 0; font-weight:bold;} .i_news_box2 li p{ font-size:14px; color:#858585; margin:5px 0; line-height:24px;} .i_news_box2 li .bk-jg{ background:url(/uploads/image/twimages/amore2.png) no-repeat center center; height:51px;} .i_news_box2 li .bk-jg span{ display:block; float:left; text-align:center; line-height:51px; width:146px; color:#fff; font-size:16px;} .i_news_box2 li a.con:hover span,.i_news_box2 li a.con:hover p{color:#277fe1;} .i_news_box2 li a.con:hover .bk-jg span{ color:#fff;} .i_news_box3 {position: relative;width:1200px; padding:30px 0 0; height:470px;; margin:0 auto} .i_news_box3 .hd{ overflow:hidden; height:30px; padding:0 10px; margin-top:-30px; position:relative; z-index:1000;} .i_news_box3 ul {margin:0; list-style:none;} .i_news_box3 li {float: left;margin:0 11px 0 0; padding:10px 8px;width:277px; position:relative;font-family:"微软雅黑"; height:345px;} .i_news_box3 li a.con { width:247px; padding:15px;overflow: hidden;position: relative;display:block;height:100%; background:#fff;box-shadow:#d2daff 0px 0px 12px;} .i_news_box3 li .con div.dimg{width:247px; height:148px;text-align:center; margin:0 auto; position:relative; overflow:hidden; display:block;line-height:0;} .i_news_box3 li a .ntit{ font-size:18px; color:#494848; display:block; line-height:40px; margin:10px 0 0; padding-bottom:5px; text-align:center; border-bottom:1px dotted #666;} .i_news_box3 li p{ font-size:14px; color:#a3a3a3; margin:5px 0; line-height:24px;height:72px} .i_news_box3 li i{ display:block; font-style:normal; background:url(/uploads/image/twimages/amore.jpg) no-repeat center center; width:168px; height:41px; line-height:41px; text-align:center; color:#fff; font-weight:bold; font-size:18px; margin:10px auto;} .i_news_box3 li a.con:hover span,.i_news_box3 li a.con:hover p{ color:#277fe1;} .i_news_box3 .prev_next {} .i_news_box3 .prev_next a { position:absolute;} .i_news_box3 .prev_next a:hover {.7;} .i_news_box3 .prev {left:-80px; bottom:140px;} .i_news_box3 .next {right:-80px; bottom:140px;} .clear11{clear: both;zoom: 1;float: none;} .block-1{ border:1px solid #e5ebf9;border-radius:6px; height:450px; text-align:center;box-shadow:#eef4f9 7px 5px 17px;} .block-1 .btit{ display:block; color:#004eb7; line-height:25px; font-weight:bold; background:#f3f6fd; position:relative; height:150px;border-radius:6px 6px 0 0;} .block-1 .btit i{ display:block; width:84px; height:84px; border:1px solid #c6d4f4; margin:-25px auto 0;border-radius:88px; background-color:#f3f6fd; position:absolute; left:0; right:0; background-position:center center; background-repeat:no-repeat;} .block-1 .btit i.bi-1{ background-image:url(/uploads/image/twimages/cdot_1.png);} .block-1 .btit i.bi-2{ background-image:url(/uploads/image/twimages/cdot_2.png);} .block-1 .btit i.bi-3{ background-image:;} .block-1 .btit i.bi-4{ background-image:url(/uploads/image/twimages/cdot_4.png);} .block-1 .btit span{ display:block; font-size:20px; font-weight:bold; padding:90px 0 0; letter-spacing:7px; text-shadow: 1px 1px 2px #000;} .block-1 .btit em{ font-style:normal; font-size:14px; font-weight:normal; text-transform:uppercase; display:block;} .block-1:hover .btit,.block-1 .on{ color:#fff; background:url(/uploads/image/twimages/ihover.jpg) no-repeat 0 0;transition-duration:0.4s;} .block-1 .on i,.block-1:hover .btit i{ background-color:#5fa7f3; border-color:#5fa7f3;transition-duration:0.4s;} .block-1 .on i.bi-1,.block-1:hover .btit i.bi-1{ background-image:url(/uploads/image/twimages/cdot_1hv.png);transition-duration:0.4s;} .block-1 .on i.bi-2,.block-1:hover .btit i.bi-2{ background-image:url(/uploads/image/twimages/cdot_2hv.png);transition-duration:0.4s;} .block-1 .on i.bi-3,.block-1:hover .btit i.bi-3{ background-image:url(/uploads/image/twimages/cdot_3hv.png);transition-duration:0.4s;} .block-1 .on i.bi-4,.block-1:hover .btit i.bi-4{ background-image:url(/uploads/image/twimages/cdot_4hv.png);transition-duration:0.4s;} .block-1 .bkc{ padding:38px 0 0;} .block-1 p{ color:#333333; font-size:14px; line-height:30px; margin:15px 0 0;} .block-1 .bcat{ height:116px;} .block-1 .bcat a{ display:inline-block; border:1px solid #dde6fb; color:#3c77c8; width:112px; height:36px; line-height:36px; text-align:center; font-size:16px; margin:0 5px 20px; font-size:16px;border-radius:20px;} .block-1 .bcat a:hover{ background:#5fa7f3; color:#fff;transition-duration:0.4s;} .block-1 .bkc span{ font-size:14px; color:#3c77c8;} .block-1 .bkc i{ font-size:48px; color:#3c77c8; margin-right:5px; font-style:normal;} .block-1 .bk .last{ margin-right:0;} a.amore{ display:inline-block; background:url(/uploads/image/twimages/amore.jpg) no-repeat center center; text-align:center; width:168px; height:41px; line-height:41px; font-size:18px; color:#fff; font-weight:bold; margin-top:5px;} a.amore:hover{ color:#fff;} .block-2{} .block-2 .bw1{ width:315px;} .block-2 .bw2{ width:495px; text-align:center; border-left:1px solid #bcbcbc; border-right:1px solid #bcbcbc; margin-top:20px; padding:15px 0;} .block-2 .bw3{ width:388px; background:url(/uploads/image/twimages/bg_map.jpg) no-repeat right center;} .block-2 .bw2 p{ color:#4d4d4d; font-size:14px; line-height:30px;} .block-2 .bw2 span{ display:block; color:#474747; font-size:20px; font-weight:bold; line-height:40px;} .block-2 .bw3 p{ padding:25px 0 0 64px; color:#4d4d4d; font-size:18px; line-height:24px;} .block-2 .bw3 i{ display:block; color:#b1b1b1; font-size:12px; font-style:normal; line-height:20px;} .block-2 .bw3 span{ display:block; color:#0d85ec; font-size:47px; font-weight:bold; line-height:57px; font-family:arial, helvetica, sans-serif;} /*标题样式*/ .ititle-1{font-family:"微软雅黑"; text-align:center; position:relative; background:url(/uploads/image/twimages/t_line.jpg) no-repeat center 0;;} .ititle-1 span{font-size:30px;color:#191919; line-height:40px; font-weight:bold; display:block; padding-top:15px;;} .ititle-1 em{color:#ee7eac; font-size:48px; font-style:normal; font-weight:bold; text-transform: uppercase; display:block;;} .ititle-1 p{ color:#656565; font-size:18px; margin:15px 0 0;;} .ititle-1 p a{ color:#656565; margin:0 15px;} .ititle-1 p a:hover{ color:#004eb7;} .nobg{ background:none;} /*ϵ*/ /*边距*/ .npad{padding:none;} .pad{ padding:20px 0 0;} .pad2{padding:27px 0; background:#fff;} .pad3{ padding:15px; background:#1b1b1b;} .mrg-t{margin:0 29px;} .mrg-t-15{ margin-top:15px;} .mrg-t-10{ margin-top:10px;} .mrg-t-20{ margin-top:20px;} .mrg-t-25{ margin-top:30px;} .mrg-t-30{ margin-top:40px;} .pad-t-20{ padding-top:40px;} .mrg-b-10{ margin-bottom:10px;} .mrg-b-20{ margin-bottom:30px;} .nonep{ padding:0;} /*云景大家庭*/ #jiating{height:650px;background: #5262db;margin-top:-2px } .all_title2 { margin-bottom: 50px; text-align: center; color: #fff; } .all_title2 .title { font-size: 35px; color:#fff; margin-bottom:10px } .container { width: 96%; max-width: 1200px; margin: 0 auto; } .marketing_advantage { padding: 20px 0; background: center top repeat; } #gallery .container { max-width: 1600px;