*{margin: 0px; padding:0px;} body.home{padding-top: 0px;} .clear:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .clear{zoom:1;} /*首页新增样式*/ .section.works .field .field-items li{color: #e5e5e5!;} .menu a{color:#fff; font-size: 17px; } /*底部开始*/ .foot{background: rgb(4,146,212); padding-top: 70px; overflow: hidden;} .foot .f_name{color: #fff;font-size: 16px;line-height: 1em;margin-bottom: 25px;} .foot .f_ewm{width: 175px; height:174px; margin:0 auto 16px; overflow: hidden;} .foot .f_ewm img{width: 175px; height: 174px; display: block; background:#fff;} .foot>p{text-align: center; font-size: 16px; color: #fff; line-height: 28px; margin: 0px;} .foot .f_link{margin-bottom: 45px;} .foot .f_db{line-height: 50px; height: 50px; font-size: 12px;color: #fff;background: #0082bd;} /*首页关于我们*/ .iabout_tleft{width: 100%; text-align: center; background: #fff; display: none;} .iabout_tleft h3{font-size: 22px; color: #333;line-height: 1em; margin-bottom:10px; } .iabout_tleft p{font-size: 14px; color: #999; font-family: Arial; line-height: 1em; } section.about{padding:50px 0;background:#89b4dc;; overflow: hidden;} section.about .lighthouse h3,section.about p{font-size:27px;line-height:1.4;margin-top:30px} section.about .lighthouse{background:url(img/lighthouse.jpg) left center no-repeat;min-height:700px; /*width: 86.5%!important; margin:0 7%;*/width: 76%!important; margin:0 12%;} section.about .lighthouse p{margin-top:100px; font-size: 14px!important; color: #000;} section.about .lighthouse h3{line-height: 1em!important; margin: 0px; margin-bottom: 50px!important; font-size:35px;font-weight:bold; color: #333;} section.about .lighthouse h3.iab01{font-size: 50px;} section.about .lighthouse h3.iab02{font-size: 40px; } section.about .lighthouse h3.iab03{font-size: 30px;} section.about .btn-uni{border:1px solid #333; width: 200px; height: 50px; text-align: center; line-height: 50px; display: block; color: #333; margin-top: 40px;} section.about .btn-uni:hover{color: #fff;background: #333;} section.about .lighthouse .about-quote{position:relative;z-index:2;margin-top:100px} section.about .lighthouse .wave{background:url(img/wave.png);width:680px;height:553px;position:absolute;left:358px;top:-50px;z-index:1} section.about .iabcont{width: 50%; margin-left: 50%; margin-top: 6%;} /*新闻中心结束*/ .inews{width: 98%;margin:0px ; padding-top: 6%; margin-left: 1%;} .inews .ibox{/*width: 95%;*/ margin:0 auto;} .inews .ibox .inews_top{width: 100%;overflow: hidden;margin-bottom: 2%;position: relative;} .inews .ibox .inews_top .inws_tleft{float: left;} .inews .ibox .inews_top .inws_tleft h3{font-size: 22px; color: #333;line-height: 1em; margin-bottom:10px; } .inews .ibox .inews_top .inws_tleft p{font-size: 14px; color: #999; font-family: Arial; line-height: 1em; } .inews .ibox .inews_top .inws_tright{width: 168px; height: 43px;position: absolute;right: 0;top: 15px;} .inews .ibox .inews_top .inws_tright a{display: block; width: 100%; height: 100%; /*background: #89b4dc;;*/ color: #fff; text-align: center; line-height: 40px; background: url(img/more.jpg)no-repeat center center;opacity: .6;} .inews .ibox .inews_top .inws_tright a:hover{opacity: 1;} .inews .ibox .inews_bottom{width: 100%; overflow: hidden; padding-bottom: 5%; height: 0px ; padding-bottom: 24%; position: relative;} .inews .ibox .inews_bottom ul{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;background: url(img/i_news_bg.jpg) center no-repeat;} .inews .ibox .inews_bottom ul li{width: 25%; float: left; position: relative; height: 100%;} .inews .inews_pic{width: 100%; height: 50%; position: absolute; left: 0px; overflow: hidden; display: none;border: 1px solid rgba(255,255,255,0);} .inews .inews_pic img{display: block;} .inews .inews_bcon{height: 50%; border: 1px solid #dcdcdc;position: absolute; left: 0px; width: 100%;overflow: hidden;} .inews li:hover .inews_pic{ border: 1px solid #dcdcdc;} .inews li:nth-child(2n+1) .inews_pic{top: 0px;} .inews li:nth-child(2n) .inews_pic{bottom: 0px;} .inews li:nth-child(2n) .inews_bcon{top: 0px;} .inews li:nth-child(2n+1) .inews_bcon{bottom: 0px;} .inews .inews_bcon .inews_bcbox{padding:10%;} .inews .inews_bcon .inews_bcbname{font-size: 18px; color: #555;font-weight: bold;line-height: 2em;max-height: 72px;overflow: hidden;} .inews .inews_bcon .inews_bcbsumm{font-size: 14px; color: #555;line-height: 2em;max-height: 56px;overflow: hidden;} .inews .ixwan{position: absolute; width: 23px; height: 55px; background-image: url(img/fdicon.png); background-repeat: no-repeat; left: 50%; margin-left: -11px; top: 50%; z-index: 10; } .inews li:nth-child(2n+1) .ixwan{margin-top: -45px; background-position: 0px -183px;} .inews li:nth-child(2n+1):hover .ixwan{background-position: -23px -183px;} .inews li:nth-child(2n) .ixwan{ margin-top: -12px; background-position: -48px -183px;} .inews li:nth-child(2n):hover .ixwan{background-position: -72px -183px;} .inews li:hover .inews_bcon{background: #fff;} .inews li:hover .inews_pic{display: block;} /*全案影视开始*/ .iqa{width: 100%; background-color: #1e94d4;/* background-image: url(img/iqa.jpg); background-size: 100%;*/ padding-top:41%; /*background-repeat:no-repeat;*/ position: relative;} .iqa .iqa_left{position: absolute; left: 0px; top: 0px; width: 50%; height: 100%; overflow: hidden;} .iqa .iqa_left img{display: block; /*width: 100%; height: 100%;*/} .iqa .bd{width: 50%; height: 100%; position: absolute; right: 0px; top: 0px;} .iqa .bd li{width: 100%; height: 100%; position: absolute; right: 0px; top: 0px; overflow: hidden;} .iqa .bd li img{display: block; width: 100%; height: 100%} .iqalist{width: 95%;background: rgba(255,255,255,0.8); padding-bottom: 10%; position: absolute; bottom:5%; left: 2.5%; overflow: hidden;} .iqalist ul{position: absolute; height: 100%; width: 86%; left: 7%;} .iqalist li{float: left; width: 10%; height: 100%; display: block;} .iqalist li:hover ,.iqalist li.on{background: #3c4250;} .iqalist li i{display: block; width: 37px; height: 33px; margin:27% auto 20%; background-image: url(img/fdicon.png);} .iqalist li:nth-child(1) i{background-position:0px -108px; } .iqalist li:nth-child(2) i{ background-position:-151px -108px;} .iqalist li:nth-child(3) i{background-position:-76px -108px; } .iqalist li:nth-child(4) i{background-position:-189px -108px; } .iqalist li:nth-child(5) i{background-position:-114px -108px; } .iqalist li:nth-child(6) i{background-position:-267px -108px;} .iqalist li:nth-child(7) i{background-position:-227px -108px; } .iqalist li:nth-child(8) i{ background-position:-345px -108px;} .iqalist li:nth-child(9) i{background-position:-304px -108px; } .iqalist li:nth-child(10) i{ background-position:-38px -108px;} .iqalist li:nth-child(1):hover i,.iqalist li:nth-child(1).on i{background-position:0px -145px; } .iqalist li:nth-child(2):hover i,.iqalist li:nth-child(2).on i{background-position:-151px -145px; } .iqalist li:nth-child(3):hover i,.iqalist li:nth-child(3).on i{background-position:-76px -145px; } .iqalist li:nth-child(4):hover i,.iqalist li:nth-child(4).on i{background-position:-189px -145px; } .iqalist li:nth-child(5):hover i,.iqalist li:nth-child(5).on i{background-position:-114px -145px; } .iqalist li:nth-child(6):hover i,.iqalist li:nth-child(6).on i{background-position:-267px -145px; } .iqalist li:nth-child(7):hover i,.iqalist li:nth-child(7).on i{background-position:-227px -145px; } .iqalist li:nth-child(8):hover i,.iqalist li:nth-child(8).on i{background-position:-345px -145px; } .iqalist li:nth-child(9):hover i,.iqalist li:nth-child(9).on i{background-position:-304px -145px; } .iqalist li:nth-child(10):hover i,.iqalist li:nth-child(10).on i{background-position:-38px -145px; } .iqalist li p{color: #3c4250; text-align:center; font-size: 14px; line-height: 1em;} .iqalist li span{color: #3c4250;text-align:center; font-size: 10px!important; display: block; line-height: 1em; text-transform:uppercase; } .iqalist li:hover p,.iqalist li:hover span{color: #fff;} .iqalist li.on p,.iqalist li.on span{color: #fff;} /*首页视频开始*/ section.intro{background:url(img/bg.jpg) center bottom no-repeat;position:relative;margin-top:-85px;overflow:hidden} section.intro h1{font-size:70px;color:#ededed;margin:5% 0;line-height:.9} section.intro h1 small{color:#fff;font-size:35px;margin-top:-30px;font-weight:300} section.intro .logo{background:url(img/dlogo.png)no-repeat bottom center;width:94px;height:237px;margin:0 auto;margin-top:12%} section.intro .intro-content{z-index:10;position:absolute;margin-bottom:30px;width:100%} section.intro .intro-bg{z-index:1;position:relative;top:0;left:0;width:100%;min-height:50vh;min-width:1280px; height: 100%; overflow: hidden;} section.intro .intro-bg video{min-width:100%;min-height:50%;width:100%;height:50%;vertical-align:top} section.intro h1{color:#fff;margin:5% 0;line-height:.9} section.intro h1 p{ font-weight: 800; font-size:60px; display: block; text-align: center; background: url(img/disc.jpg) no-repeat center center; margin: 0px;} section.intro h1 small{color:#fff;font-size:35px;margin-top:30px;font-weight:300; font-size: 12px; word-spacing: 10px; letter-spacing: 2px; display: block;font-family: Arial;} .intro-more{font-size: 18px; color: #fff;} /* mrpi */ .i-banner{position: relative;margin-top: 95px;} .i-banner .bd, .i-banner .bd ul, .i-banner .bd ul li{height: 100%;width: 100% !important;} .i-banner .bd li{position: relative;font-size: 100px;} .i-banner .bd li .i-banner-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;} .i-banner .bd li .p1, .i-banner li .p2{line-height: 1em;color: #fff;margin-top: 0;} .i-banner .bd li .p1{margin-bottom: 30px;font-size: 0.72em;font-weight: bold;} .i-banner .bd li .p2{margin-bottom: 50px;font-size: 0.52em;} .i-banner .bd li p{font-size: 0.3em;line-height: 50px;color: #fff;} .i-hd{position: absolute;right: 30px;top: 50%;margin-top: -45px;} .i-hd ul{text-align: center;} .i-hd li{display: block;margin: 10px 0;width: 16px;height: 16px;border-radius: 50%;border: 2px solid #fff;font-size: 0;cursor: pointer} .i-hd li.on{background: #fff;} .section{padding-top: 100px;} .i-title{margin-bottom: 40px;text-align: center;} .i-title h5{margin: 0 auto 20px;font-size: 26px;font-weight: bold;color: #009fe8;} .i-title h6{margin: 0 auto;font-size: 14px;color: #009fe8;text-transform: uppercase;} .i-about{} .i-about .i-about-inner{position: relative;height: 622px;padding: 130px 0;background: url(img/i_about_bg.jpg) center no-repeat;box-sizing: border-box;} .i-about .bd{width: 1060px;margin: 0 auto;} .i-about .bd li{width: 100%;} .i-about .bd li .imgbox{float: left;width: 366px;height: 366px;border-radius: 50%;border: 8px solid #3b82c4;background-position: center;background-repeat: no-repeat;} .i-about .bd li .text{display: table;height: 366px;float: right;width: 540px;margin-right: 20px;} .i-about .bd li .text p{display: table-cell;vertical-align: middle;font-size: 24px;line-height: 2em;color: #fff;} .i-tec .i-tec-inner{height: 433px;background: url(img/i_tec_bg.jpg) center fixed no-repeat;} .i-tec .i-tec-inner .text{width: 1060px;margin: 0 auto;padding: 130px 0 0;} .i-tec .i-tec-inner .text p{margin-bottom: 85px;font-size: 16px;line-height: 28px;color: #fefefe;text-indent: 2em;} .i-more{display: block;margin: 0 auto;width: 168px;height: 50px;background: #699ccd;font-size: 14px;line-height: 50px;color: #fff;text-align: center;} .i-more:hover{background: #3b82c4;} .i-partner{padding: 100px 0 45px;} .i-partner-inner{} .i-partner .text{width: 1060px;margin: 0 auto 70px;} .i-partner .text p{font-size: 16px;line-height: 28px;color: #555;text-indent: 2em;} .partner-pic{} .partner-pic ul{margin: 0 auto 48px;width: 1204px;} .partner-pic li{float: left;width: 204px;height: 204px;margin-right: 46px;margin-bottom: 20px;background-position: center;background-repeat: no-repeat;transition: all .3s;} .partner-pic li:hover{box-shadow: 1px 3px 20px 0px rgba(0,0,0,0.1);} .partner-pic li:nth-child(5n){margin-right: 0;} .com-con{} .com-con .text1 img, .com-con .text1 p{float: right;} .com-con .text2 img, .com-con .text2 p{float: left;} .com-con .clear p{width: 48%;margin-top: 5%;} .com-con .clear img{width: 50%;height: auto;} .com-con .text1 p{margin-right: 2%;margin-top: 10%;} .com-con .text2 p{margin-left: 2%;margin-top: 13%;} .light p{width: 1060px;margin: 0 auto 70px;font-size: 16px; line-height: 28px; color: #555; text-indent: 2em;text-align: left;} .tech-text1{min-height: 100px !important;} .tech-con{margin-bottom: 100px !important;} .tech-con .row{margin-bottom: 20px;} .tech-con .row h6{margin-top: 0;font-size: 18px;font-weight: bold;color: #000;} .tech-con .row p{font-size: 14px;line-height: 2em;} /* mrpi end */ /*首页轮播修正*/ .ilbbox{padding-bottom: 30%; position: relative; } .picScroll-top{ margin:0 auto; width:100%; overflow:hidden; position:relative; margin-bottom: -5px; } .picScroll-top .hd{ bottom:50%;height:auto;right:2%;left:auto;width:12px; z-index: 10; position: absolute;} .picScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; width: } .picScroll-top .hd ul li{ width: 10px; height: 10px; display: block; border-radius: 10px; border: 1px solid #fff; margin-top:10px; margin-bottom: 10px; color: rgba(0,0,0,0); cursor: pointer;} .picScroll-top .hd ul li.on{ background-position:0 0; background: #fff; } .picScroll-top .bd{ } .picScroll-top .bd ul{ overflow:hidden; zoom:1; } .picScroll-top .bd ul li{ text-align:center; zoom:1; position: relative;} .picScroll-top .bd ul li .pic{ text-align:center; width: 100%; height: 100%;} .picScroll-top .bd ul li .pic img{ width:100%; height:100%; display:block; padding:2px; } .picScroll-top .bd ul li .slide-info{ } .picScroll-top .bd .slide-info{padding-left:5%;color:#ededed;position:absolute;left:0;z-index:99;top:0;text-align:left;bottom:0;height:100%} .picScroll-top .bd .slide-info .slide-cell{min-width:350px;position:absolute;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%)} .picScroll-top .bd .slide-info h2{font-size:30px;margin-top:0; color: #fff; margin-bottom: 20px; letter-spacing: 3px;} .picScroll-top .bd .slide-info p{max-width:300px;font-size:13px;color:#fff;letter-spacing: 2px; line-height: 1.8em; text-shadow:2px 2px 8px #000;} .picScroll-top .bd .slide-info .slide-intro{font-size:15px;color:#ffffff} .picScroll-top .bd .slide-info .continue{border:1px solid #fff; margin-top: 20px; width: 120px; height: 35px; text-align: center; line-height: 35px; font-size:13px;display:inline-block; cursor: pointer;} .picScroll-top .bd .slide-info .continue:hover{background-color:#fff;color:#0b0c0e} /*全案影视*/ section.works .hero-title{color:#333;padding-top:2%; padding-bottom:1%;background-color:#fff;font-size:25px;line-height:1} section.works .hero-title small{font-size:14px;color:#333;font-weight:300;margin-top:0} section.works .field-set{background:#fff;} section.works .field{-webkit-transition-property:margin;-o-transition-property:margin;transition-property:margin;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-in; -o-transition-timing-function:ease-in;transition-timing-function:ease-in;background-color:#2d2305;padding:0} section.works .field.video{background:url(img/field_video.jpg) center center no-repeat;-webkit-background-size:cover;background-size:cover} section.works .field.animation{background:url(img/field_animation.jpg) center center no-repeat;-webkit-background-size:cover;background-size:cover} section.works .field.interactive{background:url(img/field_interactive.jpg) center center no-repeat;-webkit-background-size:cover;background-size:cover} section.works .field.qinzi{background:url(img/qz.jpg) center center no-repeat;-webkit-background-size:cover;background-size:cover} section.works .field .Center-Container.is-Table{display:table;margin:0 auto;position: relative;height: 593px;} section.works .field .is-Table .Table-Cell{display:table-cell;vertical-align:middle;} section.works .field .is-Table .Center-Block{width:100%;margin:0 auto} section.works .field .field-intro{height: 280px;color:#fff;transition: all .5s;} section.works .field .field-intro h2{margin: 38px 0 56px;} section.works .field .field-intro h2 p{font-size:32px;color:#ededed;line-height:40px;font-weight: bold;} section.works .field .field-intro h2 small{color:#ededed;font-weight:300;font-size:14px;margin-bottom:60px; font-family: Arial; text-transform: uppercase} section.works .field .field-intro .fdnr{display: none;margin-top:30px; min-height: 72px;font-size: 14px;line-height: 2em;} section.works .field .field-items{z-index: 99;display:none;margin-top: -74px;font-size:16px;line-height: 1em;color: #fff;padding: 38px 0;background-color:#3b82c4;} section.works .field .field-items p{position: relative;margin-bottom: 0;line-height: 1em;background: url(img/white.png) center repeat-x;} section.works .field .field-items p span{display: inline-block;padding: 0 10px;margin: 0 auto;background: #3b82c4;} section.works .field-bg{display: none;position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.3);} section.works a:hover .field-items{display:block;position:absolute;width:100%} section.works a:hover .field-bg{display: block;} section.works a:hover .fdnr{display: block !important;} section.works a:hover .field-intro{height: 324px;} section.works h4.seemore{background:url(img/more.png) center bottom no-repeat;font-size:25px;color:#0b0c0e;padding-bottom:60px;margin:2% 0; display: none;} section.works h4.seemore small{font-size:15px;color:#6e6e6e;font-weight:300} section.works .field .is-Table .Center-Block i{display: block; width: 78px; height: 78px;background-color: #3b82c4;border-radius: 50%;background-repeat: no-repeat; margin:5% auto 0;} section.works .field.video i{background-image: url(img/icons.png);background-position: 0 0;} section.works .field.animation i{background-image: url(img/icons.png);background-position: -78px 0;} section.works .field.interactive i{background-image: url(img/icons.png);background-position: -156px 0;} section.works .field.qinzi i{background-image: url(img/icons.png);background-position: -234px 0;} section.works a:hover i{background-color: #fff !important;} section.works a:hover .field.video i{background-position: 0 -78px;} section.works a:hover .field.animation i{background-position: -78px -78px;} section.works a:hover .field.interactive i{background-position: -156px -78px;} section.works a:hover .field.qinzi i{background-position: -234px -78px;} /*首页招聘*/ section.career{background:#ededed url(img/career_bg.jpg) center center no-repeat;padding:65px 0;color:#0b0c0e;height: 328px!important;} section.career h5{font-weight:bold;font-size: 20px; color: #333; line-height: 52px!important; font-family: "Microsoft YaHei"; font-weight: normal!important;} section.career li{font-size:19px;font-weight:bold} section.career .glyphicon{margin-right:7px;font-size:12px} section.career .btn-uni{color:#333;background:#fff; border:1px solid #333; font-size: 16px; display: block; margin:0 auto; width: 200px; height: 50px; text-align: center; line-height: 50px; margin-top: 20px; } section.career .btn-uni:hover{background: #333; color: #fff;} /*分页开始*/ /*分页关于我们*/ body.about{background-color:#ffffff} body.about .navbar{margin-bottom:0} body.about .bg{background:url(img/contact_bg.jpg) center center no-repeat;-webkit-background-size:cover;background-size:cover} body.about .light{background-color:#EDEDED} body.about .bg>section {padding:90px 0;max-width:1540px;margin:0 auto} body.about section{padding:4% 0;max-width:1540px;margin:0 auto} body.about section h1{font-size:35px} body.about section h1 small{font-size:18px;font-weight:300;text-transform: uppercase;} body.about section.company h1{font-size:20px;line-height:1.5;margin:60px 0;color: #1e94d4;} body.about section.company h1 strong{font-size: 30px;} body.about section.company blockquote{border-left:none;border-top:2px solid #bababa;border-bottom:2px solid #bababa;padding:30px 0;margin-bottom:60px} body.about section.company .glyphicon{margin-right:5px;color:#89b4dc;} body.about section.service{width: 66.666%;margin: 0 auto;color:#777;max-width: 1026px;} body.about section.service p{font-size: 16px;} body.about section.service h1{margin-bottom:10px;color:#0b0c0e} body.about section.service .field-desc{margin-left:90px;margin-right:30px} body.about section.service .field-desc .lead{padding-top:115px;font-size:15px;line-height:1.6;color:#0b0c0e; min-height: 235px;} body.about section.service .field-desc ul{margin:0;padding:0} body.about section.service .field-desc ul li{list-style:none;font-size:13px} body.about section.service .field-desc ul li:before{content:'+ ';color:#9ba2b0} body.about section.service .field-head h2{font-size:30px;margin:30px 0;color:#0b0c0e;text-align:center} body.about section.service .field-head span{background-color:#0b0c0e;width:1px;height:200px;display:block;margin:0 auto;margin-bottom:30px} body.about section.clients img{margin:0 15px} body.about section.clients img:nth-child(5n):after{content:"\A";white-space:pre} body.about footer{margin-top:0} body.career{background-color:#e8e8e8;} .pjj .field .pull-left i{display: block; width: 73px; height: 73px; background-image: url(img/fdicon.png); background-repeat: no-repeat;} .pjj .field:nth-child(2) .pull-left i{background-position: -225px -30px;} .pjj .field:nth-child(3) .pull-left i{background-position: -75px -30px;} .pjj .field:nth-child(4) .pull-left i{background-position: -150px -30px;} .pjj .field:nth-child(5) .pull-left i{background-position: 0px -30px;} .text-left li{width: 33.33%;} /*联系我们*/ .plxjj{width:86%; margin:0 auto; float: none!important;} body.contact small{color:#0b0c0e} body.contact h1{margin:60px 0} body.contact .location{max-width:1440px;margin:0 auto} body.contact .location .place{background-color:#fff;padding-top:30px;margin-bottom:30px} body.contact .location .place h2{margin-top:0} body.contact .location .place ul{margin-bottom:30px;padding:0 30px} body.contact .location .place a:hover img.office{opacity:0} body.contact .location .place .map-wrap{position:relative;overflow:hidden; padding-bottom: 40%; position: relative;} body.contact .location .place .map-wrap img.office{position:absolute;z-index:10; width: 50%; left: 0px; top: 0px; height: 100%; -webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.2s;- o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in} body.contact .location .place .map-wrap .map{position:absolute;z-index:1;max-width:100%; left: 0px; right: 0px;} .qnlj{height: 50px; width: 100%; background: #fff; color: #333; text-align: center; display: block; background: url(img/more.png)no-repeat center center; display: none;} /*产品列表*/ .pprolist{min-height: 500px;} /*新闻列表页*/ body.news .project .news-title {font-size: 16px!important;padding-left: 15px; padding-right: 15px; line-height: 1.5em;} .inws_tleft01{display: none;} /*新闻详情页*/ .mewsname{margin-top: 50px;} .nesrq{margin-bottom: -10px;} .xinwen{ /*margin-bottom: 100px!important;*/width: 90%;margin-left: 5%; padding-bottom: 30px;} .xinwen .row{margin:0px; /*min-height: 800px;*/ border-top:1px solid #dcdcdc; padding-top: 20px;border-bottom:1px solid #dcdcdc; padding-bottom: 100px;} .xinwen p{font-size: 16px; line-height:2em; margin-bottom: 10px; text-indent: 2em;} .xinwen img{/*display: block;*/ max-width: 100%;height: auto;} .viewpage-link{width:100%; margin:0 auto; overflow: hidden; margin-bottom: 100px;} .viewpage-link li a{color: #333; line-height: 3em; font-size: 15px;} .viewpage-link li.left{float: left;} .viewpage-link li.right{float: right;} .pxc{ position: relative; width: 900px; margin: 30px auto; min-height: 600px;} .pxc .next,.pxc .prev{display: block; position: absolute; top: 50%; font-size: 42px; color: #fff; margin-top: -21px; cursor: pointer; font-family: "宋体"; z-index: 10; font-weight: bolder;} .pxc .next{right: 10px;} .pxc .prev{left: 10px;} .pxc ul{} .pxc ul li{display: block; width: 100%; overflow: hidden; position: absolute; top: 0px; left: 0px;} .pxc ul li img{ display: block; max-width: 100%; } .danye{width: 80%; margin:0 auto; padding-top: 50px; min-height: 500px; max-width: 1140px;} .danye table{display: block; margin:0 auto;} .danye p{font-size: 16px; line-height: 1.8em;} .danye img{max-width: 100%; display: block;} .video{background-color: #000;} @media (max-width:1600px){section.about .lighthouse{background:url(img/lighthouse.jpg) left center no-repeat;min-height:700px; width: 86.5%!important; margin:0 7%;} section.works .field .Center-Container.is-Table{height: 500px;}.i-banner .bd li{font-size: 80px;}} @media (min-width:1200px){ .sanfen{width: 33.3333%;} .pro .sanfen{width: 50%;} } @media (max-width:1440px){ /*首页开始*/ .inews .inews_bcon .inews_bcbox{padding: 3% 5%;} .inews .inews_bcon .inews_bcbox p{margin-bottom: 5px;} } @media (max-width:1200px){ section.works .field-set{/*display: none;*/} .picScroll-top .bd .slide-info .slide-cell{/*display: none;*/} .iabout_tleft{display: block;} .inews{width: 90%; margin-left: 5%; display: none;/*padding-bottom:10%;*/} .inews .ibox .inews_bottom{padding-bottom: 100%;} .inews .ibox .inews_bottom ul li{width:100%; height: 25%; } .inews .inews_bcon .inews_bcbox p.inews_bcbrq{font-weight: bold; margin-bottom: 0px;} .inews .ibox .inews_bottom ul li .inews_bcon{border-bottom: 1px solid #dcdcdc; border-bottom: none;} .inews .ibox .inews_bottom ul li:last-child .inews_bcon{border-bottom: 1px solid #dcdcdc;} .inews .inews_bcon{height: 100%;} .inews .ixwan{display: none;} .navbar .navbar-nav li:nth-child(1){opacity: 0; margin-left: -40px;} .navbar-nav > li{margin: 0 5px;} .sanfen{width: 90%; margin-left: 5%;} .iqa{padding-top: 45%; background: #89b4dc;;} .iqa img{display: none;} .iqalist{padding-bottom: 0%; height: 32px; width: 100%; left: 0px; bottom: 0px; background: rgba(255,255,255,0);} .iqalist ul{width: 100%; left: 0px;} .iqalist li i{display: none;} .iqalist li span{display: none;} .iqalist li p{line-height: 32px; color: #333;} .iqalist li{width: 10%; height: 100%; background-color: rgba(255,255,255,0.2);} .iqalist li:hover, .iqalist li.on{background: rgba(255,255,255,0.6);} .iqalist li:hover p,.iqalist li.on p{color: #333;} body.home section.works h4.seemore{margin: 4% auto; font-size: 18px; display: none;} section.works h4.seemore small{display: none;} section.works .hero-title{font-size: 22px;} section.works .hero-title small{font-size: 14px; color: #999;} .inews .ibox{width: 100%;} section.career h5{line-height: 32px!important; font-size: 16px;} .inews .inews_pic{display: none;} /* .inews .inews_bcon .inews_bcbox p{margin-bottom: 0px;}*/ .inews .inews_bcon .inews_bcbsumm{display: none;} .inews .inews_bcon .inews_bcbname{height: 45px; overflow: hidden;} .inews .ibox .inews_top .inws_tright{width: 120px;} .inws_tleft01{padding: 2% auto; display: block; text-align: center;} .inws_tleft01 h3{font-size: 22px; color: #333;line-height: 1em; margin-bottom:10px; } .inws_tleft01 p{font-size: 14px; color: #999; font-family: Arial; line-height: 1em; } .picScroll-top .bd ul li .pic{height: 200%;} .picScroll-top .bd ul li .pic img{height: 50%;} .picScroll-top .bd .slide-info{/*background: #000; width: 100%;*/} section.about{padding: 0px;} section.about .iabcont{width: 100%; margin-left: auto;margin-top:20%; text-align: center;} section.about .lighthouse .about-quote{margin-top: 0px;} section.about .lighthouse{width: 100%; background:url(img/lighthouse.jpg) no-repeat; background-size: 100% 100%; min-height: 400px;} section.about .lighthouse .wave{display: none;} section.about .lighthouse p{margin-top: 10%;} section.about .lighthouse h3{margin-bottom: 5%!important;} section.about .lighthouse h3.iab01{font-size: 32px;} section.about .lighthouse h3.iab02{font-size: 26px;} section.about .lighthouse h3.iab03{font-size: 20px;} section.about .btn-uni{width: 160px; margin: 40px auto;} section.career{padding: 10% 0; height: 280px!important;} section.career h5{padding-left: 10%; padding-right:10%;} section.career .btn-uni{width: 160px; font-size: 14px} section.intro{background: url(img/ibg.jpg)no-repeat center center;} body.home section.intro{padding-top: 35%;} body.home section.intro h1{display: none;} .intro-more{display: none; } section.intro .logo{ opacity: 0; } .picScroll-top .bd .slide-info .slide-cell{top: 80%;} .picScroll-top .bd .slide-info h2{font-size: 16px;margin-bottom: 5px; } .picScroll-top .bd .slide-info .continue{margin-top: 0px; } .picScroll-top .bd .slide-info p{height: 36px; overflow: hidden; line-height: 1.5em;} .picScroll-top .bd .slide-info .continue{width: 100px; height: 32px; font-size: 12px; line-height:16px; display: none;} .picScroll-top .hd{right: 5%; bottom: 32%;} .pabout{width: 90%; margin-left: 5%;} .pzp{margin-top: 10%; padding-left: 7%; padding-right: 7%;} body.career .lead{ font-size: 16px;} body.about section.company h1{font-size: 24px;} body.about section.company blockquote{font-size: 14px;} body.single article .entry-content{padding-left: 5%; padding-right: 5%;} } @media (max-width:768px){ .foot>p{padding-left:10%; padding-right:10%;} .navbar{margin-bottom: 0 !important;height: 54px;} .navbar-brand{background: url(img/m-logo.png) no-repeat !important;background-size: 100% !important;width: 49px !important;height: 36px !important;} .i-banner{margin-top: 54px !important;} .i-banner .bd li{font-size: 30px;} .i-banner .bd .p2, .i-banner .bd p{display: none;} .i-hd li{width: 10px;height: 10px;margin: 5px 0;} .i-hd{margin-top: -30px;right: 5px;} .section{padding-top: 50px;} .i-title{margin-bottom: 20px;} .i-title h5{margin: 0 auto 10px;font-size: 20px;} .i-title h6{font-size: 14px;} .i-about .bd{width: 96%;} .i-about .bd li .imgbox{display: none;} .i-about .bd li .text{width: 98%;margin-right: 0;} .i-about .bd li .text p{font-size: 20px;} .i-tec .i-tec-inner .text{width: 90%;padding-top: 50px;} .i-tec .i-tec-inner .text p{ font-size: 14px;line-height: 24px;margin-bottom: 20px;} .i-more{width: 100px;height: 36px;line-height: 36px;} .i-partner .text{width: 90%;} .partner-pic ul{width: 310px;} .partner-pic li{width: 150px;height: 150px;margin-right: 10px;} .partner-pic li:nth-child(2n){margin-right: 0;} .pxc{width: 100%;min-height: 300px;} .light p{width: 80%;} .com-con .clear img{width: 100%;} .com-con .clear p{width: 100%;margin-right: 0;} .com-con .clear{margin-bottom: 20px;} }