@charset "utf-8"; *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } *{ margin:0px; padding:0px; font-family:"微软雅黑", Arial, Helvetica, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } textarea { -webkit-appearance: none;} html{font-size:62.5%} article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block} body{ margin:0px auto; font-size:1.6rem; color:#686868; } img{border:none;} button,submit{cursor:pointer;} li{list-style-type:none;} ul{list-style:none;} i{ font-style:normal;} a:link,a:visited{text-decoration:none;color:#686868;} a:hover{color:#f08300; text-decoration:none;} .cl{ clear:both;} .fr{float:right} .fl{float:left} .mar{margin: 0px auto;} input{outline:none;} .trans{ -webkit-transition: all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; } a.mask { text-decoration: none; overflow: hidden; display: block; } img.zoom-img:hover { -webkit-transform: scale(1.15); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 750ms; -moz-transform: scale(1.15); -moz-transition-timing-function: ease-out; -moz-transition-duration: 750ms; overflow: hidden; } img.zoom-img { -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 550ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 550ms; } .wap{display: none;} .box{margin:0 auto;width: 1200px;} .header{width:100%;display: block;background: #fff;height: 119px;position: relative;box-shadow:0px 1px 7px 0px rgba(0, 0, 0, 0.19);z-index: 99;} .header .logo{position: absolute;top:30px;left:0;} .header .box{position: relative;} .header ul{float:left;width:100%;padding-left:160px;text-align: left;margin-top:0;} .header li{float:left;height: 119px;line-height: 119px;position: relative;} .header li a{display: block;color: #686768;padding-top:10px;} .header li a span{display: block;position: relative;padding:0 30px;} .header li:first-child a span{background: none;} .header li .cur{color:#f08300;} .header li a span::after{content: "";width:0;height: 3px;background:#f08300;z-index: 9; position: absolute;bottom:10px;left:0;right:0;margin:0 auto;-webkit-transition: all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease;} .header li.active a span::after,.header li:hover a span::after{width:35px;} .header li.active a span{color:#0053AD;} .header li .sub{position: absolute;top:119px;left:0;z-index: 999999;padding:35px 0;width:100%;display: none; } .header li .sub .subli{padding-left:30px;text-align: left;width:100%;float:left;min-height: 150px;} .header li:nth-child(2) .sub .subli{border:none;} .header li:nth-child(2) .sub{width:150px;left:35px;} .header li .sub .subli a{font-size:14px;line-height: 35px;padding:0;} .header li .sub .subli .subli-li a{width:50%;background: url(../images/ico19.jpg) left center no-repeat;padding-left:12px;float:left;} .header li .sub a:hover,.header li .sub a.hover{text-decoration: underline;color:#f08300;} .header .bg{width:100%;height: 240px;position: absolute;top:119px;left:0;z-index: 99999;display: none; background:#fff;opacity:0.9; filter:alpha(opacity=70); } .header ul li:hover .sub{display: block;} .header ul li .sub:hover{display: block;} .header-r{position: absolute;right:0;top:55px;z-index: 9;line-height: 30px;} .header-r a{color: #686768;} .header-r .email{background: url(../images/ico1.png) left center no-repeat;padding-left:45px;float:left;} .header-r .oa,.header-r .lag{background: url(../images/line.png) left center no-repeat;padding-left:15px;margin-left:15px;float:left;} .header-r .sear-input{width:30px;height: 30px;float:left;border:none;background: url(../images/ico2.png) center no-repeat;margin-left:53px;} .header a:hover{color:#f08300; } .wap-sear-input{width:30px;height: 50px;border:none;background: url(../images/ico2.png) center no-repeat;margin-right:8px;float: right;} .search {display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:rgba(0,0,0,.7);display: none;} .js .search {position:fixed;z-index:1000;top:0;left:0;width:100%;height:100vh;display:flex;} .search::before,.search::after {content:'';position:absolute;width:calc(100% + 15px);height:calc(100% + 15px);pointer-events:none;} .search::before {top:0;left:0;border-right-width:0;border-bottom-width:0} .search::after {right:0;bottom:0;border-top-width:0;border-left-width:0} .btn-search-close {position:absolute;top:50px;right:50px;display:none;background:url(../images/close.png) center no-repeat;display: inline-block;width:40px;height: 40px;background-size: 100% auto;border:none;} .js .btn-search-close {display:block} .search__form {margin:5em 0} .search__input {font-size:18px;display:inline-block;width:800px;padding:0 15px;height:65px;color:#d17c78;border:none;border-radius:4px;background: #fff;float:left;} .search__input::-webkit-input-placeholder {opacity:.3;color:#060919} .search__input::-moz-placeholder {opacity:.3;color:#060919} .search__input:-ms-input-placeholder {opacity:.3;color:#060919} .search__input::-webkit-search-cancel-button,.search__input::-webkit-search-decoration {-webkit-appearance:none} .search__input::-ms-clear {display:none} .sear-submit{background: url(../images/ico2.png) center no-repeat #fff;width:50px;height: 65px;border:none;cursor: pointer;float: left;outline: none;} .js .search {pointer-events:none;opacity:0;transition:opacity .5s} .js .search--open {pointer-events:auto;opacity:1;-moz-opacity: 0.1;filter: alpha(opacity=10);} .search::before,.search::after {transition:transform .5s} .search::before {transform:translate3d(-15px,-15px,0)} .search::after {transform:translate3d(15px,15px,0)} .search--open::before,.search--open::after {transform:translate3d(0,0,0)} .btn--search-close {opacity:0;transform:scale3d(.8,.8,1);transition:opacity .5s,transform .5s} .search--open .btn--search-close {opacity:1;transform:scale3d(1,1,1)} .js .search__form {opacity:0;transform:scale3d(.8,.8,1);transition:opacity .5s,transform .5s} .js .search--open .search__form {opacity:1;transform:scale3d(1,1,1)} .search__suggestion {opacity:0;transform:translate3d(0,-30px,0);transition:opacity .5s,transform .5s} .search--open .search__suggestion {opacity:1;transform:translate3d(0,0,0)} .search--open .search__suggestion:nth-child(2) {transition-delay:.1s} .search--open .search__suggestion:nth-child(3) {transition-delay:.2s} .home-top{width:100%;float:left;border-bottom:1px solid #D2D2D2;padding-bottom:34px;margin-top:78px;text-align: center;} .home-top li{display: inline-block;margin:0 30px;position: relative;padding:0 0 0 75px;} .home-top li a{display: block;} .home-top li i{width:60px;height: 60px;position: absolute;left:0;top:0;} /*.home-top li i.ico1{background: url(../images/ico3.png) center no-repeat;} .home-top li i.ico2{background: url(../images/ico4.png) center no-repeat;} .home-top li i.ico3{background: url(../images/ico5.png) center no-repeat;}*/ .home-top li p{line-height: 60px;font-size:18px;color: #f08300;} .home-top li:hover p{color: #000;} .home-top li:hover i{ animation:mymove 1s; -moz-animation:mymove 1s; /* Firefox */ -webkit-animation:mymove 1s; /* Safari and Chrome */ -o-animation:mymove 1s; /* Opera */ } @keyframes mymove { 0% {top:0px;} 50% {top:-18px;} 100% {top:0;} } @-moz-keyframes mymove /* Firefox */ { 0% {top:0px;} 50% {top:-18px;} 100% {top:0;} } @-webkit-keyframes mymove /* Safari and Chrome */ { 0% {top:0px;} 50% {top:-18px;} 100% {top:0;} } @-o-keyframes mymove /* Opera */ { 0% {top:0px;} 50% {top:-18px;} 100% {top:0;} } .home-title{width:100%;float:left;margin-top:70px;text-align: center;} .home-title span{font-size:24px;color: #292E33;display: inline-block;vertical-align: middle;margin:0 15px;} .home-title::before,.home-title::after{content: "";width:183px;height: 1px;background:#D2D2D2;display: inline-block;vertical-align: middle;} .home-pro-list{width:100%;float:left;margin-top:44px;} .home-pro-list ul{margin-left:-18px;} .home-pro-list li{width:286px;float:left;height: 179px;overflow: hidden;margin:0 0 67px 18px;position: relative;} .home-pro-list li img{max-width: 100%;vertical-align: bottom; -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 550ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 550ms; } .home-pro-list li a{display: block;} .home-pro-list li p{width:100%;height: 51px;line-height: 51px;overflow: hidden;padding:0 23px;font-size:17px;background: rgba(255,255,255,.7);position: absolute;bottom:0;left:0;} .home-pro-list li:hover img{ -webkit-transform: scale(1.15); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 750ms; -moz-transform: scale(1.15); -moz-transition-timing-function: ease-out; -moz-transition-duration: 750ms; overflow: hidden; } .home-pro-list li .con{width:144px;position: absolute;top:0;right:-100%;bottom:0;height: 100%;background: rgba(0,0,0,.6);padding:18px 30px 18px 30px;} .home-pro-list li .con a{color: #fff;font-size:13px;line-height: 24px;} .home-pro-list li:hover .con{right:0;} .home-pro-list li:hover p{bottom:-100%;} .home-bg{width:100%;background: #EBECEB;} .home-news-list{width:100%;float:left;margin:47px 0 0 0;} .home-news-list ul{margin-left:-37px;} .home-news-list li{width:272px;float:left;margin-left:37px;} .home-news-list li .pic{float:left;width:100%;max-height: 147px;overflow: hidden;} .home-news-list li .pic img{max-width: 100%;vertical-align: bottom;} .home-news-list li .tit{width:100%;float:left;margin-top:10px;height: 50px;overflow: hidden;} .home-news-list li .tit a{font-size:17px;line-height: 26px;} .home-news-list li .bot{width:100%;float:left;position: relative;margin-top:25px;} .home-news-list li .bot a{float: left;background: #fff;padding-right:8px;font-size:14px;color: #5B5B5B;position: relative;z-index: 2;} .home-news-list li .bot span{float: right;background: #fff;padding-left:8px;font-size:14px;color: #5B5B5B;position: relative;z-index: 2;} .home-news-list li .bot::after{content: "";width:100%;height: 1px;background:#D2D2D2;display: block;position: absolute;top:50%;left:0;} .home-news-list .more{width:100%;float:left;text-align: center;margin:42px 0 63px 0;} .home-news-list .more a{border:1px solid #969696;width:160px;height: 40px;display: inline-block;position: relative;line-height: 38px;color: #5B5B5B;font-size:14px;} .home-news-list .more a span{position: relative;z-index: 2;} .home-news-list .more a::before,.home-news-list .more a::after{width:100%;height: 0;position: absolute;left:0;content: "";background: #fff; -webkit-transition: all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; } .home-news-list .more a::before{top:0;} .home-news-list .more a::after{bottom: 0;} .home-news-list .more a:hover::before,.home-news-list .more a:hover::after{height: 50%;background:#f08300;} .home-news-list .more a:hover span{color: #fff;} .footer{width:100%;background: #EFEFEF;border-top:1px solid #A3A3A3;padding:45px 0 5px 0;} .footer .menuli{float:left;width:12%;margin-right:10px;} .footer .menuli .t,.ewm .t{font-weight: 700;} .footer .menuli .tit,.footer .ewm .tit{font-size:17px;color: #4B4B4B;display: block;float:left;width:100%;} .footer .menuli .list{width:100%;float:left;margin-top:12px;} .footer .menuli a{line-height: 37px;color: #686768;font-size:14px;margin:0; display: block} .footer .menuli a:hover{color:#f08300;} .footer .ewm{float:left;width:89px;text-align: center;} .footer .ewm .pic{display: block;margin-top:21px;} .footer .ewm .pic img{max-width: 100%;} .footer .footer-tel{float:left;width:400px;border-left:1px solid #A3A3A3;padding-left:50px;margin-left:73px;font-size:14px;line-height: 36px;} .footer .footer-tel p{font-size:17px;display: block;margin:0;} .footer .footer-tel strong{color: #f08300} .footer .footer-tel .text{width:100%;float:left;} .footer-link{width:100%;float:left;margin-top:10px;} .footer-link a{width:36px;height: 36px;float:left;margin-right:10px;background-color:#f08300;border-radius:36px;background-size: 50% auto;background-position: center;background-repeat: no-repeat;} .footer-link a.a1{background-image: url(../images/l1.png)} .footer-link a.a2{background-image: url(../images/l2.png);} .footer-link a.a3{background-image: url(../images/l3.png);} .footer-link a.a4{background-image: url(../images/l4.png)} .footer-link a.a5{background-image: url(../images/l5.png)} .footer-link a:hover{background-color: #495661;} .footer-link a{position:relative;} .footer-link a .qrcode{display:none;position:absolute;top:-120px;left:-43px;z-index:20;background:#fff;padding:5px;} .footer-link a .qrcode{} .footer-link a.a4:hover #qrcode{display:block;} .footer-link a.a5:hover #qrcode2{display:block;} .footer .copyright p{font-size:12px;} /* //在线咨询 */ .main-im{position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px;} .main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;} .main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;color: #F08300;} .main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;} .main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(http://demo.lanrenzhijia.com/2015/service0119/images/qq-icon-bg.png) no-repeat center 8px;} .main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;} .main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;} .main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;} .main-im .im_main .im-tel div{font-weight:bold;font-size:14px;margin-top:6px;color: #F08300;} .main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#F08300;} .main-im .im_main .im-tel:hover{background:#fafafa;} .main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(http://demo.lanrenzhijia.com/2015/service0119/images/weixing-icon.png) no-repeat center center;float:left;} .main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;} .main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;} .main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;} .main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;} .main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;} .main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(/cn/images/top.png) no-repeat center center;float:right;} .main-im .im_main .go-top a{display:block;width:52px;height:47px;} .main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;} .main-im .close-im a{display:block;width:24px;height:24px;background:url(http://demo.lanrenzhijia.com/2015/service0119/images/close_im.png) no-repeat left top;} .main-im .close-im a:hover{text-decoration:none;} .main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(http://demo.lanrenzhijia.com/2015/service0119/images/open_im.png) no-repeat left top;} .sub-banner{width:100%;height: 335px;background-position: center;background-repeat: no-repeat;} .sub-left{width:220px;float:left;margin:0 0 43px 0;} .sub-left .title{width:100%;float:left;background: #F9F9F9;height: 74px;line-height: 74px;overflow: hidden;padding-left:23px;font-size:18px;color: #666;position: relative;} .sub-left .title::after{content: "";position: absolute;right:21px;top:50%;background: url(../images/ico6.png);width:17px;height: 9px;margin-top:-4px;} .sub-left .navMenubox { width: 100%;float:left;background: url(../images/bg1.png) center bottom no-repeat;padding-bottom:51px;} .sub-left .navMenu-top { padding: 10px; color: #fff; border-bottom: 1px solid rgba(255,255,255,.1) } .sub-left .navMenu> li { display: block;width:100%;border-top:1px solid #E5E5E5;background: #F9F9F9;} .sub-left .navMenu>li>a { display: block; overflow: hidden;line-height: 50px;transition: all .3s; position: relative;font-size: 16px;padding:0 0 0 39px;} .sub-left .navMenu li a:hover{background: none;color: #333;} .sub-left .navMenu li.open a{border-left:4px solid #f08300;background: #F1F1F1;} .sub-left .navMenu li.open ul li.active a{background:none} .sub-left .navMenu li.open ul li.active a span{border-left:4px solid #f08300;padding-left:5px;display:inline} .sub-left .navMenu>li>ul.sub-menu, .sub-left .navMenu>li>ul.sub-menu>li>ul.sub-menu { display: none; list-style: none; clear: both;} .sub-left .navMenu>li>ul.sub-menu li { background: none; margin: 0px; padding: 0px;border-top:1px solid #E5E5E5;padding-left: 39px;} .sub-left .navMenu>li>ul.sub-menu li>a { display: block; font-size: 16px; line-height: 50px; color: #333; clear: both;background: url(../images/ico7.png) left center no-repeat;border-left:none;padding-left:8px;} .sub-left .navMenu>li>ul.sub-menu li.active, .navMenu>li>ul.sub-menu li:hover, .navMenu>li>ul.sub-menu>li.active{background:#fff; } .sub-left .left-tel{width:100%;float:left;padding-left:20px;} .sub-left .left-tel .t1{background: url(../images/ico8.png) left center no-repeat;width:100%;float:left;font-size:17px;color:#666;font-weight: bold;padding-left:30px;} .sub-left .left-tel .t2{font-size:21px;color: #f08300;width:100%;float:left;font-weight: bold;padding-left:30px;} .sub-right{width:927px;float:right;margin-bottom:60px;} .sub-right2{width:888px;float:right;margin-bottom:60px;border-top:1px solid #E5E5E5;padding-top:40px;} .top-area{width:100%;float: left;text-align: right;height: 52px;line-height: 52px;font-size:12px;color: #A0A0A0;} .top-area a{font-size:12px;color: #A0A0A0;} /.top-area a.home{background: url(../images/ico3.jpg) left center no-repeat;padding-left:19px;}*/ .top-area span{color: #f08300;} .pro-tab{width:100%;float:left;background: #F9F9F9;} .pro-tab li{float:left;padding:0 23px;height: 48px;line-height: 48px;} .pro-tab li.hover,.selected{background: #f08300;color: #fff;} .pro-box{width:100%;float:left;margin-top:15px;} .pro-box .pic{width:100%;float:left;} .pro-box .pic img{max-width: 100%;vertical-align: bottom;} .pro-list{width:100%;float:left;padding:0 38px;} .pro-list .tit{width:100%;float:left;border-bottom:1px dashed #E5E6E8;background: url(../images/ico9.png) left center no-repeat;padding-left:19px;font-size:18px;line-height: 40px;margin-top:30px;} .pro-list ul{width:100%;float:left;margin-top:8px;} .pro-list li{width:33%;float:left;line-height: 30px;padding-left:15px} .pro-list li a{background: url(../images/ico7.png) left center no-repeat;padding-left:8px;font-size:14px;color: #747474; display: block; overflow: hidden; width: 100%; line-height: 30px; height: 30px; text-overflow: ellipsis; white-space: nowrap;} .pro-list li a:hover{color: #f08300;} .show-box{width:100%;float:left;} .show-pro{width:100%;float:left;padding:30px 60px;border-top:1px solid #E5E5E5} .show-pro .title{width:100%;float:left;font-size:18px;color: #747474;margin-top:20px;} .show-pro .content{width:100%;float:left;margin-top:30px;line-height: 26px;font-size:14px;color: #747474;} .show-pro .content img{max-width: 100%;} .show-pro .back{width:100%;display: block;margin-top:30px;float:left;} .show-pro .back a{color: #f08300;font-size:17px;text-decoration: underline;} .about-content{width:100%;float:left;line-height: 24px;font-size:14px;color: #686868;margin:0 0 40px 0;text-align: justify;border-top:1px solid #E5E5E5;padding-top:40px;} .about-content img{max-width: 100%;} .about-bot{width:100%;float:left;border-top:1px solid #E5E5E5;margin-top:0;padding-top:30px;} .about-bot .about-li{float:left;width:50%;} .about-bot .about-li i{width:84px;height: 84px;float:left;} .about-bot .about-li i.ico1{background: url(../images/about-1.png) center no-repeat;} .about-bot .about-li i.ico2{background: url(../images/about-2.png) center no-repeat;} .about-bot .about-li .text{float:left;width:360px;margin-left:15px;padding-left:15px;border-left:1px solid #ccc;margin-top:21px;} .about-bot .about-li .text .t{width:100%;float:left;font-size:18px;color: #536F8B;} .about-bot .about-li .text .con{float:left;width:100%;line-height: 26px;font-size:14px;color: #686868;margin-top:10px;} .about-bot .about-li .text .con b{font-style: italic;font-weight: bold;} #map{width:100%;float:left;margin-top:0;} #allmap{width:100%;height: 300px;} .contact-box{width:100%;float:left;margin:50px 0;} .contact-box .contact-li{width:50%;float:left;padding-right:80px;} .contact-box .contact-li:last-child{padding:0;} .contact-box .contact-li .tit{width:100%;float:left;font-size:24px;color: #677887;border-bottom:1px solid #CDCDCD;padding-bottom:22px;} .contact-box .contact-li .text{width:100%;float:left;margin-top:20px;} .contact-box .contact-li .text ul{width:100%;float:left;} .contact-box .contact-li .text li{width:100%;float: left;position: relative;padding-left:54px;color: #686868;margin-bottom:15px;} .contact-box .contact-li .text li i{position: absolute;left:0;top:-1px;width:35px;height: 35px;} .contact-box .contact-li .text li i.ico1{background: url(../images/ico10.png) no-repeat;} .contact-box .contact-li .text li i.ico2{background: url(../images/ico11.png) no-repeat;} .contact-box .contact-li .text li i.ico3{background: url(../images/ico12.png) no-repeat;} .contact-box .contact-li .text li i.ico4{background: url(../images/ico13.png) no-repeat;} .contact-box .contact-li .text li i.ico5{background: url(../images/mail.png) no-repeat;} .contact-box .contact-li .text li i.ico6{background: url(../images/www.png) no-repeat;} .contact-box .contact-li .text li p{line-height: 30px;font-size:14px;} .contact-li .form{width:100%;float: left;margin-top:10px;} .contact-li .form li{width:100%;float:left;margin-top:15px;} .contact-li .form li .input-text{width:100%;height: 50px;border:1px solid #CDCDCD;padding:0 15px;border-radius:4px;font-size:16px;} .contact-li .form li .text2{width:100%;height: 128px;border:1px solid #CDCDCD;padding:15px;border-radius:4px;font-size:16px;} .contact-li .form li .input{width:175px;height: 50px;background: #ef8200;border:none;cursor: pointer;border-radius:4px;color: #fff;font-size:18px;} .contact-li .form li .input:hover{opacity: .9;} .contact-box .contact-box{ max-width: 880px; margin: 0 auto 6%; /* border-top: 1px solid #eeeeee; */ } .contact-box .contact-box ul{ display: flex; /* 弹性布局 */ /* justify-content: space-between; 两端对齐 */ justify-content: flex-start; flex-wrap: wrap; /* 自动换行 */ } .contact-box .contact-box h2{ font-size: 20px; color:#ef8200 ; line-height: 40px; margin-top: 3%; } .contact-box .contact-box ul li{ margin-top: 20px; padding: 10px 20px; border: 1px solid #eeeeee; list-style: none; width: 31%; margin-right: 2%; } .contact-box .contact-box ul li h3{ line-height: 50px; color: #555555; font-size: 16px; } .contact-box .contact-box ul li p{ font-size: 14px; line-height: 32px; color: #686868; } /****************工作机会******************/ .er_gz{width:1000px; min-height:500px; height:auto; _height:auto; overflow:hidden; zoom:1;float:right;} .er_gzx{width:100%; float:left;margin-top:0; } .er_gzx h2{height:50px;width:100%;float:left;margin-top:0;} .er_gzx h2 span{font-size:18px; color:#000; float:left;} form.searchform {position: relative;width:190px;height:26px;border:1px solid #c3c3c3;float:right;border-radius:3px;background:#FFF;padding-right:30px;} .d2 input, .d2 button {border: none;outline: none;} .d2 input {width:100%;height:24px;background:#fff;font-size:12px;float: left;padding:0 10px;} .d2 button {background:url(../images/ico4.jpg) center no-repeat;position: absolute;width:24px; height:24px;top: 1px;right:0;margin-right:3px;cursor: pointer;} .er_gzx table{width:100%;margin:0px auto; } .er_gzx table tr th{ background:#F3F3F3; height:40px; font-size:16px;} .er_gzx table tr td{ height:54px; border-bottom:1px solid #f0f2f5; text-align:center; font-size:15px;} .er_gzx table tr td a{font-size:15px; color:#000;} .er_gzx table tr td a:hover{ color:#174a90;} /****************工作机会详情******************/ .er_gz_xq{width:100%;float:left;} .er_gz_xq h2{width:100%; height:55px; margin:0px auto; margin-top:0; font-size:18px; color:#000;border-bottom:2px solid #eee;} .er_gz_xq h2 span a{ float:right; width:137px; height:34px; background:#3E5169; line-height:34px; text-align:center; border-radius:5px; color:#fff; font-size:15px;} .er_gz_xq1{width:100%;font-size:16px; color:#585858; line-height:35px;float:left;} .er_gz_xq1 h3{ margin-top:30px; font-size:16px; color:#000;} .er_gz_xq2{width:100%; border:1px solid #DBDBDB; background:#F9F9F9;float:left;padding:30px;margin-top:30px;line-height:30px; margin-top:20px;} .er_gz_xq2 h3{margin-top:0; font-size:16px; color:#000;width:100%;float:left;margin-bottom:10px;} .er_gz_xq2 p{color:#585858; } /****************工作机会详情******************/ .er_sw{width:1000px; min-height:500px; height:auto; _height:auto; overflow:hidden; zoom:1;float:right; font-size:16px; color:#8e8e8e; line-height:30px; } .er_sw h2{ line-height:60px; font-size:26px; color:#34366c; margin-bottom:20px;} .zp-form{width:100%;float:left;margin:30px 0 40px 0;} .zp-form li{width:50%;float:left;position: relative;margin-bottom:22px;} .zp-form li span{float:left;width:86px;line-height: 42px;} .zp-form li .text,.zp-form li .text1{width:312px;float:left;height: 42px;border:1px solid #E7E7E7;background: #F9F9F9;border-radius:4px;padding:0 10px;} .zp-form li i{float:left;line-height: 42px;margin-left:10px;color: red;} .zp-form li .text1{padding-top:8px;} .zp-form li.litext{width:100%;} .zp-form li.litext p{padding-bottom:8px;} .zp-form li .text2{width:853px;float:left;border:1px solid #E7E7E7;background: #F9F9F9;border-radius:4px;padding:10px;min-height: 150px;} .zp-form .botinput{width:100%;float:left;text-align: right;padding-right:35px;} .zp-form .botinput .input{width:137px; height:34px; background:#3E5169; line-height:34px; text-align:center; border-radius:5px; color:#fff; font-size:15px;border:none;cursor: pointer;} .pages{width:100%;float:left;margin:50px 0;text-align: center;} .pages a{display: inline-block;height: 30px;border:1px solid #CACACA;padding:0 12px;margin:0 3px;line-height: 30px;font-size:14px;} .pages a:hover,.pages a.active{background:#576775;color: #fff;border-color: #174A90;} .pages ul{width:100%;float:left;text-align: center;margin:0 auto;display: block;} .pages li {display: inline-block;width:auto;height: 30px;line-height: 28px;margin:1px 0 0 2px;float:none;border-bottom:none} .pages li.disabled,.pages li.active {display: inline-block;padding:0 15px;border:1px solid #C9C9C9;} .pages li a{display: inline-block;padding:0 15px} .pages li.active ,.pages li a:hover{background: #576775;color: #fff;} .er_gz_xq .back{width:100%;float:left;text-align: right;margin:40px 0;} .tuandui-content{width:100%;float:left;padding:0 96px 0 15px;line-height: 30px;font-size:14px;text-align: justify;margin:0 0 50px 0;} .tuandui-content img{max-width: 100%;} .tuandui-content p,.tuandui-content div{margin-bottom: 15px; /* text-indent: 2em; */ font-family: "微软雅黑", Arial, Helvetica, sans-serif; font-size: 16px; color: #747474; line-height: 30px;} .news-list{width:100%;float:left;margin-top:0;} .news-list li{width:100%;float:left;border-bottom:1px solid #E5E5E5;padding:23px 0;} .news-list li a{font-size:18px;color: #474747;} .news-list li a:hover{color: #f08300;} .news-list li p{font-size:12px;line-height: 26px;margin-top:8px;color:#888;display: block;} .show-title{width:100%;float:left;text-align: center;font-size:22px;margin-top:0;font-weight: normal;} .titbot{width:100%;float:left;text-align: center;margin-top:15px;} .titbot span{display: inline-block;font-size:12px;margin:0 10px;padding-left:22px;} .titbot span.ico1{background: url(../images/ico14.png) left center no-repeat;} .titbot span.ico2{background: url(../images/ico15.png) left center no-repeat;} .titbot span.ico3{background: url(../images/ico16.png) left center no-repeat;} .show-content{width:100%;float:left;margin:40px 0;padding:0 30px;line-height: 30px;font-size:14px;text-align: justify;} .show-content img{max-width:100%;} show-content p,.show-content div,{ margin-bottom: 20px; text-indent: 2em; font-size: 16px; color: rgb(63, 63, 63); line-height: 35px; } .show-pages{width:100%;float:left;border-top:1px solid #E5E5E5;padding:35px 0;margin-top:50px;} .show-pages a.prev{float:left;background: url(../images/ico17.png) left center no-repeat;padding-left:55px;font-size:12px;line-height: 37px;} .show-pages a.prev:hover{background: url(../images/ico17h.png) left center no-repeat;} .show-pages a.next{float:right;background: url(../images/ico18.png) right center no-repeat;padding-right:55px;font-size:12px;line-height: 37px;} .show-pages a.next:hover{background: url(../images/ico18h.png) right center no-repeat;} .hd-list{width:100%;float:left;} .hd-list ul{margin-left:-20px;} .hd-list li{width:433px;float:left;margin:0 0 30px 20px;} .hd-list li .pic{width:100%;float:left;overflow: hidden;} .hd-list li .pic img{max-width: 100%;vertical-align: bottom;} .hd-list li p{width:100%;float:left;text-align: center;margin-top:10px;height: 30px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /*旋转木马*/ .container{ width: 100%; float:left; position: relative; border-top:1px solid #e5e5e5;padding-top:40px; } .rongyu-text{width:100%;float:left;font-size:16px;padding:15px 0;text-align: left;font-size:14px;border-top:1px solid #ccc;line-height: 25px;} .slide{ width: 100%; position: relative; margin-top:0; } .slide .img{ position: absolute; transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s; text-align: center; } .slide .img img{ max-width: 100%; filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(3px); /* Chrome, Opera */ -moz-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=false); /* IE6~IE9 */ vertical-align: bottom; } .slide .img1{ width: 10%; height: 10%; top: 40%; left: 10%; z-index: 1; } .slide .img2{ width: 30%; height: 40%; top: 20%; left: 10%; z-index: 2; } .slide .img3{ width: 50%; height: 50%; top: 10%; left: 25%; z-index: 3; text-align: center; } .slide .img4{ width: 30%; height: 40%; top: 20%; left: 60%; z-index: 2; } .slide .img5{ width: 10%; height: 10%; top: 30%; left: 60%; z-index: 1; } .slide .img3 img{border:1px solid #ccc;height: auto; filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(0px); /* Chrome, Opera */ -moz-filter: blur(0); -ms-filter: blur(0); filter: blur(0); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=0, MakeShadow=false); /* IE6~IE9 */ } .slide .img3 .text{display: block;} button.pre,button.next{ width: 23px; height: 41px; position: absolute; top:50%; margin-top:-20px; z-index: 999999999; border:none; text-indent: -999999999px; overflow: hidden; cursor: pointer; outline: none; } button.pre{background: url(../images/left2.png) no-repeat;left:25px;} button.next{background: url(../images/right2.png) no-repeat;right:25px;}