body{margin:0px auto;padding:0px;color:#666;font-size:12px;font-family:"微软雅黑","Helvetica Neue", Arial, Helvetica, sans-serif;/* line-height:24px; */background-color:#f1f1f1;} a:link{color:#666;text-decoration:none;} a:visited{color:#666;text-decoration:none;} /* a:hover{color:#0067cd;text-decoration:none;} */ img{border:none;} ul,li,h1,h2,h3,p{margin:0px;padding:0px;} li{list-style:none; } div,ul,li{display:block;}/*如要使用camera，则此处不能添加overflow:hidden*/ /*在全屏横条的div块需要添加min-width:1000px; 不然在小屏幕上没有水平滚动条*/ .wrap{width:1200px;margin:0px auto;overflow: hidden;} .main{width:100%;margin:0px auto;} .clear{height:10px;margin:0px;padding:0px;clear:both;} .l{float:left;display:block;} .r{float:right;display:block;} .f12{font-size:12px;} .f13{font-size:13px;} .f14{font-size:14px;} .f16{font-size:16px;} .f18{font-size:18px;} .f20{font-size:20px;} .f22{font-size:22px;} .f24{font-size:24px;} .f26{font-size:26px;} .f28{font-size:28px;} .f30{font-size:26px;} .fb{font-weight:bold;} .fi{font-style:italic;} .yh{font-family:Microsoft Yahei;} /*验证正确、错误 图标提示*/ .tip{min-width:16px;min-height:16px;display:inline-block;overflow:hidden;background:url(../images/truefalse.png) no-repeat 0px 0px;font-family:Arial;font-size:12px;line-height:16px;padding:0px 0px 0px 22px;} .tip.def{background-position:100px 100px;color:#aaa;}/*默认，无图标*/ .tip.sel{background-position:100px 100px;color:#666;}/*选中，高亮显示文本*/ .tip.true{background-position:4px 0px;color:#aaa;}/*验证正确，打勾图标*/ .tip.false{background-position:4px -30px;color:#ff0000;}/*错误，打叉图标 红色文本*/ .tip a{color:#0967af;} .tip a:hover{text-decoration:underline;} /*加载图标*/ .loading{height:16px;background:url(../images/loading2.gif) no-repeat 0px 0px;line-height:16px;color:#ff0000;display:inline-block;overflow:hidden;} span.bit{display:inline-block;width:7px;height:10px;overflow:hidden;} /*一个占位符,程序处理，2个半角空格替换为一个全角空格，剩下的空格用占位符替换*/ header{height:100px;/*position:absolute;*/ position: fixed; top:0px;left:0px;width:100%;background:rgba(0,0,0,0.6);z-index:999;} header:hover{ background:rgba(0,0,0,1.0); } .top{width:1200px;height:100px;top:0px;margin:0 auto;} .top .logo{float:left;margin:25px 0px 0px 20px;} .top .nav{float:left;height:90px;margin:10px 0px 0px 15px;} .top .nav li{float:left;position:relative;margin:0px 0px 0px 10px;} .top .nav li a{font-size:16px;line-height:87px;} .top .topphone{float:right;height:40px;margin:30px 0px 0px 0px;line-height:40px;font-size:20px;color:#fff;padding-left:40px;background:url(../images/toptel.png) left center no-repeat;} .banner_video{width:100%;height:497px;background:#000 url(../images/videobg.jpg) center center no-repeat;background-size:cover;position:relative;border-bottom:solid 3px #05080C;} .banner_video video{width:1200px; margin:0 auto;display: block;} .banner_video .sound{width:130px;height:45px;color:#666;font-size:14px;text-indent:10px;line-height:45px;z-index:999; position:absolute;bottom:20px;right:20px;opacity:0.8;overflow:hidden;/*display:none;*/ background:#dcdcdc url(../images/sound.jpg) no-repeat 60px -5px; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; } .banner_video .sound.off{background-position:60px -60px;} /*.banner_video:hover .sound{display:block;}*/ .banner_video .play{width:100%;height:100%;display:block;overflow:hidden;position:absolute;top:0;left:-50%;margin-left:50%;background:url(../images/play.png) no-repeat center center;background-size:144px 144px;z-index:10;} .banner_index{width: 100%; background-color: #000; position: relative; height:800px; overflow: hidden; clear: both;} .banner_index video{width: 100%; float: left;} .banner_index .sound{width:130px;height:45px;color:#666;font-size:14px;text-indent:10px;line-height:45px;z-index:999; position:absolute;bottom:20px;right:20px;opacity:0.8;overflow:hidden;/*display:none;*/ background:#dcdcdc url(../images/sound.jpg) no-repeat 60px -5px; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; } .banner_index .sound.off{background-position:60px -60px;} /*.banner_index:hover .sound{display:block;}*/ /* .case_pnl li .cover{height:150px;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:rgba(0,0,0,0.5);z-index:5; opacity:0;transition:opacity 500ms;-moz-transition:opacity 500ms;-webkit-transition:opacity 500ms;-o-transition:opacity 500ms;color:#fff;font-size:32px;line-height:50px;padding:30px 0;border:solid 2px #fff; margin:20px;} */ .case_pnl li video{width:100%;height:150px;display:none;overflow:hidden;position:absolute;left:0px;top:0px;z-index:999;/*background-color:#000;*/} .case_pnl li:hover img{background-size:120% auto;} .case_pnl li:hover .play{display:none;} .case_pnl li:hover .cover{opacity:1;} .case_pnl li:hover .cover p{opacity:1;} .case_pnl li:hover video{display:block;} .sbanner{width:100%;height:500px;} .sbanner .banner_txt{width:500px;margin:200px auto 0;text-align:center;} .sbanner .banner_txt h1{font-size:66px;line-height:120px;color:#fff;font-weight:500;} .sbanner .banner_txt hr{width:100px;border:none;height:3px;background:#fff;} .sbanner .banner_txt p{font-size:90px;line-height:100px;color:#fff;} .wrap_tle{padding:60px 0px 20px 0px;line-height:35px;font-size:14px;text-align:center;} .wrap_tle h1{font-size:26px;font-weight:lighter;padding:0px 0px 10px 0px;} .black{color:#000;} .blue{color:#099DE3;} .hr{width:400px;} .gray{color:#666; margin:auto;} .white{color:#fff;} .bgwhite{background:#fff;overflow: hidden;} .bgblack{background:#000;overflow: hidden;} .bggray{background:#f1f1f1;overflow: hidden;} /*.slidepnl{width:1128px;height:357px;position:relative;min-width:1128px;} .slidepnl .slides_container{width:1128px;height:357px;} .slidepnl .slides_container div{width:1128px;height:357px;} .slidepnl .slides_container div img{width:1128px;height:357px;} .slidepnl .next,.slidepnl .prev {position:absolute;top:150px;width:40px;height:56px;display:none;overflow:hidden;z-index:999999;background:url(../images/paganation-white.png) no-repeat;text-indent:-999px;} .slidepnl .prev {background-position:-5px -3px;left:10px;} .slidepnl .prev:hover {background-position:-5px -60px;} .slidepnl .next{background-position:-74px -3px;right:10px;} .slidepnl .next:hover{background-position:-74px -60px;} .slidepnl .pagination {position:absolute;width:200px;bottom:20px; left:10px;z-index:999;text-align:center;} .slidepnl .pagination li {display:inline-block; margin:0 5px 0px 0px;float:left;} .slidepnl .pagination li a {width:13px;height:13px;display:inline-block;background-image:url(../images/paganation-white.png); background-position:-2px -131px;overflow:hidden;margin-right:2px;text-indent:-999px;float:left;} .slidepnl .pagination li.current a {background-position:-29px -131px;} .slidepnl:hover .next,.slidepnl:hover .prev{display:block;}*/ .banner{width:100%;height:800px;position:relative;background:#efefef url(../images/loading.gif) no-repeat center center;} .banner ul.slider{display:block;height:800px;width:100%;overflow:hidden;} .banner ul.slider li{display:block;height:800px;width:100%;overflow:hidden;} .banner ul.slider li img{width:100%;} .banner ul.num{position:absolute;width:300px;bottom:50px; left:10px;z-index:999;text-align:center;display:block;} .banner ul.num li{width:16px;height:16px;display:inline-block;overflow:hidden;margin-right:12px;text-indent:-999px;float:left; background-color:rgba(0,0,0,0.3);border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;} .banner ul.num li.on{background-color:#01A1EB;} .banner .next,.banner .prev {position:absolute;top:45%;width:40px;height:56px;display:none;overflow:hidden;z-index:999999;background:url(../images/paganation-white.png) no-repeat;text-indent:-999px;} .banner .prev {background-position:-5px -3px;left:10px;} .banner .prev:hover {background-position:-5px -60px;} .banner .next{background-position:-74px -3px;right:10px;} .banner .next:hover{background-position:-74px -60px;} .banner:hover .next,.banner:hover .prev{display:block;} .need{background-color:#01A1EB;width:100%;min-width:1200px;overflow: hidden;} .need .morecase{width:50%;float:left;} .need .price{width:50%;float:right;} .need .lb{margin:65px 120px 65px 0px;float:right;box-shadow: 1px 1px 5px #999;background:#fff url(../images/lbico.png) 45px center no-repeat;} .need .rb{margin:65px 0px 65px 120px;float:left;box-shadow: 1px 1px 5px #999;background:#fff url(../images/rbico.png) 45px center no-repeat;} .need .ibutton{width:250px;height:55px;display:block;box-shadow: 1px 1px 5px #999;font-size:25px;font-weight:bold;line-height:55px;color:#01A1EB;padding-left:100px;} .more{background-color:background: #000;;width:100%;min-width:1200px;} .more .morecase{margin:20px auto;} .more .cbut{margin:0px auto 60px;width:150px;height:55px;display:block;box-shadow: 1px 1px 5px #999;font-size:25px;font-weight:bold;line-height:55px;color:#01A1EB;padding-left:100px;background:#fff url(../images/lbico.png) 45px center no-repeat;} .case_pnl{margin:0px auto;width:1400px;overflow:hidden;padding:0px 0px 30px 0px} .case_pnl ul{overflow:hidden;} .case_pnl li{width:444px;height:299.75px;float:left;margin:0px 34px 30px 0px;border:solid 0px #9f9f9d;text-align:center;background-color:#fff;position:relative; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px; transition:background 500ms;-moz-transition:background 500ms;-webkit-transition:background 500ms;-o-transition:background 500ms;box-shadow: 1px 1px 5px #ccc; } .case_pnl li:nth-of-type(3n) { margin-right: 0; } .case_pnl li img{width:100%;height:249.75px; float:left;background-repeat:no-repeat;background-position:center center;background-size:100% auto; transition:background 500ms;-moz-transition:background 500ms;-webkit-transition:background 500ms;-o-transition:background 500ms; } .case_pnl li .nm{width:100%;height:50px;font-size:16px;line-height:50px;float:left;color:#444; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; -moz-binding: url('ellipsis.xml#ellipsis');overflow:hidden; } .case_pnl li .play{width:90px;height:90px;display:block;overflow:hidden;position:absolute;top:26.65%;left:50%;margin-left:-45px;background:url(../images/play.png) no-repeat 0px 0px;background-size:cover;z-index:10;} .case_pnl li .cover{width:100%;height:249.75px;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:rgba(0,0,0,0.5);z-index:5; opacity:0;transition:opacity 500ms;-moz-transition:opacity 500ms;-webkit-transition:opacity 500ms;-o-transition:opacity 500ms;} .case_pnl li .cover p{width:360px;height:130px;top:18%;left:50%;padding-top:20px;position:relative;margin-left:-181px;display:block;overflow:hidden;color:#fff;font-size:32px;line-height:100px;opacity:0;border:solid 2px #fff;z-index:10;} /* .case_pnl li .cover{height:150px;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:rgba(0,0,0,0.5);z-index:5; opacity:0;transition:opacity 500ms;-moz-transition:opacity 500ms;-webkit-transition:opacity 500ms;-o-transition:opacity 500ms;color:#fff;font-size:32px;line-height:50px;padding:30px 0;border:solid 2px #fff; margin:20px;} */ .case_pnl li video{width:100%;height:150px;display:none;overflow:hidden;position:absolute;left:0px;top:0px;z-index:999;/*background-color:#000;*/} .case_pnl li:hover img{background-size:120% auto;} .case_pnl li:hover .play{display:none;} .case_pnl li:hover .cover{opacity:1;} .case_pnl li:hover .cover p{opacity:1;} .case_pnl li:hover video{display:block;} a.more_link{height:50px;padding:0px 60px 0px 60px;font-size:16px;display:inline-block;overflow:hidden; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;line-height:100px;border:solid 1px #fff;color:#fff; transition:background 500ms;-moz-transition:background 500ms;-webkit-transition:background 500ms;-o-transition:background 500ms; } a.more_link:hover{background-color:#fff;color:#666;} .past_case_pnl{margin:0px auto;width:80%;overflow:hidden;padding:0px 0px 30px 0px;} .past_case_pnl ul{overflow:hidden;} .past_case_pnl li{width:250px;height:175px;padding:0px 9px 0px 9px;float:left;margin:0px 0px 20px 0px;text-align:center;overflow:hidden;} .past_case_pnl li .box{width:250px;height:175px;border:solid 1px #9f9f9d;background-color:#fff;display:block;overflow:hidden;} .past_case_pnl li img{width:250px;height:135px; float:left;} .past_case_pnl li .nm{width:100%;height:40px;font-size:14px;line-height:40px;float:left;color:#444; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; -moz-binding: url('ellipsis.xml#ellipsis');overflow:hidden; } footer{width:100%;background-color:#03152B;overflow: hidden;} .contact_pnl{margin:0px 0px 0px 0px;margin:0 auto;width:1200px;min-width:1200px; overflow: hidden;} .contact_pnl .info{float:left;width:520px;padding:0px 0px 20px 0px;} .contact_pnl .msg{float:right;width:680px;padding:0px 0px 20px 0px;} .contact_pnl .info .box{margin:20px 20px 0px 20px;position:relative;padding:20px 10px 20px 20px;color:#fff;line-height:35px;font-size:12px; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; } .contact_pnl .info .box .l{width:330px;} .contact_pnl .info .box .r{float:right;width:100px;color:#C3D4E8;text-align:center;} .contact_pnl .info .box h1{font-size:26px;font-weight:lighter;} .contact_pnl .info .box h2{font-size:26px;font-weight:lighter;line-height:40px;} .contact_pnl .info .box .line{width:150px;height:1px;background-color:#fff;margin:30px 0px 30px 0px;} .contact_pnl .info .box .tel{line-height:50px;padding-left:40px;background:url(../images/bico.png) no-repeat 0px 10px;font-size:16px;color:#C3D4E8;} .contact_pnl .info .box .group{padding-left:40px;} .contact_pnl .info .box .group p{line-height:22px;color:#C3D4E8;} .contact_pnl .info .box .add1{background:url(../images/bico.png) no-repeat 0px -54px;padding-left:40px;} .contact_pnl .info .box .add2{background:url(../images/bico.png) no-repeat 0px -116px;padding-left:40px;} .contact_pnl .info .box .add3{background:url(../images/bico.png) no-repeat 0px -174px;padding-left:40px;} .contact_pnl .info .box .qrcode{width:100px;height:100px;float:left;} .contact_pnl .info .box .qrcode img{width:100%;} .contact_pnl .msg .form{margin:20px 0px;padding:20px 20px 20px 20px;line-height:30px;color:#fff;font-size:14px;} .contact_pnl .msg .form .txt{float:left;margin:0px 10px 0px 0px;width:45%;} .contact_pnl .msg .form .txtarea{float:left;margin:0px 10px 0px 0px;width:45%;overflow-x:hidden;overflow-y:hidden} .contact_pnl .msg .form div{overflow: hidden;} .btm{background-color:#142840;padding:15px 0px 15px 0px;color:#C3D4E8;font-size:12px;line-height:25px;text-align:center;} .btm a{color: #1D395C;} .coy a{color: #FFFFFF;} /*新闻弹出框*/ .newsbox{width:100%;height:100%;position:fixed;z-index:9999;left:0px;top:0px;} .newsbox .close{width:60px;height:60px;background:#191919 url(../images/close.png) no-repeat center center;display:block;overflow:hidden; position:absolute;top:0px;left:50%;margin-left:475px;z-index:999; } .newsbox .close:hover{background-color:#019CE5;} .newsbox .cover{width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.8);z-index:99;} .newsbox .inner{width:950px;height:100%;position:fixed;background-color:#fff;z-index:999;left:50%;top:0px;margin-left:-475px;} .newsbox .inner .auto_scol{width:850px;margin:0px auto;height:100%;overflow-y:auto;padding:50px 50px 0px 50px;} /*视频弹出框*/ .playbox{width:100%;height:100%;position:fixed;z-index:9999;left:0px;top:0px;background-color: rgba(0,0,0,.90);} .playbox .close{width:60px;height:60px;background:#00A2EB url(../images/close.png) no-repeat center center;display:block;overflow:hidden; position:absolute;top:50px;left:100px;z-index:9999; } .playbox .closes{width:60px;height:60px;background:#00A2EB url(../images/corylink.png) no-repeat center center;display:block;overflow:hidden; position:absolute;top:120px;left:100px;z-index:9999; } .playbox .close:hover{background-color:#019CE5;} .playbox .closes:hover{background-color:#019CE5;} .playbox .cover{width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.1);z-index:99;} .playbox .inner{width:1344px;height:756px;position:fixed;background:rgba(0,0,0,0.8);z-index:999;left:10%;top:50px;border:solid 1px #222;} .playbox .inner .vdo_zoom{width:1324px;height:736px;margin:30px 30px 0px 30px;color:#fff;background:rgba(0,0,0,0.8);} /*.playbox .inner .vdo_zoom h1{height:50px;font-size:26px;display:block;font-weight:lighter;line-height:50px;text-align:center;color:#fff;}*/ .playbox .inner .vdo_zoom .video{width:100%;height:100%;} .aboutzoom{padding:0px 0px 10px 0px;font-size:14px;line-height:30px;} .aboutzoom p{padding:0px;margin:0px 0px 0px 0px;} .aboutzoom img{max-width:100%;} .aboutzoom h1{font-size:26px;display:block;font-weight:lighter;line-height:35px;text-align:center;} .aboutzoom .attr{padding:10px 0px 5px 0px;font-size:12px;color:#848584;border-bottom:solid 1px #e9e9e9;margin-bottom:30px;text-align:center;} .aboutzoom table{border-top:solid 1px #ddd;border-left:solid 1px #ddd;background-color:#fff;} .aboutzoom table td{padding:10px 10px 10px 10px;border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;line-height:25px;} .aboutzoom table tr.altrow{background-color:#f7f7f7;} .aboutzoom .video{width:850px;height:500px;margin:40px auto 40px auto;} .profile{padding:50px 0px;text-align:center;font-size:16px;line-height:30px;} .profile .tongji{text-align:center;padding:50px 0px 0px 0px;} .profile .tongji .item{display:inline-block;text-align:center;line-height:40px;color:#fff;padding:0px 40px 0px 40px;font-size:14px;border-right:solid 1px #80827f;} .profile .tongji .item.last{border-right:0px;} .profile .tongji .item .num{font-size:40px;} .profile #video{border:solid 10px #757573;background-color:#000;margin:50px auto 0px auto;width:1000px;height:500px;} /*.business{background:url(../images/businessbg.jpg) no-repeat center center;padding:130px 0px 170px 0px;height:580px;text-align:center;color:#fff;font-size:14px;background-size:cover;}*/ .business{background:#000;padding:20px 0px 170px 0px;text-align:center;color:#fff;font-size:14px;background-size:cover;} .business ul{width:1220px; left: 50%; margin-left: -610px;} .business ul li{float:left;margin:10px;padding:10px 0 0;} .business ul li a h2{font-size:24px;font-weight: normal;line-height:60px;color:#fff;} .business ul li a p{font-size:14px;font-weight: normal;line-height:40px;color:#fff;} .business ul li hr{width:100%;line-height:10px;border:none;height:1px;background-color:#fff;} .business ul li:hover,.business ul li:hover h2,.business ul li:hover p{background-color:#fff;color:#000!important;} .business ul li:hover hr{background-color:#000;} .solu{width:1400px;background:url(../images/solubg.jpg) no-repeat center center;margin:80px auto 0;height:720px;text-align:center;color:#fff;font-size:14px;} .solu ul li{padding-top:20px;} .solu ul li h1{margin-top:50px;font-size:26px;font-weight: normal;line-height:30px;} .solu ul li p{font-size:16px;font-weight: normal;line-height:60px;} .solu ul li hr{width:10%;line-height:10px;border:none;height:3px;background-color:#019CE5;} .liucheng{width:1200px;margin:10px auto 30px;text-align:center;} .liucheng ul li{margin:20px 0;} .liucheng ul li h1{font-size:26px;font-weight: normal;line-height:80px;color:#fff;} .liucheng ul li p{font-size:16px;font-weight: normal;line-height:60px;} .liucheng ul li hr{width:10%;line-height:10px;border:none;height:3px;background-color:#019CE5;} .liucheng .round-inline { overflow:visible; float:left; width:100% } .liucheng .round-inline+.clearfix { margin-bottom:-5px } .liucheng .round-inline li { float:left; width:200px; height:200px; font-size:0; margin:0 auto; display:block; background:url(../images/liucheng.png) no-repeat; } .liucheng .round-inline li.pic1 {background-position:0px 0px;} .liucheng .round-inline li.pic1:hover {background-position:0px -200px;} .liucheng .round-inline li.pic2 {background-position:-200px 0px;} .liucheng .round-inline li.pic2:hover {background-position:-200px -200px;} .liucheng .round-inline li.pic3 {background-position:-400px 0px;} .liucheng .round-inline li.pic3:hover {background-position:-400px -200px;} .liucheng .round-inline li.pic4 {background-position:-600px 0px;} .liucheng .round-inline li.pic4:hover {background-position:-600px -200px;} .liucheng .round-inline li.pic5 {background-position:-800px 0px;} .liucheng .round-inline li.pic5:hover {background-position:-800px -200px;} .liucheng .round-inline li.pic6 {background-position:-1000px 0px;} .liucheng .round-inline li.pic6:hover {background-position:-1000px -200px;} .cliucheng{width:1200px;margin:0px auto 50px;text-align:center;overflow:hidden;} .cliucheng ul li { float:left; width:150px; height:155px; font-size:0; margin:0 auto; display:block; } .cliucheng ul li .round-wrap { width:100%; height:100px; display:block; float:left; } .cliucheng ul li .round-wrap img { width:94px; height:94px; vertical-align: middle; transition: 1s all; } .cliucheng ul li p{ font-style: normal; display: block; font-size: 14px; line-height: 65px; text-align:center; font-weight:600; } .cliucheng ul li:hover img{transform:rotate(360deg)} .cwhat{width:1200px;margin:0px auto 50px;text-align:center;overflow:hidden;} .cwhat ul li{ float:left; width:150px; border:3px solid #01AEF5; font-size:0; margin:0 22px; display:block; } .cwhat ul li span{ display: block; height:140px; background:url(../images/nzsm.png) no-repeat; } .cwhat ul li p{ font-style: normal; display: block; font-size: 14px; line-height: 65px; text-align:center; font-weight:600; background:#01AEF5; color:#fff; } .cwhat ul li:hover a span{ display: block; background:#7ED6FA url(../images/nzsm.png) no-repeat; } .cwhat ul li:hover a p{ color:#01AEF5; background:#fff; } .cwhat ul li span.pic1 {background-position:-5px -5px;} .cwhat ul li:hover span.pic1 {background-position:-5px -305px;} .cwhat ul li span.pic2 {background-position:-215px -5px;} .cwhat ul li:hover span.pic2 {background-position:-215px -305px;} .cwhat ul li span.pic3 {background-position:-425px -5px;} .cwhat ul li:hover span.pic3 {background-position:-425px -305px;} .cwhat ul li span.pic4 {background-position:-630px -5px;} .cwhat ul li:hover span.pic4 {background-position:-630px -305px;} .cwhat ul li span.pic5 {background-position:-840px -5px;} .cwhat ul li:hover span.pic5 {background-position:-840px -305px;} .cwhat ul li span.pic6 {background-position:-1050px -5px;} .cwhat ul li:hover span.pic6 {background-position:-1050px -305px;} .changjing3{background: url(../images/changjing3.jpg) center center no-repeat;position: relative;background-size: cover;overflow: hidden;} .changjing31{width:1400px;margin:50px auto;text-align:center;color:#fff;font-size:14px;} .changjing31 ul li{padding-top:40px;} .changjing31 ul li h1{font-size:32px;font-weight: normal;line-height:70px;} .changjing31 ul li p{font-size:18px;font-weight: normal;line-height:60px;} .changjing31 ul li hr{width:300px;line-height:10px;border:none;height:2px;background-color:#fff;} .changjing35{width:1100px;padding:0 30px;margin:30px auto 100px;height:350px; overflow:hidden; position:relative;} .sliderbox{position:relative;}/*必须加这句css,否则向左右，上下滚动时会没有效果*/ .sliderbox li{width:530px;padding:0 10px;} .sliderbox li img{width:530px;height:350px;} .sliderbox li p{position: absolute; top: 310px; width:530px; height:40px; line-height:40px; text-align:center; background: rgba(0,162,235,0.8); color: #fff;} .changjing35 .prev{position: absolute;cursor: pointer; width:50px; height:360px; left:0; background:#f2f2f2 url(../images/left.png) 0 center no-repeat; text-indent:-9999px;} .changjing35 .next{position: absolute;cursor: pointer; width:50px; height:360px; right:0; background:#f2f2f2 url(../images/right.png) 0 center no-repeat; text-indent:-9999px;} .caselist{background:#000;padding:80px 0px 170px 0px;text-align:center;color:#fff;font-size:14px;background-size:cover;} .caselist ul{width:1420px;left: 50%; margin-left: -710px;} .caselist ul li{float: left; margin: 10px; padding: 10px 0 0; width:331px; border: solid 2px #FFF; height: 144px; overflow-x: hidden; overflow-y: hidden; cursor: Pointer;} .caselist ul li h2{font-size:26px;font-weight: normal;line-height:70px;} .caselist ul li p{font-size:14px;font-weight: normal;line-height:40px;} .caselist ul li hr{width:70%;line-height:10px;border:none;height:1px;background-color:#fff;} .caselist ul li:hover{background-color:#fff;color:#000;} .caselist ul li:hover hr{background-color:#000;} .caselist ul li a{color:#fff;} .caselist ul li:hover a{color:#000;} .caselist ul .active{ background-color:#fff; color:#000; cursor:Pointer; } .caselist ul .active a{color:#000;} .caselist ul .active hr{background-color:#000;} #changjing { position: absolute; z-index: 1; } .changjing{background:#000;padding:80px 0px 100px 0px;text-align:center;color:#fff;font-size:14px;background-size:cover;height: 320px;} .changjing ul{width:1220px;left: 50%; margin-left: -610px;} .changjing ul li{float: left; margin: 10px; padding: 10px 0 0; width: 220px; border: solid 2px #FFF; height: 124px; overflow-x: hidden; overflow-y: hidden; cursor: Pointer;} .changjing ul .twol{width:464px;} .changjing ul li h2{font-size:26px;font-weight: normal;line-height:60px;} .changjing ul li p{font-size:14px;font-weight: normal;line-height:40px;} .changjing ul li hr{width:70%;line-height:10px;border:none;height:1px;background-color:#fff;} .changjing ul li:hover{background-color:#fff;color:#000;} .changjing ul li:hover hr{background-color:#000;} .changjing ul li a{color:#fff;} .changjing ul li:hover a{color:#000;} .changjing ul .active{ background-color:#fff; color:#000; cursor:Pointer; } .changjing ul .active a{color:#000;} .changjing ul .active hr{background-color:#000;} #service{ position:absolute; z-index:1; } .list{ margin-top:12px; border-top:solid 2px #000; padding:10px 0; } .list ol{ line-height:40px; text-align:left; text-indent:30px; font-size:20px; font-weight:normal; list-style-type:none; background:url(../images/ico.png) no-repeat 5px center; } .list ol a{ color:#000; } .menua_ctive{ width:224px; height:auto; background-color:#fff; color:#000; cursor:Pointer; overflow-y:hidden; overflow-x:hidden; filter:Alpha(opacity=70); -moz-opacity:0.7; } .menu_normal{ width:220px; border:solid 2px #FFF; height:124px; overflow-y:hidden; overflow-x:hidden; cursor:Pointer; } .hd_banner{width:100%;overflow: hidden;} .hd_banner img{width:100%;margin:0;padding:0;} .abt_zoom{width:1100px;margin:0px auto;padding:0px 0px 50px 0px;font-size:14px;line-height:30px;} .bgsolu{background: url(../images/solubanner.jpg) center top no-repeat; height: 700px; position: relative; background-position: center; background-size: cover;} .bgsolu .hd_banner_inner{padding-top:150px;text-align: center; color:#fff; } .bgsolu .hd_banner_inner p{font-size:20px; line-height:50px; font-weight:500;color:#019CE5;} .bgsolu .hd_banner_inner h4{font-size: 50px; font-weight: 700; margin: 100px auto 20px; line-height: 120px;} .bgsolu .hd_banner_inner span{display: block; margin:45px auto; overflow: hidden;} .bgsolu .hd_banner_inner span a{width: 160px; background: rgba(255,255,255,0.3); font-size: 14px; color: #fff; margin: 20px; padding: 5px 30px; border-radius: 40px; line-height: 50px;} .bgcase{background: url(../images/casebanner.jpg) center top no-repeat; height: 700px; position: relative; background-position: center; background-size: cover;} .bgcase .hd_banner_inner{padding-top:70px;text-align: center; color:#fff; } .bgcase .hd_banner_inner hr{width:85px; border: none; height: 3px; background-color: #fff;} .bgcase .hd_banner_inner p{font-size:32px; line-height:100px; font-weight:700;} .bgcase .hd_banner_inner h4{font-size: 40px; font-weight: 700; margin: 120px auto 20px; line-height:80px;} .bgcase .hd_banner_inner span{display: block; margin: 20px auto; overflow: hidden; font-size: 26px; font-weight: 700; line-height: 40px;} .bgchangjing{background: url(../images/changjing.jpg) center top no-repeat; height: 700px; position: relative; background-position: center; background-size: cover;} .bgchangjing .hd_banner_inner{padding-top:150px;text-align: center; color:#fff; } .bgchangjing .hd_banner_inner p{font-size:26px; line-height:50px; font-weight:500;color:#01AFF5;} .bgchangjing .hd_banner_inner p .kefu{background: #01AFF5; font-size: 24px; color: #fff; margin: 20px; padding: 13px 75px; line-height: 40px;} .bgchangjing .hd_banner_inner h4{font-size:50px; font-weight: 700; margin: 80px auto 20px; line-height: 120px;} .bgchangjing .hd_banner_inner span{display: block; margin:40px auto 60px; overflow: hidden;} .bgchangjing .hd_banner_inner span a{width: 160px; background: rgba(255,255,255,0.3); font-size: 18px; color: #fff; margin: 20px; padding: 5px 30px; border-radius: 40px; line-height:50px;} .bgabout{background: url(../images/aboutbanner.jpg) center top no-repeat; height: 700px; position: relative; background-position: center; background-size: cover;} .bgabout .hd_banner_inner{padding-top:150px;text-align: center; color:#fff; } .bgabout .hd_banner_inner hr{width:85px; border: none; height: 3px; background-color: #fff;} .bgabout .hd_banner_inner p{font-size: 60px; line-height: 150px; color: #fff;} .bgabout .hd_banner_inner h4{font-size: 50px; font-weight: normal; margin: 120px auto 20px; line-height: 100px;} .bgcontact{background: url(../images/lianxibanner.jpg) center top no-repeat; height: 700px; position: relative; background-position: center; background-size: cover;} .bgcontact .hd_banner_inner{padding-top:150px;text-align: center; color:#fff; } .bgcontact .hd_banner_inner hr{width:85px; border: none; height: 3px; background-color: #fff;} .bgcontact .hd_banner_inner p{font-size: 40px; line-height: 150px; color: #fff;} .bgcontact .hd_banner_inner h4{font-size: 50px; font-weight: normal; margin: 120px auto 20px; line-height: 100px;} .bgnews{background: url(../images/newsbanner.jpg) center top no-repeat; height: 700px; position: relative; background-position: center; background-size: cover;} .bgnews .hd_banner_inner{padding-top:150px;text-align: center; color:#fff; } .bgnews .hd_banner_inner hr{width:85px; border: none; height: 3px; background-color: #fff;} .bgnews .hd_banner_inner p{font-size: 40px; line-height: 150px; color: #fff;} .bgnews .hd_banner_inner h4{font-size: 50px; font-weight: normal; margin: 120px auto 20px; line-height: 100px;} .pager{padding:15px 0px 15px 0px;text-align:center;overflow:hidden;clear:both;} .pager a{border:solid 1px #e7ecf0;padding:2px 10px 0px 10px;line-height:25px;margin:0px 0px 0px 5px;background-color:#ffffff;color:#666;display:inline-block;text-decoration:none;} .pager a:hover,.pager a.sel{background-color:#019CE5;color:#ffffff;border:solid 1px #019CE5;} .casebg{ margin: 0px auto;overflow: hidden; } .introduce{ background:#fff;overflow: hidden; } .introduce_list{ width: 1335px; margin:50px auto; } .introduce_list .item{ width: 100%; height:380px; margin:15px auto; } .introduce_list .item .rone{width:50%;float:right;text-align:center;margin:120px auto 100px;} .introduce_list .item .rone h1{font-size:32px;line-height:70px;} .introduce_list .item .rone hr{width:60%;border:none;height:1px;background:#000;} .introduce_list .item .rone p{font-size:16px;line-height:40px;} .introduce_list .item .left{width:39%;float:left;text-align:right;margin:60px auto 100px;} .introduce_list .item .left h1{font-size:32px;line-height:60px;font-weight:600;} .introduce_list .item .left hr{border:none;height:1px;background:#000;margin-right:0px;} .introduce_list .item .left p{font-size:16px;line-height:32px;font-weight:600;} .introduce_list .item .right{width:39%;float:right;text-align:right;margin:60px 8% 100px 0;} .introduce_list .item .right h1{font-size:32px;line-height:60px;font-weight:600;} .introduce_list .item .right hr{border:none;height:1px;background:#000;margin-right: 0px;} .introduce_list .item .right p{font-size:16px;line-height:32px;font-weight:600;} .inbg1{ background:url(../images/inbg1.jpg) no-repeat left center; } .inbg2{ background:url(../images/inbg2.jpg) no-repeat left center; } .inbg3{ background:url(../images/inbg3.jpg) no-repeat left center; } .inbg4{ background:url(../images/inbg4.jpg) no-repeat left center; } .case_list{background:#fff; width: 1200px; overflow: hidden; margin:0px auto 80px; padding:30px 0; box-shadow: 1px 1px 5px #ccc; } .case_list .item{height:85px;float:left;margin:10px 0px 10px 20px;text-align: center;display: flex;align-items: center;overflow:hidden;} .case_list .item img{margin:0 auto;width:80px;} .case_list .item:hover{background-color:#fff;color:#333;} .newslist{background: #fff; overflow: hidden; padding: 150px 0 80px;} .news_list{width:1200px;margin:0px auto;padding:0px 0px 30px 0px;overflow: hidden;} .news_list .item{margin:0px 0px 30px 0px;background-color:#fafafa;position:relative;color:#fff;overflow: hidden;} .news_list .item .riqi{width: 150px; padding: 35px 30px; height: 150px; float: left; text-align: center; background: #fff;} .news_list .item .riqi .ri{font-size:70px;font-weight:600;line-height:100px;} .news_list .item .riqi .nianyue{font-size:14px;font-weight:600;color:#fff;background:#A2A3A7;line-height:50px;} .news_list .item .face{width:240px;height:220px;float:left;} .news_list .item .face img{width:290px;height:220px;} .news_list .item .dis{width:670px;height:200px;float:right;padding:20px 20px 0px 0px;font-size:14px;line-height:22px;} .news_list .item .dis .p{padding:15px 0px;font-size:24px;font-weight:bold;line-height:30px;} .news_list .item .dis .intro{padding:20px 0px;width: 490px;float: left;font-size:14px;} .news_list .item .dis .yuedu{width:130px;margin:30px 0px 0px 0px;padding:5px 15px;float:right;font-size:16px;line-height:35px;color:#fff;background:#28B8D2;text-align:center;} .news_list .itemone{margin:80px 0px 30px 0px;position:relative;color:#fff;overflow: hidden;} .news_list .itemone .riqi{width: 150px; padding: 35px 30px; height: 150px; float: left; text-align: center;} .news_list .itemone .riqi .ri{font-size:70px;font-weight:600;line-height:100px;} .news_list .itemone .riqi .nianyue{font-size:14px;font-weight:600;color:#fff;background:#A2A3A7;line-height:50px;} .news_list .itemone .faceone{width:480px;height:220px;float:left;} .news_list .itemone .faceone img{width:480px;height:220px;} .news_list .itemone .disone{width:460px;height:200px;float:right;padding:0px 20px 0px 0px;font-size:14px;line-height:22px;} .news_list .itemone .disone .pone{font-size:24px;font-weight:bold;line-height:30px;} .news_list .itemone .disone .intro{padding:20px 0px;width: 460px;font-size:14px;} .news_list .itemone .disone .yuedu{width:130px;margin:30px 0px 0px 0px;padding:5px 15px;float:right;font-size:16px;line-height:35px;color:#fff;background:#28B8D2;text-align:center;} .show_zoom{margin:50px auto 50px auto;width:1200px;background-color:#fff;padding:50px 50px 50px 50px;} .contactzoom{padding:0px 0px 10px 0px;font-size:14px;line-height:30px;width:1100px;margin:0px auto;} .contactzoom p{padding:0px;margin:0px 0px 0px 0px;} .contactzoom img{max-width:100%;} .contactzoom h1{font-size:26px;display:block;font-weight:lighter;line-height:35px;} .contactzoom .attr{padding:10px 0px 5px 0px;font-size:12px;color:#848584;border-bottom:solid 1px #e9e9e9;margin-bottom:30px;} .contactzoom table{width:100%;} .contactzoom table td{padding:10px 10px 10px 10px;border-bottom:solid 1px #333;line-height:25px;} .contactzoom table tr.altrow{background-color:#f7f7f7;} .map{border:solid 10px #fff;background-color:#000;float:right;width:560px;height:315px;} .idx_news{margin:0px auto;width:100%;overflow:hidden;} .idx_news div{overflow:hidden;} .idx_news .item{width:362px;float:left;margin:0px 0px 0px 20px;position:relative; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;} .idx_news .item .dt_ct{border-top:dashed 1px #8a8b8d;border-bottom:dashed 1px #8a8b8d;height:35px;line-height:35px;color:#fff;font-size:13px;clear:both;} .idx_news .item .dt_ct .date{width:110px;height:35px;text-align:center;border-right:dashed 1px #8a8b8d;float:left;} .idx_news .item .dt_ct .type{float:left;background:url(../images/add.png) no-repeat right center;padding:0px 40px 0px 20px;} .idx_news .item .line{height:2px;background-color:#050608;border-top:solid 2px #9b1315;clear:both;margin:11px 0px 0px 0px;} .idx_news .item .face{width:362px;height:207px;} .idx_news .item .face img{width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:100% 100%; transition:background 500ms;-moz-transition:background 500ms;-webkit-transition:background 500ms;-o-transition:background 500ms; } .idx_news .item .dis{height:135px;padding:8px 10px 15px 10px;font-size:13px;line-height:25px;color:#fbfbfb;font-family:'FZFangSong-Z02S','FangSong', 'STFangsong';background-color:#3e3d42;clear:both;} .idx_news .item .dis .p{padding:0px 0px 10px 0px;font-size:14px;font-weight:bold;color:#f0f0f0;display:block;line-height:25px;font-family:'Microsoft YaHei';} .idx_news .item a.showcontent{width:100%;height:100%;position:absolute;display:block;left:0px;top:0px;overflow:hidden;} .idx_news .item:hover{} /*.idx_news .item:hover .face img{background-size:110% 110%;}*/ .idx_news .item:hover .dis{background-color:#545653;} /*.idx_news .item:hover{background-color:#fff;color:#666;} .idx_news .item:hover .dis{color:#666;} .idx_news .item:hover .dis .p{color:#333;} .idx_news .item:hover .dis .date{color:#666;}*/ /*联系我们*/ .contact{ background:#fff;overflow: hidden; } .contact_list{ width: 1200px; margin:50px auto; } .contact_list .item{ width: 100%; height: 180px; margin: 15px auto; } .contact_list .item .left{width: 1000px;float: left;text-align:right;} .contact_list .item .left h1{font-size:20px;line-height:90px;font-weight:700;} .contact_list .item .left hr{border:none;height:1px;background:#000;margin-right:0px;} .contact_list .item .left p{font-size:14px;line-height:32px;font-weight:700;} .contact_list .item .right{width: 1000px;float: right;} .contact_list .item .right h1{font-size:20px;line-height:90px;font-weight:700;} .contact_list .item .right hr{border:none;height:1px;background:#000;margin-right: 0px;} .contact_list .item .right p{font-size:14px;line-height:32px;font-weight:700;} .contact_list .inbg1{ background:url(../images/lx1.png) no-repeat left center; } .contact_list .inbg2{ background:url(../images/lx2.png) no-repeat right center; } .contact_list .inbg3{ background:url(../images/lx3y.png) no-repeat left center; } .contact_intro{margin:80px auto;} .contact_intro .round-inline { overflow:visible; float:left; width:100% } .contact_intro .round-inline+.clearfix { margin-bottom:-5px } .contact_intro .round-inline li { width:33.33%; float:left; text-align: center; font-size: 18px; } .contact_intro .round-inline li .pic1 { margin:0 auto; display:block; width:175px; height:135px; background:url(../images/lx11.png) center top no-repeat; } .contact_intro .round-inline li:hover .pic1{ background:url(../images/lx111.png) center top no-repeat;transition:0.3s all; -webkit-transition:0.3s all; } .contact_intro .round-inline li .pic2 { margin:0 auto; display:block; width:175px; height:135px; background:url(../images/lx22.png) center top no-repeat; } .contact_intro .round-inline li:hover .pic2{ background:url(../images/lx222.png) center top no-repeat;transition:0.3s all; -webkit-transition:0.3s all; } .contact_intro .round-inline li .pic3 { margin:0 auto; display:block; width:175px; height:135px; background:url(../images/lx33.png) center top no-repeat; } .contact_intro .round-inline li:hover .pic3{ background:url(../images/lx333.png) center top no-repeat;transition:0.3s all; -webkit-transition:0.3s all; } .cjliucheng{width:1200px;margin:10px auto 30px;text-align:center;} .cjliucheng ul li{margin:20px 0;} .cjliucheng ul li h1{font-size:36px;font-weight: normal;line-height:80px;color:#000;} .cjliucheng ul li p{font-size:16px;font-weight: normal;line-height:60px;} .cjliucheng ul li hr{width:10%;line-height:10px;border:none;height:3px;background-color:#019CE5;} .cjliucheng .round-inline { overflow:visible; float:left; width:100% } .cjliucheng .round-inline+.clearfix { margin-bottom:-5px } .cjliucheng .round-inline li { float:left; width:240px; height:285px; font-size:0; margin:0 auto; display:block; background:url(../images/changjing2.png) no-repeat; } .cjliucheng .round-inline li.pic1 {background-position:0px 0px;} .cjliucheng .round-inline li.pic1:hover {background-position:0px -284px;} .cjliucheng .round-inline li.pic2 {background-position:-240px 0px;} .cjliucheng .round-inline li.pic2:hover {background-position:-240px -284px;} .cjliucheng .round-inline li.pic3 {background-position:-480px 0px;} .cjliucheng .round-inline li.pic3:hover {background-position:-480px -284px;} .cjliucheng .round-inline li.pic4 {background-position:-720px 0px;} .cjliucheng .round-inline li.pic4:hover {background-position:-720px -284px;} .cjliucheng .round-inline li.pic5 {background-position:-960px 0px;} .cjliucheng .round-inline li.pic5:hover {background-position:-960px -284px;} /*图标状态提示 窗口居中显示 需要自动关闭 使用场景：1、数据提交时显示加载中 2、处理成功后显示处理结果 */ .float{width:120px;height:40px;position:fixed;top:35%;left:50%;margin-left:-60px;background-color:#5e5e5e; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=8); border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; text-align:center;padding:80px 0px 0px 0px;color:#fff;font-size:16px; background-position:center 22px;background-repeat:no-repeat; z-index:9999;} .float.loading{background-image:url(../images/loading3.gif);}/*数据处理中，带加载图标消息提示，处理完成执行关闭*/ .float.true{background-image:url(../images/float_ok.png);}/*处理成功，带勾的消息提示*/ /*.float.false{} 错误时用messagebox弹出提示*/ /*文字消息提示 窗口居中显示 需要自动关闭 使用场景：处理或验证失败的文字提示 */ .messagebox{width:100%;position:fixed;left:0px;top:35%;text-align:center;z-index:9999;} .messagebox .msg{display:inline-block;background:url(../images/opacity75.png);overflow:hidden; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;line-height:20px; text-align:center;padding:10px 20px 10px 20px;color:#fff;font-size:16px; } .messagebox .msg a{color:#f2ed05;} /*弹窗消息，带确定按钮*/ .alertbox{position:fixed;z-index:9999;width:100%;height:100%;background:url(../images/opacity30.png);top:0px;left:0px;} .alertbox .boxpnl{position:absolute;z-index:99999;width:300px;left:50%;top:30%;margin-left:-150px; background-color:#fff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;} .alertbox .boxpnl .msg{padding:20px 20px 20px 20px;font-size:14px;color:#888;line-height:22px;text-align:left;border-bottom:solid 1px #e8e8ea;} .alertbox .boxpnl .msg a{color:#0067cd;} .alertbox .boxpnl .btn{height:40px;display:block;line-height:40px;text-align:center; font-size:16px;color:#0bb20c;overflow:hidden;} .alertbox .boxpnl .btn:hover{background-color:#f0f0f0;} /*弹窗消息，带确定和取消按钮*/ .alertbox.confirmbox{} .alertbox.confirmbox .btn{width:150px;float:left;} .alertbox.confirmbox .btn.cancel{width:149px;color:#353535;border-left:solid 1px #e8e8ea;} /*end浮动层-------------------------------------*/ /*表单*/ .form{line-height:30px;} .form .item{clear:both;} .form .key{ vertical-align: middle; margin-right: 4px; } .form label em { display: inline-block; font-style: normal;color:#C3D4E8;cursor:Pointer; } .form .val{float:left;padding:5px 5px 5px 5px;} .form .txt{width:260px;height:32px;line-height:32px;border:solid 1px #ccc;padding:0px 3px 0px 13px;margin:0px; font-size:14px;font-family:'Microsoft YaHei',Arial; border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form .txtarea{width:260px;height:28px;line-height:28px;border:solid 1px #ccc;padding:0px 3px 0px 13px;margin:0px; font-size:14px;font-family:'Microsoft YaHei',Arial; border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form .txtarea:focus{border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);} .form .txt:focus{border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);} .form select{padding:5px 3px 5px 3px; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border:solid 1px #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;} .form select:focus{border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);} /*按钮*/ a.button{display:inline-block;height:32px;line-height:32px;width:100%;background-color:#37649f;color:#fff;font-size:16px; border:solid 1px #dedede;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;text-align:center;} a.button.red{border:solid 1px #990100;background-color:#990100;} a.button.orange{border:solid 1px #de4949;background-color:#ff6600;} a.button.blue{border:solid 1px #01A1EB;background-color:#01A1EB;} a.button.green{border:solid 1px #04b102;background-color:#24b707;} a.button.grey{border:solid 1px #dedede;background-color:#efefef;color:#666;} /* 浮动*/ .floatR{position:fixed;top:35%;right:20px;z-index:10000;} .floatR p{ cursor:pointer;margin-bottom:3px;} .floatR p a{display:block;position:relative;} .floatR p a span{display:block;width:70px;height:70px;} .floatR p a b{position:absolute;top:0;right:71px;display:none;} .floatR p a b.lx{display:none;/* background:url(../images/lx.png) left center no-repeat;width:165px;height:48px;color:#fff;font:14px/48px 微软雅黑;padding-left:10px;top:9px; */} .kefu1{ width:70px; height:70px; background: url(../images/kefu.png) 0px 0px no-repeat; } .kefu1:hover{ background: url(../images/kefu.png) -100px 0px no-repeat; } .kefu2{ width:70px; height:70px; background: url(../images/kefu.png) 0px -72px no-repeat; } .kefu2:hover{ background: url(../images/kefu.png) -100px -72px no-repeat; } .kefu3{ width:70px; height:70px; background: url(../images/kefu.png) 0px -144px no-repeat; } .kefu3:hover{ background: url(../images/kefu.png) -100px -144px no-repeat; } .kefu4{ width:70px; height:70px; background: url(../images/kefu.png) 0px -216px no-repeat; } .kefu4:hover{ background: url(../images/kefu.png) -100px -216px no-repeat; } .kefu5{ width:70px; height:70px; background: url(../images/kefu.png) 0px -288px no-repeat; } .kefu5:hover{ background: url(../images/kefu.png) -100px -288px no-repeat; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 768px; } } @media (min-width: 992px) { .container { width: 992px; } } @media (min-width: 1300px) { .container { width: 1200px; } } .indexNews{width: 100%;background: #fff;float: left;padding:0;} .indexNews .box{width: 100%;float: left;} .indexNews .box .t{width: 100%;float: left;position: relative;text-align: center;} .indexNews .box .t b{font-size: 36px;line-height: 80px;font-weight: normal;height: 80px;color: #007abd;float: left;width: 100%;} .indexNews .box .t p{font-size:15px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #888;padding: 0 15%;margin-top: 20px;} .indexNews .box .t span{font-size:24px;line-height: 40px;height: 40px;float: left;text-align: center;float: left;width: 100%;color: #ddd;text-transform: uppercase;} .indexNews .box .t em{float: left;width: 100%;font-style: normal; color: #888;width: 100%;height: 1px;background: #eee;margin: 20px 0;padding: 0 47%;} .indexNews .box .t em i{float: left;width: 100%;background: #007abd;height: 7px;margin-top: -3px;} .indexNews .box .c{width: 100%;float: left;margin: 30px 0 0 0px} .indexNews .box .c .tmenu{width:100%;height:36px;float: left;text-align: center;} .indexNews .box .c .tmenu li{height: 36px;display:inline-block;cursor:pointer;color:#666;margin: 0 20px;font-size: 16px;border-radius: 36px;padding: 0 40px;line-height: 36px;} .indexNews .box .c .tmenu li.hover{background:#099DE3;color: #fff;} .indexNews .box .c .tmenu li.hover:hover{background:#099DE3;color: #fff;} .indexNews .box .c .tmenu li:hover{color:#007abd;} .indexNews .box .c .tbox{width:100%;float:left;margin: 60px 0;} .indexNews .box .c .tbox .li{width:48%;float:left;overflow: hidden;} .indexNews .box .c .tbox .li:nth-child(2){float: right;} .indexNews .box .c .tbox .li .img{width:42%;float:left;padding-top: 5px;overflow: hidden;padding-left: 0;padding-top: 0;} .indexNews .box .c .tbox .li .img img{width:100%;float:left;transition:transform 1s ease 0s;transform-origin:center;} .indexNews .box .c .tbox .li:hover .img img{transform:scale(1.2);} .indexNews .box .c .tbox .li a{width:58%;float:left;line-height:26px;color: #333;font-size: 16px;transition:0.5s;padding-left: 15px;} .indexNews .box .c .tbox .li a i{float: left;height: 4px;width: 4px;background: #aaa;border-radius: 100%;margin: 13px 6px 0 0;} .indexNews .box .c .tbox .li a p{width:63%;float:left;line-height:26px;color: #666;font-size: 13px;overflow: hidden;height: 26px;} .indexNews .box .c .tbox .li a:hover p{color: #007abd;} .indexNews .box .c .tbox .li a span{width:32%;float:left;line-height:26px;color: #aaa;font-size: 13px;margin-bottom: 4px;text-align: right;} @media (max-width: 768px) { .indexNews{padding:40px 0px;} .indexNews .box .t b{font-size: 24px;line-height: 40px;height: 40px;} .indexNews .box .t p{font-size:14px;line-height: 22px;padding: 0 10%;margin-top: 20px;} .indexNews .box .t span{font-size:18px;line-height: 30px;height: 30px;} .indexNews .box .t em{margin: 10px 0;padding: 0 42%;} .indexNews .box .c{width: 100%;float: left;margin: 30px 0 0 0px} .indexNews .box .c .tmenu{width:100%;height:36px;float: left;text-align: center;} .indexNews .box .c .tmenu li{height: 36px;display:inline-block;cursor:pointer;color:#666;margin: 0 0px;font-size: 16px;border-radius: 36px;padding: 0 40px;line-height: 36px;} .indexNews .box .c .tmenu li.hover{background:#3487bb;color: #fff;} .indexNews .box .c .tbox{width:100%;float:left;margin: 30px 0;padding: 0 25px;} .indexNews .box .c .tbox .li{width:100%;float:left;} .indexNews .box .c .tbox .li:nth-child(2){display: none;} .indexNews .box .c .tbox .li .img{width:100%;float:left;margin-bottom: 20px;} .indexNews .box .c .tbox .li .img img{width:100%;float:left;} .indexNews .box .c .tbox .li a{width:100%;float:left;line-height:32px;color: #333;font-size: 16px;transition:0.5s;padding-left: 0;} .indexNews .box .c .tbox .li a i{float: left;height: 4px;width: 4px;background: #aaa;border-radius: 100%;margin: 13px 6px 0 0;} .indexNews .box .c .tbox .li a p{width:63%;float:left;line-height:32px;color: #666;font-size: 13px;overflow: hidden;height: 32px;} .indexNews .box .c .tbox .li a span{width:32%;float:left;line-height:32px;color: #aaa;font-size: 13px;margin-bottom: 4px;text-align: right;} } .dn{display: none;} .mr0{margin-right: 0!important;} .clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;} .clearfix{*zoom:1;} .video-play{ width: 100%; height: 100%; background:rgba(0,0,0,0.8); position: fixed; left:0; top:0; z-index: 1000001; text-align: center; display: none; } .video-play.black-full{ background:rgba(0,0,0,1); } .video-play .video{ position: relative; display: inline-block; margin-top: 80px; } .video-play video{ width: 900px; height: 500px; } .video-play #close { position: absolute; top: -10px; right: -40px; cursor: pointer; color: white; width: 15px; height: 15px; background: url(../images/cancel.png); background-size: 100%; } .video-container{ /*visibility: hidden；*/ height: 100%; overflow: hidden; position: relative; } .video-container .menu { position: absolute; right: 3%; top: 36px; z-index: 1000000; } .video-container .menu .m-btn { display: inline-block; color: white; font-weight: 600; font-size: 15px; position: relative; margin-left: 44px; line-height: 28px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; cursor: pointer; } .video-container .menu div.m-btn .app-text{ position: relative; } .video-container .menu div.m-btn .app-text span{ vertical-align: middle; } .video-container .menu div.m-btn .app-text:after{ content: ""; display: inline-block; vertical-align: middle; margin-left: 5px; width: 10px; height: 6px; background: url(../images/591c03cb0a364.png) no-repeat; background-size: cover; -webkit-backface-visibility: hidden; transition: transform .3s; transform-origin: center; } .video-container .menu div.m-btn .app-text.rotate180:after{ transform: rotate(180deg); } .video-container .menu .app-box{ position: absolute; width: 98px; padding-top: 11px; top: 24px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); opacity: 0; transition: opacity .3s; visibility: hidden; } .video-container .menu .app-box.show{ opacity: 1; visibility: visible; } .video-container .menu .app-box a{ display: block; width: 100%; height: 37px; line-height: 37px; border: solid 1px #ffffff; font-size: 14px; font-weight: bold; text-align: center; transition: background .3s; background: rgba(0,0,0,0); } .video-container .menu .app-box a:hover{ background: rgba(0,0,0,.2); } .video-container .menu .app-box a.app-molihe{ border-bottom: none; } .video-container .arrow{ display: inline-block; width: 30px; height: 30px; background: url(../images/573094c7d2fca.png) no-repeat; background-size: contain; position: absolute; left: 50%; margin-left: -15px; bottom: 30px; z-index: 100; } .video-container .logo{ position: absolute; top: 34px; left: 44px; z-index: 100; width: 128px; } .video-container .solgn{ position: absolute; width: 100%; text-align: center; z-index: 1000; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); color: #fff; margin: auto; display: inline-block; } .video-container .solgn .view-intro{ padding: 15px 30px 15px 60px; border: 1px solid #fff; border-radius: 30px; display: inline-block; font-size: 20px; cursor: pointer; line-height: 1; margin-top: 50px; position: relative; overflow: hidden; } .video-container .solgn .view-intro:before{ width: 17px; height: 17px; content: ""; background: url(../images/5954b09670908.png) no-repeat; position: absolute; background-size: cover; left: 29px; top: 50%; transform: translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); } .video-container .solgn h3{ font-weight: lighter; font-size: 80px; letter-spacing: 16px; line-height: 1.4; } .video-container .solgn h3 img{ width: 290px; } .video-container .solgn p{ font-size: 20px; text-indent: 16px; line-height: 1.8; } .video-container .volume{ position: absolute; left: 70px; bottom: 145px; width: 35px; height: 35px; background: url(../images/58d4b714890c3.png) no-repeat; background-size: cover; cursor: pointer; } .video-container .volume.open{ background-position: 0 -35px; } .union-data{text-align: center;margin-top: 40px;} .union-data span{display: inline-block;font-size: 30px;line-height: 0.8; border-right:1px solid rgba(153,153,153,0.2); padding-right: 10px;margin-right: 10px;} .union-data span:last-child{border-right: none; padding-right: 0;margin-right: 0;} .union-data span em{font-style: normal;font-size: 14px;color: #999;} .intro{ text-align: center; /*margin-top: 60px;*/ font-size: 17px; color: #666; width: 960px; margin: 60px auto 0; line-height: 37px; } .video-container .video-cover{ height: 100%; width: 100%; background: url(../images/595c7eace4d75.png); position: absolute; background-size: 4.5px; left: 0; top:0; } .video-container .videoMark{ width: 100%; height: 300px; position: absolute; top:0; left: 0; } .video-container .videoMark .headerList{ position: relative; float: right; width:460px; height: 55px; } .video-container .videoMark .headerList .headerUl{ padding-top: 22px; } .video-container .videoMark .headerList .headerUl li{ float: left; height: 24px; line-height: 24px; margin-right: 30px; padding-bottom:10px; } .video-container .videoMark .headerList .underLine{ position:absolute; bottom: 0; height: 2px; background-color: #fff; transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s; } .video-container video{ width: 100%; } .video-container .videoimg{ width: 100%; background-size: 100%; display: none; } .movieList{ width:1120px; /*height:600px;*/ margin:50px auto 15px; } .movieList ul li{ float:left; width:358px; margin-right: 23px; margin-bottom: 15px; position: relative; } .movieList ul li:nth-child(3n+3){ margin-right: 0; } .movieList ul li .videoFace{ width:100%; height: 200px; display: block; } .movieList ul li p{ color: #333; margin: 10px 0; /*font-weight: bold;*/ } .videoHover{ position: relative; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; } .videoHover:hover{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); box-shadow: 0 6px 10px rgba(51,63,82,0.6); -webkit-box-shadow: 0 6px 10px rgba(51,63,82,0.6); -moz-box-shadow: 0 6px 10px rgba(51,63,82,0.6); -ms-box-shadow: 0 6px 10px rgba(51,63,82,0.6); } .videoHover .videoBtn{ width: 50px; position: absolute; top:0; bottom: 0; left: 0; right: 0; margin:auto; opacity: 0; filter: alpha(opacity=0); transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; } .videoHover .cover{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.3); left: 0; top:0; opacity: 0; filter: alpha(opacity=0); transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; display: inline-block; } .untransparent{ opacity: 1!important; filter: alpha(opacity=100)!important; } .moreMolihe{ width:100%; /*height: 180px;*/ } .moreMolihe .moreMoliheBtn{ width:294px; height:80px; margin:88px auto 120px; background-image: url("../images/b_button.jpg"); background-size: 100%; cursor: pointer; } .moreMolihe .moreMoliheBtn:active{ background-image: url("../images/5af97135569043f69fcf1f921d153dcc.gif"); } .imgList{ width:1180px; /*height:240px;*/ padding:40px 0 50px; margin: 0 auto; } .imgList ul li{ float: left; width:271px; margin-right: 32px; margin-bottom: 20px; } .imgList ul li:nth-child(4n+4){ margin-right: 0; } .imgList ul li .face{ width:100%; display: block; height: 153px; } .imgList ul li p{ color: #333; font-weight: bold; margin-top: 10px; } .moreVideo{ width:100%; margin-bottom: 60px; /*height: 180px;*/ } .moreVideo .moreVideoBtn{ width:162px; height:44px; margin:0 auto; background-image: url(../images/573060200d525.png); background-image: url("../images/more.png"); background-size: 100%; cursor: pointer; } .moreVideo .moreVideoBtn:active{ background-image: url(../images/573060200d525.png); } .title{ width:100%; /*height: 75px;*/ margin-top: 60px; margin-bottom: 30px; } .title span{ display: block; width: 34px; height: 3px; margin:20px auto 0; opacity: 0.5; background-color: gray; } .title .titleImg{ margin:0 auto; background-size: 100%; } .title .youCan{ width:400px; height:35px; background-image: url(../images/t1.png); } .title .show{ width: 264px; height: 36px; margin-top: 115px; background-image: url(../images/t2.png); } .imgTitle{height: 25px;display: block;margin: 0 auto;} .title .top{ width: 264px; height: 36px; margin-top: 115px; background-image: url(../images/57306b0a9a090.png); background-size:contain; background-repeat: no-repeat; background-position: center; } .share{ width:100%; /*padding-top: 38px;*/ padding-bottom: 50px; } .shareList{ margin: 0 auto; /*width:650px;*/ height:44px; text-align: center; } .shareList li{ /*float: left;*/ /*width:140px;*/ height:44px; margin-right: 30px; cursor:pointer; display: inline-block; } .shareList li img{ width:44px; height:44px; vertical-align: middle; } .shareList li span{ padding-left: 12px; vertical-align: middle; color: #545454; } .shareList li:last-child{ margin-right: 0; } .memberList{ width:668px; /*height: 370px;*/ margin:50px auto; } .memberList .memberUl{ width: 100%; } .memberList .memberUl li{ width:120px; height: 185px; float: left; text-align: center; margin-right: 62px; } .memberList .memberUl li span{ color: #585858; line-height: 2.5; } .memberList .memberUl li:nth-child(4n+4){ margin-right: 0; } .memberList .memberUl li img{ width:120px; height: 120px; border-radius: 50%; /*border: 1px solid #000;*/ } .memberList .memberUl .border{ border: 1px solid #ddd; } .footer{ width:100%; padding: 60px 0; /*margin-top: 45px;*/ background-color: #000; opacity: 0.8; filter: alpha(opacity=80); text-align: center; } .footer .apply-btn{ float: none; margin: 30px auto; } .footer .phoneNum{ margin:0 auto; color: #fff; text-align: center; font-size: 20px; line-height: 2; font-weight: bold; } .footer .phoneNum:first-child{ font-size: 25px; margin-bottom: 10px; } .footer div{ color: #fff; } .footer .ba *{ display: inline-block; vertical-align: middle; } .footer .ba img{ width: 20px; margin-right: 5px; } .footer .ba:hover p{ text-decoration: underline; } .qr{ width: 100%; height: 100%; position: fixed; background-color: rgba(0,0,0,0.4); top:0; display: none; } .downcode{ width:288px; height: 375px; background: #ffffff; border-radius: 8px; position: absolute; left: 50%; top:50%; color:#313131; margin-left: -144px; margin-top: -185px; /*display: none;*/ } /*.qrAndroid .downcode,.qrIos .downcode{ height: 340px; }*/ .downcode p{text-align: center;margin-top:35px;font-size: 18px;} .downcode p .tv{color: #31a0f8;} .downcode img{width: 180px;margin: 0 auto;display: block;margin-top:25px;} .downcode .text{text-align: center;margin-top: 20px;line-height: 1.8;font-size: 14px; } .downcode a{margin-top: 5px;color:#313131;display: inline-block;border-bottom: 1px solid #313131;line-height: 1.4; } .close{ position: absolute; top: 5px; cursor: pointer; color: rgba(0,0,0,0.3); width: 15px; height: 15px; font-size: 20px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; right: 10px; font-weight: lighter; } .issue-parallax{ height: 400px; background:no-repeat fixed none; background-size: 100%; margin-bottom: 20px; /*margin-top: 120px;*/ } .issue-loge{ font-style: normal; } .issue-loge img{ width: 40%; display: block; margin: 0px auto; padding-top: 150px; } .issue-loge .text{ width: 100%; padding-top: 140px; /*height: 400px; line-height: 400px;*/ display: block; margin: 0px auto; text-align: center; font-size: 64px; color: #fff; } .issue-loge .sub-text{ padding-top: 0; font-size: 26px; } .issue-loge .mark{ width:500px; float: right; color: #fff; } .moliheDescribe{ width:765px; line-height: 27px; margin:80px auto 60px; color: #686868; text-align: center; } .moliheDescribe img{ height: 17px; margin-left: 5px; margin-bottom: -3px; } .issue-loge .mark .molihe{ width: 100%; padding-top: 52px; } .issue-loge .mark .molihe .moliheLogo{ width:64px; height: 64px; background: url("../images/app_logo.png"); background-size: 100%; } .issue-loge .mark .molihe .molihetext{ padding-left: 3px; line-height: 1.8; font-size: 20px; } .issue-loge .mark .describe{ width: 100%; padding-top: 40px; font-size: 26px; } .issue-loge .mark .btnList{ width: 100%; padding-top: 53px; font-size: 18px; } .issue-loge .mark .btnList .btn{ display: inline-block; width:159px; /*height:44px;*/ /*line-height: 45px;*/ padding: 10px 0; text-align: center; border: 1px solid #fff; border-radius: 30px; cursor: pointer; } .issue-loge .mark .btnList .btn:hover{ border: 2px solid #fff; padding: 9px 0; width:157px; /*width:157px; height:42px;*/ } .issue-loge .mark .btnList .iosBtn{ margin-left: 31px; } .union-case .union-case-title{text-align: center;margin-bottom: 48px;font-size: 40px;color:#666;} .union-case .union-case-banner{margin-bottom: 30px;} .union-case .union-case-banner>img{width: 100%;} .union-case-info{width: 960px;margin: 0px auto 95px;} .union-case-info .info-left {width: 62%;margin-right: 3%;} .union-case-info .info-left p{padding-top: 20px;line-height: 37px;font-size: 17px;} .union-case-info .info-right span{font-size: 41px; color: #666; padding-left: 10px;} .union-case-info .info-right .all img{width: 34px;vertical-align: middle;margin-right: 12px;position: relative;top:-2px;} .union-case-info .info-right .all img.last{margin-right: 0;} .union-case-info div{float: left; font-size: 20px;} .union-case-info div.all{padding-left: 5px;} .union-case-info p {margin: 0;color: #666;line-height: 1.6;} .union-case-info .info-right {width: 30%;margin-left: 5%;} .union-case-info h2{font-size: 30px;color: #666;font-family: 'Open Sans', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 微软雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;margin: 0px 0px 25px;padding: 20px 0px 15px;border-bottom: 1px solid #999;font-weight: normal;} a{text-decoration: none;color: #fff;} .apply-btn{display: block; width: 176px; height: 45px; background: url(../images/58b7c3c264d72.png); background-size: cover; background-repeat: no-repeat; text-align: center; line-height: 45px; color: #fff; margin-top: 50px; float: left; cursor: pointer; background-image: -webkit-image-set(url(../images/58b7c3c264d72.png) 1x,url(//cs.vmovier.com/Uploads/Activity/2017-03-02/58b7c1e7b27dc.png) 2x); background-image: -moz-image-set(url(../images/58b7c3c264d72.png) 1x,url(//cs.vmovier.com/Uploads/Activity/2017-03-02/58b7c1e7b27dc.png) 2x); background-image: -ms-image-set(url(../images/58b7c3c264d72.png) 1x,url(//cs.vmovier.com/Uploads/Activity/2017-03-02/58b7c1e7b27dc.png) 2x); background-image: -o-image-set(url(../images/58b7c3c264d72.png) 1x,url(//cs.vmovier.com/Uploads/Activity/2017-03-02/58b7c1e7b27dc.png) 2x); background-image: image-set(url(../images/58b7c3c264d72.png) 1x,url(//cs.vmovier.com/Uploads/Activity/2017-03-02/58b7c1e7b27dc.png) 2x);} .apply-btn:hover{background-position: 0 -45px;} /*.union-case-info span {display: block;width: 100%;background-color: #3d3d3d;color: #fff;text-align: center;line-height: 55px;height: 55px;margin: 27px 0 20px;font-weight: bold;letter-spacing: 2px;font-size: 20px;} .union-case-info span:hover{background-color: #646464;}*/ .serise-warp{text-align: center;margin-top: 20px;padding-bottom: 20px;} .serise-warp div{width: 190px;display: inline-block;margin: 0 10px;} .serise-warp div img{width: 100%;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;} .serise-warp div img:hover{box-shadow: 2px 2px 4px #999;} .serise-warp div h3{font-weight: normal;color: #545454;font-size: 16px;} .us{text-align: center;font-size: 0;} .us img{width: 254px;margin:0 36px 36px 0;} .toolbar {position: fixed;right: 0px;bottom: 150px; z-index: 9999;width: 40px;display: none;} .toolbar-item {display: block;} .toolbar>div{margin-top: 2px;height: 40px;float: left;} .toolbar>div a{ background-size: 100%!important; background-position: center!important; width: 40px!important; height: 40px!important; padding: 0!important; margin: 0!important; background-color: #ccc!important; background-repeat: no-repeat!important; background: none\9; } #bdshare{padding: 0!important;} .toolbar .bds_qzone{ background-image: url(../images/584e441b2b1c6.png);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/584e441b2b1c6.png',sizingMethod='scale'); } .toolbar .bds_weixin{ background-image: url(../images/584e442fd3ec1.png);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/584e442fd3ec1.png',sizingMethod='scale'); } .toolbar .bds_tsina{ background-image: url(../images/584e444f17f54.png); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/584e444f17f54.png',sizingMethod='scale'); } .toolbar-item-top{ background-image: url(../images/584e4463a71ac.png);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/584e4463a71ac.png',sizingMethod='scale'); } .toolbar-item-top:hover{opacity: 0.7;filter: alpha(opacity=70);} /* CSS Document */ @font-face { font-family: 'pala'; src: url('fonts/pala.eot'); src: local('☺'), url('fonts/pala.woff') format('woff'), url('fonts/pala.ttf') format('truetype'), url('fonts/pala.svg') format('svg'); font-weight: normal; font-style: normal; } body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, font, form, p, h1, h2, h3, h4, h5, h6, span, a { padding: 0px; margin: 0px;outline:none; } input, select { font-size: 13px; line-height: 16px; } html, body { -webkit-text-size-adjust: none; font-size: 13px; color: #666666; }/*google浏览器字体兼容*/ body { font-family:"微软雅黑", "宋体",Arial, Helvetica, sans-serif; width: 100%; background: #ffffff; } img { border: 0; } ul, li { list-style-type: none; } .cl { clear: both; } .fl { float: left; } .fr { float: right; } .tc { text-align: center; } .tl { text-align: left; } .tr { text-align: right; } .dis { display: block; } .undis { display: none; } .f12 { font-size: 12px } .f14 { font-size: 14px } .f16 { font-size: 16px } .f18 { font-size: 18px } .fb { font-weight: bold } .line30 { line-height: 30px; } .line35 { line-height: 35px; } .border_bottom { border-bottom: 1px #CCCCCC dashed; } DIV.none { DISPLAY: none } .display { display: block } .space { height: 5px; clear: both; _height: 0px; line-height: 5px } .left { float: left } .right { float: right } .container { width: 1400px; margin: 0 auto; } .container1{width: 1200px; margin: 0 auto;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .margin_bottom30 { margin-bottom: 30px; } /*index start*/ .logol{} .logor{} .lantop{ width:200px;} .search{ width:50px; height:auto; padding-top:24px;} .heads{position: relative; z-index: 9999;} .heads .headrls { width: 0; background: #fff; position: absolute; z-index: 99999; top: 24px; right: 0; margin: 0; -webkit-transition: all .4s; transition: all .4s; overflow: hidden;} .heads .headrls form{ padding: 17px;height: 35px; width:310px;} .heads.headshow .headrls { width: 344px; border:1px #ccc solid;} .heads .headrls img { position: absolute; z-index: 10000; top: -7px; right: 14px; display:none; } .headrls_sub { width: 60px; height: 35px; border: 0; background: url(../images/top_search_sub.png) no-repeat 50% 50% #fff; cursor: pointer; outline:none;} .headrls_text { width: 250px; height: 35px; border: 0; line-height: 35px; background: #fff; color: #666666; font-size: 14px; text-indent: 15px; outline:none;} .phone{ width:150px; height:auto; padding-top:8px;} .phone_t{ font-size:14px; color:#fff; line-height:23px;} .phone_c{ line-height:26px; color:#b92822; font-family:Arial, Helvetica, sans-serif; font-size:20px;} /* banner */ .flexslider { position: relative; height: auto; overflow: hidden;} .slides { position: relative; z-index: 1; } .slides li { height: auto; } .slides li a { display: block; width: 100%; height: auto; margin: 0 auto; overflow:hidden; } .slides li a img{ display:block; width:100%; height:auto;} .flex-control-nav { position: absolute; bottom: 50px; z-index: 9999; width: 100%; text-align: center; } .flex-control-nav li { display: inline-block; width: auto; height: 12px; margin: 0 5px; *display:inline;zoom: 1; } .flex-control-nav a { display: inline-block; width: 12px; height: 12px; line-height: 12px; overflow: hidden; background:url(../images/icon.png) no-repeat; cursor: pointer; color: #fff; font-size: 0; } .flex-control-nav .flex-active { width: 12px; height: 12px; line-height: 12px;background:url(../images/icon_over.png) no-repeat; color: #fff; } .slides li a .video{ display:block; width:100%; height:auto;} /* Direction Nav */ /*.flex-direction-nav {*height: 0;} .flex-direction-nav a { text-decoration:none; display: block; width: 54px; height: 54px; margin: -27px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; text-indent:-999em } .flex-direction-nav .flex-prev {opacity:1;left: 30px; background:url(../images/prev.png) no-repeat; } .flex-direction-nav .flex-next { opacity:1;right: 30px; background:url(../images/next.png) no-repeat;} .flexslider:hover .flex-prev { opacity:1; left: 30px;} .flexslider:hover .flex-next { opacity:1; right: 30px;} .flexslider:hover .flex-next:hover{ background:url(../images/next_over.png) no-repeat;} .flexslider:hover .flex-prev:hover { opacity: 1;background:url(../images/prev_over.png) no-repeat; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }*/ .icatelog{ margin:45px auto 50px auto;} .items { flex: 1; text-align: center; position: relative; height: 400px; background: no-repeat center; background-size: 100% auto; } .flex-row { display: flex; flex-direction: row; justify-content: center; align-items: center; } .items-apply-block { height: 400px; background-color: #fff; } .item-title { font-size: 20px; font-weight: bold; color: #fff; padding: 20px 0; position: relative; } .items:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, .6); transition: all .4s cubic-bezier(.4, 0, .2, 1); } .items:hover:before { background-color:#099DE3; } .item-1 { background-image: url(../images/11.jpg); } .item-2 { background-image: url(../images/12.jpg); } .item-3 { background-image: url(../images/13.jpg); } .item-4 { background-image: url(../images/17.jpg); } .item-5 { background-image: url(../images/014.jpg); } .item-title:before { content: ""; position: relative; display: block; width: 20px; border-bottom: 2px solid #fff; margin: 0 auto 20px; transition: all .4s cubic-bezier(.4, 0, .2, 1); } .items:hover .item-title:before { opacity: 0; margin-bottom: 0; } .items .img-block { position: relative; margin-top: 120px; margin-left:0; transition: all .4s cubic-bezier(.4, 0, .2, 1); } .items:hover .img-block { margin-top: 96px; } .item-p-block { position: relative; transition: all .4s cubic-bezier(.4, 0, .2, 1); opacity: 0; margin-top: 10px; } .items:hover .item-p-block { display: block; opacity: 1; margin-top: 0; } .items-case .flex-row { justify-content: space-between; margin-top: -1px; } .items-case .item { height: 90px; margin: 0; flex: 1; margin-left: -1px; position: relative; border: 1px solid #eee; transition: all .3s ease; } .items-case .item:hover { z-index: 1; border-color: #b92822; } .items-case .item a { display: block; height: 100%; } .items-case .item img { transition: all .3s ease; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .items-case .item .img-b { opacity: 0; visibility: hidden; } .items-case .item:hover .img-a { opacity: 0; visibility: hidden; } .items-case .item:hover .img-b { opacity: 1; visibility: visible; } .items-note { height: 100px; background: url(../images/img-itms-note-bg.png) no-repeat center bottom; padding: 90px 0 0; } .items-note .item-p { color: #fff; font-size: 18px; line-height: 20px; } .item-p { color: #fff; font-size: 16px; line-height: 10px !important; margin-bottom: 0px !important; TEXT-DECORATION: none !important; width:315px; padding-left:30px; } .item-p { color: #fff; font-size: 16px; line-height: 28px !important; margin-bottom: 0px !important; TEXT-DECORATION: none !important; } /*------------------*/ .hover-img:hover > img, .hover-img:active > img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -transform: scale(1.1); } .hover-img > img, .hover-img:hover > img, .hover-img:active > img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } img { border: 0; vertical-align: middle; max-width: 100%; } .term-content { width: 100%; height: 12vw; float: left; } .term-content { float: left; width: 20%; height: 12vw; position: relative; } .hover-img { overflow: hidden; float: left; } .term-content img { float: left; width: 100%; height: 12vw; position: relative; } .term-content img { width: 100%; float: left; height: 12vw; } .term-list { width: 100%; height: 300PX; PVERFLOW: HIDDEN; POSITION: ABSOLUTE; Z-INDEX: 1001; float: left; } .text/javascript { width: 100%;height: 300px;PVERFLOW:HIDDEN;POSITION:ABSOLUTE;z-index:1001;float: left; } .icase{ margin:10px auto 50px auto;} .icaset{ text-align:center;display: flex; flex-direction: row; justify-content: center; align-items: center;} .icasetl{ display:inline-block;} .icasetr{ display:inline-block; padding-left:10px;} .icaset_t{ font-size:20px; color:#808080; line-height:25px; text-align:left;} .icaset_i{ font-size:30px; color:#c52a27; line-height:50px; text-align:left;} .icasei{ margin:20px auto; height:35px; line-height:35px; background:url(../images/i_case_tt_bg.jpg) repeat-x 50%; text-align:center;} .icasei p{ display:inline-block; padding:0 50px; font-size:16px; color:#696969; background:#fff;} .icasec{ margin-bottom:25px;} .icasect{ padding-left:24px; background:url(../images/bjbt.png) no-repeat left 50%; line-height:32px; color:#000; font-size:24px;} .icasect a{ font-size:14px;} .icasecc{ padding-top:20px;} .icasecc ul li{ width:405px; height:auto; float:left; margin:0 28px 25px 0;} .icasecc ul li a{ display:block; position:relative; z-index:9;} .icasecc ul li a .icasecc_img{ width:405px; height:230px; overflow:hidden; margin-bottom:6px;} .icasecc_over{ display:none; width:405px; height:230px; position:absolute; top:0; left:0; z-index:10; background:url(../images/icasecc_over.png) no-repeat;} .icasecc ul li a p{ text-align:center; line-height:30px; font-size:14px;} .icasecc ul li a:hover .icasecc_over{ display:block;} .ifeature{} .ifeaturec{ width:100%; height:auto; overflow:hidden; padding-top:10px;} .ifeaturec ul li{ display:block; width:20%; height:auto; float:left;} .ifeaturec ul li a{ display:block; width:100%; height:auto; overflow:hidden;} .ifeaturec ul li a img{ display:block; width:100%; height:auto;-webkit-transition: all ease .3s;transition: all ease .3s} .ifeaturec ul li a img:hover { -webkit-transform: scale(1.15); transform: scale(1.15); box-shadow: 0px 0px 18px rgba(0,0,0,.5); } .ipartner{ margin:35px auto 60px auto;} .ipartnerc{ margin-top:35px;position:relative;} .ipartnerc .hd{ } .ipartnerc .hd .prev,.ipartnerc .hd .next{ display:block; width:25px; height:46px; overflow:hidden;cursor:pointer; position:absolute; z-index:10; top:50%; margin-top:-23px;} .ipartnerc .hd .prev{ background:url(../images/i_partner_prev.jpg) no-repeat; left:-44px;} .ipartnerc .hd .prev:hover{ background:url(../images/i_partner_prev_over.jpg) no-repeat;} .ipartnerc .hd .next{ background:url(../images/i_partner_next.jpg) no-repeat; right:-44px;} .ipartnerc .hd .next:hover{ background:url(../images/i_partner_next_over.jpg) no-repeat;} .ipartnerc .bd ul li{ width:230px; height:auto; float:left; margin-right:28px;} .ipartnerc .bd ul li img{ width:228px; height:163px; border:1px #ededed solid;} .ipartnerc .bd ul li a:hover img{ border:1px #c52a27 solid;} .foot{ width:100%; height:auto; background:#333333;} .foot .container{ padding:45px 0 50px 0;} .foot_1{ width:200px; height:auto;} .foot_1t{ padding-bottom:20px; background:url(../images/foot_dl_dt_line.jpg) no-repeat left bottom; font-size:18px; color:#D3D3D3; margin-bottom:18px;} .foot_1c{} .foot_1c a{ display:block; line-height:26px; font-size:14px; color:#808080; height:26px; overflow:hidden;} .foot_2{width:220px; height:auto;} .foot_3{width:230px; height:auto;} .foot_4{width:320px; height:auto;} .foot_5{ width:270px;} .foot_5c{line-height:26px; font-size:14px; color:#808080} .foot_5c_1{ padding-left:23px; background:url(../images/foot_icon1.jpg) no-repeat left 5px; margin-bottom:5px;} .foot_5c_2{ padding-left:23px; background:url(../images/foot_icon2.jpg) no-repeat left 5px; margin-bottom:5px;} .foot_5c_3{ padding-left:23px; background:url(../images/foot_icon3.jpg) no-repeat left 5px; margin-bottom:5px;} .foot_5c_4{ padding-left:23px; background:url(../images/foot_icon4.jpg) no-repeat left 5px;} .copyright{ width:100%; height:auto; line-height:25px; padding:10px 0; background:#222222;} /*index end*/ /*about start*/ .about_banner{ width:100%; height:300px; overflow:hidden; position:relative; z-index:9;} .about_bannerc{ width:292px; height:142px; background:url(../images/pp.png) no-repeat; text-align:center; padding-top:30px; position:absolute; z-index:10; top:100px; left:50%; margin-left:-196px;} .about_bannerc_t{ font-size:36px; color:#b92822; line-height:50px;} .about_bannerc_line{ display:none; margin:5px auto 20px auto; width:167px; height:1px; background:#fff;} .about_bannerc_i{ padding-top:30px; font-size:24px; color:#fff; line-height:40px;} .ncontent{ margin:30px auto;} .conleft{ width:224px; height:auto;} .conleft_t{ width:100%; height:40px; background:#b92822; color:#fff; text-indent:25px; font-size:16px; line-height:40px;} .conleft_c{ border-top:2px #f0f0f0 solid;border-bottom:2px #f0f0f0 solid;border-left:1px #f0f0f0 solid;border-right:1px #f0f0f0 solid;} .conleft_c ul li{} .conleft_c ul li a{ display:block; width:100%; height:40px; border-bottom:1px #f0f0f0 solid; line-height:40px; text-indent:15px; font-size:14px; color:#333;} .conleft_c ul li a span{ color:#d9d9d9; padding-right:10px;} .conleft_c ul li a:hover{ color:#b92822; background:#eff8f8;} .conleft_c ul li a.ncurr{ color:#b92822; background:#eff8f8;} .conright{ width:950px; height:auto;} .location{ padding:0 20px; line-height:30px; background:#f5f5f5; text-align:right;} .location p{ display:inline-block; padding-left:18px; background:url(../images/home.jpg) no-repeat left 50%; font-size:13px;} .aboutc{ padding:20px 0; font-size:14px; line-height:26px;} .aboutc img{ max-width:100%; height:auto;} /*about end*/ /*case start*/ .ccontent{ margin:0 auto 20px auto;} .clist{} .nlocation{ text-indent:18px; background:url(../images/home.jpg) no-repeat left 50%; font-size:13px; line-height:45px;} .ncate{ padding:20px 0; text-align:center;} .ncate a{ display:inline-block; height:44px; padding:0 30px; min-width:110px; text-align:center; font-size:18px; color:#333; margin-right:10px; background:#ececec; line-height:44px;} .ncate a:hover{ background:#c32727; color:#fff;} .ncate a.ncatecurr{ background:#c32727; color:#fff;} /*case end*/ /*contact start*/ .map{ width:100%; height:auto; overflow:hidden;} .map .container1{ padding:115px 0 50px 0;} .mapc{ width:380px; height:auto; padding:20px 40px 50px 40px;background-color: rgba(255, 255, 255, 0.82);-moz-box-shadow:0px 0px 25px #333333; -webkit-box-shadow:0px 0px 25px #333333; box-shadow:0px 0px 25px #333333; line-height:30px; color:#333;} .mapc_1{color:#b92822; font-size:30px; line-height:50px;} .mapc_2{ font-size:16px;} .mapc_2 span{ font-size:28px;} .mapc_3{ color:#b92822; font-size:20px; line-height:50px; padding:15px 0 8px 0;} .mapc_4{} .mapc_4_1{ padding-left:37px; background:url(../images/contact_icon1.jpg) no-repeat left 6px;} .mapc_4_2{ padding-left:37px; background:url(../images/contact_icon2.jpg) no-repeat left 6px;} .mapc_4_3{ padding-left:37px; background:url(../images/contact_icon3.jpg) no-repeat left 6px;} .mapc_4_4{ padding-left:37px; background:url(../images/contact_icon4.jpg) no-repeat left 6px;} .mapc_4_5{ padding-left:37px; background:url(../images/contact_icon5.jpg) no-repeat left 6px;} .mapc_4_6{ padding-left:37px; background:url(../images/contact_icon6.jpg) no-repeat left 6px;} .cmessage{ width:100%; height:750px; background:url(../images/message_bg.jpg) no-repeat 50% top;} .cmessage .container1{ padding-top:80px;} .cmessagec{ width:500px; height:auto; padding:30px 60px 50px 60px;background-color: rgba(255, 255, 255, 0.82);-moz-box-shadow:0px 0px 25px #333333; -webkit-box-shadow:0px 0px 25px #333333; box-shadow:0px 0px 25px #333333;} .cmessagect{color:#b92822; font-size:30px; line-height:50px; margin-bottom:10px;} .cmessagec1{ margin-bottom:13px;} .mess_textarea{ width:94%; height:126px; background:#fff; border:1px #cccccc solid; padding:10px 3%; color:#333; line-height:25px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .mess_text{ width:94%; height:38px; line-height:38px;border:1px #cccccc solid;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:0 3%;} .mess_text_s{ width:34%; height:38px; line-height:38px;border:1px #cccccc solid;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:0 3%;} .mess_submit{ width:50%; height:38px; line-height:38px; color:#fff; font-size:14px; border:0; background:#666666;} /*contact end*/ @media screen and (max-width: 992px) { .videoShow{width: 100%;left: 0;margin-left: 0;} } @media screen and (min-width: 1200px) { .videoShow{width: 700px;height: 434px;margin: -217px 0 0 -350px;} } @media screen and (min-width: 1500px) { .videoShow{width: 800px;height: 500px;margin: -250px 0 0 -400px;} } .middle{ width:1200px; margin:auto; text-align:left} .common-title{color: #444;font-size:26px;font-weight: 600;margin-bottom: 12px; text-align: center;} .common-tit{color: #666;font-size: 14px;line-height: 22px; text-align:center;} .common-tit1{color: #666;font-size: 20px;line-height: 22px;text-align:center; margin:20px;} .position{font-size: 14px;color: #999;padding: 12px 0 15px} .position a{color: #999;} .banner .flex-control-nav{left:50%;margin:auto;margin-left:-600px;width:1200px;} .banner .flex-control-paging li a{overflow:hidden;border-radius:100%;letter-spacing:-9999em;} .index-content-main .dete-list ul{overflow:hidden;padding:30px 0 35px;} .index-content-main .dete-list ul li{float:left;width:25%;color:#999;text-align:center;font-size:14px;} .index-content-main .dete-list ul li .icon{margin-bottom:10px;padding-left:39%;text-align:left;} .index-content-main .dete-list ul li.first .icon{padding-left:43%;} .index-content-main .why-main{padding:55px 0;background:#f6f6f6;} .wenan-main{padding-bottom:100px;} .wenan-main .wenan-left{width:870px;} .wenan-main .wenan-left .wenan-list li{overflow:hidden;margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #ddd;} .wenan-main .wenan-left .wenan-list .pic{position:relative;float:left;display:block;margin-right:20px;width:250px;} .wenan-main .wenan-left .wenan-list .pic img{width:250px;height:160px;} .wenan-main .wenan-left .wenan-list .pic span{position:absolute;top:6px;left:8px;display:block;padding:0 6px;height:20px;border-radius:4px;background:url(../images/bgicon.png);color:#fff;font-size:12px;line-height:20px;} .wenan-main .wenan-left .wenan-list .text{overflow:hidden;} .wenan-main .wenan-left .wenan-list .text .title{color:#444;font-size:18px;} .wenan-main .wenan-left .wenan-list .text .title:hover{color:#5185ff;} .wenan-main .wenan-left .wenan-list .text .des{overflow:hidden;padding:8px 0 22px;height:88px;color:#666;font-size:14px;line-height:22px;} .wenan-main .wenan-left .wenan-list .text .time{color:#999;font-size:14px;} .wenan-main .wenan-left .wenan-list .text .data{padding:0 55px 0 16px;} .wenan-main .wenan-left .wenan-list .text .pl{padding-left:21px;background:url(../images/plicon.png) no-repeat left center;} .wenan-main .wenan-left .wenan-list .text .dz{margin:0 18px;padding-left:21px;background:url(../images/dzicon.png) no-repeat left center;} .wenan-main .wenan-left .wenan-list .text .sc{padding-left:18px;background:url(../images/scicon.png) no-repeat left center;} .wenan-main .wenan-right{width:300px;} .wenan-main .wenan-right .right-box{margin-bottom:18px;padding:18px 20px;background:#f6f6f6;} .wenan-main .wenan-right .right-box .right-title{height:24px;color:#282828;font-weight:600;font-size:18px;line-height:24px;} .wenan-main .wenan-right .right-box .right-title i{float:left;margin:5px 10px 0 0;width:4px;height:16px;background:#5185ff;} .wenan-main .wenan-right ul li{margin-top:14px;padding-left:15px;height:20px;background:url(../images/li-bg.png) no-repeat left center;line-height:20px;} .wenan-main .wenan-right ul li a{color:#444;font-size:14px;} .wenan-main .wenan-right .listbox a:hover,.wenan-main .wenan-right ul li a:hover{color:#5185ff;} .wenan-main .wenan-right dl dt{padding-bottom:4px;} .wenan-main .wenan-right dl dd{margin-top:10px;} .wenan-main .wenan-right dl dd .icon{float:left;margin-right:10px;} .wenan-main .wenan-right dl dd .des{overflow:hidden;height:50px;border-bottom:1px dashed #ddd;color:#444;font-size:14px;line-height:20px;} .wenan-main .wenan-right dl dd.last .des{border-bottom:none;} .wenan-main .wenan-right .listbox a{display:block;overflow:hidden;margin-top:10px;} .wenan-main .wenan-right .listbox .pic{float:left;margin-right:5px;} .wenan-main .wenan-right .listbox .pic img{width:100px;height:70px;} .wenan-main .wenan-right .listbox .titlebox{overflow:hidden;color:#444;line-height:24px;} .wenan-main .wenan-right .listbox a:hover .titlebox{color:#5185ff;} .mtyy-content-main .why-mtyy{overflow:hidden;padding:50px 0 40px;background:#f6f6f6;} .mtyy-content-main .why-mtyy .mtyy-content{padding-top:60px;} .mtyy-content-main .why-mtyy .pic{margin:0 75px 0 135px;} .mtyy-content-main .why-mtyy .text{overflow:hidden;padding-right:70px;color:#444;font-size:14px;line-height:45px;} .mtyy-content-main .mtyyfu-main{overflow:hidden;padding:75px 0 80px;} .mtyy-content-main .mtyyfu-main .common-title{text-align:center;} .mtyy-content-main .mtyyfu-main ul li{float:left;margin-top:55px;width:33.3333%;color:#999;text-align:center;font-size:13px;line-height:24px;} .mtyy-content-main .mtyyfu-main ul li .title{color:#444;font-size:18px;} .mtyy-content-main .mtyyfu-main ul li .line{display:block;margin:10px auto;width:15px;height:2px;background:#5185ff;} .mtyy-content-main .mtyyfu-main ul li .icon01{margin-bottom:18px;height:127px;background:url(../images/mtyyfuicon01.png) no-repeat center center;} .mtyy-content-main .mtyyfu-main ul li .icon02{margin-bottom:18px;height:127px;background:url(../images/mtyyfuicon02.png) no-repeat center center;} .mtyy-content-main .mtyyfu-main ul li .icon03{margin-bottom:18px;height:127px;background:url(../images/mtyyfuicon03.png) no-repeat center center;} .mtyy-content-main .mtyyfu-main ul li:hover .icon01{background:url(../images/mtyyfuicon01-current.png) no-repeat center center;} .mtyy-content-main .mtyyfu-main ul li:hover .icon02{background:url(../images/mtyyfuicon02-current.png) no-repeat center center;} .mtyy-content-main .mtyyfu-main ul li:hover .icon03{background:url(../images/mtyyfuicon03-current.png) no-repeat center center;} .myyx--content-main{overflow:hidden;padding-bottom:45px;background:#f6f6f6;} .myyx--content-main ul li .pic{margin-bottom:25px;} .mtzy-main{padding:70px 0;} .mtzy-main .tab-tit li{display:inline-block;margin:5px 12px 0;width:110px;height:36px;border-radius:6px;color:#666;text-align:center;font-size:14px;line-height:36px;cursor:pointer;} .mtzy-main .tab-tit li.current{background:#5185ff;color:#fff;} .mtzy-main .images-list ul{overflow:hidden;margin-left:-20px;} .mtzy-main .images-list ul li{float:left;display:table;margin:20px 0 0 20px;width:222px;height:88px;border:1px solid #ddd;border-radius:2px;text-align:center;} .mtzy-main .images-list ul li .img{display:table-cell;width:222px;height:88px;vertical-align:middle; padding-left:50px;} .mtzy-main .images-list ul li .img img{max-width:110px;max-height:80px;} .mtyy-hzlc-main{height:610px;background:url(../images/hzlcbg.jpg) no-repeat center top;} .mtyy-hzlc-main .common-title{padding-top:60px;} .mtyy-hzlc-main .lc-list{position:relative;height:380px;background:url(../images/lc-line.png) no-repeat left 210px;} .mtyy-hzlc-main .lc-list .box{position:absolute;width:190px;color:#444;text-align:center;font-size:14px;} .mtyy-hzlc-main .lc-list .box01{top:154px;left:33px;} .mtyy-hzlc-main .lc-list .box02{top:235px;left:226px;} .mtyy-hzlc-main .lc-list .box03{top:154px;left:430px;} .mtyy-hzlc-main .lc-list .box04{top:235px;left:620px;width:200px;} .mtyy-hzlc-main .lc-list .box05{top:154px;left:800px;} .mtyy-hzlc-main .lc-list .box06{top:235px;left:1005px;} .mtyy-hzlc-main .lc-list .box img{width:121px;} .mtyy-hzlc-main .lc-list .box p{margin-top:5px;} .mtyy-case-show-main{background:#f6f6f6 url(../images/caseshowbg.jpg) repeat-x left top;} .mtyy-case-show-main .common-title{padding:65px 0 20px;color:#fff;} .mtyy-case-show-main ul li{float:left;margin:0 12px;width:385px;height:385px;background:#fff;} .mtyy-case-show-main ul li .pic{display:block;overflow:hidden;height:255px;} .mtyy-case-show-main ul li .pic img{width:385px;min-height:255px;} .mtyy-case-show-main ul li .title{display:block;overflow:hidden;margin-top:15px;padding:0 20px;height:24px;color:#444;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:24px;} .mtyy-case-show-main ul li .title:hover{color:#5185ff;} .mtyy-case-show-main ul li .line{margin:10px 20px 5px;width:15px;height:2px;background:#5185ff;} .mtyy-case-show-main ul li .des{overflow:hidden;padding:0 20px;height:48px;color:#999;text-align:left;font-size:14px;line-height:24px;} .mtyy-case-show-main .list-main{position:relative;margin:auto;width:1228px;} .g-case .case_next,.g-case .case_prev,.g-why-main .why_next,.g-why-main .why_prev{position:absolute;top:50%;left:-28px;z-index:999;margin:-8px auto 0;width:28px;height:57px;background:url(../images/index_img24.png) no-repeat center;cursor:pointer;} .g-case .case_next,.g-why-main .why_next{right:-28px;left:auto;background:url(../images/index_img25.png) no-repeat center;} .mtyy-content-main .why-mtyy.why-rwyx .text{padding:10px 0 0 80px;width:520px;text-align:right;} .mtyy-content-main .why-mtyy.why-rwyx .pic{margin:0 110px;} .why-rwtg-main{padding:70px 0;} .why-rwtg-main .common-title{text-align:center;} .why-rwtg-main .rwtg-list{overflow:hidden;margin-left:-28px;} .why-rwtg-main .rwtg-list li{float:left;margin:20px 0 0 93px;width:520px;height:140px;} .why-rwtg-main .rwtg-list li .box{position:relative;padding:20px 58px 0 68px;height:120px;border-radius:6px;background:#f8f9fb;} .why-rwtg-main .rwtg-list li:first-child .box{background:#5185ff;} .why-rwtg-main .rwtg-list li .box .title{color:#444;font-size:16px;} .why-rwtg-main .rwtg-list li .box .des{overflow:hidden;margin-top:10px;height:66px;color:#999;font-size:14px;line-height:22px;} .why-rwtg-main .rwtg-list li:first-child .box .title, .why-rwtg-main .rwtg-list li:first-child .box .des{color:#fff;} .why-rwtg-main .rwtg-list li .box .icon{position:absolute;top:50%;left:-50px;margin-top:-50px;width:100px;height:100px;} .why-rwtg-main .rwtg-list li .box .icon01{background:url(../images/rwtgicon01.png) no-repeat left center;} .why-rwtg-main .rwtg-list li .box .icon02{background:url(../images/rwtg-icon02.png) no-repeat left center;} .why-rwtg-main .rwtg-list li .box .icon03{background:url(../images/rwtg-icon03.png) no-repeat left center;} .why-rwtg-main .rwtg-list li .box .icon04{background:url(../images/rwtg-icon04.png) no-repeat left center;} .why-rwtg-main .rwtg-list li .box .icon05{background:url(../images/rwtg-icon05.png) no-repeat left center;} .why-rwtg-main .rwtg-list li .box .icon06{background:url(../images/rwtg-icon06.png) no-repeat left center;} .why-rwtg-main .rwtg-list li:hover .box{background:#5185ff;} .why-rwtg-main .rwtg-list li:hover .box .des,.why-rwtg-main .rwtg-list li:hover .box .title{color:#fff;} .why-rwtg-main .rwtg-list li:hover .box .icon01{background:url(../images/rwtgicon01.png) no-repeat left center;} .why-rwtg-main .rwtg-list li:hover .box .icon02{background:url(../images/rwtgicon02.png) no-repeat left center;} .why-rwtg-main .rwtg-list li:hover .box .icon03{background:url(../images/rwtgicon03.png) no-repeat left center;} .why-rwtg-main .rwtg-list li:hover .box .icon04{background:url(../images/rwtgicon04.png) no-repeat left center;} .why-rwtg-main .rwtg-list li:hover .box .icon05{background:url(../images/rwtgicon05.png) no-repeat left center;} .why-rwtg-main .rwtg-list li:hover .box .icon06{background:url(../images/rwtgicon06.png) no-repeat left center;} .rwyxjz-main{padding:55px 0;background:#f6f6f6;} .rwyxjz-main ul{overflow:hidden;margin-left:-40px;} .rwyxjz-main ul li{float:left;margin:30px 0 0 40px;width:580px;height:140px;background:#b3bbd0;color:#fff;line-height:22px;} .rwyxjz-main ul li.list01{border-radius:100px 76px 0 100px;text-align:right;} .rwyxjz-main ul li.list03{border-radius:100px 0 76px 100px;text-align:right;} .rwyxjz-main ul li.list02{border-radius:76px 100px 100px 0;} .rwyxjz-main ul li.list04{border-radius:0 100px 100px 76px;} .rwyxjz-main ul li .title{padding:30px 135px 10px 35px;font-size:16px;} .rwyxjz-main ul li .des{padding-right:135px;padding-left:35px;} .rwyxjz-main ul li.list01 .des,.rwyxjz-main ul li.list01 .title,.rwyxjz-main ul li.list03 .des,.rwyxjz-main ul li.list03 .title{padding-right:65px;padding-left:115px;} .rwyxjz-main ul li.list01{background:#5185ff url(../images/yxjzicon01.png) no-repeat 15px center;} .rwyxjz-main ul li.list03{background:#b3bbd0 url(../images/yxjzicon03.png) no-repeat 15px center;} .rwyxjz-main ul li.list02{background:#b3bbd0 url(../images/yxjzicon02.png) no-repeat 465px center;} .rwyxjz-main ul li.list04{background:#b3bbd0 url(../images/yxjzicon04.png) no-repeat 465px center;} .rwyxjz-main ul li.list01:hover{background:#5185ff url(../images/yxjzicon01.png) no-repeat 15px center;} .rwyxjz-main ul li.list03:hover{background:#5185ff url(../images/yxjzicon03.png) no-repeat 15px center;} .rwyxjz-main ul li.list02:hover{background:#5185ff url(../images/yxjzicon02.png) no-repeat 465px center;} .rwyxjz-main ul li.list04:hover{background:#5185ff url(../images/yxjzicon04.png) no-repeat 465px center;} .wmnwnzsm-main ul{overflow:hidden;background:url(../images/wmnwnzsm.png) no-repeat center 120px;} .mtyy-content-main .wmnwnzsm-main ul li .icon01{margin-bottom:18px;height:127px;background:url(../images/wmnwnzsmicon01.png) no-repeat center center;} .mtyy-content-main .wmnwnzsm-main ul li .icon02{margin-bottom:18px;height:127px;background:url(../images/wmnwnzsmicon02-current.png) no-repeat center center;} .mtyy-content-main .wmnwnzsm-main ul li .icon03{margin-bottom:18px;height:127px;background:url(../images/wmnwnzsmicon03.png) no-repeat center center;} .mtyy-content-main .wmnwnzsm-main ul li:hover .icon01{background:url(../images/wmnwnzsmicon01-current.png) no-repeat center center;} .mtyy-content-main .wmnwnzsm-main ul li:hover .icon02{background:url(../images/wmnwnzsmicon02-current.png) no-repeat center center;} .mtyy-content-main .wmnwnzsm-main ul li:hover .icon03{background:url(../images/wmnwnzsmicon03-current.png) no-repeat center center;} .rhzrwtg-main{padding:55px 0;background:#f6f6f6;} .rhzrwtg-main .rhzrwtg-box{overflow:hidden;} .rhzrwtg-main .rhzrwtg-box .box{float:left;margin:90px 0 0 80px;width:240px;height:270px;background:url(../images/rhzrwtg.png) no-repeat left center;color:#fff;text-align:center;} .rhzrwtg-main .rhzrwtg-box .first{margin-left:0;} .rhzrwtg-main .rhzrwtg-box .box.enve{margin-top:190px;} .rhzrwtg-main .rhzrwtg-box .box .icon{padding-top:38px;height:70px;} .rhzrwtg-main .rhzrwtg-box .box .title{font-size:18px;} .rhzrwtg-main .rhzrwtg-box .box .line{margin:10px auto;width:15px;height:2px;background:#fff;} .rhzrwtg-main .rhzrwtg-box .box .des{padding:0 35px;line-height:20px;} .rwyxyy-main{padding:75px 0;} .rwyxyy-main .rwyxyy-content{margin-top:50px;min-height:200px;background:url(../images/rwyxyy-content.png) no-repeat center top;} .rwyxyy-main .rwyxyy-content .rwyxyy-tit,.rwyxyy-main .rwyxyy-content .rwyxyy-title{color:#fff;text-align:center;font-size:24px;} .rwyxyy-main .rwyxyy-content .rwyxyy-tit{padding-top:45px;} .rwyxyy-main .rwyxyy-content .rwyxyy-title{font-weight:700;} .rwyxyy-main .rwyxyy-content ul{overflow:hidden;margin-left:-25px;padding-top:74px;} .rwyxyy-main .rwyxyy-content ul li{float:left;overflow:hidden;margin-left:25px;width:218px;height:268px;border:1px solid #ccc;border-radius:6px;} .rwyxyy-main .rwyxyy-content ul li .icon{margin-top:19px;height:80px;} .rwyxyy-main .rwyxyy-content ul li .icon01{background:url(../images/yxyyicon01.png) no-repeat center center;} .rwyxyy-main .rwyxyy-content ul li .icon02{background:url(../images/yxyyicon2.png) no-repeat center center;} .rwyxyy-main .rwyxyy-content ul li .icon03{background:url(../images/yxyyicon3.png) no-repeat center center;} .rwyxyy-main .rwyxyy-content ul li .icon04{background:url(../images/yxyyicon4.png) no-repeat center center;} .rwyxyy-main .rwyxyy-content ul li .icon05{background:url(../images/yxyyicon5.png) no-repeat center center;} .rwyxyy-main .rwyxyy-content ul li .title{height:38px;color:#444;text-align:center;font-size:16px;line-height:38px;} .rwyxyy-main .rwyxyy-content ul li .des{height:61px;color:#666;text-align:center;font-size:14px;} .rwyxyy-main .rwyxyy-content ul li .des p{margin-top:5px;} .rwyxyy-main .rwyxyy-content ul li .des p span{display:inline-block;width:80px;text-align:left;} .rwyxyy-main .rwyxyy-content ul li .bottom{display:table-cell;width:218px;height:70px;background:#f6f6f6;color:#999;vertical-align:middle;text-align:center;font-size:16px;line-height:22px;} .rwyxyy-main .rwyxyy-content ul li:first-child{border:1px solid #5185ff;} .rwyxyy-main .rwyxyy-content ul li:first-child .bottom{background:#5185ff;color:#fff;} .rwyxyy-main .rwyxyy-content ul li:hover{border:1px solid #5185ff;} .rwyxyy-main .rwyxyy-content ul li:hover .icon01{background:url(../images/yxyyicon01.png) no-repeat center center;} .rwyxyy-main .rwyxyy-content ul li:hover .icon02{background:url(../images/yxyyicon02.png) no-repeat center center;} .rwyxyy-main .rwyxyy-content ul li:hover .icon03{background:url(../images/yxyyicon03.png) no-repeat center center;} .rwyxyy-main .rwyxyy-content ul li:hover .icon04{background:url(../images/yxyyicon04.png) no-repeat center center;} .rwyxyy-main .rwyxyy-content ul li:hover .icon05{background:url(../images/yxyyicon05.png) no-repeat center center;} .rwyxyy-main .rwyxyy-content ul li:hover .bottom{background:#5185ff;color:#fff;} .host-tc-main{background:#f6f6f6;} .mtyy-case-show-main.host-tc-main .common-title{color:#444;} .mtyy-case-show-main .list-main{width:1244px;} .mtyy-case-show-main.host-tc-main ul{padding:20px 20px 50px;} .mtyy-case-show-main.host-tc-main ul li{margin:0;width:300px;height:400px;border-right:1px solid #ddd;transition:all .2s ease;} .mtyy-case-show-main.host-tc-main ul li:last-child{border-right:none;} .mtyy-case-show-main.host-tc-main ul li .title{margin-top:30px;color:#444;text-align:center;font-size:20px;} .mtyy-case-show-main.host-tc-main ul li .number{margin:15px 0;color:#5185ff;font-size:52px;} .mtyy-case-show-main.host-tc-main ul li .number span{font-size:20px;} .mtyy-case-show-main.host-tc-main ul li .tit{color:#5185ff;font-size:16px;} .mtyy-case-show-main.host-tc-main ul li .des{margin-top:16px;padding:0 30px;height:auto;color:#999;line-height:24px;} .mtyy-case-show-main.host-tc-main ul li .see-btn{display:block;margin:35px auto;width:158px;height:44px;border:1px solid #ddd;border-radius:6px;color:#999;text-align:center;font-size:14px;line-height:44px;} .mtyy-case-show-main.host-tc-main ul li:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 -1px 10px rgba(81,133,255,.3);-moz-box-shadow:0 -1px 10px rgba(81,133,255,.3);box-shadow:0 -1px 10px rgba(81,133,255,.3);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05);} .mtyy-case-show-main.host-tc-main ul li:hover .des,.mtyy-case-show-main.host-tc-main ul li:hover .number,.mtyy-case-show-main.host-tc-main ul li:hover .see-btn,.mtyy-case-show-main.host-tc-main ul li:hover .tit,.mtyy-case-show-main.host-tc-main ul li:hover .title{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);} .mtyy-case-show-main.host-tc-main ul li:hover .see-btn{border:1px solid #5185ff;background:#5185ff;color:#fff;} .jp-case-main{overflow:hidden;padding:75px 0;} .jp-case-main .common-title{margin-bottom:30px;text-align:center;} .jp-case-main .tab-tit{width:140px;border-right:1px solid #ddd;} .jp-case-main .tab-tit li{position:relative;margin-bottom:52px;padding-left:20px;color:#666;font-size:18px;line-height:30px;cursor:pointer;} .jp-case-main .tab-tit li.last{margin-bottom:0;} .jp-case-main .tab-tit li.current{color:#5185ff;} .jp-case-main .tab-tit li.current i{position:absolute;top:50%;right:-1px;margin-top:-10px;width:2px;height:20px;background:#5185ff;} .jp-case-main .tab-content{width:1040px;height:438px;background:#f6f6f6;} .jp-case-main .tab-content .jp-case .pic{overflow:hidden;width:600px;height:438px;} .jp-case-main .tab-content .jp-case .pic img{width:600px;min-height:438px;} .jp-case-main .tab-content .jp-case .text{position:relative;overflow:hidden;padding-left:40px;} .jp-case-main .tab-content .jp-case .text .title{padding-top:40px;color:#444;font-size:18px;} .jp-case-main .tab-content .jp-case .text .title span{margin-left:40px;} .jp-case-main .tab-content .jp-case .text dl{margin-top:25px;width:400px;} .jp-case-main .tab-content .jp-case .text dl dt{margin-bottom:5px;color:#444;font-size:18px;} .jp-case-main .tab-content .jp-case .text dl dd{color:#999;line-height:24px;} .jp-case-main .tab-content .jp-case .text .icon{position:absolute;top:0;right:0;width:60px;height:60px;background:url(../images/jpicon.png) no-repeat left center;} .zzfgpt-main{padding:55px 0;background:#f6f6f6;} .zzfgpt-main .zzfgpt{position:relative;margin-top:75px;height:367px;background:url(../images/zzfgpt.png) no-repeat center top;} .zzfgpt-main .zzfgpt .text p{position:absolute;width:40px;color:#fff;font-size:14px;line-height:22px;} .zzfgpt-main .zzfgpt .text .box01{top:38px;left:588px;} .zzfgpt-main .zzfgpt .text .box02{top:68px;left:665px;} .zzfgpt-main .zzfgpt .text .box03{top:130px;left:708px;} .zzfgpt-main .zzfgpt .text .box04{top:195px;left:708px;} .zzfgpt-main .zzfgpt .text .box05{top:255px;left:665px;} .zzfgpt-main .zzfgpt .text .box06{top:290px;left:588px;} .zzfgpt-main .zzfgpt .text .box07{top:255px;left:510px;} .zzfgpt-main .zzfgpt .text .box08{top:195px;left:470px;} .zzfgpt-main .zzfgpt .text .box09{top:130px;left:470px;} .zzfgpt-main .zzfgpt .text .box10{top:68px;left:510px;} .zzfgpt-main .zzfgpt .text h3{position:absolute;top:143px;left:574px;width:60px;color:#fff;font-size:30px;line-height:40px;} .zzfgpt-main .zzfgpt .list dl{position:absolute;padding-left:80px;height:66px;color:#999;font-size:14px;} .zzfgpt-main .zzfgpt .list dl dt{padding:6px 0;color:#444;font-size:16px;} .zzfgpt-main .zzfgpt .list .dl01{top:14px;left:800px;background:url(../images/fgpticon01.png) no-repeat left center;text-align:left;} .zzfgpt-main .zzfgpt .list .dl02{top:145px;left:830px;background:url(../images/fgpticon02.png) no-repeat left center;text-align:left;} .zzfgpt-main .zzfgpt .list .dl03{top:285px;left:800px;background:url(../images/fgpticon03.png) no-repeat left center;text-align:left;} .zzfgpt-main .zzfgpt .list .dl04{top:285px;left:88px;padding:0 80px 0 0;background:url(../images/fgpticon04.png) no-repeat right center;text-align:left;text-align:right;} .zzfgpt-main .zzfgpt .list .dl05{top:145px;left:0;padding:0 80px 0 0;background:url(../images/fgpticon05.png) no-repeat right center;text-align:left;text-align:right;} .zzfgpt-main .zzfgpt .list .dl06{top:14px;left:10px;padding:0 80px 0 0;background:url(../images/fgpticon06.png) no-repeat right center;text-align:left;text-align:right;} .big-news-main{padding-top:80px;} .big-news-main .left-news{position:relative;width:675px;} .big-news-main .left-news .tab-tit li{float:left;margin:0 30px 0 0;width:100px;height:34px;color:#666;text-align:center;font-size:16px;line-height:34px;cursor:pointer;} .big-news-main .left-news .tab-tit li.current{border-radius:6px;background:#5185ff;color:#fff;} .big-news-main .left-news dl dt{overflow:hidden;padding-top:20px;padding-bottom:8px;} .big-news-main .left-news dl dt .pic img{width:200px;height:135px;} .big-news-main .left-news dl dt .text{overflow:hidden;padding:0 30px 0 10px;} .big-news-main .left-news dl dt .text .title{display:block;overflow:hidden;margin-bottom:10px;color:#444;text-overflow:ellipsis;white-space:nowrap;font-size:16px;} .big-news-main .left-news dl dt .text .des{overflow:hidden;margin-bottom:12px;height:66px;color:#999;line-height:22px;} .big-news-main .left-news dl dt .text .btn{color:#999;} .big-news-main .left-news dl dd a:hover,.big-news-main .left-news dl dt .text .btn:hover,.big-news-main .left-news dl dt .text .title:hover{color:#5185ff;} .big-news-main .left-news dl dd{margin-top:6px;padding-left:12px;background:url(../images/newsbg.png) no-repeat left center;line-height:20px;} .big-news-main .left-news dl dd a{display:inline-block;overflow:hidden;max-width:70%;color:#444;text-overflow:ellipsis;white-space:nowrap;} .big-news-main .left-news dl dd span{color:#666;} .big-news-main .left-news .more{position:absolute;top:0;right:0;color:#999;line-height:34px;} .big-news-main .left-news .more:hover{color:#5185ff;} .big-news-main .right-news{width:490px;} .big-news-main .right-news .right-title{line-height:34px;} .big-news-main .right-news .right-title span{display:inline-block;width:100px;height:34px;border-radius:6px;background:#5185ff;color:#fff;text-align:center;line-height:34px;} .big-news-main .right-news .right-title a{color:#999;} .big-news-main .right-news .right-title a:hover{color:#5185ff;} .big-news-main .right-news .list{margin-top:20px;} .big-news-main .right-news .list .pic img{width:160px;height:108px;} .big-news-main .right-news .list .text{overflow:hidden;padding:0 10px 0 16px;} .big-news-main .right-news .list .text .title{display:block;overflow:hidden;margin-bottom:6px;color:#444;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:22px;} .big-news-main .right-news .list .text .des{overflow:hidden;margin-bottom:12px;height:44px;color:#999;font-size:12px;line-height:22px;} .big-news-main .right-news .list .text .btn{color:#999;} .big-news-main .right-news .list .text .btn:hover,.big-news-main .right-news .list .text .title:hover{color:#5185ff;} .mtyy-hzlc-main .tab-tit li{display:inline-block;margin:25px 16px 0;width:158px;height:44px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#666;text-align:center;font-size:20px;line-height:44px;cursor:pointer;} .mtyy-hzlc-main .tab-tit li.current{border:1px solid #5185ff;background:#5185ff;color:#fff;} .tab-mtyy-hzlc-main .lc-list{position:relative;height:380px;background:url(../images/lc-line.png) no-repeat left 170px;} .tab-mtyy-hzlc-main .lc-list .box01{top:114px;left:33px;} .tab-mtyy-hzlc-main .lc-list .box02{top:195px;left:226px;} .tab-mtyy-hzlc-main .lc-list .box03{top:114px;left:430px;} .tab-mtyy-hzlc-main .lc-list .box04{top:195px;left:620px;width:200px;} .tab-mtyy-hzlc-main .lc-list .box05{top:114px;left:800px;} .tab-mtyy-hzlc-main .lc-list .box06{top:205px;left:1005px;} .big-news-main .top-main{padding-bottom:50px;} .big-news-main .top-main .tab-tit{height:66px;} .big-news-main .top-main .tab-tit li{position:relative;float:left;box-sizing:border-box;width:50%;height:50px;border:1px solid #ddd;color:#444;text-align:center;font-weight:400;font-size:22px;line-height:48px;cursor:pointer;} .big-news-main .top-main .tab-tit li.first{border-radius:6px 0 0 6px;} .big-news-main .top-main .tab-tit li.last{border-radius:0 6px 6px 0;} .big-news-main .top-main .tab-tit li.current{border:1px solid #5185ff;background:#5185ff;color:#fff;} .big-news-main .top-main .tab-tit li.current i{position:absolute;bottom:-16px;left:50%;margin-left:-16px;width:33px;height:16px;background:url(../images/down-icon.png) no-repeat left center;} .big-news-main .top-main .top-list ul{overflow:hidden;margin-left:-20px;} .big-news-main .top-main .top-list li{float:left;box-sizing:border-box;margin:20px 0 0 20px;padding-left:85px;width:285px;height:90px;border:1px solid #ddd;border-radius:5px;color:#999;font-size:12px;} .big-news-main .top-main .top-list li .title{padding:20px 0 5px;color:#444;font-size:20px;} .big-news-main .top-main .top-list li.cn-icon01{background:url(../images/cn-icon01.png) no-repeat 25px center;background-size:34px auto;} .big-news-main .top-main .top-list li.cn-icon02{background:url(../images/cn-icon02.png) no-repeat 25px center;background-size:34px auto;} .big-news-main .top-main .top-list li.cn-icon03{background:url(../images/cn-icon03.png) no-repeat 25px center;background-size:34px auto;} .big-news-main .top-main .top-list li.cn-icon04{background:url(../images/cn-icon04.png) no-repeat 25px center;background-size:34px auto;} .big-news-main .top-main .top-list2 ul{overflow:hidden;margin-left:-20px;} .big-news-main .top-main .top-list2 li{float:left;box-sizing:border-box;margin:20px 0 0 20px;padding-left:85px;width:285px;height:90px;border:1px solid #ddd;border-radius:5px;color:#999;font-size:12px;} .big-news-main .top-main .top-list2 li .title{padding:20px 0 5px;color:#444;font-size:20px;} .big-news-main .top-main .top-list2 li.cn-icon011{background:url(../images/cn-icon011.png) no-repeat 25px center;background-size:34px auto;} .big-news-main .top-main .top-list2 li.cn-icon021{background:url(../images/cn-icon021.png) no-repeat 25px center;background-size:34px auto;} .big-news-main .top-main .top-list2 li.cn-icon031{background:url(../images/cn-icon031.png) no-repeat 25px center;background-size:34px auto;} .big-news-main .top-main .top-list2 li.cn-icon041{background:url(../images/cn-icon041.png) no-repeat 25px center;background-size:34px auto;} .index-mtzy-main{background:#f6f6f6;} .index-mtzy-main .images-list ul li{border:1px solid #fff;background:#fff;} .index-mtzy-main .images-list-title{margin-top:20px;color:#999;text-align:center;font-size:18px;} .index-mtzy-main .index-number-mian{overflow:hidden;padding:40px 0 30px;border-bottom:1px solid #ddd;} .index-mtzy-main .index-number-mian ul li{float:left;width:33.3333%;color:#999;text-align:center;} .index-mtzy-main .index-number-mian ul li .number{color:#099DE3;font-size:50px;} .index-mtzy-main .index-number-mian ul li .number span{padding-left:5px;vertical-align:top;font-size:20px;line-height:40px;} .index-mtzy-main .index-number-mian ul li.red .number{color:#ea5800;} .index-my-yx{overflow:hidden;padding:90px 0;} .index-my-yx-list ul li{float:left;margin-top:45px;width:25%;color:#999;text-align:center;} .index-my-yx-list ul li .title{color:#444;font-size:18px;} .index-my-yx-list ul li .line{margin:10px auto;width:15px;height:2px;background:#ddd;} .index-my-yx-list ul li .icon{margin-bottom:12px;height:127px;} .index-my-yx-list ul li .icon01{background:url(../images/my-yxicon01.png) no-repeat center top;} .index-my-yx-list ul li .icon02{background:url(../images/my-yxicon02.png) no-repeat center top;} .index-my-yx-list ul li .icon03{background:url(../images/my-yxicon03.png) no-repeat center top;} .index-my-yx-list ul li .icon04{background:url(../images/my-yxicon04.png) no-repeat center top;} .index-my-yx-list ul li:hover .icon01{background:url(../images/my-yxicon01_1.png) no-repeat center top;} .index-my-yx-list ul li:hover .icon02{background:url(../images/my-yxicon02_1.png) no-repeat center top;} .index-my-yx-list ul li:hover .icon03{background:url(../images/my-yxicon03_1.png) no-repeat center top;} .index-my-yx-list ul li:hover .icon04{background:url(../images/my-yxicon04_1.png) no-repeat center top;} .index-my-yx-list ul li:hover .line{background:#5185ff;} .index-case-show{padding-top:65px;} .index-case-show .tab-tit{overflow:hidden;} .index-case-show .tab-tit li{float:left;box-sizing:border-box;margin:20px 0 24px 42px;width:160px;height:46px;border:1px solid #ddd;border-radius:5px;color:#666;text-align:center;font-size:18px;line-height:46px;cursor:pointer;} .index-case-show .tab-tit li.first{margin-left:7px;} .index-case-show .tab-tit li.current{border:1px solid #5185ff;background:#5185ff;color:#fff;} .index-case-show .show-main .left{position:relative;padding:0 20px;width:320px;min-height:540px;background:#f6f6f6;} .index-case-show .show-main .left .left-title{padding:22px 0 5px;color:#444;font-size:24px;} .index-case-show .show-main .left dl{margin-top:18px;color:#999;line-height:22px;} .index-case-show .show-main .left dl dt{margin-bottom:7px;color:#444;font-size:18px;} .index-case-show .show-main .left dl dd a{float:left;display:block;box-sizing:border-box;margin-top:10px;margin-right:20px;width:120px;height:40px;border:1px solid #ddd;border-radius:4px;color:#999;text-align:center;font-size:16px;line-height:40px;} .index-case-show .show-main .left dl dd a:hover{color:#5185ff;} .index-case-show .show-main .left .tj-icon{position:absolute;top:0;right:0;width:60px;height:60px;background:url(../images/tj-icon.png) no-repeat left center;} .index-case-show .show-main .right{overflow:hidden;padding-left:30px;} .index-case-show .show-main .right .case-logo{float:left;} .index-case-show .show-main .right .top{overflow:hidden;margin-bottom:15px;} .index-case-show .show-main .right .case-logo img{height:56px;} .index-case-show .show-main .right .top .see{color:#999;line-height:56px;} .index-case-show .show-main .right .top .see:hover{color:#5185ff;} .index-case-show .show-main .right .bigpic img{width:100%;} .yzmtzy-main{padding:85px 0 60px;} .yzmtzy-main .tab-tit li{display:inline-block;margin:20px 20px 0;width:110px;height:36px;color:#666;text-align:center;line-height:36px;cursor:pointer;} .yzmtzy-main .tab-tit li.current{border-radius:5px;background:#5185ff;color:#fff;} .yzmtzy-main .bzjx-list ul{overflow:hidden;margin-left:-30px;} .yzmtzy-main .bzjx-list ul li{float:left;margin:35px 0 0 30px;width:380px;border-bottom:1px solid #ddd;} .yzmtzy-main .bzjx-list ul{padding-bottom:50px;} .yzmtzy-main .bzjx-list ul li .pic{float:left;} .yzmtzy-main .bzjx-list ul li .pic img{width:100px;height:100px;border-radius:50%;} .yzmtzy-main .bzjx-list ul li .text{overflow:hidden;padding-left:10px;} .yzmtzy-main .bzjx-list ul li .text .title{color:#666;font-size:16px;} .yzmtzy-main .bzjx-list ul li .text .title img{margin-left:5px;vertical-align:middle;} .yzmtzy-main .bzjx-list ul li .text p{margin-top:8px;color:#999;font-size:14px;height: 75px;overflow: hidden;} .yzmtzy-main .bzjx-list ul li .bottom{overflow:hidden;padding:20px 0 15px;} .yzmtzy-main .bzjx-list ul li .bottom dl{float:left;margin:0 25px;color:#999;} .yzmtzy-main .bzjx-list ul li .bottom dl dt{margin-bottom:3px;color:#c60a00;font-size:16px;} .yzmtzy-main .bzjx-list .btn{text-align:center;} .yzmtzy-main .bzjx-list .btn a,.yzmtzy-main .bzjx-list ul li .bottom a{display:inline-block;width:98px;height:38px;border:1px solid #ddd;border-radius:6px;color:#999;text-align:center;line-height:38px;} .yzmtzy-main .bzjx-list .btn a{width:158px;height:44px;font-size:16px;line-height:44px;} .yzmtzy-main .bzjx-list .btn a:hover,.yzmtzy-main .bzjx-list ul li .bottom a:hover{border:1px solid #5185ff;background:#5185ff;color:#fff;} .yzmtzy-main .bzjx-list ul li .bottom a{border-radius:30px;} .why-main-content{position:relative;} .why-main-content ul{overflow:hidden;padding-top:10px;} .why-main-content ul li{float:left;width:390px;} .why-main-content ul li .box{position:relative;margin-top:22px;} .why-main-content .leftli .box img{width:390px;height:220px;} .why-main-content ul li .box h3{position:absolute;top:50%;left:0;margin-top:-20px;width:390px;height:40px;color:#fff;text-align:center;font-size:30px;line-height:40px;} .why-main-content ul li .box .hover-box{position:absolute;top:0;left:0;display:none;width:390px;height:220px;background:#fff;text-align:center;} .why-main-content ul li .box .hover-box h2{padding:95px 0 10px;color:#444;font-size:30px;} .why-main-content ul li .box .hover-box p{color:#666;font-size:14px;} .why-main-content ul li .box .hover-box em,.why-main-content ul li .box .hover-box span{vertical-align:middle;} .why-main-content ul li .box .hover-box em{padding:0 10px;} .why-main-content ul li .box:hover .hover-box{display:block;} .why-main-content .centerli{float:left;margin:0 15px;width:390px;} .why-main-content .centerli .box img{width:390px;height:462px;} .why-main-content ul .centerli .box .hover-box{height:462px;} .why-main-content ul .centerli .box .hover-box h2{padding-top:218px;} .why-main-content ul .leftli .box .hover-box{background:#fff url(../images/liboxicon02.png) no-repeat center 35px;} .why-main-content ul .leftli .top-box .hover-box{background:#fff url(../images/liboxicon01.png) no-repeat center 35px;} .why-main-content ul .centerli .box .hover-box{background:#fff url(../images/liboxicon03.png) no-repeat center 160px;} .why-main-content ul .rightli .box .hover-box{background:#fff url(../images/liboxicon05.png) no-repeat center 35px;} .why-main-content ul .rightli .top-box .hover-box{background:#fff url(../images/liboxicon04.png) no-repeat center 35px;} .g-why-main .why_next{right:-40px;} .g-why-main .why_prev{left:-40px;} .header .saoma .title{padding-left:20px;background:url(../images/saoma.png) no-repeat left center;} .header .top .rbox a{position:relative;margin-left:20px;} .header .saoma .pic{position:absolute;top:37px;left:50%;z-index:999;display:none;margin-left:-50px;} .header .saoma .pic img{width:100px;height:100px;} .header .fixednav{position:fixed;top:0;left:0;z-index:999;width:100%;background:#fff;} .header .nav .menu{position:relative;} .header .nav ul .nav-hover>a{background:#5185ff;color:#fff;} .header .nav .menu>a{background:url(../images/menu.png) no-repeat 98px center;} .header .nav ul .menu.current>a,.header .nav ul .nav-hover>a,.header .nav ul .nav-hover>a:hover{background:#5185ff url(../images/menu-hover.png) no-repeat 98px center;} .header .nav .menu .snav{position:absolute;top:44px;left:0;z-index:99;display:none;width:120px;background:#fff;} .header .nav .menu .snav a{font-size:14px;} .index-content-main .dete-list ul li{text-align:center;} .index-content-main .dete-list ul li .icon{display:inline-block;padding-left:0!important;color:#5185ff;font-weight:600;font-size:50px;} .index-content-main .dete-list ul li .dw{display:inline-block;color:#5185ff;vertical-align:top;font-size:22px;} .index-content-main .dete-list ul li.first .dw{font-size:16px;} .index-content-main .dete-list ul li .eb5805{color:#eb5805;} .meiti-content{overflow:hidden;margin:40px auto 0 auto;padding:0;border:1px solid #eee;border-radius:4px;background:#fff;} .meiti-pic{float:left;width:100%;border-bottom:1px solid #eee;} .meiti-pic.margin{float:left;width:100%;border-bottom:0;} .meiti-pic li{position:relative;float:left;margin-left:-1px;padding:0;width:20%;height:120px;border-right:1px solid #eee;text-align:center;} .meiti-pic li.margin{margin-left:0;border-right:0;} .yzmtzy-main .meiti-content .btn{text-align:center;} .yzmtzy-main .meiti-content .btn a{display:inline-block;width:98px;height:38px;border:1px solid #ddd;border-radius:6px;color:#999;text-align:center;line-height:38px;} .yzmtzy-main .meiti-content .btn a{width:158px;height:44px;font-size:16px;line-height:44px;margin: 20px 0;} .yzmtzy-main .meiti-content .btn a:hover{border:1px solid #5185ff;background:#5185ff;color:#fff;} .meiti-more{position:absolute;top:0;left:0;display:none;margin:0 auto;padding:44px 0;width:100%;height:32px;background:url(../images/meiti-more.png) repeat;} .meiti-pic li:hover .meiti-more{display:block;} .meiti-more a{margin-top:25%;padding:8px 25px;height:16px;border-radius:32px;background:-webkit-linear-gradient(left,#ff6a00,#ff9c00);background:-o-linear-gradient(left,#ff6a00,#ff9c00);background:linear-gradient(to right,#ff6a00,#ff9c00);color:#fff;line-height:16px;} .meiti-more a:active,.meiti-more a:hover{background:-o-linear-gradient(left,#ff7615,#ffa61b);background:linear-gradient(to right,#ff7615,#ffa61b);box-shadow:0 3px 15px 0 rgba(0,0,0,.1);} .mtyy-case-show-main.host-tc-main ul li{box-sizing:border-box;width:25%;transition:all .3s;} .mtyy-case-show-main.host-tc-main ul li:hover{border-radius:5px;background:#5185ff;transform:scale(1.02,1.02);} .mtyy-case-show-main.host-tc-main ul li:hover .des,.mtyy-case-show-main.host-tc-main ul li:hover .number,.mtyy-case-show-main.host-tc-main ul li:hover .see-btn,.mtyy-case-show-main.host-tc-main ul li:hover .tit,.mtyy-case-show-main.host-tc-main ul li:hover .title{color:#fff;transform:inherit;} .mtyy-case-show-main.host-tc-main ul li:hover .see-btn{border:1px solid #32b4ff;background:#32b4ff;} .index-case-show .show-main .right{overflow:inherit;margin-right:30px;padding:0;} .index-case-show .show-main .left{overflow:hidden;} .big-news-main .top-main .top-list li .title{font-size:18px;} .big-news-main .top-main .sl-list li .title{padding-top:0;line-height:90px;} .big-news-main .top-main .top-list li{padding-left:80px;} .u-news-title{margin-bottom:30px;color:#444;text-align:center;font-size:30px;} .common-title{font-weight: lighter;} .choice_24_main{position: relative;width: 1100px;} .choice_24_main .choice_prev,.choice_24_main .choice_next{ position: absolute; width: 28px; height: 57px; left: -48px; top: 50%;margin:-8px auto 0;background: url(../images/index_img24.png) no-repeat center;z-index: 999; cursor: pointer;} .choice_24_main .choice_next{right: -48px;left: auto;background: url(../images/index_img25.png) no-repeat center;} .mtzy-main .images-list ul li,.mtzy-main .images-list ul li .img{width: 202px;} .header .index-title{color:#f37b1d;text-align:center;font-size:20px;} .header .index-title span{position:relative;display:inline-block;margin:30px 0;padding-bottom:10px;border-bottom:1px solid #f37b1d;font-weight:700;font-size:20px;font-family:"微软雅黑";} .header .index-title span:after{position:absolute;bottom:-3px;left:50%;margin-left:-50px;width:100px;height:5px;background-color:#1abc9c;content:"";} .header .ziti12{font-size:12px;} .header .mc{text-align:center;} .header .mc p{padding:20px 0;} .bg-success{background-color:#5eb95e;} .header .bkleibie{overflow:hidden;margin:20px auto;width:1200px;} .header .bkleibie li{float:left;padding:0 10px;list-style:none;} .header .dierpin{width:100%;height:203px;background-image:url(../images/ruanwenfabu.jpg);} .header .dierpinzx{padding:2.4rem;text-align:center;} .header .dierpinzx a{padding:10px 20px;border-color:#dd514c;border-radius:2px;background-color:#dd514c;color:#fff;vertical-align:middle;text-decoration:none;font-weight:400;font-size:20px;cursor:pointer;} .header .dierpinzx a:hover{border-color:#d7342e;background-color:#d7342e;} .header .bkimg{float:left;width:600px;text-align:center;} .header .bktxt{float:right;padding:10px;width:580px;text-align:left;text-indent:33px;font-size:18px;line-height:42px;} .header .disanpin{height:320px;background-image:url(../images/ask_bg1.jpg);} .header .disanpintxt{overflow:hidden;margin:0 auto;padding:5px;width:1200px;} .header .disanpintxt li{float:left;width:50%;color:#fff;list-style:none;text-align:left;} .header .disanpintxt .p1{margin:20px 0 10px 0;font-weight:700;font-size:15px;} .header .disanpintxt .p2{width:500px;font-size:12px;line-height:24px;} .header .disipin{overflow:hidden;margin:0 auto;width:1200px;height:500px;} .header .disipinz{float:left;overflow:hidden;margin-right:30px;padding:0;width:570px;text-align:left;} .header .disipinz li{overflow:hidden;margin:15px 0;list-style:none;} .header .disipinz .zuo{float:left;margin-right:30px;width:470px;} .header .disipinz .zuo .biaoti{float:right;padding-right:14px;color:#333;font-weight:700;font-size:18px;font-family:Arial,Helvetica,sans-serif;line-height:33px;} .header .disipinz .zuo .jianjie{float:right;font-size:12px;line-height:22px;} .header .disipinz .you{float:left;margin-top:50px;width:50px;height:50px;border-radius:50px;background-color:#5eb95e;color:#fff;text-align:center;font-weight:700;font-size:25px;font-family:Arial,Helvetica,sans-serif;line-height:50px;} .header .disipiny{float:right;overflow:hidden;margin-top:50px;margin-left:30px;padding:0;width:570px;} .header .disipiny li{overflow:hidden;margin:15px 0;list-style:none;text-align:left;} .header .disipiny .zuo{float:left;width:470px;} .header .disipiny .zuo .biaoti{float:left;padding-right:14px;color:#333;font-weight:700;font-size:18px;font-family:Arial,Helvetica,sans-serif;line-height:33px;} .header .disipiny .zuo .jianjie{float:right;font-size:12px;line-height:22px;} .header .disipiny .you{float:left;margin-top:50px;margin-right:30px;width:50px;height:50px;border-radius:50px;background-color:#5eb95e;color:#fff;text-align:center;font-weight:700;font-size:25px;font-family:Arial,Helvetica,sans-serif;line-height:50px;} .header .diwunpin{overflow:hidden;background-image:url(../images/ask_case_bg.jpg);color:#fff;} .header #diwupkhal img:hover{transition:all .6s;transform:scale(1.3);} .header #diwupkhal img{max-height:100%;} .header .diwunpin .sizhangtu{overflow:hidden;margin:0 auto;width:1300px;} .header .diwunpin .sizhangtu li{float:left;overflow:hidden;margin:0 4px 35px 0;list-style:none;} .header .diwunpin .sizhangtu li .xiangao{overflow:hidden;width:317px;height:250px;} .header .diwunpin .sizhangtu li .txt{padding-top:10px;text-align:center;font-size:14px;} .wenkuBox{padding-top:75px;} .wk-image{padding-bottom:50px;} .wk-box h3{text-align:center;font-weight:600;font-style:normal;font-size:24px;} .wk-box h3 span{color:#e60012;} .w1200{position:relative;margin:0 auto;width:1200px;} .wk-image .wk-img-list{display:flex;padding-top:80px;padding-bottom:30px;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;} .wk-image .wk-img-list dl{padding-bottom:30px;width:25%;} .wk-image .wk-img-list dl dd,.wk-image .wk-img-list dl dt{text-align:center;} .wk-image .wk-img-list dl dd{line-height:22px;} .wk-image .wk-img-list dl dd:nth-child(2){padding-top:15px;} .wk-image .wk-img-list dl dd:nth-child(2) span:first-child{font-size:24px;} .wk-image .wk-img-list dl dd:nth-child(2) span:nth-child(2){font-size:14px;} .wk-image .wk-img-list dl dd:nth-child(2) span{display:inline-block;color:#e60012;font-weight:600;} .wk-image .wk-img-list dl dd:nth-child(3){font-size:14px;} .wk-lj{padding-top:65px;padding-bottom:75px;background:#f7f7f7;} .wk-lj .wk-li-box{padding-top:55px;text-align:center;} .wk-ys-box{display:flex;padding-top:110px;padding-bottom:90px;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;} .wk-ys-box .wk-ys-l{width:40%;} .wk-ys-box .wk-ys-l .wk-ys-list{display:flex;padding-top:80px;padding-bottom:30px;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;} .wk-ys-box .wk-ys-l .wk-ys-list dl{padding-bottom:30px;width:33.33%;} .wk-ys-box .wk-ys-l .wk-ys-list dl dd,.wk-ys-box .wk-ys-l .wk-ys-list dl dt{text-align:center;} .wk-ys-box .wk-ys-l .wk-ys-list dl dd{font-size:14px;line-height:22px;} .wk-ys-box .wk-ys-l .wk-ys-list dl dd:nth-child(2){padding-top:20px;} .wk-ys-box .wk-ys-r{width:60%;text-align:center;} .wk-tq{padding-top:65px;padding-bottom:75px;} .wk-tq .wk-li-box{padding-top:40px;text-align:center;} .wk-iw{width:100%;height:760px;background:url(../images/wenku_10.jpg) no-repeat left top;background-size:auto;background-size:cover;} .wk-iw h4{padding-top:75px;color:#fff;text-align:center;font-weight:600;font-size:24px;} .wk-con{margin:40px auto 0;padding-top:42px;width:940px;height:545px;background:url(../images/index_03-u1.png) no-repeat;} .wk-con>div{margin:0 auto;width:706px;height:397px;} .scb-con1{padding-bottom:60px;} .bullying-title{text-align:center;} .bullying-title h1{margin-top:55px;margin-bottom:30px;color:#3e464c;font-weight:400;font-size:30px;} .scb-con1 .features{overflow:hidden;margin:50px auto;width:782px;text-align:center;} .scb-con1 .features dl{float:left;padding:0 20px;width:220px;border-right:1px solid #ccc;color:#666;} .scb-con1 .features dl:last-child{border-right:none;} .scb-con1 .features dt{height:60px;color:#428ae2;font-size:14px;line-height:55px;} .scb-con1 .features dt span{font-size:60px;} .scb-con1 .features dd{color:#333;font-size:15px;line-height:30px;} .scb-con1 p{margin:auto;width:1000px;color:#444;font-size:17px;line-height:30px;} .scb-con2 .scb-pm{padding:55px 0 0;background:#f7f7f7;} .wrap2{margin:0 auto;width:1200px;} .clearfix::after,.clearfix::before{display:table;content:"";} .scb-con2 .scb-pm .title h1{margin-top:0;} .scb-con2 .scb-pm .title p{margin-bottom:30px;color:#555;font-size:16px;line-height:30px;} .scb-gjc{padding:100px 0 80px;} .scb-gjc .fl{display:inline-block;padding:0 1%;width:40%;vertical-align:middle;text-align:left;} .scb-gjc .word{max-width:500px;} .scb-gjc .fr{display:inline-block;padding:0 1%;width:56%;max-width:100%;vertical-align:middle;} .jzt-ss{padding:60px 0 60px;width:100%;background:#f7f7f7;} .scb-con2 .jzt-ss .fl{width:68%;} .jzt-ss .fl{display:inline-block;padding:0 1%;width:50%;max-width:100%;vertical-align:middle;} .scb-con2 .jzt-ss .fr{width:30%;} .jzt-ss .fr{display:inline-block;width:100%;max-width:400px;vertical-align:middle;text-align:right;} .jzt_cp h3{margin:0 0 20px;color:#37474f;font-weight:400;font-size:30px;line-height:50px;} .jzt_cp p{margin:0;color:#555;font-size:16px;line-height:30px;} .scb-gjc .fr{display:inline-block;padding:0 1%;width:56%;max-width:100%;vertical-align:middle;} .scb-gjc img{margin:0 auto 0 60px;} .scb-con2 img{display:block;width:100%;} .pcimg{position:relative;display:block;overflow:hidden;margin:0 auto;margin-top:0;margin-top:100px;width:1052px;height:460px;background:url(../images/ban07.png) top no-repeat;} .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;} .flex-control-nav{position:absolute;bottom:10px;width:100%;text-align:center;} .tg_news{overflow:hidden;padding-bottom:20px;} .tg_news li{float:left;overflow:hidden;margin:0;margin-bottom:5px;padding:20px;width:46.501%;border:1px dotted #eee;background:#fff;} .tg_news li p{margin-right:5px;color:#888;text-align:left;text-indent:0;font-size:16px;line-height:25px;} .tg_news li h3:hover{color:red;} .tg_news li h3{margin-top:0;margin-bottom:5px;color:#111;text-align:left;font-weight:400;font-size:20px;} .ntxt{float:left;display:inline-block;overflow:hidden;width:100%;} .scb-con3{padding-top:70px;font-size:16px;} .scb-con3 .wrap{margin:0 auto;padding-top:30px;padding-bottom:80px;width:1200px;} .scb-con3 table{border-collapse:separate;} .scb-con3 table tbody .top{height:60px;} .scb-con3 table tbody .top .first{width:149px;} .scb-con3 table tbody .top .ios{width:300px;-webkit-border-radius:10px 0 0 0;-moz-border-radius:10px 0 0 0;border-radius:10px 0 0 0;background-color:#888;color:#fff;} .scb-con3 table tbody .top .top-td{width:450px;vertical-align:middle;text-align:center;} .scb-con3 table tbody .top .pc{height:70px;border-bottom:1px solid #c90000;-webkit-border-radius:0 10px 0 0;-moz-border-radius:0 10px 0 0;border-radius:0 10px 0 0;background-color:#e82828;color:#fff;font-size:24px;line-height:70px;} .scb-con3 table tbody .content-tr .one{width:149px;border-top:1px solid #e4e4e4;-webkit-border-radius:10px 0 0 0;-moz-border-radius:10px 0 0 0;border-radius:10px 0 0 0;} .scb-con3 table tbody .content-tr .first{background-color:#f5f5f5;line-height:1.2;} .scb-con3 table tbody .content-tr td{padding:0 10px;border-bottom:1px solid #e4e4e4;border-left:1px solid #e4e4e4;color:#626262;text-align:center;line-height:35px;} .scb-con3 table tbody .content-tr .last{border-right:1px solid #e4e4e4;} .scb-con3 table tbody .content-tr td.tdbgred{border-bottom:1px solid #c90000;background:#e82828;color:#fff;line-height:35px;} .scb-con3 table tbody .content-tr{height:98px;} .ybt-question .title h1{margin-top:70px;margin-bottom:40px;color:#3e464c;font-weight:400;font-size:36px;} .ybt-question .ybt-img{position:relative;overflow:hidden;width:100%;height:733px;} .ybt-question .btn-red{display:inline-block;height:44px;border:none;border-radius:2px;background-color:#f93d3e;color:#fff;text-align:center;font-size:18px;cursor:pointer;} .ybt-question .pc-btn .btn-red{position:absolute;bottom:64px;left:71%;margin-left:-120px;width:240px;line-height:44px;} .ybt-ys{padding:80px 0 30px;background:#f7f7f7;} .ybt-ys .title h1{margin-top:0;margin-bottom:60px;color:#3e464c;font-weight:400;font-size:36px;} .ybt-ys li{float:left;margin-bottom:50px;width:33.33333333333333%;text-align:left;} .ybt-ys li .fl{margin-left:15px;width:56px;} .ybt-ys li .fl span{display:block;margin-top:5px;width:54px;height:54px;border-radius:50%;background:#8e4e96;color:#fff;text-align:center;font-size:28px;font-family:Arial;line-height:54px;} .ybt-ys li:nth-child(2) .fl span{background:#16b1c2;} .ybt-ys li:nth-child(3) .fl span{background:#64afdd;} .ybt-ys li:nth-child(4) .fl span{background:#8db20b;} .ybt-ys li:nth-child(5) .fl span{background:#db9700;} .ybt-ys li:nth-child(6) .fl span{background:#c55375;} .ybt-ys li .fr{padding-right:15px;width:74%;} .ybt-ys li .fr h1{margin-bottom:5px;color:#8e4e96;font-size:20px;line-height:40px;} .ybt-ys li:nth-child(2) .fr h1{color:#16b1c2;} .ybt-ys li:nth-child(3) .fr h1{color:#64afdd;} .ybt-ys li:nth-child(4) .fr h1{color:#8db20b;} .ybt-ys li:nth-child(5) .fr h1{color:#db9700;} .ybt-ys li:nth-child(6) .fr h1{color:#c55375;} .ybt-ys li .fr p{color:#666;font-size:15px;line-height:24px;} .ycb-team .title h1{margin-top:80px;margin-bottom:0;color:#3e464c;font-weight:400;font-size:36px;} .ycb-team .wrap{padding-top:200px;padding-bottom:215px;} .introduce-pic{position:relative;margin:0 auto;width:38.75%;} .introduce-top{position:absolute;top:-25%;left:50%;margin-left:-54px;} .introduce-left{position:absolute;top:17%;left:-35%;} .introduce-left2{position:absolute;bottom:13%;left:-35%;} .introduce-right{position:absolute;top:17%;right:-35%;} .introduce-right2{position:absolute;right:-35%;bottom:13%;} .introduce-bot{position:absolute;bottom:-26%;left:50%;margin-left:-66px;} .top1{color:#444;font-size:20px;} .seo_ioc{margin:0 auto;margin-bottom:0;margin-bottom:13px;width:46px;} .introduce-top .hide-pic{position:absolute;top:-65%;left:50%;z-index:5;margin-left:-209px;width:418px;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.3),0 0 10px rgba(0,0,0,.3);} .introduce-left .hide-pic{position:absolute;top:10%;left:-290px;z-index:5;width:418px;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.3),0 0 10px rgba(0,0,0,.3);} .introduce-left2 .hide-pic{position:absolute;top:9%;left:-275px;z-index:5;width:418px;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.3),0 0 10px rgba(0,0,0,.3);} .introduce-right .hide-pic{position:absolute;top:10%;right:-275px;z-index:5;width:418px;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.3),0 0 10px rgba(0,0,0,.3);} .introduce-right2 .hide-pic{position:absolute;top:10%;right:-275px;z-index:5;width:418px;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.3),0 0 10px rgba(0,0,0,.3);} .introduce-bot .hide-pic{position:absolute;top:-2%;left:50%;z-index:5;margin-left:-209px;width:418px;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.3),0 0 10px rgba(0,0,0,.3);} .hide-pic{display:none;} .introduce-ac:hover .hide-pic{display:block;} .introduce-ac:hover .top1{opacity:0;} .hide-pic .hide-pic-z{float:left;display:inline-block;padding:35px 17px 35px 22px;width:78px;} .hide-pic .hide-pic-txt{float:left;width:287px;text-align:left;} .hide-pic .hide-pic-txt h6{padding-top:8px;color:#2d4c9c;font-size:20px;line-height:54px;} .hide-pic .hide-pic-txt p{color:#444;font-size:15px;line-height:24px;} .ycb-goodness{padding-top:60px;background-color:#f7f7f7;} .ycb-goodness .title h1{margin-top:10px;margin-bottom:0;color:#3e464c;font-weight:400;font-size:36px;} .ycb-goodness ul{margin:0 auto;padding-top:60px;width:1200px;height:485px;} .ycb-goodness li{float:left;margin-right:25px;width:270px;height:400px;border-radius:10px;background-color:#fff;text-align:center;} .ycb-goodness li:first-child{margin-left:15px;} .ycb-goodness li div{padding-top:40px;} .ycb-goodness h4{margin-top:35px;color:#333;font-size:20px;} .ycb-goodness p{margin-top:25px;margin-left:30px;width:200px;color:#555;font-size:15px;line-height:30px;} .ycb-fourereason{background-color:#fff;} .ycb-fourereason .title h1{margin-top:55px;margin-bottom:30px;color:#3e464c;font-weight:400;font-size:36px;} .ycb-fourereason .title{margin-bottom:20px;border-bottom:1px solid #dcdcdc;text-align:center;} .ycb-fourereason .reasonbox{overflow:hidden;margin:0 auto;width:1200px;} .ycb-fourereason .reason-left{float:left;width:565px;} .ycb-fourereason .reason_left_top{position:relative;width:565px;height:420px;background:url(../images/reason.gif) no-repeat center;text-align:center;} .ycb-fourereason .reason_left_t{position:absolute;top:47px;left:240px;width:85px;line-height:23px;} .ycb-fourereason .reason_left_l{position:absolute;top:205px;left:55px;width:100px;line-height:25px;} .ycb-fourereason .reason_left_r{position:absolute;top:205px;left:410px;width:95px;line-height:25px;} .ycb-fourereason .reason_left_b{position:absolute;top:360px;left:250px;line-height:25px;} .ycb-fourereason .reason_left_bottom>a>p{margin:10px auto 0;width:150px;height:36px;border-radius:5px;background:#499ffe;color:#fff;text-align:center;font-size:18px;line-height:36px;} .ycb-fourereason .reason-right{float:left;text-align:left;} .ycb-fourereason .reason-rightbox{padding-top:50px;padding-bottom:20px;background-image:url(../images/reason-xian.png);background-position:34px top;background-repeat:repeat-y;} .ycb-fourereason .reason-rightbox li{margin-bottom:30px;padding-left:95px;width:540px;height:80px;background-position:left center;background-repeat:no-repeat;} .ycb-fourereason .reason-icon01{background-image:url(../images/icon30.png);} .ycb-fourereason .reason-icon02{background-image:url(../images/icon31.png);} .ycb-fourereason .reason-icon03{background-image:url(../images/icon32.png);} .ycb-fourereason .reason-icon04{background-image:url(../images/icon33.png);} .ycb-fourereason .reason-rightbox li h3{margin-bottom:10px;color:#3b8fea;text-align:left;font-size:20px;line-height:30px;} .ycb-fourereason .reason-rightbox li p{color:#555;text-align:left;font-size:15px;} .zhongyao{padding:45px 0 55px;} .zhongyao h3{text-align:center;} .h3_com span{position:relative;display:inline-block;color:#222;font-weight:400;font-size:34px;line-height:2;} .h3_com span::after,.h3_com span::before{position:absolute;top:50%;left:-120px;margin-top:-1px;width:100px;height:2px;background:#222;content:'';} .h3_com span::before{right:-120px;left:auto;} .zhongyao .text-box{margin-top:60px;padding-top:50px;min-height:300px;background:url(../images/weiji_03.jpg) no-repeat center top;} .zhongyao .text-box p{margin-top:25px;width:515px;color:#737373;text-align:left;font-size:16px;line-height:30px;} .zuoshenm{padding-top:50px;height:420px;background:url(../images/weiji_05.jpg) no-repeat top center;color:#fff;text-align:center;} .zuoshenm .h3_com span{color:#fff;} .zuoshenm .h3_com span::after,.zuoshenm .h3_com span::before{background:#fff;} .zuoshenm p{margin-top:15px;font-size:16px;} .zuoshenm ul{margin-top:60px;} .zuoshenm ul li{display:inline-block;margin:0 40px;width:185px;height:185px;border-radius:100%;background:#e3e4e4;} .zuoshenm ul li img{display:block;margin:30px auto 0;} .zuoshenm ul li span{display:block;color:#666;font-size:16px;} .fangan_bijiao ul{clear:both;overflow:hidden;margin:60px 0 50px;} .fangan_bijiao ul li{float:left;padding:200px 48px 0;width:489px;height:292px;background:url(../images/weiji_08.jpg) no-repeat top center;color:#fff;} .fangan_bijiao h4{text-align:center;font-weight:400;font-size:24px;line-height:2;} .fangan_bijiao p{margin-top:20px;text-align:left;line-height:22px;} .fangan_bijiao ul li.laotao{float:right;background:url(../images/weiji_10.jpg) no-repeat top center;} .youshi .title{margin-bottom:50px;padding:0;} .youshi .title p{color:#666;text-align:center;font-size:16px;} .youshi .list_1{padding-top:80px;height:420px;background:url(../images/weiji2_15.jpg) no-repeat center top;} .youshi .w1200{padding:0 80px;width:1040px;} .youshi .text{padding-top:60px;width:400px;} .youshi .text h4{color:#222;font-weight:400;font-size:22px;line-height:2;} .youshi .text p{margin-top:20px;color:#666;text-align:left;line-height:22px;} .youshi .list_2{padding-top:80px;height:420px;} .youshi .list_2 .text{padding-top:30px;} .youshi .list_3{padding-top:55px;height:445px;background:url(../images/weiji2_17.jpg) no-repeat center top;} .youshi .list_3 .text{width:620px;} .youshi .list_3 .text dl{margin-top:20px;color:#666;text-align:left;line-height:26px;} .kehu_yinyong{padding:60px 0;} .kehu_yinyong .slideBox{position:relative;margin-top:65px;} .kehu_yinyong a.next,.kehu_yinyong a.prev{position:absolute;top:50%;left:0;display:block;margin-top:-100px;width:50px;height:200px;} .kehu_yinyong .slideBox .bd{margin:0 auto;width:1050px;} .kehu_yinyong .pic{width:385px;} .kehu_yinyong .pic img{display:block;margin:0 auto;max-width:100%;} .kehu_yinyong .text{width:605px;} .kehu_yinyong .text h4{margin-top:20px;color:#222;text-align:left;font-weight:400;font-size:22px;} .kehu_yinyong .text dt{margin:15px 0 10px;color:#e57335;text-align:left;font-size:14px;line-height:1.5;} .kehu_yinyong .text dd{color:#666;text-align:left;font-size:14px;line-height:1.5;} .sc_1{padding-top:70px;background:url(../images/sc_1.jpg) no-repeat center;} .sc_1_left{overflow:hidden;width:740px;height:390px;} .wrap{margin:0 auto;padding:0;width:1200px;} .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .sc_1_left img{width:100%;transition:.25s;} .sc_1_left:hover img{transform:scale(1.05);} .sc_1_right{box-sizing:border-box;padding:30px;width:450px;height:390px;background:#fff;text-align:left;} .sc_1_right .title{color:#e00b4f;font-size:40px;} .sc_1_right .scspan1{display:inline-block;margin-top:25px;width:100px;height:2px;background:#ddd;} .sc_1_right .txt{margin-top:25px;color:#666;font-size:14px;line-height:28px;} .sc_1_bot{margin-top:45px;padding:50px 0;background:rgba(255,255,255,.85);} .sc_1_botul li{float:left;margin-left:100px;width:225px;text-align:left;} .sc_1_botul li:first-child{margin-left:0;} .sc_1_botul li h2{color:#e00b4f;font-size:36px;} .sc_1_botul li h4{margin-top:15px;color:#000;font-size:20px;} .sc_1_botul li p{margin-top:15px;color:#444;line-height:30px;} .sc_2{padding:50px 0;} .sc_2title{margin-bottom:50px;} .sc_2title h4{color:#000;font-weight:400;font-size:40px;} .sc_2title p{margin-top:20px;color:#999;font-size:16px;} .sc_2box{float:left;width:20%;} .sc_2box img{display:block;margin:0 auto;border:0;transition:.4s;} .sc_2box h4{margin-top:10px;color:#000;font-weight:400;font-size:20px;} .sc_2box p{margin-top:10px;color:#999;font-size:14px;} .sc_2box2,.sc_2box3,.sc_2box4{animation-delay:.5s;animation-duration:.5s;} .sc_2box:hover img{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg);} .sc_3{padding:50px 0;background:url(../images/sc_3.jpg) no-repeat center;} .sc_2titlecp{margin-bottom:50px;} .sc_2titlecp h4{color:#e00b4f;font-weight:400;font-size:40px;} .sc_2titlecp p{margin-top:20px;color:#ddd;font-size:16px;} .mt_50{margin-top:50px;} .sc3width{margin-top:-60px;margin-left:-60px;width:1260px;} .sc3fl{margin-top:60px;margin-left:60px;width:360px;background:#fff;} .sc3fltxt{padding:20px;text-align:center;} .sc3fltxt h4{color:#333;font-size:20px;} .sc3fltxt p{margin-top:15px;font-size:16px;line-height:30px;} .sc3flimg{overflow:hidden;height:126px;} .sc3flimg img{width:100%;transition:.25s;} .sc3fl:hover .sc3flimg img{transform:scale(1.05);} .sc_4{padding:50px 0;} .mt_50{margin-top:50px;} .sc_4boxwidth{margin:0 auto;width:1500px;} .sc_4fl_img{overflow:hidden;width:50%;height:420px;} .sc_4fl_img img{width:100%;transition:.25s;} .sc_4fl_img:hover img{transform:scale(1.05);} .sc_4fl_txt{padding:70px 3%;width:44%;height:280px;box-shadow:0 0 10px rgba(0,0,0,.1);text-align:left;} .sc_4fl_txtr{background:url(../images/sc4_bg.jpg) no-repeat right center #fff;} .sc_4fl_txt h4{color:#e00b4f;font-weight:400;font-size:30px;} .sc_4fl_txt i{display:block;margin-top:30px;width:50px;height:1px;background:#e00b4f;} .sc_4fl_txt .sc_4fl_txtbox{overflow:hidden;margin-top:30px;width:100%;height:150px;} .sc_4fl_txt .sc_4fl_txtbox p{color:#999;line-height:30px;} .sc_4fl_txtl{background:url(../images/sc4_bg1.jpg) no-repeat left center #fff;} .sc_5{padding:50px 0;background:url(../images/sc5_bg.jpg) no-repeat center;} .stepbox{float:left;margin-bottom:40px;width:118px;text-align:center;} .stpar{float:left;width:98px;height:136px;background:url(../images/stpar.png) no-repeat center;} .stepbox .num{margin:0 auto;width:118px;height:136px;background:url(../images/numbg.png) no-repeat center;color:#999;text-align:center;font-size:50px;line-height:136px;} .stepboxbot{margin-top:10px;font-size:14px;line-height:28px;} .sc_6{padding:50px 0;} .sc6img{width:500px;} .sc6img img{display:block;width:100%;} .sc6img1{width:660px;} .sc6img1 img{display:block;} .sc6clear{margin-top:30px;color:#e00b4f;text-align:center;font-size:14px;} .microblogging .show-tit,.show-content .show-tit{padding-top:55px;color:#454545;text-align:center;font-weight:700;font-size:36px;} .microblogging .show-title,.show-content .show-title{margin-top:23px;color:#727272;text-align:center;font-size:16px;line-height:26px;} .microblogging .show-title{margin-bottom:40px;} .microblogging .m-content{background:#fff;} .microblogging .m-content .list-l{width:133px;text-align:center;} .microblogging .m-content .list-ls{width:1200px;text-align:center;} .microblogging .m-content .list-l li{height:100px;border-top:1px solid #ddd;border-right:1px solid #ddd;color:#727272;text-align:center;font-size:16px;line-height:100px;cursor:pointer;} .microblogging .m-content .list-l .first{border-top:none;} .microblogging .m-content .wxlist .list-l li{height:92px;line-height:92px;} .microblogging .m-content .wxlist .list-ls li{display:inline-block;margin:20px 20px 0;width:110px;height:36px;color:#666;text-align:center;line-height:36px;cursor:pointer;} .microblogging .m-content .list-ls .current{border-radius:5px;background:#5185ff;color:#fff!important;} .microblogging .m-content .list-l .current{border-right:none;border-left:2px solid #e83737;background:url(../images/lir.gif) no-repeat right center;color:#e83737;} .microblogging .m-content .tab-content{width:1052px;} .microblogging .m-content .tab-contents{width:1200px;} .microblogging .m-content .bzjx-list ul li .bottom a{display:inline-block;width:98px;height:38px;border:1px solid #ddd;border-radius:6px;color:#999;text-align:center;line-height:38px;} .microblogging .m-content .bzjx-list ul li .bottom a:hover{border:1px solid #5185ff;background:#5185ff;color:#fff;} .microblogging .m-content .bzjx-list ul li .bottom dl dt{margin-bottom:3px;color:#c60a00;font-size:16px;} .microblogging .m-content .tab-content .bzjx-list ul li .bottom dl dt{margin-bottom:3px;color:#c60a00;font-size:16px;} .microblogging .m-content .tab-content .bzjx-list .btn{text-align:center;} .microblogging .m-content .tab-content .bzjx-list .btn a,.yzmtzy-main .bzjx-list ul li .bottom a{display:inline-block;width:98px;height:38px;border:1px solid #ddd;border-radius:6px;color:#999;text-align:center;line-height:38px;} .microblogging .m-content .tab-content .bzjx-list .btn a{margin-top:30px;margin-bottom:20px;width:158px;height:44px;font-size:16px;line-height:44px;} .microblogging .m-content .tab-content .bzjx-list .btn a:hover,.yzmtzy-main .bzjx-list ul li .bottom a:hover{border:1px solid #5185ff;background:#5185ff;color:#fff;} .microblogging .m-content .tab-content .bzjx-list ul li .bottom a{border-radius:30px;} .tab-content .tab-box .box{float:left;margin:20px 0 0 12px;margin-top:20px;padding-right:12px;width:420px;} .tab-content .tab-box .box.fl{border-right:1px solid #ebebeb;} .microblogging .m-content .tab-contents .bzjx-list ul{padding-bottom:50px;} .microblogging .m-content .tab-contents .bzjx-list ul li{float:left;margin:35px 0 0 30px;width:360px;border-bottom:1px solid #ddd;} .microblogging .m-content .tab-contents .bzjx-list ul{padding-bottom:50px;} .microblogging .m-content .tab-contents .bzjx-list ul li .pic{float:left;} .microblogging .m-content .tab-contents .bzjx-list ul li .pic img{width:100px;height:100px;border-radius:50%;} .microblogging .m-content .tab-contents .bzjx-list ul li .text{overflow:hidden;padding-left:10px;} .microblogging .m-content .tab-contents .bzjx-list ul li .text .title{color:#666;font-size:16px;} .microblogging .m-content .tab-contents .bzjx-list ul li .text .title img{margin-left:5px;vertical-align:middle;} .microblogging .m-content .tab-contents .bzjx-list ul li .text p{margin-top:8px;color:#999;font-size:14px;height: 75px;overflow: hidden;} .microblogging .m-content .tab-contents .bzjx-list ul li .bottom{overflow:hidden;padding:20px 0 15px;} .microblogging .m-content .tab-contents .bzjx-list ul li .bottom dl{float:left;margin:0 30px;color:#999;} .wxlist .tab-content .tab-box .box{margin-top:30px;width:499px;} .tab-content .tab-box .box .tuba{position:relative;padding:0 0 0 97px;min-height:80px;} .tab-content .tab-box .box .tuba .img{position:absolute;top:0;left:0;} .tab-content .tab-box .box .tuba .img img{display:block;width:80px;height:80px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-ms-border-radius:100%;} .tab-content .tab-box .box .tuba .des .name{color:#2d2d2d;font-size:16px;} .wxlist .tab-content .tab-box .box .tuba .des .name{padding:8px 0 10px;} .tab-content .tab-box .box .tuba .des .tag span,.tab-content .tab-box .f-box .text .textbox .tag span{display:inline-block;margin-right:20px;padding-left:20px;height:20px;background:url(../images/spanicon.gif) no-repeat left center;color:#858585;line-height:20px;} .tab-content .tab-box .box .tuba .price{position:absolute;top:14px;right:3px;display:block;width:80px;height:35px;border:1px solid #62b900;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#62b900;text-align:center;line-height:35px;-ms-border-radius:4px;} .tab-content .list ul li{float:left;margin-bottom:20px;padding:0 14px;} .wxlist .tab-content .list ul li{padding:0 30px 0 0;} .wxlist .tab-content .list ul li .tit{margin:10px 0 5px;padding:0 0 0 13px;background:url(../images/litit.gif) no-repeat left center;} .wxlist .tab-content .list ul li .num{padding-left:13px;color:#62b900;font-weight:700;font-size:16px;font-family:Arial;} .tab-content .read{padding-top:7px;border-top:1px solid #ebebeb;} .tab-content .fans{margin-top:7px;padding:14px 0 10px;border-top:1px solid #ebebeb;} .tab-content .read .sex{float:right;padding-top:16px;} .tab-content .read .sex div{position:relative;} .tab-content .read .sex .male{position:relative;display:inline-block;margin-top:16px;width:106px;height:82px;border-right:1px dashed #ffe4c5;background:url(../images/sex-icon.png) center top no-repeat;} .tab-content .read .sex span{position:absolute;top:-30px;display:block;width:100%;height:30px;text-align:center;font-weight:700;line-height:30px;} .tab-content .read .sex .female{display:inline-block;margin-top:16px;width:106px;height:82px;background:url(../images/sex-icon.png) center bottom no-repeat;-webkit-transition:all .3s linear 0s;transition:all .3s linear 0s;} .tab-content .read .sex .female span{color:#fead00;} .tab-content .read .sex .male span{color:#54bfa1;} .tab-content .read .sex em{display:block;width:100%;height:20px;color:#9ba1a4;text-align:center;font-size:12px;line-height:20px;} .tab-content .fans .f-box{padding-bottom:5px;width:221px;border-left:1px solid #ebebeb;} .tab-content .fans .f-box.first{width:222px;border-left:none;} .wxlist .tab-content .fans .f-box{padding-left:45px;width:315px;} .wxlist .tab-content .fans .f-box.first{padding-left:0;} .tab-content .fans .f-box .imgicon{margin:5px 12px 0 20px;margin-left:20px;} .wxlist .tab-content .fans .f-box .imgicon{margin-left:0;} .tab-content .fans .f-box .imgicon img{display:block;width:77px;height:77px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-ms-border-radius:100%;} .tab-content .fans .f-box p{margin-top:8px;color:#757575;font-size:12px;} .tab-content .fans .f-box p.name{overflow:hidden;width:105px;height:20px;color:#2d2d2d;text-overflow:ellipsis;white-space:nowrap;font-size:15px;} .wxlist .tab-content .fans .f-box p.name{padding:10px 0 1px;} .tab-content .fans .f-box p{margin-top:8px;color:#757575;font-size:12px;} .wxlist .tab-content .f-box .list ul li{padding-right:22px;} .tab-content .fans .f-box .see{padding-top:10px;padding-left:70px;font-size:12px;} .wxlist .tab-content .fans .f-box .see{padding-left:0;} .wxlist .tab-content .fans .f-box .see a{display:block;margin:auto;width:62px;height:27px;border:1px solid #62b900;-webkit-border-radius:4px;-moz-border-radius:4px;-moz-border-radius:4px;color:#62b900;text-align:center;font-size:12px;line-height:27px;} .show-content.content2{border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;background:#fff;} .show-content .tab-tit{padding:40px 0;text-align:center;} .show-content .tab-tit li{display:inline-block;margin:0 15px;padding:0 30px;height:46px;color:#757575;font-size:16px;line-height:46px;cursor:pointer;} .show-content .assist .tab-tit li{padding:0;width:144px;height:78px;line-height:25px;} .show-content .tab-tit li.current{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#3cb4f9;color:#fff;-ms-border-radius:6px;} .show-content .assist .tab-tit li.current{background:#62b900;} .show-content .assist .tab-tit li div{height:45px;background:url(../images/assisticon.png) no-repeat left top;background-position-x:left;background-position-y:top;} .show-content .assist .tab-tit li .iconbox1{background-position:56px 14px;} .show-content .assist .tab-tit li.current .iconbox1{background-position:56px -39px;} .show-content .assist .tab-tit li .iconbox2{background-position:-136px 14px;} .show-content .assist .tab-tit li.current .iconbox2{background-position:-136px -39px;} .show-content .assist .tab-tit li .iconbox3{background-position:-332px 14px;} .show-content .assist .tab-tit li.current .iconbox3{background-position:-332px -39px;} .show-content .assist .tab-tit li .iconbox4{background-position:-522px 14px;} .show-content .assist .tab-tit li.current .iconbox4{background-position:-522px -39px;} .show-content .assist-text .text-l{width:836px;} .show-content .assist-text .text-r{width:340px;} .show-content .assist-text .text-r p{margin-top:20px;color:#4d4c4c;text-align:center;font-size:16px;} .show-content .assist-text .text-r div{padding:10px 0 15px;color:#9b9b9b;line-height:23px;} .show-content .assist-text .text-r a{display:block;margin:auto;width:95px;height:37px;border:1px solid #62b900;color:#62b900;text-align:center;line-height:37px;} .show-content .casebox{padding:30px 0 50px;} .show-content .case-l{padding:0;width:147px;border:1px solid #ebebeb;border-top:none;border-top-color:#ebebeb;border-top-style:solid;border-top-width:1px;} .show-content .case-l li{margin:0;padding:0;width:147px;height:76px;border-top:1px solid #ebebeb;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;text-align:left;line-height:76px;-ms-border-radius:0;} .show-content .case-l li.current{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:#62b900;-ms-border-radius:0;} .show-content .case-l li span{display:block;padding-left:58px;background:url(../images/caseiconbg.png) no-repeat left top;background-position-x:left;background-position-y:top;} .show-content .case-l li .icon01{background-position:24px 27px;} .show-content .case-l li.current .icon01{background-position:-100px 27px;} .show-content .case-l li .icon02{background-position:24px -49px;} .show-content .case-l li.current .icon02{background-position:-100px -49px;} .show-content .case-l li .icon03{background-position:24px -122px;} .show-content .case-l li.current .icon03{background-position:-100px -122px;} .show-content .case-l li .icon04{background-position:24px -198px;} .show-content .case-l li.current .icon04{background-position:-100px -198px;} .show-content .case-l li .icon05{background-position:23px -275px;} .show-content .case-l li.current .icon05{background-position:-101px -275px;} .show-content .case-l li .icon06{background-position:23px -346px;} .show-content .case-l li.current .icon06{background-position:-101px -346px;} .show-content .case-r{padding:0;width:1032px;} .show-content .case-r .caselogo img{height:65px;} .show-content .case-r .lbox{width:590px;} .show-content .case-r .lbox .des-list,.show-content .case-r .rbox .des-list{position:relative;margin-top:20px;padding-left:88px;color:#727272;line-height:24px;} .show-content .case-r .lbox .des-list h3,.show-content .case-r .rbox .des-list h3{position:absolute;top:0;left:0;color:#3b3b3b;font-size:16px;} .show-content .case-r .lbox .des-list dd{margin-top:3px;color:#62b900;font-weight:700;} .show-content .case-r .rbox{width:424px;} .media-list h3{margin-top:25px;color:#3b3b3b;font-size:16px;} .media-list ul{overflow:hidden;} .media-list ul li{position:relative;float:left;margin:20px 0;padding-left:92px;width:104px;} .media-list ul li .img{position:absolute;top:0;left:0;} .media-list ul li .img img{width:79px;height:79px;-webkit-border-radius:100%;-moz-border-radius:100%;vertical-align:top;-ms-border-radius:100%;} .media-list ul li p.name{padding-top:3px;color:#727272;font-size:14px;} .media-list ul li p{margin-bottom:5px;color:#3d3d3d;font-size:12px;} .media-list ul li a{display:block;width:58px;height:25px;border:1px solid #62b900;color:#62b900;text-align:center;font-size:12px;line-height:25px;} .show-content .case-r .rbox .rboximg{margin-top:30px;} .show-content .case-r .rbox .des-list p span{color:#62b900;font-weight:700;} .mediabox{height:963px;background:url(../images/mediabox.jpg) no-repeat center top;} .mediabox .title{padding-top:80px;color:#fff;text-align:center;font-weight:700;font-size:36px;} .mediabox .boxlist{text-align:center;} .mediabox .boxlist dl{display:inline-block;margin:55px 40px;} .mediabox .boxlist dl dt{margin:auto;width:124px;height:124px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background:#f07474;color:#fff;font-size:41px;line-height:124px;-ms-border-radius:100%;} .mediabox .boxlist dl dt span{font-size:21px;} .mediabox .boxlist dl dd{margin-top:15px;color:#8c8c8c;} .mediabox .mr-tith3{color:#e83737;font-size:24px;} .mediabox .mr-frbox{margin:20px auto 0;margin-top:20px;height:235px;background:0 0;} .mediabox .mr-frBtnL{float:left;display:inline;margin:100px 0 0 0;margin-top:100px;cursor:pointer;} .mediabox .mr-frBtnL,.mediabox .mr-frBtnR{margin-top:175px;} .mediabox .mr-frUl{float:left;margin-left:65px;width:1020px;height:235px;} .mr-frUl ul li{float:left;display:inline;overflow:hidden;margin:0 10px;width:183px;height:235px;text-align:center;} .mr-frUl ul li a{display:block;margin:24px 0 0;width:181px;height:91px;border:1px solid #ebebeb;} .show-content .mr-frUl ul li a{background:#fff;} .mr-frbox{margin:20px auto 0;height:235px;} .mr-frBtnL{float:left;display:inline;margin:100px 0 0 0;cursor:pointer;} .mr-frUl{float:left;margin-left:65px;width:1020px;height:235px;} .mr-frBtnR{float:right;margin-top:100px;cursor:pointer;} .mediabox .mr-frUl,.mediabox .mr-frUl li{height:360px;} .mediabox .mr-frUl ul li a{border:1px solid #fff;-webkit-border-radius:4px;-moz-border-radius:4px;background:#fff;-ms-border-radius:4px;} .mediabox .mr-tith3 a{display:inline-block;padding:10px 40px;border:1px solid #fff;border-radius:20px;color:#fff;} .mediabox .mr-tith3 a:hover{background:#fff;color:#3cb4f9;} .microblogging .m-tit{margin:60px auto 55px;text-align:center;} .microblogging .m-tit .tit-box{display:inline-block;margin:0 20px;padding-top:8px;width:144px;height:70px;color:#727272;font-size:16px;cursor:pointer;} .microblogging .m-tit .tit-box.on{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#e83737;color:#fff;-ms-border-radius:4px;} .microblogging .m-content .comment{padding-top:5px;} .microblogging .m-content .comment .box{position:relative;float:left;margin:63px 19px 0 10px;padding:0 8px;width:216px;height:209px;border:1px solid #ddd;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-ms-border-radius:6px;} .microblogging .m-content .comment .box dl{position:absolute;top:-48px;left:0;width:100%;text-align:center;} .microblogging .m-content .comment .box dl dt img{width:94px;height:94px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;vertical-align:top;-ms-border-radius:100%;} .microblogging .m-content .comment .box dl dd{margin:10px 0;color:#494949;font-weight:600;font-size:16px;} .microblogging .m-content .comment .box div.fl,.microblogging .m-content .comment .box div.fr{margin:91px 0 5px;color:#757575;text-align:left;} .microblogging .m-content .comment .box div.fl{width:110px;border-right:1px solid #ddd;} .microblogging .m-content .comment .box div.fl p,.microblogging .m-content .comment .box div.fr p{margin-bottom:6px;padding-left:3px;} .microblogging .m-content .comment .box div.fl p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .microblogging .m-content .comment .box .see{padding-top:11px;border-top:1px solid #ddd;} .microblogging .m-content .comment .box .see a{display:block;margin:auto;width:112px;height:36px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#e83737;color:#fff;text-align:center;line-height:36px;-ms-border-radius:20px;} .microblogging .m-content .comment .bnt-more{margin:23px auto 0;color:#717171;text-align:center;} .wbshow3 dl{margin:55px 94px 70px;width:197px;text-align:center;} .wbshow3 dl dd{margin-top:25px;color:#8e8e8e;font-size:16px;line-height:26px;} .am-container{margin:auto;width:1200px;} .am-avg-md-3>li{float:left;display:block;width:33.33333333%;height:auto;} .business_tab{margin-top:5px;margin-top:20px;margin-right:5px;margin-bottom:5px;margin-left:5px;padding:25px;border-bottom:2px solid #fff;background:#fff;opacity:.8;} .business_tab:hover{border-bottom:2px solid #108cee;opacity:1;} .shadow{box-shadow:0 2px 12px 0 rgba(0,0,0,.1);} .business_tab_title{margin-top:30px;color:#000;text-align:left;font-size:20px;line-height:36px;} .business_tab_hot{margin-top:-2px;margin-left:10px;padding-top:2px;padding-right:5px;padding-bottom:2px;padding-left:5px;height:18px;background-color:#ff6638;color:#fff;vertical-align:middle;font-size:12px;line-height:18px;} .business_tab_desc{margin-top:25px;margin-bottom:25px;text-align:left;font-size:15px;} .tab_keyword{color:#108cee;} .business_tab_contact{margin-right:10px;padding:5px 25px;border:1px solid #108cee;color:#108cee!important;font-size:14px;} .business_tab_price{padding:3px 7px;padding:5px 25px;border:1px solid #fe8e6c;color:#fe8e6c!important;color:#fe8e6c!important;font-size:12px;font-size:14px;} .business_tab a:hover{color:#c00!important;} .am-margin-bottom{margin-bottom:36px;text-align:left;} .am-margin-top-lg{margin-top:24px;} .am-avg-sm-3>li{float:left;display:block;width:33.33333333%;height:auto;text-align:left;} .am-avg-sm-3>li h2{margin:0 0 1.6rem 0;font-weight:600;font-size:1.25em;} .limit-2line{display:-webkit-box;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .am-avg-sm-5>li{float:left;display:block;padding:0 2%;width:16%;height:auto;} .am-avg-sm-5 .bg-primary{border-radius:1000px;background-color:#0e90d2;font-weight:700;font-size:1.15rem;} .am-avg-sm-5 .am-margin-top{margin-top:1.6rem;} .am-padding-bottom-lg .h1-title{padding-top:30px;padding-bottom:10px;font-weight:700;font-size:30px;} .am-padding-bottom-lg .am-margin-top{margin-top:1.6rem;} .am-avg-md-4>li{float:left;display:block;padding:0 .5%;width:24%;height:auto;} .am-avg-md-4>li .width-100{width:100%;} .am-padding-bottom-lg{padding-bottom:2.4rem;} #ask-custome-case-ul img:hover{transition:all .6s;transform:scale(1.3);} .show-content .compose{padding-bottom:20px;} .show-content .show1{margin-top:60px;} .show-content .compose dl{float:left;margin:0 0 45px 120px;margin-left:120px;width:319px;color:#8e8e8e;text-align:center;line-height:24px;} .show-content .compose dl.first{margin-left:0;} .show-content .compose dl dd h3{margin:25px 0 12px;color:#636363;font-size:18px;} .show-content.content2 .show2{padding-top:80px;padding-bottom:40px;} .show-content .show3{padding:60px 0 50px;padding-bottom:50px;} .show-content .show3 .writer{overflow:hidden;width:300px;height:214px;background:#4abae0;color:#fff;text-align:center;} .show-content .show3 .writer .writer-tit{padding:35px 0 5px;font-size:28px;} .show-content .show3 .writer .writer-des{font-size:16px;line-height:26px;} .show-content .show3 .writer .writer-des span{font-size:20px;} .show-content .show3 .writer .writer-price{margin-top:18px;font-size:28px;font-family:Arial;} .show-content .show3 .writer .writer-price span{display:inline-block;width:143px;height:42px;border:1px solid #fff;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;text-align:center;line-height:42px;-ms-border-radius:25px;} .news-comment{padding:70px 0;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;background:#fff;} .position-box{padding:15px 0;color:#a4a4a4;font-size:14px;} .position-box a{color:#a4a4a4;} .member-main{overflow:hidden;margin:11px auto 15px;border:1px solid #ebebeb;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-ms-border-radius:6px;} .member-main .member-left .tit{padding-left:28px;height:36px;border-right:1px solid #ebebeb;background:#3cb4f9 url(../images/tit.gif) no-repeat 8px center;color:#fff;font-size:16px;line-height:36px;cursor:pointer;} .member-main .member-left .tit span{display:block;margin-right:13px;background:url(../images/span.png) no-repeat right center;} .member-main .member-left .tit span.span90{background:url(../images/span_90.png) no-repeat right center;} .member-main .medium-left .tit{background:#f7f7f7 url(../images/tit01.gif) no-repeat 8px center;color:#515151;} .member-main .medium-left .tit span{background:url(../images/span01.png) no-repeat right center;} .member-main .member-left .column a{display:block;margin-top:1px;padding-left:30px;height:33px;color:#0a0a0a;line-height:33px;} .member-main .member-left .column a em{display:inline;color:red;} .member-main .member-left .column .current,.member-main .member-left .column a:hover{padding-left:28px;border-left:2px solid #3cb4f9;background:#fff;color:#3cb4f9;} .member-main .member-right{margin-right:10px;} .member-main .member-right .title{color:#4b4545;font-weight:700;font-size:20px;line-height:65px;} .member-main .member-right .title .reward-box{float:right;} .member-main .member-right .title a{margin:0 20px 0 0;color:#4b4545;} .member-main .member-right .title a.current,.member-main .member-right .title a:hover{color:#3cb4f9;text-decoration:underline;} .member-main .member-right .title .addorderstep{float:right;margin-top:12px;height:40px;border-radius:3px;background:#eee;line-height:40px;} .member-main .member-right .title .addorderstep ul li{position:relative;float:left;margin:0 10px 0 20px;padding:0 10px;font-size:14px;border-left-color:#ea544a;} .member-main .member-right .title .addorderstep ul li .arrow_bg{position:absolute;top:11px;right:-23px;z-index:2;width:0;height:0;border-color:transparent transparent transparent #e83737;border-style:dashed dashed dashed solid;border-width:8px 0 8px 8px;font-size:0;line-height:0;border-left-color:#fff;} .cbp-hrmenu { line-height: 61px; } .nav1{float:left;margin-left:285px;padding-left:10px;padding-bottom:10px;background: rgba(0,0,0,0.6);} .nav2{float:left;margin-left:600px;padding-left:10px;padding-bottom:20px;padding-top: 20px;background: rgba(0,0,0,0.6);} .nav5{width: 140px!important;overflow:hidden;padding-left:10px;padding-bottom:20px;padding-top: 20px;margin-right:42px;background: rgba(0,0,0,0.6);} /* general ul style */ .cbp-hrmenu ul { margin: 0; padding: 0; list-style-type: none; } /* first level ul style */ .cbp-hrmenu > ul{ margin: 0 auto; padding: 0 1.875em; float:right; } .cbp-hrmenu > ul > li { display: inline-block; } .cbp-hrmenu > ul > li.active a{color:#01AFF5;} .cbp-hrmenu > ul > li.active em{background:#01AFF5;} .cbp-hrmenu > ul > li > a { margin:0 15px; position:relative; color: #fff; display: inline-block; } .cbp-hrmenu > ul > li > em{ display: block; margin:0 15px; height: 3px; } .cbp-hrmenu > ul > li:hover > em{ background:#01AFF5; } .cbp-hrmenu > ul > li > a:hover { color: #fff; } .cbp-hrmenu > ul > li.cbp-hropen a{ color: #01AFF5; } .cbp-hrmenu > ul > li.cbp-hropen em{ color: #01AFF5; } .cbp-hrmenu > ul > li.cbp-hropen > a:hover { color: #01AFF5; } /* sub-menu */ .cbp-hrmenu .cbp-hrsub { display: none; position: absolute; /*background:rgba(044,044,044,0.9);*/ width: 100%; left: 0; z-index:10000; /* padding-top: 30px; */ } .on .cbp-hrsub { display: block; padding-bottom: 3em; } .cbp-hrmenu .cbp-hrsub-inner > div { width:110px; } .cbp-hrmenu .cbp-hrsub-inner:before, .cbp-hrmenu .cbp-hrsub-inner:after { content: " "; display: table; } .cbp-hrmenu .cbp-hrsub-inner:after { clear: both; } .cbp-hrmenu .cbp-hrsub-inner > div ul li{ line-height: 180%; width: 100%; } .cbp-hrmenu .cbp-hrsub-inner > div ul li.active a{color:#01AFF5;} .cbp-hrmenu .cbp-hrsub-inner > div a { line-height:200%; } .cbp-hrmenu .cbp-hrsub-inner > div a:hover { color: #01AFF5; } .cbp-hrsub h4 { color: #fff; margin: 0; font-size:18px; font-weight: 300; }