@font-face{ font-family:AlibabaPuHuiTi-2-45-Light; src:url('https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.eot') format('embedded-opentype'), url('https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.otf') format('opentype'), url('https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.eot') format('TrueType'), url('https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.eot') format('woff'), url('https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.eot') format('woff2'); } body{ padding: 0; margin: 0 auto; color: #333; font-size:14px; font-family:AlibabaPuHuiTi-2-45-Light; } h1,h2,h3,h4,h5,h6,dl,dt,dd{ padding: 0; margin: 0;font-weight:400;font-size:14px; } a{ color: #333; text-decoration:none; } a:hover{ color:#00b5ac; text-decoration:underline; transition:all 0.2s linear; } ul { padding: 0; margin: 0; } li{ list-style: none; } i { font-style: normal; font-weight: normal; } img{ border:none; } .fl{ float: left; } .fr{ float: right; } .clearfix:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } /*.top{height:114px;background:url(../images/top_bg.png) repeat-x}*/ .top{width:100%; height:114px;background:linear-gradient(180deg, #00b5ac, #1283a5); z-index:999 } .topBox{min-width:1440px;margin:0 auto;width:100%;position:relative;max-width:1700px;height:114px;} .logo{position:absolute;left:30px} .nav{height:114px;position:absolute;right:10px;top:0;} .nav ul{} .nav li{float:left;position:relative;cursor:pointer;margin:0;text-align:center;} .nav li a{text-decoration:none} .nav li h1{width:110px;height:114px;line-height:114px;font-size:17px;color:#fff;font-weight:500;} .nav li h1.current {background:#1182a4;color:#fff} .subNav{width:110px;position:absolute; z-index:9999;display:none;padding-top:0} .subNav a{display:block;height:40px;line-height:40px;font-size:14px;color:#000;/*background:rgba(255,255,255,0.7)*/ background:#1182a4;color:#fff;} .subNav a:hover{background:#fff;opacity:1;color:#000} .topA{width:100%; height:114px;} .topBoxA{min-width:1440px;margin:0 auto;width:100%;position:relative;max-width:1700px;height:114px;} .navA{height:114px;position:absolute;right:10px;top:0;} .navA ul{} .navA li{float:left;position:relative;cursor:pointer;margin:0;text-align:center;} .navA li a{text-decoration:none} .navA li h1{width:110px;height:114px;line-height:114px;font-size:17px;color:#474646;font-weight:500;} .navA li h1.current {background:#1182a4;color:#fff} .fullSlide {width:100%;position:relative;height:700px;background:#fff;} .fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;} .fullSlide .bd ul {width:100% !important;} .fullSlide .bd li {width:100% !important;height:700px;overflow:hidden;text-align:center;} .fullSlide .bd li a {display:block;height:700px;} .fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:30px;left:0;height:auto;} .fullSlide .hd ul {text-align:center;} .fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:20px;height:5px;margin:5px;overflow:hidden;background:rgba(255,255,255,0.5);line-height:999px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;background:url(/templets/default/images/index_icon_1.png) no-repeat\0;} .fullSlide .hd ul .on {background:#fff;background:url(/templets/default/images/index_icon_2.png) no-repeat\0;} .fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:194px;margin-top:-30px;left:3%;z-index:1;width:40px;height:80px;background:url(../images/slider-arrow.gif) -140px 5px no-repeat\9\0;background:url(../images/slider-arrow.png) -140px 5px no-repeat;_background:url(../images/slider-arrow.gif) -140px 5px no-repeat;*background:url(../images/slider-arrow.gif) -140px 5px no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;} .fullSlide .next {left:auto;right:3%;background-position:-6px 5px;} .home-bg{background:#f0f0f0 url(../images/houseBg.jpg) no-repeat left bottom;height:1200px;min-width:1440px;} .hxjs-box{background:#fff;border-radius:0 0 120px 120px;height:442px;} a.index-title{width:420px;margin:0 auto;height:auto;text-align:center;display:block;background:url(../images/bg0.png) no-repeat center bottom; padding-bottom:11px;text-decoration:none; } a.index-title i{color:#ccc;font-size:21px;font-weight:500;display:block;line-height:1.8em} a.index-title span{font-size:36px;color:#393939;font-weight:bold;display:block;line-height:1em;letter-spacing:1.4px;} a.index-title:hover span{color:#1283a5;transition:all 0.2s linear} .hxjs-ul{width:1440px;margin: 40px auto 0 auto;} .hxjs-ul li{width:16.666%;float:left;text-align:center} a.hxjs{display:inline-block;} a.hxjs:hover{text-decoration:none} .stage {width: 168px;height: 168px;perspective: 1000px;} /*舞台*/ .hxjs-c1{width:168px;height:168px;box-sizing:border-box;border:2px solid #fff;border-radius:50%;padding:12px; transform-style: preserve-3d; transition: transform 1s; } a.hxjs:hover .hxjs-c1 {transform: rotateY(-180deg);} a.hxjs:hover .hxjs-c1{border:2px solid #ccf0ee} .hxjs-c2{width:100%;height:100%;box-sizing:border-box;background:linear-gradient(180deg, #00b5ac, #1283a5);/*background:#1283a5;*/border-radius:50%;padding:14px;} a.hxjs:hover .hxjs-c2{background:#0f6193} .hxjs-c3{width:100%;height:100%;box-sizing:border-box;border:1px solid #ccc;border-radius:50%} a.hxjs:hover .hxjs-c3{border-box;border:2px solid #27719e} a.hxjs span{display:block;text-align:center;width:130px;line-height:1.6;color:#5f5f5f;font-size:18px; margin:0 auto } a.hxjs:hover span{color:#0f6193;transition:all 0.2s linear} .cpzx{margin:33px auto 0 auto} .cpzx-title{height:74px;line-height:36px;background:url(../images/u1.jpg);display:block;margin:6px auto 0 auto;clear:both;overflow:hidden;width:1440px} .cpzx-title a{line-height:74px;font-size:18px;display:block;float:left;width:25%;overflow:hidden;text-decoration:none; box-sizing:border-box;border-right:1px solid #f0f0f0;background:#fff;position:relative;padding-left:18px; } .cpzx-title a:last-child{border-right:none} .cpzx-title a.on{background:linear-gradient(180deg, #00b5ac, #1283a5);color:#fff} .cpzx-title i{position:absolute;top:18px;right:18px;padding:0 !important;font-size:36px;color:#ebebeb} .cpzx-container1{margin:32px auto 0 auto;clear:both;overflow:hidden;width:1450px;display:none} .cpzx-container1 li{float:left;margin:0;height:412px;width:25%;overflow:hidden;} .imgBox{width:345px;height:254px;overflow:hidden} .cpzx-container1 li a{display:block;width:345px;margin:0 auto;text-decoration:none} .cpzx-container1 li img{width:345px;height:254px;} .cpzx-container1 li h1{line-height:30px;text-align:center;font-size:14px;} .cpzx-container1l li:hover{color:#fff !important;box-shadow:0 0 10px rgba(150, 150, 150, .5)} .cpzx-container1 li:hover img{transform:scale(1.2,1.2);transition:all 0.5s linear;} .cpzx-container1 li:hover .cpzx-more{/*background:linear-gradient(180deg, #00b5ac, #1283a5);color:#fff;*/ } .cpzx-container1 li:hover hr{border-bottom:3px solid #fff} .cpzx-container1 li:hover .cpzx-more span{/*color:#fff;border:1px solid #fff*/border:1px solid #00b5ac} .cpzx-container{margin:32px 0 0 0;clear:both;overflow:hidden;height:412px;} .cpzx-marquee{width:1440px;margin:0 auto} /*.dxal-title{text-align:center;} .dxal-title a{display:inline-block;font-size:20px;font-weight:500;color:#0066cc}*/ #dwfc{overflow:hidden;margin:0 0 0 0;} #dwfc ul{overflow:hidden;height:412px;overflow:hidden} #dwfc ul li{float:left;margin:0 20px 0 0;height:412px;} .imgBox{width:345px;height:254px;overflow:hidden} #dwfc ul li img{width:350px;height:254px;} #dwfc ul li h1{line-height:30px;text-align:center;font-size:14px;} .cpzx-more{height:159px;background:#fff;position:relative;} .cpzx-more h3{text-align:center;line-height:73px;text-align:center;font-size:18px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .cpzx-more hr{position:absolute;top:60px;border-bottom:3px solid #1283a5;left:40%;right:40%} .cpzx-more span{position:absolute;bottom:27px;line-height:36px;text-align:center;left:35%;right:35%; border:1px solid #bdbdbd;border-radius:30px;color:#aaa; } .cpzx-more span i{margin-left:16px;} #dwfc ul li:hover{color:#fff !important;box-shadow:0 0 10px rgba(150, 150, 150, .5)} #dwfc ul li:hover img{transform:scale(1.2,1.2);transition:all 0.5s linear;} #dwfc ul li:hover .cpzx-more{background:#1283a5;color:#fff;} #dwfc ul li:hover hr{border-bottom:3px solid #fff} #dwfc ul li:hover .cpzx-more span{color:#fff;border:1px solid #fff} .dxal-box{background:#f9f9f9;padding:0 0 90px 0} .dxal{display:block;overflow:hidden;height:auto;background:#f4f7f8;width:100%;min-width:1440px;background:#fff;margin-top:66px;} .dxal li{width:14.285%;float:left;overflow:hidden} .dxal-txt{cursor:pointer;position:relative;text-align:center;} .dxal-txt i{font-size:60px;color:#00b5ac;font-weight:bold; position:absolute;width:100%;text-align:center;top:10%;left:0; background-image:linear-gradient(180deg, #00b5ac, #1283a5); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .dxal-txt h3{font-size:18px;position:absolute;width:100%;text-align:center;top:60%;left:0;} .dxal-txt p{font-size:14px;color:#999;position:absolute;width:100%;text-align:center;top:70%;left:0;display:none} .dxal-txt:hover{background:linear-gradient(180deg, #00b5ac, #1283a5);color:#fff;transition:all 0.5s linear;} .dxal-txt:hover i,.dxal-txt:hover h3,.dxal-txt:hover p{color:#fff; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 1))); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .dxal-img{overflow:hidden;cursor:pointer} .dxal-img img{width:100%;} .dxal-img:hover img{transform:scale(1.2,1.2);transition:all 0.5s linear;} .xwzx-box{clear:both;overflow:hidden} .xwzx{width:1440px;margin:60px auto 0 auto;} .xwzx-left{width:674px;float:left} .xwzx-right{width:710px;float:right} .xwzx-list {} .xwzx-list li{width:100%;height:74px;border-bottom:1px solid #cccccc;cursor:pointer;font-size:16px; position:relative; } .xwzx-list li span{float:left;width:600px;line-height:74px;height:74px; overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .xwzx-list li i{float:right;line-height:74px;} .xwzx-list li:last-child{border-bottom:none} .xwzx-list li:hover{color:#00b5ac;transition:all 0.2s linear;padding:0 10px;box-sizing:border-box} .xcp{width:100%;min-width:1440px;height:auto;clear:both;overflow:hidden; background:url(../images/xcp.jpg) no-repeat center;margin-top:50px;position:relative;height:571px; } .xcp-txt{width:1400px;color:#fff;margin:60px auto 0 auto} .xcp-txt h3{text-align:center;font-size:36px;font-weight:bold;letter-spacing:1.4px;margin-bottom:30px} .xcp-txt p{line-height:2.8;font-size:23px;} .xcp-play0{width:146px;height:146px;background:rgba(255,255,255,.3);bottom:10%;border-radius:50%; left:50%;margin-left:-73px;position:absolute;cursor:pointer;transform:scale(.8) } .xcp-play1{width:92px;height:92px;margin:27px;border-radius:50%;background:#1f648b;text-align:center;} .xcp-play1 i{color:rgba(255,255,255,.6);margin-top:30px;font-size:30px;} .xcp-play0:hover{background:rgba(255,255,255,1)} .xcp-play0:hover .xcp-play1{background:#00b5ac} .xcp-play0:hover .xcp-play1 i{color:rgba(255,255,255,1)} .footer-box{height:122px;background:linear-gradient(180deg, #00b5ac, #1283a5);overflow:hidden;width:100%;} .footer{width:1440px;margin:0 auto;height:122px;position:relative;text-align:center;color:#fff;overflow:hidden} .footer a{color:#fff;} .footer-logo{position:absolute;left:0} .footer-kh{position:absolute;right:0;} .footer i{font-size:8px;margin:0 16px} .footer-nav{font-size:16px;line-height:2.2;margin-top:50px;} .about-us-banner{height:250px;background:url(../images/top.jpg) center no-repeat;position:relative;text-align:center;color:#fff} .about-us-banner-en{display:inline-block;font-size:40px;font-weight:bold;color:rgba(255,255,255,.5);margin-top:50px; display:none; } .about-us-banner-kh{width:923px;margin:0 auto;height:31px;display:none} .about-us-banner-kh-left,.about-us-banner-kh-right{ float:left;height:31px;background:url(../images/bg1.jpg) repeat-x center;width:40%; } .about-us-banner-kh span{background:transparent;font-size:20px;float:left;width:20%;line-height:31px;} .channel-nav{position:absolute;bottom:0;width:100%;text-align:center;} .channel-nav a{color:#fff;font-size:18px;display:inline-block;line-height:70px;height:70px;padding:0 12px;margin:0 10px;text-decoration:none} .channel-nav a:hover{background:url(../images/bg2.jpg) repeat-x bottom;transition:none} .channel-nav a.on{background:url(../images/bg2.jpg) repeat-x bottom} /*关于我们*/ .gsjj-box{height:471px;background:#f8f8f8 url(../images/bg3.jpg) center no-repeat} .gsjj{width:1452px;height:471px;margin:0 auto;position:relative;} a.hq-title{font-size:28px;color:#393939;position:absolute;line-height:1;text-decoration:none} a.hq-title:hover{color:#00b5ac;transition:all 0.2s linear} a.hq-more{position:absolute;top:53px;right:0;font-size:16px;color:#393939;} a.hq-more:hover{color:#00b5ac} a.hq-more i{color:#00b5ac;font-size:22px;margin-left:6px;vertical-align:middle} .gsjj-line{border-bottom:2px solid #00b5ac;width:74px;position:absolute;top:115px;left:0} .gsjj p{position:absolute;width:1452px;top:128px;line-height:2.5;font-size:14px} .gsjj-img{position:absolute;right:0;bottom:132px;} a.gsjj-more{position:absolute;font-size:16px;color:#00b5ac;top:340px;} .hq-fw{height:380px;width:1452px;margin:-64px auto 0 auto;overflow:hidden;color:#fff;} .hq-fw-left{float:left;width:708px;height:381px;position:relative;background:url(../images/hq1.jpg) no-repeat;position:relative} .hq-fw-right{float:right;width:708px;height:381px;position:relative;background:url(../images/hq2.jpg) no-repeat;position:relative} .hq-fw-left .h3,.hq-fw-right .h3{font-size:30px;position:absolute;top:44px;line-height:1;left:43px;color:#fff} .hq-fw-left p{font-size:14px;position:absolute;left:61px;top:100px;line-height:3.0} .hq-fw-right p{font-size:12px;position:absolute;left:48px;top:100px;line-height:2.6;width:579px;} .hq-name{height:125px;width:1452px;margin:0 auto;position:relative;} .hq-name-title{position:absolute;font-size:30px;color:#1c1c1c;top:33px;line-height:1} .hq-name span{font-size:16px;color:#777777;position:absolute;top:78px;line-height:1;} a.hq-name-more{position:absolute;top:60px;right:0;font-size:16px;color:#393939;} a.hq-name-more:hover{color:#00b5ac} a.hq-name-more i{color:#00b5ac;font-size:22px;margin-left:6px;vertical-align:middle} .yfcx{} .yfcx-list{clear:both;overflow:hidden;width:1440px;margin:0 auto;position:relative;height:378px;} a.yfcx-item{display:block;width:470px;height:378px;overflow:hidden;background:#f8f8f8;position:absolute;left:485px} a.yfcx-item:hover{background:linear-gradient(180deg, #00b5ac, #1283a5);color:#fff;} a.yfcx-item:first-child{left:0;} a.yfcx-item:last-child{right:0;left:auto} a.yfcx-item h3{font-size:16px;line-height:74px;text-align:center;} a.yfcx-item img{margin:0 auto;display:block;} .jxzl{width:1452px;margin:0 auto;height:321px;position:relative;overflow:hidden;} .jxzl-item{position:absolute;width:825px;height:321px;left:0} .jxzl-item-left{position:absolute;left:0;height:321px;background:#f1f1f1;width:210px;} .jxzl-item:nth-child(2n+2) .jxzl-item-left{background:#f6f6f6} .jxzl-item-left h3{font-size:22px;color:#272727;position:absolute;top:35px;left:25px;line-height:1.2;font-weight:bold} .jxzl-item-hr{width:74px;height:2px;position:absolute;left:25px;bottom:112px;background:#cdcdcd} .jxzl-item-left p{font-size:16px;color:#646464;position:absolute;left:25px;bottom:55px;} .jxzl-item-left:hover{color:#fff;background:linear-gradient(180deg, #00b5ac, #1283a5) !important} .jxzl-item-left:hover h3{color:#fff;} .jxzl-item-left:hover p{color:#fff;} .jxzl-item-left:hover .jxzl-item-hr{background:#fff;} .jxzl-item-left-on{right:auto;left:0;background:linear-gradient(180deg, #00b5ac, #1283a5) !important;color:#fff} .jxzl-item-left-on h3,.jxzl-item-left-on p{color:#fff !important} .jxzl-item-left-on .jxzl-item-hr{background:#fff !important;} .jxzl-img{position:absolute;right:0;top:0;} .qywh{width:1452px;margin:0 auto} .qywh-list{height:534px;clear:both;overflow:hidden;width:100%;background:url(../images/qywh.jpg) no-repeat center} .qywh-list li{float:left;width:201px;height:534px;/*background:url(../images/qywh1.jpg) no-repeat center;*/border-right:7px solid #fff;} .qywh-list li:last-child{margin-right:0} .qywh-list-box{width:100%;height:100%;position:relative;color:#fff;} .qywh-list-box-on{/*background:rgba(0,181,172,.4)*/ background:linear-gradient(180deg, rgba(0,181,172,.7), rgba(18,131,165,.7))} .qywh-list-box span{font-size:22px;position:absolute;top:30px;left:0;right:0;text-align:center;} .qywh-list-hr{position:absolute;height:3px;width:74px;background:#fff;left:63px;top:91px;} .qywh-list-box p{position:absolute;top:420px;left:16px;right:16px;line-height:2.2} ..qywh-list-box-p{top:} /*.qywh-list-box:hover p{bottom:10px;transition:all .2s linear}*/ .qxgs{width:1452px;margin:0 auto} .qxgs-list{clear:both;padding:0 0 20px 0} .qxgs-item{float:left;width:348px;height:141px;border:1px solid #f6f6f6;box-shadow:0 0 10px rgba(150, 150, 150, .5);overflow:hidden; margin:0 16px 16px 0;position:relative; } .qxgs-item:hover{/*box-shadow:0 0 10px rgba(0, 181, 172, .5)*/ background:linear-gradient(180deg, #00b5ac, #1283a5);color:#fff;transition:all .2s linear } .qxgs-item:hover i{background:none} .qxgs-item:hover h3,.qxgs-item:hover p{color:#fff;} .qxgs-item:nth-child(4n+4){margin:0 0 16px 0} .qxgs-item i{position:absolute;padding:3px 6px;font-size:16px;background:#00b5ac;color:#fff;left:0;top:24px;} .qxgs-item h3{position:absolute;left:46px;top:30px;font-size:16px;color:#212121;} .qxgs-item p{font-size:12px;color:#212121;position:absolute;left:46px;top:66px;line-height:2} /*分页样式*/ .page{ padding: 15px 0; overflow: hidden; text-align: center; background:#fff; } .page a,.page span{ padding: 5px 10px; border: 1px solid #cccccc; font-size: 14px; display:inline-block; margin:0 2px; } .page a:hover{ background:#00b5ac; color: #ffffff; text-decoration:none; } .page a.current{ background: #00b5ac; color: #ffffff; } .hyf-news{width:1200px;margin:31px auto 16px auto;min-height:250px;clear:both;overflow:hidden} .hyf-list{clear:both;overflow:hidden} .hyf-list li{height:184px;border-bottom:1px solid #eff0f0;position:relative;background:url(/Public/images/hyf-list-line.jpg) no-repeat 1011px 38px;} .hyf-list li a{display:block;width:100%;height:184px;} .hyf-list-thumbnail-box{position:absolute;top:27px;width:180px;height:120px;border-radius:10px;overflow:hidden} .hyf-list-thumbnail{width:180px;height:120px;} .hyf-list li h1{position:absolute;font-size:23px;color:#333333;left:228px;top:37px;} .hyf-list-dot{position:absolute;left:228px;top:82px;} .hyf-list li p{position:absolute;left:228px;top:100px;line-height:1.8;color:#999999;width:736px;} .hyf-list li span{position:absolute;right:56px;top:70px;font-size:22px;line-height:1;color:#999} .hyf-list li span i{font-size:16px;} .hyf-list li a:hover h1{color:#00b5ac;transition:all .2s linear} .hyf-list li a:hover .hyf-list-thumbnail{transform:scale(1.2,1.2);transition:all .6s linear} .about{line-height:2;padding:40px 0 16px 0;width:1200px;margin:0 auto;min-height:500px;} .news{width:1200px;margin:60px auto 30px auto} .news-title{height:82px;position:relative;border-bottom:1px solid #ededed} .news-title h1{position:absolute;font-size:26px;color:#0f0f0f; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:760px } .news-title p{position:absolute;top:42px;font-size:12px;color:#898989} .news-title-date{position:absolute;right:0;width:104px;height:65px;background:#f3f3f3;font-size:12px; box-sizing:border-box;padding:11px 0 0 21px; } .news-title-date i{font-size:21px;color:#397ee6} .news-content{padding:15px 0 0 0;line-height:2} .news-content p{margin-bottom:15px;} .newsPic{width:1440px;margin:20px auto 0 auto} .newsPicList{margin:0 0 0 0;overflow:hidden;border:1px solid #cccccc;/*min-height:400px;*/padding:25px 10px 0 10px} .newsPicList li{ float:left; width:25%; text-align:center; margin:0 0 25px 0 } .imgBox1{ width:260px;height:173px; position:relative; cursor:pointer; overflow:hidden; margin:0 auto; } .imgBox1 img{ width:260px;height:173px; transform:scale(1,1); transition:all 0.3s linear; } .imgBox1 img:hover{ transform:scale(1.1,1.1); transition:all 0.5s linear; } .imgBox1 h1{ position:absolute; z-index:9999; height:31px; width:262px; line-height:31px; text-align:center; font-size:14px; font-weight:100; bottom:0; background:#000; opacity:0.7; color:#fff; } .newsPicList li a{text-decoration:none} .newsPicList li h2{ height:31px; width:260px; line-height:31px; text-align:center; font-size:14px; font-weight:100; background:#000; opacity:0.7; color:#fff;margin:-1px auto 0 auto;overflow:hidden } .case-item-box:nth-child(2n+2){background:#f8f8f8} .case-item{width:1452px;margin:0 auto;height:328px;position:relative;} .case-item-list{width:1087px;position:absolute;right:0;} .case-item-list li{width:350px;float:left;margin-right:18px;height:328px;position:relative} .case-item-list li a{display:block;width:350px;height:328px;} .case-item-list li:last-child{margin-right:0} .case-item-list-img-box{width:350px;height:233px;overflow:hidden;position:absolute;top:33px;} .case-item-list-img-box img{width:350px;height:233px;} .case-item-list li h3{position:absolute;bottom:21px;font-size:16px; width:328px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .case-item-list li a:hover img{transform:scale(1.2,1.2);transition:all .2s linear} a.case-item-head{width:366px;height:328px;position:absolute;left:0;top:0;} a.case-item-head i{font-size:28px;color:#999;line-height:1.6;position:absolute; top:112px; } .case-item-head-hr{position:absolute;top:90px;left:4px;width:41px;height:4px;background:linear-gradient(180deg, #00b5ac, #1283a5)} a.case-item-head h4{position:absolute;left:0;top:42px;font-size:24px;color:#393939} .case-item-head-arrow{position:absolute;left:0;bottom:58px;width:133px;height:36px;background:linear-gradient(180deg, #00b5ac, #1283a5)} .case-item-head-arrow img{position:absolute;left:0;top:0;} .case-item-head-arrow2{position:absolute;top:135px;right:40px;display:block} a.case-item-head:hover h4,a.case-item-head:hover i {color:#00b5ac;transition:all .2s linear} /*a.case-item-head:hover .case-item-head-arrow{background:#393939 url(../images/arrow1.png) no-repeat center;transition:all .2s linear}*/ .dxal-item-box:nth-child(2n+2){background:#f8f8f8} .dxal-item{width:1452px;margin:0 auto;height:328px;position:relative;} #scroll{ position:fixed; right:20px; top:480px; display:none; width:54px; height:54px; border-radius:5px; background:#fff url("../images/scrollBg.png") center no-repeat; cursor:pointer; } @media (min-width: 1920px) { .xcp{background-size:100% 100% !important;} .fullSlide .bd li{background-size:100% 100% !important;} .about-us-banner{background-size:100% 100% !important;} } .marTop0{clear:both;margin:31px 0 16px 0;overflow:hidden} .xcp-ul{width:1200px;margin:36px auto 36px auto;clear:both;overflow:hidden} .xcp-ul li{width:33%;float:left;text-align:center;} .xcp-item{text-align:center;} .xcp-item img{display:block;margin:0 auto} .xcp-item span{margin:16px 0 0 0;display:block;font-size:16px;} .search{position:absolute;width:264px;height:37px;right:0;top:65px;} .search input[type=text]{position:absolute;width:226px;height:35px;line-height:35px;border:1px solid #e2e2e2;text-indent:5px;padding:0;background:none;margin:0} .search input[type=submit]{position:absolute;right:0;width:37px;height:37px;border:1px solid #e2e2e2;background:url(../images/zoom.jpg) center no-repeat;text-indent:999px;cursor:pointer}