a,blockquote,body,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul{margin:0;padding:0;border:0}body{font-family:STHeiti,Microsoft YaHei,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none}a,a:active,a:focus,a:hover,a:visited{text-decoration:none}a,img{-webkit-touch-callout:none}li,ol,ul{list-style:none}input[type=password],input[type=text],textarea{resize:none;outline:0;-webkit-appearance:none;white-space:pre-wrap;word-wrap:break-word;background:#fff}.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} @media screen and (max-width:320px){html{font-size:40px;font-size:15.625vw}} @media screen and (min-width:321px) and (max-width:360px){html{font-size:56.25px;font-size:15.625vw}} @media screen and (min-width:361px) and (max-width:375px){html{font-size:58.6px;font-size:15.625vw}} @media screen and (min-width:376px) and (max-width:393px){html{font-size:61.4px;font-size:15.625vw}} @media screen and (min-width:394px) and (max-width:412px){html{font-size:64.37px;font-size:15.625vw}} @media screen and (min-width:413px) and (max-width:414px){html{font-size:64.69px;font-size:15.625vw}} @media screen and (min-width:415px) and (max-width:480px){html{font-size:750px;font-size:15.625vw}} @media screen and (min-width:481px) and (max-width:540px){html{font-size:84.37px;font-size:15.625vw}} @media screen and (min-width:541px) and (max-width:640px){html{font-size:100px;font-size:15.625vw}} @media screen and (min-width:641px) and (max-width:720px){html{font-size:112.5px;font-size:15.625vw}} @media screen and (min-width:721px) and (max-width:768px){html{font-size:120px;font-size:15.625vw}} @media screen and (min-width:769px){html{font-size:120.15px;font-size:15.625vw}} @media screen and (max-width:1920px){html{font-size:300px;font-size:15.625vw}} body{font-family:PingFangSC-Regular,Microsoft YaHei,Helvetica;background:#f5f7f9}body,html a{color:#333}.hidden,.none{display:none!important} @media screen and (max-width:1920px){html{font-size:300px;font-size:15.625vw}html .header {margin:0 auto; } }.header{font-size:.96rem;width:100% } .pdisplay{ display: none; } .fixed { *zoom: 1; } .headerContact { height: .25rem; line-height: .16rem; padding-top: .10rem; background: #e2dfd8; } .headerContact ul { float: right; } .headerContact ul li { float: left; padding-left: .2rem; background: url(../images/icon1.png) 0 center no-repeat; font-size: .14rem; color: #999; height: .16rem; line-height: .16rem; margin-left: .2rem; } .logo { margin:0 auto; /*background:url(../images/dt_1.jpg) center center no-repeat;*/ background-color: #5ba4ed; background-size:100%;padding-bottom: .18rem;} .logo a { color:#fff; } .logo img{ margin:0 auto; margin-top:.12rem;margin-left:.12rem;} .logo_text{float:right;margin-right: .1rem;margin-top: .24rem;font-size: .2rem;color:#fff;text-align: center;line-height: .3rem;} .logo_text img{margin-top:.2rem;} .logo_text p{ margin-top:.3rem;} .nav { padding-top: .20rem; float: right; position: relative; z-index: 9999;width: 100%; background: #07b5ce;} .nav li { position: relative; float: right; margin-left: .2rem; height: .5rem; z-index: 9999; color:#fff; } .nav li a {font-family: "Times New Roman"; font-weight: bold; font-size: .3rem; display: block; line-height: .64rem; color:#fff;} .indexBanner { background-color: #fff; text-align: center;margin:0 auto; width:6.4rem;} .indexBanner li {width:6.4rem;display:inline; float:left;-moz-border-radius: .04rem;color:#fff;-webkit-border-radius: .04rem; border-radius:.04rem; position:relative; z-index:2;} .indexBanner li.server1{background: url(../images/banner.jpg);} .indexBanner2 { background-color: #fff; padding-bottom: .01rem;text-align: center;margin:0 auto; width:6.4rem; } .dz2{ position: relative; margin:0 auto; width:6.4rem; overflow: hidden; } .dz3 { position: relative; margin:0 auto; width:6.4rem; overflow: hidden; } .indexBanner:hover .prev,.indexBanner:hover .next { display: block; } .indexBanner .prev, .indexBanner .next { position: absolute; display: block; width: 45px; height: 50px; top: 50%; margin-top: -25px; z-index: 2; -webkit-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); display: none; } .indexBanner .prev:hover, .indexBanner .next:hover { -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); } .indexBanner .prev { left: 0; background: url(../images/zuo.png) no-repeat; } .indexBanner .next { right: 0; background: url(../images/you.png) no-repeat; } /* ��ҳ���ǵķ��� */ .indexPro2 {background-color: #fff;padding-bottom: .25rem;padding-top: .5rem;text-align: center;margin:0 auto;width:6.4rem;} .youshi{} .youshi ul{margin:0 auto;} .youshi ul li{float:left;width:2.85rem;height:1.83rem;border:1px solid #16ba98;margin-left:.1rem;margin-right:.1rem;margin-top:.2rem;} .youshi ul li span{font-size:.25rem;color:#059eed;line-height:.95rem;font-weight:650;} .wp_fix{font-size: .25rem;margin-top:.2rem;color:#f4705b;} /* ��ҳ���ǵķ���� */ .serverlist{ margin-top:0px; } .serverlist li{ width:6.4rem;display:inline; float:left; -moz-border-radius: .04rem; text-align:center; color:#fff; margin-top:.15rem;-webkit-border-radius: .04rem; border-radius:.04rem; position:relative; background-color:#11A5E5; behavior: url(iecss3.htc);} .indexCustom {width: 100%;height: .02rem;background: url(../images/fenggexian.png) center top no-repeat;margin-top: .3rem;} .indexCustom2 { width: 6.06rem; margin:0 auto;} .indexCustom3 { width: 100%; height: 1.50rem; background: url(../images/fuwu.jpg) center top no-repeat; } .indexCustom4 { width: 100%; height: .02rem; background: url(../images/fenggexian.png) center top no-repeat; } .indexCustom5 { width: 100%; height: 1.18rem; background: url(../images/fuwu.jpg) center top no-repeat; } .indexCustom .word { position: absolute; width: 3.50rem; top: .85rem; left: 0; color: #fff; } .indexCustom .word b { font-family: "Times New Roman"; color: #d51737; font-size: .5rem; } .indexCustom .word h2 { font-size: .4rem; *line-height: .60rem; } .indexCustom .word p { font-size: .14rem; margin-bottom: .20rem; } .indexCustom .word h4 { font-family: "Times New Roman"; font-size: .30rem; font-weight: bold; } .indexCustom .word h5 { font-size: .20rem; } .indexCase { background-color: #fff; width:6.4rem; text-align: center; margin:0 auto;} .indexCase2 { padding: .1rem 0 .25rem; background-color: #fff; width:6.4rem; text-align: center; margin:0 auto;} .indexCase5 { padding: .1rem 0 .25rem;font-size: .20rem; background-color: #e9e7e0; width:6.4rem; text-align: center; margin:0 auto;} .indexCaseTit { float: left; } .indexCaseTit h5 { font-size: .40rem; font-family: "Times New Roman"; font-weight: bold; } .indexCaseTit h5 span { color: #d51737; } .indexCaseTit p { color: #666; line-height: .27rem; } .indexCaseTit p b { font-size: .20rem; color: #333; margin-right: .05rem; } .indexCaseTop .more { position: relative; display: block; float: right; padding-right: .40rem; background: url(../images/tit5.png) right center no-repeat; text-align: right; margin-top: .20rem; } .indexCaseTop .more b { font-family: "Times New Roman"; font-size: .20rem; } .indexCaseTop .more p { color: #848484; } .indexCaseTop .more i { display: block; position: absolute; top: 7px; *top: 7px; right: 9px; width: 8px; height: 26px; background: url(../images/index.png) 0 -179px no-repeat; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; } .indexCaseTop .more:hover i { right: 6px; } .indexCaseTop .more:hover p { color: #d51737; } .index2 { text-align: center; background: #fff; margin:0 auto; width:6.4rem; } .index3 { padding: .50rem 0 .40rem; background-color: #eaeaea; text-align: center; left:30% } .indexCase3 { padding: .2rem 0 0rem; background-color: #fff; width:6.4rem;line-height: .70rem; text-align: left;margin:0 auto;} .indexCase5 { padding: .25rem 0 0rem; background-color: #fff; width:6.4rem;line-height: .70rem; text-align: left;margin:0 auto;} .rexiao2 { left:30%; } .rexiao2 h5 { font-size: .30rem; margin-left: .25rem;font-family: "Times New Roman"; } .rexiao2 h5 span { color: #666; } .rexiao2 p { color: #666; line-height: .30rem;font-size: .15rem; } .rexiao2 p b { font-size: .36rem; color: #d51737; margin-right: .5rem;} .rexiao3 { left:30%;} .rexiao3 h5 { font-size: .25rem;text-align: center;font-family: "Times New Roman"; } .rexiao3 h5 span { color: #666; } .rexiao3 p { color: #666; line-height: .30rem;font-size: .15rem; } .rexiao3 p b { font-size: .36rem; color: #d51737; margin-right: .5rem;} .rexiao .more { position: relative; display: block; float: right; padding-right: .40rem; background: url(../images/tit5.png) right center no-repeat; text-align: right; margin-top: .02rem; width:6.40rem;} .rexiao .more b { font-family: "Times New Roman"; font-size: .20rem; } .rexiao .more p { color: #848484; } .rexiao .more i { display: block; position: absolute; top: 7px; *top: 7px; right: 9px; width: 8px; height: 26px; background: url(../images/index.png) 0 -179px no-repeat; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; } .rexiao .more:hover i { right: .06rem; } .rexiao .more:hover p { color: #d51737; } .indexCaseTit2 { left:30%; } .indexCaseTit2 img{ width:4.17rem; } .indexCaseTit2 h5 { font-size: .40rem;margin-top: .2rem; font-family: "Times New Roman"; font-weight: bold; } .indexCaseTit2 h5 span { color: #666; } .indexCaseTit2 p { color: #666; line-height: .30rem;font-size: .15rem; } .indexCaseTit2 p b { font-size: .36rem; color: #d51737; margin-right: .05rem;} .indexCaseTop2 .more { position: relative; display: block; float: right; padding-right: .40rem; background: url(../images/tit5.png) right center no-repeat; text-align: right; margin-top: .02rem; width:6.4rem;} .indexCaseTop2 .more b { font-family: "Times New Roman"; font-size: .20rem; } .indexCaseTop2 .more p { color: #848484; } .indexCaseTop2 .more i { display: block; position: absolute; top: 7px; *top: 7px; right: 9px; width: 8px; height: 26px; background: url(../images/index.png) 0 -179px no-repeat; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; } .indexCaseTop2 .more:hover i { right: 6px; } .indexCaseTop2 .more:hover p { color: #d51737; } .indexCaseTit3 { left:30%; } .indexCaseTit3 img{ margin-top: .2rem;} .indexCaseTit3 h5 {font-size: .2rem;margin-top: .2rem;font-family: "Times New Roman";width: 100%;background-color: #08b3cf;height: .35rem;color: #fff;line-height: .36rem;} .indexCaseTit3 h5 span { color: #213b4a;font-size: .35rem;margin-top: .15rem; } .indexCaseTit3 p { color: #666; line-height: .30rem;font-size: .15rem; } .indexCaseTit3 p b { font-size: .46rem; color: #c59557; margin-right: .05rem;} .indexCaseTop3 .more { position: relative; display: block; float: right; padding-right: .40rem; background: url(../images/tit5.png) right center no-repeat; text-align: right; margin-top: .02rem; width:6.40rem;} .indexCaseTop3 .more b { font-family: "Times New Roman"; font-size: .20rem; } .indexCaseTop3 .more p { color: #848484; } .indexCaseTop3 .more i { display: block; position: absolute; top: 7px; *top: 7px; right: 9px; width: 8px; height: 26px; background: url(../images/index.png) 0 -179px no-repeat; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; } .indexCaseTop3 .more:hover i { right: 6px; } .indexCaseTop3 .more:hover p { color: #d51737; } .indexCaseTit4 { left:30%; } .indexCaseTit4 h5 {font-size: .3rem;margin-top: .2rem;font-family: "Times New Roman";width: 100%;background-color: #da251c;height: .75rem;color: #fff;line-height: .38rem;} .indexCaseTit4 h5 span { color: #213b4a;font-size: 35px;margin-top: 15px; } .indexCaseTit4 p { color: #666; line-height: 30px;font-size: 15px; } .indexCaseTit4 p b { font-size: 20px; color: #c59557; margin-right: 5px;} .CaseTit3{background: url(../images/yd_lc.jpg) center no-repeat;background-size:100% 100% ;width:100%;height: 4.41rem;font-size: .3rem;font-family: "Times New Roman";color: #fff;} .indexCaseTop4 .more { position: relative; display: block; float: right; padding-right: .40rem; background: url(../images/tit5.png) right center no-repeat; text-align: right; margin-top: .02rem; width:6.40rem;} .indexCaseTop4 .more b { font-family: "Times New Roman"; font-size: .20rem; } .indexCaseTop4 .more p { color: #848484; } .indexCaseTop4 .more i { display: block; position: absolute; top: 7px; *top: 7px; right: 9px; width: 8px; height: 26px; background: url(../images/index.png) 0 -179px no-repeat; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; } .indexCaseTop4 .more:hover i { right: 6px; } .indexCaseTop4 .more:hover p { color: #d51737; } .indexCaseTit5 { left:30%; } .indexCaseTit5 h5 { font-size: .38rem; font-family: "Times New Roman"; } .indexCaseTit5 h5 span { color: #d2d2d2;font-size: .25rem;margin-top: .15rem; } .indexCaseTit5 p { color: #666; line-height: .30rem;font-size: .15rem; } .indexCaseTit5 p b { font-size: .37rem; color: #ff0000; margin-right: .01rem;} .indexCaseTop5 .more { position: relative; display: block; float: right; padding-right: 40px; background: url(../images/tit5.png) right center no-repeat; text-align: right; margin-top: 2px; width:640px;} .indexCaseTop5 .more b { font-family: "Times New Roman"; font-size: 20px; } .indexCaseTop5 .more p { color: #848484; } .indexCaseTop5 .more i { display: block; position: absolute; top: 7px; *top: 7px; right: 9px; width: 8px; height: 26px; background: url(../images/index.png) 0 -179px no-repeat; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; } .indexCaseTop5 .more:hover i { right: 6px; } .indexCaseTop5 .more:hover p { color: #d51737; } /*��ҳ����*/ .waterFalls { position: relative; width: 6.4rem;height:auto; margin:0 auto; } .waterFalls.goNext { -webkit-animation: zoomInRightDown .6s both; } .waterFalls ul{width:96%;margin:0 auto;height: 2.3rem;overflow: hidden;} .waterFalls ul li{width:33.3%;float:left;} .waterFalls ul li img{width:1.97rem;} .waterFalls2 { position: relative;background: #e9e7e0; margin-bottom: .15rem;width: 6.40rem; height:10.5rem;margin:0 auto; } .waterF1 {float: left; margin-left: .20rem; margin-top: .15rem;width:3.04rem;height:1.6rem; } .waterF2 {float: right; margin-right: .20rem; margin-top: .15rem;width:3.04rem;height:1.6rem; } .waterF3 {float: left; margin-left: .20rem; margin-top: .15rem;width:2.93rem;height:2.81rem;} .waterF4 {float: right; margin-right: .20rem; margin-top: .15rem;width:2.93rem;height:2.81rem;} .wat { width: 100%; height: .02rem;position: absolute; margin-top: .90rem; background: url(../images/hengxian.png) center top no-repeat;} .wat2 { width: 100%; height: .02rem; position: absolute; margin-top: 2.70rem; background: url(../images/hengxian.png) center top no-repeat; } .wat3 {width: 100%; height: .02rem;position: absolute; margin-top: 4.45rem; background: url(../images/hengxian.png) center top no-repeat;} .wat4 {width: 100%; height: .02rem;position: absolute; margin-top: 6.20rem; background: url(../images/hengxian.png) center top no-repeat;} .wat5 {width: 100%; height: .02rem;position: absolute; margin-top: 8rem; background: url(../images/hengxian.png) center top no-repeat;} .wat6 {width: 100%; height: .02rem;position: absolute; margin-top: 9.7rem; background: url(../images/hengxian.png) center top no-repeat;} .water1 h3{float: right; position: relative;margin-right: 1.6rem; margin-top: 1rem;font-size: .28rem; font-family: "Times New Roman"; font-weight: bold; } .water2 h3{float: left; position: relative;margin-left: 1.60rem; margin-top: 1rem;font-size: .28rem; font-family: "Times New Roman"; font-weight: bold; } .webr { position: relative;background: #e9e7e0;width: 6.40rem; height:5.80rem;margin:0 auto; } .webr h1{text-align: center;font-size: .28rem; font-family: "Times New Roman"; font-weight: bold; } .webr p{line-height:200%; font-size: .23rem; width: 6rem;font-family: "Times New Roman"; font-weight: bold; margin:0 auto;} .waterFalls3 { position: relative;background: #e9e7e0; margin-bottom: .15rem;width: 6.40rem; height:9rem;margin:0 auto; } .waterF3 {float: left; margin-left: .16rem; margin-top: .15rem; width: 2.92rem; height:2.90rem; } .waterF4 {float: right; margin-right: .16rem; margin-top: .15rem; width: 2.92rem; height:2.90rem; } .waterF5 { margin-top: .05rem; } .waterFall3 { position: relative;background: #e9e7e0; width: 6.40rem; height:6rem; } .water3 {float: left;margin-left: .15rem; margin-top: .15rem; width: 1.93rem; height:2.85rem; } .waterFalls4 { position: relative;background: #e9e7e0; margin-bottom: .15rem;width: 6.40rem; height:10.40rem;margin:0 auto; } .waterF6 {float: left; margin-left: .16rem; line-height: .60rem; margin-top: .15rem; width: 2.95rem; height:3.50rem;} .waterF7 {float: right; margin-right:.16rem; line-height: .60rem; margin-top: .15rem; width: 2.95rem; height:3.50rem;} .waterF8 {float: left; margin-left: .16rem; line-height: .60rem; margin-top: .15rem; width: 2.89rem; height:3.21rem;} .waterF9 {float: right; margin-right:.16rem; line-height: .60rem; margin-top: .15rem; width: 2.89rem; height:3.21rem;} .waterFalls4 a { font-size: .20rem; font-family: "Times New Roman";} .waterFalls5 { position: relative;background: #fff; line-height: .50rem; margin-top:.20rem;width: 6.40rem; margin:0 auto; } .waterFalls6 { position: relative;background: #e9e7e0; margin-bottom: .15rem;width: 6.40rem; height:6.2rem;margin:0 auto; } .waterFalls7 { position: relative;background: #e9e7e0; margin-bottom: .15rem;width: 6.40rem; height:6rem;margin:0 auto; } .footer { padding: .60rem 0 .20rem; background-color: #e9e7e0; width: 6.4rem;height:5.3rem;margin:0 auto; } .footer .footerLeft { width: 6.4rem; float: left; } .footer .fastLink { font-size: .34rem; margin-bottom: .10rem; } .footer .fastLink a { color: #848484; margin-right: .20rem;font-family: "Times New Roman"; font-size: .40rem; } .footer .fastLink a:hover { color: #b12427; } .footer .friendLink { color: #5a5a5b; line-height: .24rem; margin-top: .10rem;text-align: center;font-size: .20rem; height:.38rem; } .footer .friendLink a { color: #5a5a5b; padding: 0 .10rem; } .footer .friendLink a:hover { color: #b12427; } .footer .copyRight { float: right; margin-top: .15rem;margin:0 auto; width: 6.40rem; color: #5a5a5b;font-size: .18rem; line-height: .18rem; text-align: center; } .footer .copyRight p { margin-top: .15rem; } .footer .copyRight a { color: #5a5a5b;margin-top:.15rem;margin-left: 1.2rem; } .footer .copyRight a:hover { color: #b12427; } .footer .copyRight ul { padding-top: .05rem; float: right; } .footer .copyRight ul li { float: left; margin-left: .06rem; } .caseInfoWater { position: relative;} .caseInfoWater li { display: none; width: 2.78rem; margin-top: .25rem;background-color: #fff; } .caseInfoWater li a { position: relative; display: block; width: 100%; overflow: hidden; } .caseInfoWater li a img { position: relative; display: block; height:2.5rem; width: 100%; z-index: 2; } .caseInfoWater li a h3 { font-size: .23rem; color: #333; margin-bottom: .03rem; } .caseInfoWater li a h3 span { color: #df0b19; } .caseInfoWater li .info { position: relative; text-align: center; z-index: 2; } .ifenye{text-align:center;background:#fff;margin-top:.20rem;height:.40rem} .ifenye span{display:block;display:inline;border:.01rem solid #eee;padding:.08rem;background:#fff;padding-left:.10rem;padding-right:.10rem;font-size:.28rem} .ifenye span:hover{background:#D51737;cursor:pointer;border:.01rem solid #D51737;color:#fff } .ifenye span:hover a{color:#fff} .ifenye select{height:.34rem;border:.01rem solid #eee;line-height:.2rem} /*��������ҳ*/ .rig_b,.lef_b,.lef_s,.right_s { position:absolute; top:.23rem; width:.10rem; height:3rem; z-index:-1;} .rig_b{ background:url(../images/rig_b.png) no-repeat; right:0px;} .lef_b{ background:url(../images/lef_b.png) no-repeat; left:0px;} .rig_s{ background:url(../images/rig_b.png) no-repeat; right:0px;} .lef_s{ background:url(../images/lef_b.png) no-repeat; left:0px;} .bfff{ background:#fff; padding:0rem 0rem 0rem; display:block; margin:0 auto; max-width:6.4rem;} .bfff2{ background:#fff; padding:.25rem 0rem 0rem; display:block; margin:0 auto; min-width:7.5rem;} .w1002{ width:6.4rem;background-color: #fff; margin:0 auto} .w1003{ width:6.4rem; margin:0 auto} .righ_con{ float:left; background:#fff; width:6.4rem} .righ_con2{ float:right; background:#fff;width:6.4rem} .title h2{ color:#009146; font-size:16px;font-weight:100; float:left; } .title p{ margin:3px 0 5px; text-indent:0em!important} .title{ content:""; clear:both; overflow:hidden; zoom:1;} .title{ border-bottom:1px solid #c3c1c1;border-top:1px solid #c3c1c1; padding:12px 13px; display:block; padding-left:0px;} .title h1{ border-left:3px solid #d51737; color:#d51737; padding-left:8px; font-size:18px; font-weight:700} /* article */ .n_article { margin-top:.01rem; padding-top:.05rem; } .n_article .article-title { font-size:.26rem; padding-bottom:.16rem; font-weight:normal; color:#000; line-height:.38rem; } .n_article .info { display:block; width:100%; font-size:.20rem;margin-left:.20rem;font-family:"����"; } .n_cont{ display:block; margin-top:.10rem; margin-left:.20rem; margin-right:.20rem;font-size:.28rem; line-height:.28rem; padding:.40rem 0; color:#333; font-family:"����"; } .n_cont p { margin-bottom:.16rem; text-align:justify; } .n_cont img { max-width:6.2rem; margin-right:.10rem; } .n_cont2{ display:block;font-size:.16rem; margin-left:.10rem; margin-right:.10rem; line-height:.25rem;background-color:#fff; color:#333; font-family:"����"; } .n_cont2 p { margin-bottom:.16rem;} .n_cont2 img { max-width:6.20rem; } .context { border-top:#ccc dotted .01rem; padding-top:.20rem; font-size:.14rem; line-height:.28rem; color:#999; } .context a{display:block;display:inline;border:.01rem solid #eee;padding:.08rem;background:#fff;padding-left:.10rem;padding-right:.10rem;font-size:.28rem} .context a:hover{background:#D51737;cursor:pointer;border:.01rem solid #D51737;color:#fff } .context span:hover a{color:#fff} .cont1{float:left; margin-left:.30rem; } .cont2{float:right;margin-right:.30rem;} .context2 { font-size:.14rem; line-height:.20rem; color:#999; } .context2 li{ padding-top:.10rem; font-size:.28rem; line-height:.20rem; color:#999; } .context3 { padding-top:.10rem; font-size:.14rem; line-height:.20rem; color:#999; } .context3 li{ border-top:#ccc dotted .01rem; padding-top:.10rem; font-size:.28rem; line-height:.20rem; color:#999; } .xq10{margin-top:.20rem;font-family:"����"; background-color: #fff;color:#333;height:1rem;line-height: 1rem;font-size:.34rem; text-align:center;margin:auto;} .xq100{font-family:"����";background-color: #e9e7e0; color:#999;font-size:.24rem;height:.60rem;line-height:.50rem; text-align:center;} .xq101{margin-top:.10rem;font-family:"����"; background-color: #fff;background:url(../images/biaoti_bg.png) center center no-repeat;color:#c59557;font-size:.24rem; text-align:center;height:1.95rem;} .xq102 {margin-top:-1.15rem;font-family:"����";color:#c59557;font-size:.24rem; text-align:center;} .xq103 {margin-top:.70rem;font-family:"����";color:#c59557;font-size:.24rem; text-align:center;} .xq103 img{max-width:6.40rem;} .clear2{font-family:"����"; background-color: #fff;color:#333;line-height:.20rem;font-size:.2rem;} .clear2 a{line-height: .60rem;} .clear3{margin-top:.10rem;font-size:.28rem; margin-left:.20rem;} .clear4{font-family:"����"; background-color: #e9e7e0;color:#333;line-height:.20rem;font-size:.2rem;} .clear4 a{line-height: .50rem;} .clear5{margin-top:.10rem;font-size:.28rem; margin-left:.20rem;} /* list-article */ .n_list { margin-top:0rem;background:#fff; } .n_list .preview { float:left; margin-right:.24rem; } .n_list ul li { margin-bottom:.20rem;line-height:.60rem; } .n_list ul li h3 { font-weight:normal; font-size:.17rem; } .n_list ul li h3 a {margin-left:.24rem;font-size:.28rem; color:#313140; } .n_list ul li h3 a:hover { color:#d51737; } .n_list ul li .intro { margin-top:.14rem; color:#999;font-size:.14rem; } .weixin {float:right; margin-right:.8rem; font-size:.24rem;margin-top:.5rem;} .weixin span{font-size:.34rem;padding-top:.1rem;color:red;} .wxpic {float:left; margin-left:1.4rem;} .banquan p{font-size:.12rem} .tech6{float:left;} .tech6 .info{ -moz-transition: height 1s ease 0s; -ms-transition: height 1s ease 0s; -o-transition: height 1s ease 0s; -webkit-transition: height 1s ease 0s; transition: height 1s ease 0s; margin-top:-.4rem; height: .4rem;width:2.40rem; padding:0 .15rem;position:absolute;background-color:#999;} .met-index-jion { background:#fff; width: 6.4rem; float: left; margin:0 auto; font-size:.18rem; } .met-index-jion .slick-arrow:hover { color: #222 !important; } .met-index-jion ul { width: 6.2rem; margin:0 auto; margin-top: 0px; } .met-index-jion ul li { margin: 0 0px; position: relative; width:2.95rem; height:3.2rem; margin-left:.1rem; margin-top:.2rem; border: 1px solid #16ba98; } .met-index-jion ul li img { margin-left:0px;margin-top:.3rem;width:1.25rem; } .met-index-jion ul li:hover .chef-box-content { height: 2.19rem; background:#f4705b; } .met-index-jion .chef-box-content { -moz-transition: height 1s ease 0s; -ms-transition: height 1s ease 0s; -o-transition: height 1s ease 0s; -webkit-transition: height 1s ease 0s; transition: height 1s ease 0s; height: 0px; overflow: hidden; cursor: pointer; position: absolute; bottom: 0px; background: #f4705b; width: 100%; } .met-index-jion .chef-box-content h3 { font-weight: 500; margin: .1rem 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: .2rem; color: #fff; } .met-index-jion .chef-box-content p { color: #fff; padding-bottom: 0px; line-height: .28rem; font-size: .12rem; } .container2{padding-right:0px;padding-left:0px;margin-right:auto;margin-left:auto} .box-img{text-align:center;} .box-img p{text-align:center;margin-top: .2rem;font-size: .27rem;margin-bottom:.1rem;} .box-img p span{text-align:center;margin-top: .2rem;font-size: .17rem;} .box-img p span img{text-align:center;margin-top: .2rem;font-size: .17rem;} .slick{} .wxpp{ float: left; margin-left: 1.3rem; margin-top: .35rem; font-size: .18rem; height: .5rem; background-color: #31b3c3; width: 3rem; line-height: .5rem; border-radius: .15rem; } .wxpp a{ color:#fff; } .wxpp0{ float: left; max-width:6.4rem; font-size: .18rem; margin-bottom:.1rem; } .wxpp1{ float: left; margin-left: .12rem; margin-top: .35rem; font-size: .18rem; } .wxpp2{float: left;width: 5.0rem;margin-top:.35rem;font-size: .16rem;} .wxpp2 span{color:#6b6565;margin-left:.10rem; margin-right:.10rem;} .wxpp2 a{color:#fff;background:#f4705b;font-size: .16rem;} .met-banner8{margin:0 auto;width:6.4rem;background:#07b5ce;background: url(../images/ly_bg.jpg) left center no-repeat;} .baojia{width:100%; max-width:6.4rem; margin:0 auto; display:table; position:relative; } .leiji{ margin:0 auto; color:black; width: 4rem; margin-top: .2rem; } .leiji h3{ font-size: .36rem; padding-top: .4rem; } .sign_right{ display:block; float:left; width:5rem; } .yuyue{width:6.10rem;height:1.8rem;background-color:#fff;margin:0 auto;margin-bottom:.3rem;} .bailing{margin-top:0;background:#fff;color:#07b5ce;font-size:.27rem;} .bailing2{margin-top:0;background:#fff;font-size:.30rem;} .bailing3{margin: 0 auto;margin-top: .2rem;margin-bottom:.2rem;color:#5d5454;font-size: .2rem;float: left;width: 6.4rem;text-align: center;} .liuyan{ color: #fff; font-size: .179rem; margin-top: .20rem; } .btnbox a{ width:100%; color:#fff; font-size:.24rem; text-align:center; line-height:.50rem; border-radius:.05rem; background-color:#f05751; display:inline-block; } .foot_logo3{float:left;color:#fff;width:4.30rem;margin-left:.10rem;margin-top:.2rem;font-size:.17rem;text-align:left;} .foot_logo3 img{float:left;width:.40rem;} .foot_logo3 b{color:#fff;float:left;} .foot_logo3 b p{float:left;color:#fff;font-size:.35rem;text-align:left;} .foot_logo3 b p img{float:left;width:.18rem;margin-left:.08rem;} .foot_logo{float:left; width:2.25rem;margin-top:.50rem;} .fooder{width:6.4rem;margin:0 auto;background:url(../images/dt_1.jpg) center center no-repeat;background-size:100%;height:2.06rem;} .footl1{float:left;border-left-style:solid;border-width:1px;border-color:#fff;height: .6rem;margin-top: .50rem;} .footl2{float:left;border-left-style:solid;border-width:1px;border-color:#fff;height: .88rem;margin-top: .60rem;margin-left: .40rem;} .footl3{border-bottom-style:solid;border-width:1px;border-color:#a7a2a2;margin-bottom:.1rem;width:3rem;} .footMid{width:4rem;float:left;margin-left:.15rem;margin-top: .15rem;color:#fff;font-size: .18rem;line-height: .35rem;} .footRit{float: left; width: 220px;padding: 10px;margin-left: 75px;background-color:rgba(61, 61, 61, 0.6);margin-top:35px;} .vertical{float:left; width:6.4rem;margin-top:.3rem;} .vertical2{float:left; margin-top:.15rem;margin-left:.3rem;} .fooder-last{margin:0 auto;width:6.4rem;height:1.3rem;} .foot_text{float:right;color:#fff;width: 3.6rem;text-align:center;line-height:.35rem;margin-top:.45rem;margin-right: .32rem;font-size: .20rem;} .formleft{ width:100%; background-color:#d4dad6; height:305px; margin-top:20px; } .formleft p{ color:#4c9191; font-size:22px; text-align:center; margin-top:25px; margin-bottom:25px; float:left; width:100%; display:block; } .formleft p span{ font-size:29px; } .sign_right{ display:block; float:left; width:5rem; } .input_text{ width:100%; height:.6rem; font-size:.18rem; color:#606060; text-indent:.15rem; float:left; border-radius:.05rem; margin-bottom:.1rem; background-color:#fff; border: 1px solid #dbdbdb; } .sel-box{ float:left; width:100%; position:relative; } .sel-box:before{ content:""; width: 0; height: 0; position:absolute; right:.18rem; top:50%; margin-top:-.14rem; } .btnbox a{ width:100%; color:#fff; font-size:.24rem; text-align:center; line-height:.50rem; border-radius:.05rem; background-color:#f05751; display:inline-block; } .navbar-collapse{ float:left; color:#fff; font-size:.24rem; line-height:.6rem; } .navlist{float:right!important;margin-left:.40rem;margin-top: .10rem;width:4.8rem; } .navlist a{color:#fff;padding:.1rem .15rem;} .navlist li{ float:left;margin-left:.30rem;width;1.7rem } .section-box1,.custom-box,.service-box,.activity-box{position:relative;width:6.4rem;float:none;margin:0 auto;clear:both} .section-box1 ul{padding-left:.1666%;padding-right:.1666%} .section-box1 li{position:relative;width:3rem;margin-left:2%;transition:all .2s linear;float:left;margin-top:.13rem} .section-box1 li:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);-moz-box-shadow:0 15px 30px rgba(0,0,0,.1);-ms-box-shadow:0 15px 30px rgba(0,0,0,.1);transform:translate3d(0,-8px,0);box-shadow:0 15px 30px rgba(0,0,0,.1)} .section-item1{height:4rem;background:#fff;border:1px solid #eee;overflow:hidden;transition:all .2s linear} .section-item1 a{position:relative;display:block;height:100%;background-position:center;background-repeat:no-repeat} .section-title1{font-size:.22rem;color:#333;position:absolute;text-align:center;top:.48rem;line-height:.24rem;left:0;display:block;width:100%} .section-title1{font-size:.22rem;color:#333;position:absolute;text-align:center;top:.48rem;line-height:.24rem;left:0;display:block;width:100%} .section-label{font-size:.16rem;color:#666;position:absolute;text-align:center;top:.85rem;line-height:.18rem;left:0;display:block;width:100%} .section-img{width:2.86rem;height:3.02rem;position:absolute;top:.8rem;left:50%;margin-left:-1.45rem;-webkit-transition:all .5s linear;overflow:hidden} .daohang{text-align: center;margin:0 auto; width:6.4rem;} .daohang ul{margin:0 auto;width:100%;} .daohang li{float:left;font-size:.21rem;color:#fff;width:15.6%;height:.6rem;line-height: .6rem;} .daohang li:hover{color:#8bcbc5;} .kfwc{ background: url(../images/ksyy_3.png) center center no-repeat;background-size:100%;height: .9rem;text-align: center;margin-top: .1rem;border-radius: .08rem;color:#fff;} .kfwc p { font-size: .15rem;line-height: .25rem;} .swiper-container { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: rgba(0, 0, 0, 0.65); /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide img{width:1.97rem;} .swiper-container2 { width: 100%; height: 100%; overflow:hidden }