html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0; margin:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;} html {font-size: 625%;/*10 ÷ 16 × 100% = 62.5%*/} /*******CSS reset*************/ body{position:relative;z-index:-2; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;} .f12{font-size:12px;} .f16{font-size:16px;} .bold{font-weight:bold;} .white{color:#fff;} .t_r{text-align:right;} .left{ float:left;} .right{ float:right;} .clear{clear:both;} .relative{position:relative;} .absolute{position:absolute;} .rel_center{position:relative;left:50%;} .hidden{display:none;} .w{ width:80%; margin:0 auto;} /********General**********/ .header{ width:100%; float:left;height:auto; overflow:hidden; } .bannerw{ width:100%; height:auto; overflow:hidden; float:left;margin-top:1.1rem; overflow:hidden;} .cd-main-header{ height:1.1rem; position:absolute; width:100%; top:0; left:0; z-index:999; background:url(../Image/topbj.png) top center repeat-x;box-shadow: 0px -2px 6px #000; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;} .cd-logo { top:.27rem; position:absolute; left:5%;} .logo1{ display:block;} .logo2{ display: none;} .tel{ font-size:20px; font-weight:bold; color:#0061ae; position:absolute;left:30%; top:.15rem;} .topover{ border-bottom:1px solid #CCC; position:fixed; top:0; left:0; height:.6rem;background:#fff; z-index:9999; } .topover .cd-logo{top:.1rem;} .topover .cd-logo img{ height:.4rem;} .cd-nav>ul>li{ background:url(../Image/navli.png) center no-repeat;} .cd-nav>ul>li.nav_red{ background:url(../Image/nav_red.png) center no-repeat} .about{ width:100%; float:left; background:url(../Image/aboutbj.jpg) bottom center no-repeat; padding:.75rem 0;} .bt{ font-size:.39rem; color:#272727; text-align:center; line-height:1; padding-bottom:.6rem;} .bt font{ color:#0061ae; font-weight:bold;} .aboutbt{ background:url(../Image/probt.png) center no-repeat; height:.44rem;} .numb{ width:100%; float:left; border-bottom: 1px solid #e1e1e1; padding:.4rem 0;} .numb .demo{ width:100%} .numb li{ width:25%; float:left; text-align:center; font-size:.2rem; color:#202020;} .numb li span{ font-size:.5rem;} .numb li p{ font-size:.16rem;} .aboutad{ text-align:center; width:100%; float:left; margin:.5rem 0;} .aboutad p{ font-size:.24rem; color:#0061ae} .aboutad span{ font-size:.13rem; color:#888888;} .aboutw{ width:100%; float:left; font-size:.14rem; color:#565555; line-height:2; text-align:center;} .aboutmore{ width:.41rem; height:.41rem; background:url(../Image/aboutmore.png) center no-repeat; display:block; margin:.3rem auto; -webkit-transition:0.5s ease;-moz-transition:0.5s ease;} .aboutmore:hover{-webkit-transform:rotatez(360deg);-moz-transform:rotatez(360deg);} .pro{ width:100%; float:left; margin-top:.8rem;} .pro .item dd{ width:98%; margin:1%; float:left;} .pro .item dd p{ overflow:hidden; width:100%; padding-bottom:93.6%; position:relative; border:1px solid #d2d2d2;} .pro .item dd p img{ position:absolute; width:100%; height:100%; top:0; left:0;transform:translate(0,0); transition:all .5s ease-in 0s;} .pro .item dd p:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; } .pro .item dd span{ display:block; width:100%; height:.4rem; border:1px solid #d2d2d2; border-bottom:4px solid #0061ae; margin-top:.05rem; font-size:18px; color:#2a2a2a; line-height:.4rem; text-align:center;} .prof{ width:100%; float:left; margin:.5rem 0; text-align:center;} .prof li{ display:inline-block; font-size:.24rem; color:#2a2a2a; background:url(../Image/profli.png) left center no-repeat; margin:0 .1rem; height:.35rem; padding-left:.5rem;} .prof li:hover{ text-decoration:underline;} .probt{ background:url(../Image/probtbj.png) bottom center no-repeat; height:.44rem;} .news{ width:100%; float:left; background:url(../Image/newsbj.jpg) repeat-x; margin-top:.7rem; padding:.5rem 0;} .newsbt{ background:url(../Image/newsbt.png) bottom center no-repeat; height:.44rem;} .newsf{ width:100%; text-align:center; margin:.5rem 0;} .newsf li{ width:1.38rem; display:inline-block; margin:0 .1rem; height:.48rem; background:url(../Image/newsfli.png) top center no-repeat; font-size:.18rem; color:#3a3a3a; line-height:.41rem; text-align:center;} .newsf li:hover{ background:url(../Image/newsflih.png) center no-repeat; color:#FFF;} .first{width:37%; float:left; padding-bottom:27%; position:relative;} .first img{ width:100%; height:100%; top:0; left:0; position:absolute;} .first p{ width:100%; height:.5rem; position:absolute; bottom:0; left:0; background:rgba(0,0,0,.5); font-size:18px; color:#f5f5f5; text-indent:.24rem; line-height:.5rem;} .first p span{ display:block; padding:0 .1rem; text-indent:0; color:#fff; background:#f2ae20; float:right;} .index_news{ position:relative; float:left; width:63%; float:right; padding-bottom:27%; height:0;} .index_news li{ width:100%; height:31.33333%; left:0; background:#FFF; position:absolute;} .index_news li:nth-child(1){top:0} .index_news li:nth-child(2){top:34.333333%} .index_news li:nth-child(3){top: auto; bottom:0;} .index_news li img{ width:12.2%; height:66.9%; position:absolute; top:15%;left:.30rem; -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari 和 Chrome */ border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */} .index_news li p{ width:75%; float:right; position:absolute; top:15%; right:.30rem; font-size:.14rem; color:#484848; line-height:1.8;} .index_news li p span{ font-size:18px; color:#000000; display:block;} .index_news li p span font{ font-size:14px; color:#909090; float:right;} .index_news li:hover{ background:#0061ae;} .index_news li:hover p{ color:#FFF;} .index_news li:hover p font{ color:#FFF;} .index_news li:hover p span{ color:#FFF;} .case{ width:100%; margin-top:.7rem;} .casebt{ background:url(../Image/casebt.png) bottom center no-repeat; height:.44rem;} .case #owl-demo2{ margin-top:.55rem;} .case .item dd{width:96%; margin:2%;} .case .item dd span{ display:block; font-size:.18rem; color:#ffffff; font-weight:bold; text-indent:.24rem; line-height:.43rem; height:.43rem; background:url(../Image/caselispan.png) left center no-repeat, url(../Image/casemore.png)95% center no-repeat #c6c6c6} .case .item dd p{ overflow:hidden; width:100%; padding-bottom:67.8%; position:relative; margin-top:.01rem;} .case .item dd p img{ position:absolute; top:0; left:0; width:100%; height:100%;transform:translate(0,0); transition:all .5s ease-in 0s;} .case .item dd p:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s;} .case .item dd font{ display:block; height:.3rem; font-size:.17rem; color:#333333; text-align:center; line-height:.3rem; width:100%;} .footer{ width:100%; position:relative; background: url(../Image/footbj.jpg) top center no-repeat; margin-top:.7rem; height:5.24rem; background-size:cover; } .footl{ float:left;} .cop{ margin-top:20px;} .ftel{ font-size:17px; color:#949494; background:url(../Image/ftel.png) left center no-repeat; margin-top:.5rem; padding-left:.67rem;} .ftel span{ font-size:.27rem; color:#ffffff;} .link{ width:2.94rem; height:.41rem; border:1px solid #bfbfbf; margin-top:.35rem; position:relative;} .link p{ font-size:.14rem; color:#bdbdbd; line-height:.41rem; text-indent:.3rem;} .link i{ display:block; width:.12rem; height:.07rem; float:right; margin:.17rem .19rem 0 0; background:url(../Image/link.png) center no-repeat; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;} .link ul{ position:absolute; width:100%;} .link li{ display:block; background:#5a5a5a; line-height:.3rem; color:#cbcbcb; font-size:.14rem; text-indent:.3rem; margin-bottom:.01rem; height:0; overflow:hidden; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .link.hover i{transform:rotate(180deg); -ms-transform:rotate(180deg); /* Internet Explorer */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari 和 Chrome */ -o-transform:rotate(180deg); /* Opera */ } .link.hover li{height:.3rem;} .fx{ width:1.36rem; height:.34rem; background:url(../Image/fx.png) center no-repeat; margin-top:.35rem;} .fnav{ margin-top:.56rem; float:right; height:2.31rem; background:url(../Image/fnavxian.png) left top no-repeat;} .fnav ul{ width:1.6rem; height:2.31rem; text-align:center; float:left; background:url(../Image/fnavxian.png) left top no-repeat; line-height:2;} .fnav ul p{ font-size:.19rem; color:#cfcfcf;} .fnav ul li{ font-size:.15rem; color:#818184;} .fnav ul li:hover{ text-decoration:underline;} .fnav ul:nth-child(1){ background:none;} .admin{ position:absolute; bottom:0; left:0; width:100%; color:#818184; background: #1f1f1f; height:.56rem; line-height:.56rem; text-align:center; font-size:.15rem;} .nbanner{ width:100%; height: auto; float:left; margin-top:1.1rem; } .bannerbt{ display:none; text-align:center; margin-top:1.38rem; line-height:2;} .bannerbt p{ font-size:.36rem; color:#121212; font-weight:bold;} .bannerbt span{ font-size:18px; color:#121212; display:block;} .bannerbt i{ display:block; height:.42rem; margin-top:.2rem; background:url(../Image/bannerbiao.png) center no-repeat; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .nbanner i:hover{ margin-top:.4rem;} .nabout{ width:100%; margin-top:.5rem;} .nbt{ width:100%; border-bottom:1px solid #b4b4b4; padding-bottom:.2rem; margin-top:.48rem; float:left;} .nbt p{ font-size:.3rem; color:#4a4a4a; font-weight:bold; float:left;} .nbt span{ font-size:.2rem; color:#595959; float:left; margin-top:.1rem; margin-left:.05rem;} .nbt font{ font-size:.2rem; color:#595959; float:right; margin-top:.1rem;} .ndh{ width:100%; text-align:center; margin:.5rem 0;} .ndh li{ display:inline-block; margin:.05rem 1%; height:.41rem; background:#e9e9e9; padding:0 .1rem; width:18%; font-size:.16rem; color:#3a3a3a; line-height:.41rem; text-align:center; -moz-border-radius: 24px; /* Firefox */ -webkit-border-radius: 24px; /* Safari 和 Chrome */ border-radius: 24px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ } .ndh li:hover{ background:#0061ae; color:#FFF;} .ndh li.on{ background:url(../Image/newsflih.png) center no-repeat; color:#FFF;} .naboutw{ width:100%; padding:.5rem 0; margin-top:.5rem; background:url(../Image/naboutbj.jpg) top repeat-x;} .naboutw img{ max-width:100%;} .about_w{ width:11.8rem; margin:0 auto;} .about_video{ width:10rem; margin:0 auto;} .about_video li{ width:48%; height:auto; float:left;} .about_video li:nth-child(2){ float:right;} .about_video li video{ width:100%;} .abt{ text-align:center; width:100%; margin:.3rem 0;} .abt p{ font-size:.55rem; color:#e9e9e9;} .abt span{ font-size:.27rem; color:#636363;} .cqzs{ width:100%; float:left; margin-top:.5rem; background:#ececec; padding:.5rem 0;} .cqzs .abt p{ color:#d0d0d0;} .cqzs .item p{ width:96%; margin:2%; padding-bottom:76.4%; position:relative;} .cqzs .item p img{ position:absolute; width:100%; height:100%; top:0; left:0;} .owl-prev{ width:.43rem !important; height:.43rem !important; background:url(../Image/left.png) no-repeat !important; font-size:0 !important;} .owl-next{ width:.43rem !important; height:.43rem !important; background:url(../Image/right.png) no-repeat !important; font-size:0 !important;} .npro{ width:100%; float:left; } .npro li{ width:23%; margin:1%; float:left;} .npro li p{ overflow:hidden; width:100%; padding-bottom:93.6%; position:relative; border:1px solid #d2d2d2;} .npro li p img{ position:absolute; width:100%; height:100%; top:0; left:0;transform:translate(0,0); transition:all .5s ease-in 0s;} .npro li p:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; } .npro li span{ display:block; width:100%; height:.4rem; border:1px solid #d2d2d2; border-bottom:4px solid #0061ae; margin-top:.05rem; font-size:18px; color:#2a2a2a; line-height:.4rem; text-align:center;} .nhx37{ width:100%; float:left; } .nhx37 li{ width:23%; margin:1%; float:left;} .nhx37 li p{ overflow:hidden; width:100%; padding-bottom:130.6%; position:relative; border:1px solid #d2d2d2;} .nhx37 li p img{ position:absolute; width:100%; height:100%; top:0; left:0;transform:translate(0,0); transition:all .5s ease-in 0s;} .nhx37 li p:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; } .nhx37 li span{ display:block; width:100%; height:.4rem; border:1px solid #d2d2d2; border-bottom:4px solid #0061ae; margin-top:.05rem; font-size:18px; color:#2a2a2a; line-height:.4rem; text-align:center;} .page{ width:100%; text-align:center; margin-top:40px;} .page a{ padding:5px 15px; background:#104ea6; border:1px solid #104ea6; color:#FFF; margin:0 5px;} .page .current{border:1px solid #104ea6; color:#104ea6;padding:5px 15px; margin:0 5px;} .nhx li{width:31.33%; margin-top:.3rem; margin-right:3%; float:left; border-bottom:5px solid #0061ae; position:relative; margin-bottom:5%;} .nhx li:nth-child(3n){ margin-right:0;} .nhx li:nth-child(3n-1){ border:none; border-top:5px solid #0061ae;} .nhx li:nth-child(3n-1) p{position:relative; } .nhx li dd{ position:relative; width:100%; padding-bottom:75%; float:left;} .nhx li dd img{ position:absolute; width:100%; height:100%; top:0; left:0; } .nhx li p{ position:relative; float:left; width:100%; padding:.3rem 0;} .nhx li p span{ font-size:.2rem; color:#00579c; height:.3rem; width:100%; margin-bottom:.3rem; display:block; } .nhx li p span i{ float:right; font-size:.42rem; font-weight:bold;} .nhx li p font{ display:block; width:100%; height:1.24rem; font-size:.15rem; color:#7f7f7f;line-height:1.8;} .ncase{ margin-top:.3rem;} .ncase li{width:31.3%; margin:1%; float:left;} .ncase li span{ display:block; font-size:.18rem; color:#ffffff; font-weight:bold; text-indent:.24rem; line-height:.43rem; height:.43rem; background:url(../Image/caselispan.png) left center no-repeat, url(../Image/casemore.png)95% center no-repeat #c6c6c6} .ncase li p{ overflow:hidden; width:100%; padding-bottom:67.8%; position:relative; margin-top:.01rem;} .ncase li p img{ position:absolute; top:0; left:0; width:100%; height:100%;transform:translate(0,0); transition:all .5s ease-in 0s;} .ncase li p:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s;} .ncase li font{ display:block; height:.3rem; font-size:.17rem; color:#333333; text-align:center; line-height:.3rem; width:100%;} .caseinfo{ width:100%; float:left; margin-top:.3rem;} .caseinfo img{ display:block; margin:0 auto; max-width:100%;} .nyyly{ width:100%; float:left; margin-top:.5rem; text-align:center;} .nyyly li{ width:2.8rem; display:inline-block; margin-bottom:.3rem;} .nyyly li dd{ width:2.04rem; height:2.04rem; border:1px dashed #c6c6c6; margin:0 auto; -moz-border-radius:50%; /* Firefox */ -webkit-border-radius:50%; /* Safari 和 Chrome */ border-radius:50%; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */} .nyyly li dd p{ width:1.87rem; overflow:hidden; padding-bottom:1.87rem; margin:.06rem auto;} .nyyly li dd p img{ width:100%;-webkit-transition:0.5s ease;-moz-transition:0.5s ease;} .nyyly li span{ display:block; width:100%; font-size:.2rem; color:#595959; font-weight:bold; text-align:center;} .nyyly li dd p:hover img{-webkit-transform:rotatez(360deg);-moz-transform:rotatez(360deg);} .nhj{ width:100%; margin-top:.5rem;} .nhj li{ border:1px solid #dcdcdc; margin-bottom:.2rem; width:23%; float:left; margin:1%;} .nhj li p{ width:100%; overflow:hidden; padding-bottom:134.4%; position:relative;} .nhj li p img{ position:absolute; top:0; left:0; width:100%; height:100%;transform:translate(0,0); transition:all .5s ease-in 0s;} .nhj li p:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; } .nhj li:nth-child(3n){ margin-right:0;} .nhj li span{ display:block; font-size:.14rem; color:#3c3c3c; text-align:center; line-height:3;} .nhonor{width:100%; margin-top:.5rem;} .nhonor li p{ width:280px; height:285px; background:#FFF; display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center;} .nhonor li p img{max-width:280px; max-height:285px;vertical-align:middle;} .nhonor li{ font-size:.14rem; color:#4d4d4d; line-height:2; text-align:center;} .nteam li p{ width:280px; height:285px; background:#FFF; display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center;} .nteam li p img{max-width:280px; max-height:285px;vertical-align:middle;} .nteam li{ font-size:.14rem; color:#4d4d4d; line-height:2; text-align:center;} .lichw{ width:100%; float:left; position:relative;} .lichpic{ width:45%; float:left;} .lichpic img{ width:100%;} .lichw ul{ width:53%; float:right; position:absolute; right:0; height:100%; overflow:auto; background:url(../Image/lichul.png) left repeat-y;} .lichw li{ border-bottom:1px solid #e5e5e5; width:90%; margin:0 5%; float:left; height:.71rem; margin-bottom:.3rem;} .lichw li p{ font-size:.22rem; color:#2167d2; font-weight: bold;} .lichw li span{ font-size:.14rem; color:#292929;} .nmain{ width:100%; float:left; padding-bottom:.8rem;} .nnews{ width:100%; float:left; margin-top:.2rem;} .nnews ul{ width:100%; float:left; margin-top:.3rem; overflow:hidden; padding:.2rem 0; color:#3f4952;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .nnews ul:hover{ background:#0061ae;} .nnews ul:hover p font{ color:#FFF;} .nnews ul:hover p{ color:#FFF;} .nnews ul:hover span{ color:#FFF;} .nnews li{ height:1.48rem;} .nnews li span{ width:10%; font-size:.26rem;margin-top:.2rem;} .nnews li span font{font-size:14px; display:block;} .nnews li img{ float:left; width:20%; height:auto;} .nnews li p{ width:62%; margin-top:.2rem; margin-left:3%; font-size:.18rem; float:left; } .nnews li p font{ font-size:.14rem; color:#888888; display:block; margin-top:.2rem;} .nnewst li{ width:33%;} .ncont li{ width:49.5%;} .inner_con{ margin-top:.5rem;} #guestsmt{width:100%; margin-top:.5rem;} .guestipt{width:30%;height:46px;float:left;margin-bottom:24px;margin-right:5%;border:none;outline:none;background-color:rgb(240,240,240); box-sizing:border-box;padding:0px 46px 0 10px;font-size:14px;line-height:46px;font-family:"微软雅黑";} #guestsmt #name{background:url(../Image//m1.png) no-repeat right 10px center rgb(240,240,240);} #guestsmt #tel{background:url(../Image//m3.png) no-repeat right 10px center rgb(240,240,240);} #guestsmt #email{background:url(../Image//m2.png) no-repeat right 10px center rgb(240,240,240);} .guestmr{margin-right:0px;} .guestinfo{width:100%;height:164px;float:left;margin-bottom:24px;border:none;outline:none; box-sizing:border-box;padding:10px 46px 10px 10px;font-size:14px;line-height:24px;font-family:"微软雅黑"; background:url(../Image//m4.png) no-repeat right 10px top 12px rgb(240,240,240);} .guestimg{width:80px;height:36px;float:left;margin-top:5px;} .guestbtn{width:150px;height:36px;margin:auto;margin-top:24px;display:block;border:1px solid #0061ae; background:#0061ae; font-size:16px;line-height:36px;text-align:center; color:#fff;cursor:pointer; -webkit-transition:all 0.6s;transition:all 0.6s;} #prev_next{ float:left; margin-top:20px; padding-top:2%; border-top:1px dashed #CCC; width:100%;} #prev_next li{ width:100%; font-size:0.14rem; line-height:2; float:left; margin-bottom:2%;} #prev_next li a{ color:#0061ae; line-height:1; margin-right:1%; border:1px solid #0061ae; padding:0.05rem 0.1rem; font-style:normal; -moz-border-radius: 0.2rem; /* Firefox */ -webkit-border-radius: 0.2rem; /* Safari 和 Chrome */ border-radius: 0.2rem; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ } #prev_next li:hover a{ background:#0061ae; color:#FFF;} .newsinfo{ width:100%; float:left; margin-top:5%;} .newsinfo h1{ font-size:0.18rem; text-align:center; color:#333333; margin-bottom:2%;} .newstime{margin:2% 2% 0 0; background:url(../Image/newstime.png) left center no-repeat; display:inline; padding-left:0.2rem;} .newszuozhe{ margin:2% 2% 0 0; background:url(../Image/admintb.jpg) left center no-repeat; display:inline;padding-left:0.2rem;} .newslaiyuan{margin:2% 2% 0 0; background:url(../Image/laiyuantb.jpg) left center no-repeat; display:inline;padding-left:0.2rem;} .newsclick{margin:2% 2% 0 0; background:url(../Image/click.jpg) left center no-repeat; display:inline;padding-left:0.2rem;} .yftx{ margin-top:.5rem; width:100%;} .yftx ul{ width:100%; float:left; margin-top:.2rem;} .yftx li{ overflow:hidden; position:relative; padding-bottom:33.9%; width:23%; float:left; margin-right:2.66%;} .yftx li img{ position:absolute; width:100%; left:0; top:0; height:100%;transform:translate(0,0); transition:all .5s ease-in 0s;} .yftx li:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; } .yftx li p{ position:absolute; font-size:.24rem; color:#ffffff; width:100%; text-align:center;text-shadow:5px 2px 6px #000; left:0; bottom:.2rem; text-align:center;} .yftx li:nth-child(4){ margin-right:0;} .zlzs{ width:100%; margin-top:.5rem;} .zlzsbj{ width:100%; height:5.8rem; margin-top:.2rem; background:url(../Image/zlzsbj.jpg) fixed center no-repeat; background-size:cover;} .zlzs img{ max-width:50%; margin-top:.8rem;} .zlzs ul{ width:50%; float:right;} .zlzs ul p{ width:100%; font-size:.3rem; color:#121212; margin-top:1.4rem; margin-bottom:.3rem;} .zlzs li{ float:left; position:relative; width:30%; padding-bottom:30%; margin:0 1%; font-size:.3rem; text-align:center; float:left; background:#FFF; -moz-border-radius:50%; /* Firefox */ -webkit-border-radius:50%; /* Safari 和 Chrome */ border-radius:50%; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */} .zlzs li:nth-child(2){ border:1px solid #b67867;} .zlzs li:nth-child(3){ border:1px solid #9db3a5;} .zlzs li:nth-child(4){ border:1px solid #6e4d9d;} .zlzs li:nth-child(2):hover{ background:#b67867; color:#fff} .zlzs li:nth-child(3):hover{ background:#9db3a5; color:#fff} .zlzs li:nth-child(4):hover{ background:#6e4d9d; color:#fff} .zlzs li span{ display:block; width:100%; padding-top:.6rem; position:absolute; left:0; top:0; text-align:center; z-index:999;color:#121212;} .zlzs li:hover span{ color:#FFF;} .jscx{ width:100%; margin-top:.5rem;} .jscx ul{ width:100%; margin-top:.2rem;} .jscx li{ width:30%; float:left; margin:0 1.5%; float:left; overflow:hidden; background:#ececec; -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari 和 Chrome */ border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */} .jscx li p{ width:100%; padding-bottom:66.5%; position:relative;} .jscx li p img{ position:absolute; width:100%; height:100%; top:0; left:0;} .jscx li span{ font-size:.24rem; color:#030303; line-height:3; display:block; padding:0 30px;} .jscx li font{ display:block; font-size:.16rem; color:#636363; line-height:1.8; padding:0 30px; padding-bottom:30px; display:block;} .rczl{ width:50%; float:left; margin-top:.5rem; padding-right:10%;} .rczlbt{ background:url(../Image/rczlbt.png) left center no-repeat; padding-left:.8rem;} .rczlbt p{ font-size:.3rem; color:#040404;} .rczlbt span{ font-size:.16rem; color:#121212;} .rczlw{ font-size:.14rem; color:#979696; line-height:2; margin-top:.2rem;} .rcsh{ width:48%; float:left; padding-top:33.5%; position:relative; background:url(../Image/rcsh.jpg) top center no-repeat; background-size:100% 100%; } .rcshw{ font-size:.16rem; color:#020202; line-height:2; width:3.58rem; position:absolute; top:.8rem; left:.8rem;} .rcshw span{ padding-bottom:.1rem; font-size:.24rem; color:#020202; display:block; margin:.2rem 0; background:url(../Image/rcshxian.jpg.png) bottom left no-repeat;} .rcsh2{ width:90%; float:right; padding-top:33.5%; margin-top:.7rem; position:relative; background:url(../Image/rcsh2.jpg) top center no-repeat; background-size:100% 100%; } .rcsh2w{ font-size:.16rem; color:#020202; line-height:2; width:3.58rem; position:absolute; top:.8rem; left:.8rem;} #allmap{width:48%;height:8.9rem;overflow:hidden; float:right;} .nconw{ width:48%; float:left;} .nconw p{ text-indent:.1rem; font-size:.3rem; width:100%; float:left; color:#000000; border-left:5px solid #e60012; line-height:1; margin-top:30px;} .nconw li{ font-size:.14rem; width:100%; color:#373737; line-height:1.5; padding:.1rem 0; padding-left:.4rem; } .nconw ul li:nth-child(1){ background:url(../Image/tel1.png) left center no-repeat;} .nconw ul li:nth-child(2){ background:url(../Image/tel2.png) left center no-repeat;} .nconw ul li:nth-child(3){ background:url(../Image/tel3.png) left center no-repeat;} .nconw ul li:nth-child(4){ background:url(../Image/tel4.png) left center no-repeat;} .nconw ul li:nth-child(5){ background:url(../Image/tel4.png) left center no-repeat;} .nconw ul li:nth-child(6){ background:url(../Image/tel4.png) left center no-repeat;} .nconw ul li:nth-child(7){ background:url(../Image/tel4.png) left center no-repeat;} .nconw ul li:last-child{ background:url(../Image/tel5.png) left center no-repeat;} .nconl{ width:48%; float:left;} .mesbt{ font-size:.25rem; color:#373737; margin-top:.5rem; margin-bottom:.2rem;} .jobs{ width:100%; float:right; margin-top:.5rem} .jobs dl{ width:100%; background:#585959; float:left; height:.71rem; border-bottom:1px solid #f6f6f6;} .jobs dd{float:left; background:#fff; font-size:.14rem; color:#FFF; line-height:.71rem; text-indent:.3rem; background:url(../Image/jobslixian.png) right center repeat-y; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari 和 Chrome */ border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ } .jobs .d1{width:40%;} .jobs .d2{width:20%} .jobs li{ width:100%; float:left; border-bottom:1px solid #dcdcdc;} .jobs li .p{ width:40.5%; float:left; background:#fff; line-height:.71rem; text-align:center; font-size:.13rem; color:#676c68; text-align:left; text-indent:.3rem;} .jobs li .p1{width:40%;} .jobs li .p2{width:20%} .jobs li .jobsinfo{ width:100%; line-height:2; font-size:.16rem; height:0; overflow:hidden; padding:0 5%; transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; background:url(../Image/jobscon.png) .4rem top no-repeat #f0f0f0; } .jobs li.on .jobsinfo{ height:auto; padding:.5rem 5%;} .jobsside{ width:23%; float:left;} .jobssidebt{ width:100%;} .jobssidebt p{ font-size:.14rem; color:#6c6c6c;} .jobssidebt span{ font-size:.23rem; color:#3c3c3c;} .jobsside ul{ width:100%; margin-top:.37rem; background:url(../Image/jobsli.png) top left no-repeat; padding-top:.06rem;} .jobsside li{ width:90%; height:.75rem; padding-left:10%; border-bottom:1px solid #f6f6f6; padding-top:.25rem; background:#2167d2; color:#FFF;} .jobsside li p{ font-size:.2rem; color:#ffffff;} .jobsside li span{ font-size:.14rem; color:#ffffff;} .jobscon{ margin-top:.3rem; padding:10%; width:80%; line-height:2; background:#FFF;} .jobscon p{ font-size:.24rem; color:#2167d2;} .jobscon span{ font-size:.16rem; color:#2167d2;} .nfh{ width:100%; margin-top:.5rem;} .nfh_ul{ width:100%; float:left; background:url(../Image/fhli1.jpg) top left no-repeat; padding-top:1rem; background-size:34.4% auto !important;} #lanrenzhijia{ width:11.1rem; overflow:hidden; position:relative; margin:0px auto; font-family:'微软雅黑';} #lanrenzhijia .tab{ width:3.1rem; float:left; margin-left:.1rem;} #lanrenzhijia .tab a{ display: block; width:1.5rem; margin-bottom:5px;margin-right:5px; float:left;border:1px solid #CCC;} #lanrenzhijia .tab a img{ width:100%; display:block; margin:0;} #lanrenzhijia .tab a.active{ border:1px solid #079cd5;} #lanrenzhijia .content{ width:7rem; overflow:hidden; float:left; border:1px solid #CCC;} #lanrenzhijia .content li{width:100%; display:none;} #lanrenzhijia .content li img{width:100%; display:block;} #lanrenzhijia .fhtite{ font-size:.3rem; margin:.3rem 0;} .about_w table{width:100% !important;height:auto; border-collapse:collapse; border:none;} .about_w table tr td{text-align: left;padding:1%;border:none; line-height:30px;}